iT邦幫忙

鐵人檔案

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

《30天打造喵語日誌:Gemini API × Vibe Coding 實戰》 系列

在快節奏生活中,情緒記錄往往難以堅持。《喵語日誌》是結合 Google AI 與 Vibe Coding 開發的輕量陪伴平台。

本專案以「貓咪視角」為核心,運用 Gemini API 的多模態辨識與角色扮演能力,將使用者上傳的照片與隨記轉化為溫暖回饋與情緒標籤,並透過 Firebase 整合為情緒月曆與遊戲化成就卡片。

30 天鐵人賽中,我將記錄如何運用 Vibe Coding 進行人機協作,從 Prompt 調校、前端 UI 快速迭代到 Gemini API 與 Firebase 串接,展現 AI 時代的高效開發實踐!

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 |團隊五人成行,Bug 不行
DAY 21

Day 21:【成就觸發邏輯】自動判定解鎖條件與即時彈窗:打造驚喜的遊戲化體驗!

從單純記錄到遊戲化回饋 昨天完成 Firestore 資料讀取與情緒圖表即時同步後,《喵語日誌》已經具備完整的情緒記錄與視覺化回顧能力。 不過,單純記錄情緒,長...

2026-08-22 ‧ 由 alice__ 分享
DAY 22

Day 22:【第三週里程碑】前後端完全貫通!全鏈路整合大測試與系統架構總體檢

第三週開發成果大驗收 過去三週,我們從零開始打造了《喵語日誌》的完整應用。 第一週完成了貓咪介面、情緒分析與成就徽章牆的靜態原型;第二週接入 Gemini 多模...

2026-08-23 ‧ 由 alice__ 分享
DAY 23

Day 23:【AI 資安】Prompt Injection 防禦與 System Instruction 設計:讓貓咪守住人設防線!

AI 應用的資安新挑戰 隨著大型語言模型(LLM)廣泛應用於現代產品,前端開發者面臨的資安威脅,已經不再只是傳統的 XSS 或 SQL 注入。 在生成式 AI...

2026-08-24 ‧ 由 alice__ 分享
DAY 24

Day 24:【資料庫資安】Firestore 安全規則與金鑰環境管理

無後端架構的資安痛點 在傳統的三層式網站架構中,資料庫通常隔離在後端伺服器(Node.js / Go / Java)後面。後端可以透過 Session 或 To...

2026-08-25 ‧ 由 alice__ 分享
DAY 25

Day 25:雲端實戰!Vercel 自動化部署與生產環境 Gemini API 除錯紀實

在本地端完成開發後,最關鍵的一步就是將前端專案推向雲端,讓所有人都能隨時在線上體驗《喵語日誌》。 今天將專案正式部署至 Vercel 雲端平台,並記錄在生產環境...

2026-08-26 ‧ 由 alice__ 分享
DAY 26

Day 26:【使用者體驗】載入狀態與 Skeleton 骨架屏美化

在大型語言模型(LLM)的應用場景中,從使用者按下送出到模型完成多模態推論與結構化回傳,通常存在約 2~3 秒的運算延遲。如果這段期間介面毫無反饋,或者只有一顆...

2026-08-27 ‧ 由 alice__ 分享
DAY 27

Day 27:跨平台真實使用者測試反饋與行動端(RWD)細節調優

在完成核心功能、雲端資料庫串接與 Skeleton UI 美化後,《喵語日誌》已經具備了對外發布的完整雛形。然而,在桌面開發者工具模擬的「完美環境」中運作順暢,...

2026-08-28 ‧ 由 alice__ 分享
DAY 28

Day 28:【專案工程化】打造高質感的開源門面:系統架構圖繪製與 GitHub README 撰寫

在完成了功能實作、雲端資料庫串接與真機使用者的跨平台測試調優後,《喵語日誌 PurrDay》的功能面已經相當完備。然而,對於一個成熟的軟體專案來說,程式碼寫得好...

2026-08-29 ‧ 由 alice__ 分享
DAY 29

Day 29:【履歷加分】從 0 到 1 打造 AI 全端作品:STAR 原則與專案量化總結

在完成了全功能開發、雲端資料庫串接、跨平台實機除錯以及開源文件的規範化後,《喵語日誌 PurrDay》已經具備了可交付產品的完整度。 然而,在技術求職或作品集展...

2026-08-30 ‧ 由 alice__ 分享
DAY 30

Day 30:【完賽感言】三十天從零打造《喵語日誌》:AI 時代前端開發者的自我蛻變

30 天前,這項專案還只是存在於 Figma 與筆記軟體中的一個想法;30 天後的今天,《喵語日誌 PurrDay》已經成為一個部署在全球邊緣網路、具備多模態...

2026-08-31 ‧ 由 alice__ 分享