【完賽感言】左手藍圖，右手魔法：一趟旅程的結束與反思
這三十天不僅僅是開發一個 App，更是一場關於如何在 AI 時代重新定義開發者價值的探索之旅。
AI
Gemini
Vibe Coding
Archive
全部文章
這裡收斂所有已發布的技術文章。可以從最新內容往下讀，也可以先進系列或主題索引找脈絡。
101 篇已發布文章
最新更新 2026-06-15
適合想把一條學習線補完整的時候。
Topics 依主題探索從 AI 協作、後端、前端或工作流切入。
Projects 依專案閱讀從公開作品反查代表文章、技術棧與主題脈絡。
Latest first
全部文章
一般更新
優化篇
2025-09-19
3 分鐘閱讀
點閱 1
Day 31: 【優化篇】代碼的整形外科：JavaScript 模組化與代碼重構
今天我們將為原本臃腫的 script.js 進行一次徹底的「整形手術」，引入專業的 JavaScript 模組化結構。
Software Engineering
Gemini
JavaScript
一般更新
前端開發
2025-09-18
7 分鐘閱讀
點閱 0
Day 30: 【前端 #9】建立大門與鑰匙：根據流程圖實現前端使用者認證
今天我們將迎來前端整合的最終章！嚴格依據流程圖實現認證系統，為 App 裝上大門與門鎖。
Frontend
Gemini
一般更新
設計文件
2025-09-17
12 分鐘閱讀
點閱 0
Day 29: 【文件 #9】專案的守衛：用 Gemini 規劃「前端認證流程」
今天我們將進行第二個前端的 DDD 循環，扮演「資安架構師」，為專案撰寫一份清晰、專業的「前端認證流程規格書」。
Frontend
Gemini
一般更新
前端開發
2025-09-16
8 分鐘閱讀
點閱 1
Day 28: 【前端 #8】兌現承諾：根據規格書 Vibe Coding 關聯性洞察圖表
今天我們將正式拿起工具，嚴格依據昨天的這份《圖表元件規格書》，指揮 AI 和 Chart.js，將這幅數據的畫布，變成真實、可互動的前端程式碼！
Frontend
Gemini
JavaScript
一般更新
設計文件
2025-09-15
10 分鐘閱讀
點閱 5
Day 27: 【文件 #8】數據的畫布：用 Gemini 設計「圖表元件規格書」
今天我們將重拾文件驅動開發，為最複雜的「關聯性洞察」功能，撰寫一份清晰、專業的「圖表元件規格書」。
Frontend
Documentation
Gemini
一般更新
前端開發
2025-09-14
8 分鐘閱讀
點閱 1
Day 26: 【前端 #7】用戶體驗的最後一哩路：優雅地處理載入與錯誤
今天我們將為 App 注入「同理心」，教它如何與使用者溝通，優雅地處理「載入中」和「錯誤」狀態。
Frontend
Gemini
UX/UI
一般更新
前端開發
2025-09-13
8 分鐘閱讀
點閱 0
Day 25: 【前端 #6】核心生命週期：一天搞定習慣的「增刪改查」與「打卡」
今天我們將火力全開，搞定所有習慣的「增、刪、改、查」與「打卡」功能，讓 App 真正地動起來。
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-12
8 分鐘閱讀
點閱 0
Day 24: 【前端 #5】狀態管理的哲學：讓 UI 成為數據的鏡子
今天我們將深入探討狀態管理的心法，並引入一個輕量的狀態中心模式，讓我們的 UI 成為數據最忠實的鏡子。
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-11
8 分鐘閱讀
點閱 1
Day 23: 【前端 #4】非同步的藝術：深入 Fetch API 與 Promise
今天我們將深入前端開發中最核心的觀念——非同步程式設計，並學習如何使用 Fetch API 讓前後端進行對話。
Frontend
Gemini
JavaScript