Ann Chou-avatar-img

Ann Chou

19 位追蹤者

Ann Chou

19 位追蹤者
Ann Chou 喜愛電影和威士忌,既是前端工程師,也是藝術愛好者。喜歡書寫學習歷程和技術文件,掌握經驗與隨時提取的感覺很好。
avatar-img
Ann Chou的沙龍
18會員
32內容數
從藝術領域轉職到前端工程師,喜歡書寫學習歷程和技術文件,掌握經驗與隨時提取的感覺很好。
全部內容
由新到舊
上篇介紹 MUI 基本安裝與使用方法,但我們不太可能用 MUI 完成整個網站的切版對吧?所以此篇將聚焦:MUI 與 Tailwind 協作、元件與主題客製化。這篇文章會更貼近實務應用情境作介紹。
Thumbnail
本篇文章介紹 MUI(原 Material UI)這個強大的 React UI 元件庫,涵蓋其核心元件、不同產品線、安裝與匯入元件的方式,以及如何在專案中套用樣式與主題。幫助開發者快速建立一致且具有品牌風格的介面。結論將引導讀者瞭解如何進一步自訂 MUI 的樣式主題。
Thumbnail
這篇文章說明如何在 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.
Thumbnail
PWA(Progressive Web App) 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術,它不用上架到 store,很適合行銷工具使用。那麼如果作為開發者呢?以下文章是使用 Ionic Angular PWA 在各載體中,對於相機功能的比較紀錄。
Thumbnail
Rewrite-avatar-img
2025/01/19
很清楚的評比,感覺上PWA 是一個在使用者沒有安裝APP的情境下的過渡方式,網頁行為要支援手機原生功能,就算可以使用,體感上還是有差
Ann Chou-avatar-img
發文者
2025/01/19
Rewrite 謝謝留言!尤其相機是手機使用者都很熟悉的功能,有一點操作不順都會造成強烈負評反饋。不過如果以純資訊瀏覽來說,我還是很喜歡 PWA 不用安裝 APP 的便利性的。