AI 寫 Code 超快,但成品像一團義大利麵,讓你又愛又怕嗎?
本系列【左手藍圖,右手魔法】就是要為脫韁野馬般的「Vibe Coding」套上「文件驅動開發」這道完美護欄!我們將化身「領航員」與「引擎手」,學習用 Google Gemini 規劃藍圖,再以 Gemini CLI 在 VS Code 中高效衝刺。
文章將遵循文件、編碼、觀念整合的學習路徑,並使用 GitHub 記錄歷程,從零到有,實戰開發一個「習慣養成與心情日誌」。無論你是程式小白或想精進 AI 協作的開發者,都歡迎加入這場駕馭 AI 的開發協奏曲!
安安,我是 ChiYu! 昨天那場「視覺魔法秀」是不是超震撼的?才幾分鐘,AI 就「咻」一下變出一個又美又能動的 UI 原型,真的太扯了!這證明 AI 拿來做...
安安,我是 ChiYu! 昨天,我們扮演了一位冷靜而專業的「結構工程師」,成功地將 AI 生成的華麗原型,重構成為一個結構清晰、職責分明的專業前端專案。我們的...
安安,我是 ChiYu! 昨天,我們扮演了一位「創世神」,指揮 AI 在一天之內,為我們建構出了 App 完整、精美的靜態 UI。我們現在手上,有了一個外觀完美...
安安,我是 ChiYu! 昨天,我們的 App 經歷了一次歷史性的飛躍。我們為它安裝了「神經系統」,成功地讓前端的「身體」與後端的「大腦」進行了第一次對話。我們...
安安,我是 ChiYu! 昨天,我們的 App 經歷了一次質的飛躍。我們為它植入了「靈魂」——一個中央的狀態 (state) 和一個渲染引擎 (render)。...
安安,我是 ChiYu! 昨天,我們的 App 經歷了一次完全體的進化!我們在一天之內,火力全開,搞定了核心的 CRUD 功能。我們的 App 不僅能思考、能表...
安安,我是 ChiYu! 昨天,我們的 App 學會了「同理心」,能夠優雅地處理載入與錯誤,大幅提升了使用者體驗。至此,我們 App 的基礎建設與核心互動功能...
安安,我是 ChiYu! 昨天,我們再次實踐了「文件驅動開發」的核心精神。我們沒有直接衝進複雜的圖表程式碼中,而是先退一步,將一個模糊的「想法」,轉化為了一份清...
安安,我是 ChiYu! 昨天,我們成功地兌現了對使用者的最終承諾,將冰冷的數據轉化為了富有情感的、能啟發洞察的視覺化故事。我們的 App 核心價值已然確立。...
說在前頭!!!有些部分多花費了些時間在講,所以雖然今天已經滿30天了,但我還沒有正式完成這次鐵人賽系列文!!!我後面還是會繼續更新到正式完結。畢竟還是要有頭有尾...