Ann Chou
19
位追蹤者
追蹤
Ann Chou
19
位追蹤者
Ann Chou 喜愛電影和威士忌,既是前端工程師,也是藝術愛好者。喜歡書寫學習歷程和技術文件,掌握經驗與隨時提取的感覺很好。
Ann Chou的沙龍
18
會員
32
內容數
加入
前往沙龍
從藝術領域轉職到前端工程師,喜歡書寫學習歷程和技術文件,掌握經驗與隨時提取的感覺很好。
加入
前往沙龍
發佈內容
我的成就
全部內容
由新到舊
Ann Chou的沙龍
2025/10/11
【React UI 庫比較 - 2】MUI 主題客製化 + Tailwind 協作
上篇介紹 MUI 基本安裝與使用方法,但我們不太可能用 MUI 完成整個網站的切版對吧?所以此篇將聚焦:MUI 與 Tailwind 協作、元件與主題客製化。這篇文章會更貼近實務應用情境作介紹。
#
ReactUI庫比較
#
MUI
#
UI元件
2
留言
Ann Chou的沙龍
2025/09/28
【React UI 庫比較 - 1】MUI 入門:React Vite + TS 設定與基本用法
本篇文章介紹 MUI(原 Material UI)這個強大的 React UI 元件庫,涵蓋其核心元件、不同產品線、安裝與匯入元件的方式,以及如何在專案中套用樣式與主題。幫助開發者快速建立一致且具有品牌風格的介面。結論將引導讀者瞭解如何進一步自訂 MUI 的樣式主題。
#
UI元件
#
MUI
#
React
喜歡
留言
Ann Chou的沙龍
2025/09/28
【Expo Android 推播整合 04】 裝置註冊:請求通知權限與通知種類介紹
請求通知權限與通知種類介紹
#
APP
#
應用程式
#
Azure
喜歡
留言
Ann Chou的沙龍
2025/05/22
【Expo Android 推播整合 03】 裝置註冊:Azure Notification Hub 註冊與程式碼解析
這篇文章說明如何在 Expo 專案中,透過 Firebase Cloud Messaging(FCM)與 Azure Notification Hub 整合推播通知。內容涵蓋取得 FCM token、生成 SAS token,以及使用 REST API 將裝置註冊至 Azure 通知中樞的完整流程。
#
APP
#
應用程式
#
Azure
1
留言
Ann Chou的沙龍
2025/04/27
【Expo Android 推播整合 02】 專案建置:設定 Firebase、Azure
這篇文章說明如何在 Windows 電腦上設定 Android 推播通知,包含使用 Expo 串接 Firebase 和 Azure 的步驟。文章涵蓋 Firebase 和 Azure 的設定,以及 Android Studio 和 JDK 的配置。
#
APP
#
應用程式
#
Azure
1
留言
Ann Chou的沙龍
2025/04/20
【Expo Android 推播整合 01】 基礎概念:認識 Firebase 與 Azure Notification
介紹在 React Native / Expo 中實作推播通知的方式,並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging(FCM)或 Azure Notification Hubs 的差異。
#
APP
#
Android
#
ReactNative
喜歡
留言
Ann Chou的沙龍
2025/04/19
React Native / Expo 介紹
本篇主題是 React Native 小介紹。 因為先前在測試 Ionic + PWA 開發,對相機功能實在太失望,結果現在我開始用 React Native / Expo 了。 如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App,可以先閱讀 App 種類概述 。
#
APP
#
ReactNative
#
EXPO
1
留言
Ann Chou的沙龍
2025/04/19
App 種類概述
開發 App 的軟體有很多種,例如 Ionic、React Native、Flutter…。 不過我們在決定要使用哪一套工具前,可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。
#
APP
#
軟體開發
#
開發
喜歡
留言
Ann Chou的沙龍
2025/01/28
Vite React + Tailwind 4.0 + prettier-plugin-tailwindcss 安裝
最近工作上可能要用 React + Tailwind 了,剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出,尤其是 Tailwind 做了大改版,對我這樣剛好是這兩項技術的新手小白來說,還沒有更多文章可以參考,光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
#
TailwindCSS
#
Vite
#
React
8
留言
Ann Chou的沙龍
2025/01/18
Ionic 7+Angular:PWA camera 相機功能比較
PWA(Progressive Web App) 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術,它不用上架到 store,很適合行銷工具使用。那麼如果作為開發者呢?以下文章是使用 Ionic Angular PWA 在各載體中,對於相機功能的比較紀錄。
#
PWA
#
Ionic
#
APP
5
3
Rewrite
2025/01/19
1
很清楚的評比,感覺上PWA 是一個在使用者沒有安裝APP的情境下的過渡方式,網頁行為要支援手機原生功能,就算可以使用,體感上還是有差
1
Ann Chou
發文者
2025/01/19
1
Rewrite 謝謝留言!尤其相機是手機使用者都很熟悉的功能,有一點操作不順都會造成強烈負評反饋。不過如果以純資訊瀏覽來說,我還是很喜歡 PWA 不用安裝 APP 的便利性的。
1
vocus 勳章
NFT
了解
如何蒐集勳章