30 天前，這項專案還只是存在於 Figma 與筆記軟體中的一個想法；30 天後的今天，《喵語日誌 PurrDay》已經成為一個部署在全球邊緣網路、具備多模態 AI 擬人對話、雲端即時同步與遊戲化成就系統的完整 Web 應用。

連續 30 天不間斷地編寫程式、測試除錯與撰寫技術文章，是一場對工程毅力與架構思維的嚴格考驗。在系列的最後一天，我將完整回顧這段開發旅程，梳理各階段的里程碑，並分享在 AI 時代下進行全端開發的核心心得。

專案體驗與開源儲存庫

• 線上體驗（Live Demo）： https://purrday-web.vercel.app

• GitHub 開源儲存庫： https://github.com/hsuanwenlin/purrday-web

• 系列專案全景架構： React 18 ＋ TypeScript ＋ Tailwind CSS ＋ Google Gemini API ＋ Firebase ＋ Vercel

三十天全景開發里程碑回顧

核心反思：AI 時代前端開發者的角色轉變

在這 30 天的高強度實作中，我有兩點最深刻的技術體會：

1. API 只是起點，極致的「體感工程」才是核心競爭力

在各類大語言模型 API 唾手可得的今天，光是「把 API 接通」已經無法形成產品壁壘。使用者真正在乎的是：

• 在等待 AI 推論的 2～3 秒內，是否有具備情感陪伴的 Skeleton UI 與動態碎念文案？

• 在上傳大容量照片時，前端是否有進行 Canvas 壓縮以節省等待時間與傳輸頻寬？

這些看似細小的前端體感優化，才是決定 AI 產品能不能真正留住使用者的關鍵。

2. 跨平台實機測試是檢驗工程質量的唯一標準

在桌面端 Localhost 跑得順暢，並不代表在真實手機環境上可用。本次開發中遇到的 iOS Safari 鍵盤聚焦強制縮放、長字串排版溢出以及底部安全區域遮擋等問題，都是在實機測試中才被挖掘出來的邊界狀況。具備主動發現並徹底修復 P0 級跨平台相容性問題的能力，才是軟體工程師不可替代的價值所在。

未來迭代路線圖

鐵人賽的 30 天雖然告一段落，但《喵語日誌》的演進不會停止。未來預計持續擴充以下功能：

• PWA（Progressive Web App）支援： 支援手機端直接加入主畫面，提供類似 Native App 的全螢幕沈浸式體驗與離線快取能力。

• Web Speech API 貓咪擬真語音合成： 結合前端語音合成或客製化貓咪音效，讓文字回覆轉化為真正的聲音陪伴。

• 多樣化貓咪性格設定： 提供傲嬌、溫柔、黏人等多種自訂性格 Prompt，讓使用者能切換不同風格的貓咪夥伴。

謝幕與感謝

感謝 iThome 鐵人賽提供了這個強迫自己持續輸出的舞台，也感謝每一位在這 30 天中閱讀、留言與測試應用的朋友。這段旅程不僅產出了一個完整上線的作品，更讓我完整經歷了一次從無到有的軟體工程生命週期。

30 天的挑戰正式畫下句點，但身為開發者的探索才正要開始！

感謝收看，我們在下一個開源專案見，喵～ 🐾