iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Build on Google AI

2026年,如何利用 Antigravity CLI、Gemini、各項技能及 MCP Server 建構基於 Firebase 的 Angular 應用 系列

testing

參賽天數 24 天 | 共 24 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 - 建置 Firebase 基礎設施 - Firebase 專案

今天,我們將使用 Firebase MCP Server 為 Angular 應用程式建立 Firebase 專案。伺服器會呼叫工具來建立專案、新增 Web 應...

2026-09-12 ‧ 由 Connie 分享
DAY 12

Day 12 - 建置 Firebase 基礎設施 - Remote Config 預設值與 Firebase 設定物件

過去,在我的 Angular 專案中初始化 Firebase App 和 App Check,以及擷取 Remote Config 參數之前,我總是重複進行以下...

2026-09-13 ‧ 由 Connie 分享
DAY 13

Day 13 - 建置 Firebase 基礎設施 - 將 GitHub 存放庫連結至 Firebase App Hosting

Firebase App Hosting 是我不可或缺的 Firebase 服務之一。它讓 Angular 應用程式的部署變得非常快速且容易。在定義 App H...

2026-09-14 ‧ 由 Connie 分享
DAY 14

Day 14 - 建置 Firebase 基礎設施 - 透過 App Hosting 環境變數進行部署

我們的 Angular 應用程式目前已部署至 Firebase App Hosting,但尚未設定 Firebase API Key、Auth Domain、專...

2026-09-15 ‧ 由 Connie 分享
DAY 15

Day 15 - Firebase 與 Angular 整合 - 初始化 Firebase App、App Check 並取得 Remote Config

到目前為止,我們已經建置好 Firebase 基礎設施(專案、應用程式、reCAPTCHA Enterprise 金鑰、App Check、Remote Con...

2026-09-16 ‧ 由 Connie 分享
DAY 16

Day 16 - Firebase 與 Angular 整合 - 建立用於圖片轉文字任務的 Vision 服務

這個 Angular 應用程式展示了如何使用 Firebase AI Logic 處理圖片轉文字(Image-to-text)與文字轉語音(Text-to-sp...

2026-09-17 ‧ 由 Connie 分享
DAY 17

Day 17 - Firebase 與 Angular 整合 - 建立用於文字轉語音任務的 TextToSpeech 服務

Firebase AI Logic 在八月新增了文字轉語音(Text-to-Speech)功能,這簡化了在我的 Angular 應用程式中從文字生成語音的架構。...

2026-09-18 ‧ 由 Connie 分享
DAY 18

Day 18 - 使用 Web Audio API 實現即時串流音訊播放

Firebase AI Logic 的文字轉語音(Text-to-Speech)功能新增了對串流播放的支援,並將二進位資料以區塊(Chunk)形式回傳。然而,我...

2026-09-19 ‧ 由 Connie 分享
DAY 19

Day 19 - 定義 App Shell 與應用程式路由

我們已經抵達應用程式的使用者介面層。它由核心路由結構、應用程式外殼(App Shell)以及集中式儀表板元件所組成。該儀表板協調了多個專門的子元件,包括相片上傳...

2026-09-20 ‧ 由 Connie 分享
DAY 20

Day 20 - 建立圖片轉替代文字檢視

為圖片產生替代文字是一項基本的可存取性(Accessibility,簡稱 a11y)需求。AI 可以分析上傳的圖片並產生描述性的替代文字,螢幕閱讀器(Scree...

2026-09-21 ‧ 由 Connie 分享