在 AI Agent 的時代下 Vibe Coding 已經成為了人人皆知的單字,只要跟 AI 講講話就可以把東西產出來。
但...產出來的東西真的可以如預期嗎?這卻又是另一回事。
所以這一篇將會以 Vibe Coding 新手角度去撰寫分享「Vibe Coding 實戰」,透過自己的實戰經驗一步一步帶領你落地一個系統,讓你帶走一套就算 AI 不管怎麼更新都無法被取代的 Vibe Coding 技法。
前言 接下來這 30 天,我會用同一個專案,帶你走完一次 Vibe Coding 的完整實戰開發流程。 帶你從一個模糊的想法,一路到能公開分享的記帳 Web...
前言 今天我們先來了解一下「Vibe Coding」這個詞的由來,還有它背後的意涵,畢竟我們整個系列都是建立在這個詞上面,那不去認識一下似乎不太對吧?依照我的...
前言 前面基本觀念跟系列介紹完了之後,接著我們要來準備把 AI Agent 也就是 Claude Code 安裝到你的電腦中。 雖然這章節非常簡單,只需要一行...
前言 看到這章節的你,我相信你已經把 Claude Code 安裝好了,因為接下來我們會需要來做一點點實作。 但今天的目標很小,試著用一個很小的練習跑完一次「...
前言 昨天嘗試了第一個小練習之後,你應該有被 AI 詢問你一些問題,並且問過你一次「可以改嗎?」,然後由你決定是否按下「Yes」同意它改檔案。 但...用久之...
前言 當你開始使用 AI 做一些事情之後,你會開始發生一些奇奇怪怪的事情,像是明明有講一些規則,但它好像忘了、答非所問、甚至把改好的東西又改回去。 大多數人對...
前言 終於來到我們第一週的結尾,這一週我們一路從... Vibe Coding 是什麼(Day 2) 安裝 AI Agent 跟挑訂閱方案(Day 3) 第...
前言 今天開始我們差不多要來準備動工了,畢竟前面已經把 AI 相關觀念以及 Claude Code 的一些操作小細節都搞清楚了,那當然就是準備介入實作階段啦~...
前言 「都把 SPEC.md 給準備好了,總可以開始叫 AI 寫程式了吧?!」 別急!你以為準備好 SPEC.md 就可以直接叫 AI 寫程式了嗎?不不不,這...
前言 SPEC.md、CLAUDE.md、專案環境以上都完成差不多了,接下終於要準備正式進入開發啦! 那我們第一個要開發的功能就是「記一筆帳」,這個功能是整個...