Day 18: 【文件 #6】網站的風格指南：用 Gemini 定義顏色與字體
今天我們將化身為「首席視覺設計師」，與我們的 AI 夥伴 Gemini 深度對談，為我們的 App 定義一套獨一無二的視覺風格。
Gemini
UX/UI
Archive
全部文章
這裡收斂所有已發布的技術文章。可以從最新內容往下讀，也可以先進系列或主題索引找脈絡。
117 篇已發布文章
最新更新 2026-08-10
適合想把一條學習線補完整的時候。
Topics 依主題探索從 AI 協作、後端、前端或工作流切入。
Projects 依專案閱讀從公開作品反查代表文章、技術棧與主題脈絡。
Pinned, then latest
全部文章
一般更新
前端開發
2025-09-05
6 分鐘閱讀
點閱 0
Day 17: 【前端 #0】前端世界的基石： HTML, CSS 與 JavaScript
今天，我們將回歸本心，認識一下構成生命的三大基本元素：HTML, CSS, 與 JavaScript。
Frontend
HTML/CSS
JavaScript
一般更新
整合篇
2025-09-04
6 分鐘閱讀
點閱 1
Day 16: 【整合篇】後端竣工！回顧與展望
今天，是我們「左手藍圖，右手魔法」協奏曲的上半場終章。我們將回顧我們走了多遠，沉澱我們學到了什麼，並展望未來。
Software Engineering
Gemini
一般更新
後端開發
2025-09-03
6 分鐘閱讀
點閱 2
Day 15: 【後端 #3】API 測試：用 Gemini CLI 輔助撰寫 Pytest
今天我們將引入自動化測試，指揮 Gemini 化身為測試工程師，為我們撰寫測試案例，並直接升級 CI 流程。
CI/CD
Gemini
Python
Testing
一般更新
後端開發
2025-09-02
7 分鐘閱讀
點閱 1
Day 14: 【DevOps #1】AI 品管員：設定 GitHub Actions 自動化程式碼檢查
今天我們就要來幫專案請一位 24 小時不休息的稽查員—— GitHub Actions ，順便設定好我們的第一條自動化品管流程 (CI)！
CI/CD
Gemini
一般更新
後端開發
2025-09-01
6 分鐘閱讀
點閱 2
Day 13: 【後端 #2】AI 建築師：依藍圖自動建構 CRUD API
今天我們將扮演「專案總建築師」，把詳細的「設計藍圖 (API_SPEC.yml)」交給 AI 首席工程師，命令它根據藍圖建構完整的 Habits 資源模組。
Flask
Gemini
OpenAPI
一般更新
後端開發
2025-08-31
11 分鐘閱讀
點閱 2
Day 12: 【後端 #1】起手式：AI 代理人 生成模組化的 Flask 專案
今天我們將命令 AI 代理人，根據設計好的「模組化專案結構」，一步到位地為我們生成整個後端專案的基礎架構。
Software Engineering
Flask
Gemini
Python
一般更新
提示工程
2025-08-30
8 分鐘閱讀
點閱 0
Day 11: 【心法 #2】透過AI幫我們生成Prompt
今天我們暫時不推進度，要來一場「魔法師的幕後揭秘」，聊聊如何讓 AI 幫我們生成高品質的 Prompt。
AI
Gemini
Prompt Engineering
一般更新
API 設計
2025-08-29
8 分鐘閱讀
點閱 2
Day 10: 【文件 #5】溝通的契約：用 Gemini 撰寫「Web API 規格書」
今天，我們要交給「服務生 (API)」一份精準的「菜單」，讓他知道如何跟廚房溝通，這就是後端藍圖的最後一塊拼圖——Web API 規格書。
OpenAPI
Gemini
一般更新
資料庫設計
2025-08-28
9 分鐘閱讀
點閱 0
Day 9: 【文件 #4】數據的家：用 Gemini 規劃「資料庫綱要」
今天，我們將化身為「數據的守護者」——資料庫管理員 (DBA)，與 Gemini 一同規劃我們專案的「資料庫綱要 (Database Schema)」！
SQL
Gemini
Mermaid