程式學習日記
23免費公開
自 2023/04 月起，一腳踏入學習前端程式的道路。文章記錄我的前端技術研究，以及 side project 細節、上課心得介紹。
GitHub：https://github.com/AnnChouCode
這篇文章說明如何在 Expo 專案中，透過 Firebase Cloud Messaging（FCM）與 Azure Notification Hub 整合推播通知。內容涵蓋取得 FCM token、生成 SAS token，以及使用 REST API 將裝置註冊至 Azure 通知中樞的完整流程。
這篇文章說明如何在 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 的配置。
這篇文章說明如何在 Windows 電腦上設定 Android 推播通知，包含使用 Expo 串接 Firebase 和 Azure 的步驟。文章涵蓋 Firebase 和 Azure 的設定，以及 Android Studio 和 JDK 的配置。
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
本篇主題是 React Native 小介紹。
因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。
如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
本篇主題是 React Native 小介紹。
因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。
如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
開發 App 的軟體有很多種，例如 Ionic、React Native、Flutter…。
不過我們在決定要使用哪一套工具前，可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。
開發 App 的軟體有很多種，例如 Ionic、React Native、Flutter…。
不過我們在決定要使用哪一套工具前，可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用。那麼如果作為開發者呢？以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄。
PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用。那麼如果作為開發者呢？以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄。
在尋找解法時發現其他情境也可能跳出相同錯誤，此文針對 Ionic Angular 在安裝 PWA 功能報錯的訊息解決。
在尋找解法時發現其他情境也可能跳出相同錯誤，此文針對 Ionic Angular 在安裝 PWA 功能報錯的訊息解決。
最近在研究做 APP 的方法，以 web 前端開發者的身分來說，第一優先會先選擇能用 HTML 和 JS 的框架出發。這篇文章是針對 Ionic Angular 發生 R3InjectorError(Platform: core) 的除錯紀錄。
最近在研究做 APP 的方法，以 web 前端開發者的身分來說，第一優先會先選擇能用 HTML 和 JS 的框架出發。這篇文章是針對 Ionic Angular 發生 R3InjectorError(Platform: core) 的除錯紀錄。
這篇文章說明如何在 Expo 專案中，透過 Firebase Cloud Messaging（FCM）與 Azure Notification Hub 整合推播通知。內容涵蓋取得 FCM token、生成 SAS token，以及使用 REST API 將裝置註冊至 Azure 通知中樞的完整流程。
這篇文章說明如何在 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 的配置。
這篇文章說明如何在 Windows 電腦上設定 Android 推播通知，包含使用 Expo 串接 Firebase 和 Azure 的步驟。文章涵蓋 Firebase 和 Azure 的設定，以及 Android Studio 和 JDK 的配置。
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
本篇主題是 React Native 小介紹。
因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。
如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
本篇主題是 React Native 小介紹。
因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。
如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
開發 App 的軟體有很多種，例如 Ionic、React Native、Flutter…。
不過我們在決定要使用哪一套工具前，可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。
開發 App 的軟體有很多種，例如 Ionic、React Native、Flutter…。
不過我們在決定要使用哪一套工具前，可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用。那麼如果作為開發者呢？以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄。
PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用。那麼如果作為開發者呢？以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄。
在尋找解法時發現其他情境也可能跳出相同錯誤，此文針對 Ionic Angular 在安裝 PWA 功能報錯的訊息解決。
在尋找解法時發現其他情境也可能跳出相同錯誤，此文針對 Ionic Angular 在安裝 PWA 功能報錯的訊息解決。
最近在研究做 APP 的方法，以 web 前端開發者的身分來說，第一優先會先選擇能用 HTML 和 JS 的框架出發。這篇文章是針對 Ionic Angular 發生 R3InjectorError(Platform: core) 的除錯紀錄。
最近在研究做 APP 的方法，以 web 前端開發者的身分來說，第一優先會先選擇能用 HTML 和 JS 的框架出發。這篇文章是針對 Ionic Angular 發生 R3InjectorError(Platform: core) 的除錯紀錄。