Day 20: 【前端 #1】Gemini Canvas 生成UI (還有新的AI建議功能)
今天我們將使用 Gemini Canvas 功能，直接從「建築工人」升級成「魔法建築師」，瞬間召喚出一棟功能完整、外觀精美的 UI 原型！
Frontend
Gemini
UX/UI
Last 7 days
近 7 天熱門文章
全部文章依近 7 天的 GoatCounter 點閱數重新排序，最能看出這一週正在被討論的主題。資料每天自動同步一次。
212 篇文章
35 篇有近 7 天點閱
全站近 7 天點閱 371
同步於 2026-11-02 14:03
Ranked by views
近 7 天點閱排行
有近 7 天點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
172
一般更新
設計文件
2025-09-07
9 分鐘閱讀
近 7 天 0 次點閱
Day 19: 【文件 #7】頁面的骨架：用 Gemini 規劃主佈局與元件拆分
今天我們將化身為「UI 架構師」，指揮 Gemini 設計出網站的主要佈局，並將介面拆解成清晰的元件清單。
Frontend
Gemini
UX/UI
173
一般更新
設計文件
2025-09-06
11 分鐘閱讀
近 7 天 0 次點閱
Day 18: 【文件 #6】網站的風格指南：用 Gemini 定義顏色與字體
今天我們將化身為「首席視覺設計師」，與我們的 AI 夥伴 Gemini 深度對談，為我們的 App 定義一套獨一無二的視覺風格。
Gemini
UX/UI
174
一般更新
前端開發
2025-09-05
6 分鐘閱讀
近 7 天 0 次點閱
Day 17: 【前端 #0】前端世界的基石： HTML, CSS 與 JavaScript
今天，我們將回歸本心，認識一下構成生命的三大基本元素：HTML, CSS, 與 JavaScript。
Frontend
HTML/CSS
JavaScript
175
一般更新
整合篇
2025-09-04
6 分鐘閱讀
近 7 天 0 次點閱
Day 16: 【整合篇】後端竣工！回顧與展望
今天，是我們「左手藍圖，右手魔法」協奏曲的上半場終章。我們將回顧我們走了多遠，沉澱我們學到了什麼，並展望未來。
Software Engineering
Gemini
176
一般更新
後端開發
2025-09-03
6 分鐘閱讀
近 7 天 0 次點閱
Day 15: 【後端 #3】API 測試：用 Gemini CLI 輔助撰寫 Pytest
今天我們將引入自動化測試，指揮 Gemini 化身為測試工程師，為我們撰寫測試案例，並直接升級 CI 流程。
CI/CD
Gemini
Python
Testing
177
一般更新
後端開發
2025-09-02
7 分鐘閱讀
近 7 天 0 次點閱
Day 14: 【DevOps #1】AI 品管員：設定 GitHub Actions 自動化程式碼檢查
今天我們就要來幫專案請一位 24 小時不休息的稽查員—— GitHub Actions ，順便設定好我們的第一條自動化品管流程 (CI)！
CI/CD
Gemini
178
一般更新
後端開發
2025-09-01
6 分鐘閱讀
近 7 天 0 次點閱
Day 13: 【後端 #2】AI 建築師：依藍圖自動建構 CRUD API
今天我們將扮演「專案總建築師」，把詳細的「設計藍圖 (API_SPEC.yml)」交給 AI 首席工程師，命令它根據藍圖建構完整的 Habits 資源模組。
Flask
Gemini
OpenAPI
179
一般更新
後端開發
2025-08-31
11 分鐘閱讀
近 7 天 0 次點閱
Day 12: 【後端 #1】起手式：AI 代理人 生成模組化的 Flask 專案
今天我們將命令 AI 代理人，根據設計好的「模組化專案結構」，一步到位地為我們生成整個後端專案的基礎架構。
Software Engineering
Flask
Gemini
Python
180
一般更新
API 設計
2025-08-29
8 分鐘閱讀
近 7 天 0 次點閱
Day 10: 【文件 #5】溝通的契約：用 Gemini 撰寫「Web API 規格書」
今天，我們要交給「服務生 (API)」一份精準的「菜單」，讓他知道如何跟廚房溝通，這就是後端藍圖的最後一塊拼圖——Web API 規格書。
OpenAPI
Gemini