iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
生成式 AI

左手藍圖,右手魔法:DDD 與 Vibe Coding 的開發協奏曲 系列

AI 寫 Code 超快,但成品像一團義大利麵,讓你又愛又怕嗎?

本系列【左手藍圖,右手魔法】就是要為脫韁野馬般的「Vibe Coding」套上「文件驅動開發」這道完美護欄!我們將化身「領航員」與「引擎手」,學習用 Google Gemini 規劃藍圖,再以 Gemini CLI 在 VS Code 中高效衝刺。

文章將遵循文件、編碼、觀念整合的學習路徑,並使用 GitHub 記錄歷程,從零到有,實戰開發一個「習慣養成與心情日誌」。無論你是程式小白或想精進 AI 協作的開發者,都歡迎加入這場駕馭 AI 的開發協奏曲!

鐵人鍊成 | 共 32 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11: 【心法 #2】透過AI幫我們生成Prompt

安安,我是 ChiYu! 昨天,我們終於完成了上半部分的最後一份文件!可以正式進入開發的環節!但在進入開發環節前,我想要回頭再詳細聊一下 Ai Prompt E...

2025-08-30 ‧ 由 ChiYu 分享
DAY 12

Day 12: 【後端 #1】起手式:AI 代理人 生成模組化的 Flask 專案

安安,我是 ChiYu!歡迎來到歷史性的一刻! 過去一週,我們是專案的「規劃師」,用文字和圖表描繪著未來。從今天起,我們是「建築師」與「魔法師」,要將那些平面的...

2025-08-31 ‧ 由 ChiYu 分享
DAY 13

Day 13: 【後端 #2】AI 建築師:依藍圖自動建構 CRUD API

安安,我是 ChiYu!歡迎來到 Vibe Coding 協奏曲的第一個最大的開發項目! 昨天,我們用一個指令召喚出了整個專案骨架。今天,我們要進行一次令人振奮...

2025-09-01 ‧ 由 ChiYu 分享
DAY 14

Day 14: 【DevOps #1】AI 品管員:設定 GitHub Actions 自動化程式碼檢查

安安,我是 ChiYu! 我們前幾天火力全開,後端 API 核心功能都搞定了。我們的後端架構現在什麼功能都做得出來!但問題來了,我們怎麼保證每個工程師(當然也包...

2025-09-02 ‧ 由 ChiYu 分享
DAY 15

Day 15: 【後端 #3】API 測試:用 Gemini CLI 輔助撰寫 Pytest

安安,我是 ChiYu! 昨天,我們的 CI 品管員 (GitHub Actions) 成功上崗,確保了所有程式碼的「風格」都符合最高標準。 但是,一本語法完全...

2025-09-03 ‧ 由 ChiYu 分享
DAY 16

Day 16: 【整合篇】後端竣工!回顧與展望

安安,我是 ChiYu! 走到這一步,請先放下鍵盤,靠在椅背上,深呼吸,然後給自己一個最真誠、最響亮的掌聲!你真的非常、非常了不起! 今天,是我們「左手藍圖,右...

2025-09-04 ‧ 由 ChiYu 分享
DAY 17

Day 17: 【前端 #0】前端世界的基石: HTML, CSS 與 JavaScript

安安,我是 ChiYu! 昨天,我們為精彩的後端開發之旅,畫下了一個完美的句點。我們現在擁有一個性能強大、穩定可靠的「專案引擎」,一顆強壯、默默跳動的心臟,但它...

2025-09-05 ‧ 由 ChiYu 分享
DAY 18

Day 18: 【文件 #6】網站的風格指南:用 Gemini 定義顏色與字體

安安,我是 ChiYu! 昨天,我們扮演了「造物主」,理解了構成數位生命的三大基本元素:HTML (骨骼)、CSS (皮囊) 與 JavaScript (肌肉)...

2025-09-06 ‧ 由 ChiYu 分享
DAY 19

Day 19: 【文件 #7】頁面的骨架:用 Gemini 規劃主佈局與元件拆分

安安,我是 ChiYu! 昨天,我們扮演了「首席視覺設計師」,為我們的數位生命,定義了一套獨一無二的「基因圖譜 (DNA)」——我們的 風格指南。現在,我們有了...

2025-09-07 ‧ 由 ChiYu 分享
DAY 20

Day 20: 【前端 #1】Gemini Canvas 生成UI (還有新的AI建議功能)

安安,我是 ChiYu! 昨天,我們完成了前端開發的最後一份規劃文件。至此,我們所有的「左手藍圖」工作,全部大功告成! 從今天起,我們將正式拿起工具,戴上安全帽...

2025-09-08 ‧ 由 ChiYu 分享