iT邦幫忙

鐵人檔案

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

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

testing

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

Day 1 - 我是如何在 2026 鐵人賽中想到這個主題的

在選擇要於 2026 鐵人賽中撰寫的主題時,我遇到了一些困難。我最終選擇了這個主題,因為在 2026 年,我使用 Antigravity CLI 和 Gemin...

2026-09-02 ‧ 由 Connie 分享
DAY 2

# Day 2 - 建立包含程式碼品質開發依賴項與設定檔的全新 Angular 專案

歷史背景 Firebase AI Logic 在 2025 年以及 2026 年的大部分時間裡都不支援文字轉語音(Text-to-Speech),因此我舊的專案...

2026-09-03 ‧ 由 Connie 分享
DAY 3

Day 3 - 新增關鍵的 AI 代理技能以打造成功的 Angular 與 Firebase AI Logic 專案

在開發全新的 Angular 與 Firebase AI Logic 專案時,我一直在使用這些 AI 代理技能(AI Agent Skills)。這些技能針對軟...

2026-09-04 ‧ 由 Connie 分享
DAY 4

Day 4 - 在 Antigravity CLI 註冊全域 MCP 伺服器 - Part 1

我在 Antigravity CLI 中註冊了 Angular、Firebase、Stitch 和 Chrome DevTool MCP 伺服器。這對我進行全端...

2026-09-05 ‧ 由 Connie 分享
DAY 5

Day 5 - 在 Antigravity CLI 註冊全域 Chrome DevTool 與 Vitest MCP 伺服器 - Part 2

Chrome DevTool MCP 伺服器的設定非常簡單,但要在我的 MacOS 筆記型電腦上正常運作卻有些困難。最終,我請 AI 幫我解決了這個問題。 Ch...

2026-09-06 ‧ 由 Connie 分享
DAY 6

Day 6 - 自訂 Agent 規則設定檔

在配置了 ESLint 規則、Agent 技能與 MCP 伺服器之後,Gemini 的表現依然沒有完全符合我的預期。 Gemini 難以捉摸的行為 在進行 AI...

2026-09-07 ‧ 由 Connie 分享
DAY 7

Day 7 - 在 Angular 中加入漸進式網頁應用程式(PWA)支援 - Part 1

漸進式網頁應用程式(Progressive Web App,PWA)具有許多優勢: 離線功能:Service Worker 會快取各項資產(圖示、圖片、字型等...

2026-09-08 ‧ 由 Connie 分享
DAY 8

# Day 8 - 在 Angular 中加入漸進式網頁應用程式(PWA)支援 - Part 2

Day 8 - 在 Angular 中加入漸進式網頁應用程式(PWA)支援 - Part 2 昨天,我們看到了觸發 MCP 伺服器工具並生成檔案的不同提示詞。...

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

Day 9 - 在 Angular 中加入 Angular Aria 支援 - 第一部分

每當我在 Angular 中建立展示(demo)時,我都沒有注意到無障礙輔助功能(accessibility),儘管這對視障人士來說是一項重要的功能。當 Ang...

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

Day 10 - 在 Angular 中加入 Angular Aria 支援 - 第二部分

在第一部分中,我們展示了如何使推薦和標籤列表符合 a11y 規範。在第二部分中,我們展示了 AudioTagsComponent 的程式碼重構,以及在新的 Vo...

2026-09-11 ‧ 由 Connie 分享