首頁內容關於
Top 5
上篇介紹 MUI 基本安裝與使用方法，但我們不太可能用 MUI 完成整個網站的切版對吧？所以此篇將聚焦：MUI 與 Tailwind 協作、元件與主題客製化。這篇文章會更貼近實務應用情境作介紹。
本篇文章介紹 MUI（原 Material UI）這個強大的 React UI 元件庫，涵蓋其核心元件、不同產品線、安裝與匯入元件的方式，以及如何在專案中套用樣式與主題。幫助開發者快速建立一致且具有品牌風格的介面。結論將引導讀者瞭解如何進一步自訂 MUI 的樣式主題。
這篇文章說明如何在 Expo 專案中，透過 Firebase Cloud Messaging（FCM）與 Azure Notification Hub 整合推播通知。內容涵蓋取得 FCM token、生成 SAS token，以及使用 REST API 將裝置註冊至 Azure 通知中樞的完整流程。
這篇文章說明如何在 Windows 電腦上設定 Android 推播通知，包含使用 Expo 串接 Firebase 和 Azure 的步驟。文章涵蓋 Firebase 和 Azure 的設定，以及 Android Studio 和 JDK 的配置。
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
本篇主題是 React Native 小介紹。
因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。
如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
開發 App 的軟體有很多種，例如 Ionic、React Native、Flutter…。
不過我們在決定要使用哪一套工具前，可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用。那麼如果作為開發者呢？以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄。
上篇介紹 MUI 基本安裝與使用方法，但我們不太可能用 MUI 完成整個網站的切版對吧？所以此篇將聚焦：MUI 與 Tailwind 協作、元件與主題客製化。這篇文章會更貼近實務應用情境作介紹。
本篇文章介紹 MUI（原 Material UI）這個強大的 React UI 元件庫，涵蓋其核心元件、不同產品線、安裝與匯入元件的方式，以及如何在專案中套用樣式與主題。幫助開發者快速建立一致且具有品牌風格的介面。結論將引導讀者瞭解如何進一步自訂 MUI 的樣式主題。
這篇文章說明如何在 Expo 專案中，透過 Firebase Cloud Messaging（FCM）與 Azure Notification Hub 整合推播通知。內容涵蓋取得 FCM token、生成 SAS token，以及使用 REST API 將裝置註冊至 Azure 通知中樞的完整流程。
這篇文章說明如何在 Windows 電腦上設定 Android 推播通知，包含使用 Expo 串接 Firebase 和 Azure 的步驟。文章涵蓋 Firebase 和 Azure 的設定，以及 Android Studio 和 JDK 的配置。
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
本篇主題是 React Native 小介紹。
因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。
如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
開發 App 的軟體有很多種，例如 Ionic、React Native、Flutter…。
不過我們在決定要使用哪一套工具前，可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用。那麼如果作為開發者呢？以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄。
我在 Tezos 鏈鑄造第一個 NFT 滿一年了，回首過去一年真是滿滿的不可思議，我在 web3 完成了許多原本我在現實世界無法這麼頻繁參與的項目與成績。距離上次的心得包也過了半年，我決定將這系列的名稱從「菜雞創作者」改成「藝術創作者」，給自己些對未來的期許。（記錄於 Jan 28,2023）
幣圈一天，人間 10 年。Web3 發展速度奇快無比，對於藝術家的創作能力與組織力是一種挑戰。短短 15 天從零開始創作系列作品到宣傳，至完成售後服務。一人很累也很奇幻，現在回想起來一切都很開心美好。（寫於 June 15, 2022）
我玩 NFT 4 個月了！從開幕時沒售出作品，參與社群日活動，創立群組，到作品完售，終於進入二級市場，與大家分享我經歷過的種種。謝謝每位夥伴與買家。（寫於 May 15, 2022）
NFT 辦活動就能賣出作品嗎？比起第一次的「① 賀年卡活動」，我更遊刃有餘了。這次有測試出每個平台能帶來的流量，但也還是有美中不足的地方。總之，再接再厲！（寫於 Feb 24, 2022）
創作者只有 FB 和 IG，想玩 NFT 怎麼開始？從現有資源找到最適合自己的活動辦法。分享給與我一樣不擅長宣傳的 NFT 獨立創作者們，為活動組織出自己的思考路線。
我在 Tezos 鏈鑄造第一個 NFT 滿一年了，回首過去一年真是滿滿的不可思議，我在 web3 完成了許多原本我在現實世界無法這麼頻繁參與的項目與成績。距離上次的心得包也過了半年，我決定將這系列的名稱從「菜雞創作者」改成「藝術創作者」，給自己些對未來的期許。（記錄於 Jan 28,2023）
幣圈一天，人間 10 年。Web3 發展速度奇快無比，對於藝術家的創作能力與組織力是一種挑戰。短短 15 天從零開始創作系列作品到宣傳，至完成售後服務。一人很累也很奇幻，現在回想起來一切都很開心美好。（寫於 June 15, 2022）
我玩 NFT 4 個月了！從開幕時沒售出作品，參與社群日活動，創立群組，到作品完售，終於進入二級市場，與大家分享我經歷過的種種。謝謝每位夥伴與買家。（寫於 May 15, 2022）
NFT 辦活動就能賣出作品嗎？比起第一次的「① 賀年卡活動」，我更遊刃有餘了。這次有測試出每個平台能帶來的流量，但也還是有美中不足的地方。總之，再接再厲！（寫於 Feb 24, 2022）
創作者只有 FB 和 IG，想玩 NFT 怎麼開始？從現有資源找到最適合自己的活動辦法。分享給與我一樣不擅長宣傳的 NFT 獨立創作者們，為活動組織出自己的思考路線。
