將以初學者的角度,用 30 天認識近年快速發展的 Vibe Coding 開發方式。內容將從 Vibe Coding 的基本概念開始,介紹 Prompt、Context、AI Coding Agent、MCP 等相關技術,以及 Cursor、Claude Code、Gemini CLI 等常見 AI 開發工具的使用方式。
除了概念介紹,也會搭配簡單的實際操作,示範如何利用 AI 協助產生程式碼、除錯、重構。
希望透過 30 天的學習與實作,整理出一套適合初學者的 AI 協作開發入門指南,同時了解 Vibe Coding 能做到什麼、有哪些限制,以及如何更有效地與 AI 一起寫程式。
Day 1|開賽宣言:從 Prompt 到成品,30 天 Vibe Coding 挑戰開始! 又到了一年一度的 iThome 鐵人賽,這次我選擇的主題是: 「從...
Day 2|Vibe Coding 是什麼?從「寫程式」到「描述需求」 昨天提到了這 30 天會圍繞著 Vibe Coding 展開,那麼正式開始之前,當然還是...
昨天簡單介紹了 Vibe Coding 是什麼,不過看到這裡可能會有個疑問: 「這不就是叫 AI 幫忙寫程式嗎?」 某種程度上確實沒錯,但如果跟傳統 Codin...
前幾天一直提到「把需求告訴 AI,讓 AI 幫我們寫程式」,但這時候可能會有另一個問題: AI 到底為什麼會寫 Code? 現在我們常用的 ChatGPT、Cl...
如果說 Vibe Coding 的核心是「用自然語言開發」,那 Prompt 就是我們和 AI 溝通的第一步。 很多人第一次用 AI 寫程式時,可能只會輸入一句...
昨天介紹了 Prompt 的基本寫法,不過實際使用 AI Coding 時,我們不一定每次都能在第一句話就把所有需求想清楚。 有時候反而是看到 AI 做出第一版...
Day 7|Context 是什麼?AI 到底記得多少? 昨天提到,我們不需要一次就把所有需求塞進 Prompt 裡,而是可以透過持續對話,一步一步修改功能。...
昨天介紹了 Context,簡單來說,就是 AI 在回答問題時手上有哪些資訊。 知道 Context 很重要之後,今天就來看看實際寫程式時,要怎麼把需要的資訊提...
前幾天我們都是直接透過聊天的方式,把需求、程式碼和 Context 提供給 AI。 不過當專案開始變大,每次都要自己複製程式碼貼給 AI,再把修改後的 Code...
昨天介紹了 Chat、IDE 和 CLI 三種常見的 AI Coding 使用方式,今天就先從 AI IDE 開始,實際認識一下 Cursor。 Cursor...