iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

從 Prompt 到成品:30 天 Vibe Coding 入門與實作 系列

將以初學者的角度,用 30 天認識近年快速發展的 Vibe Coding 開發方式。內容將從 Vibe Coding 的基本概念開始,介紹 Prompt、Context、AI Coding Agent、MCP 等相關技術,以及 Cursor、Claude Code、Gemini CLI 等常見 AI 開發工具的使用方式。

除了概念介紹,也會搭配簡單的實際操作,示範如何利用 AI 協助產生程式碼、除錯、重構。

希望透過 30 天的學習與實作,整理出一套適合初學者的 AI 協作開發入門指南,同時了解 Vibe Coding 能做到什麼、有哪些限制,以及如何更有效地與 AI 一起寫程式。

參賽天數 17 天 | 共 17 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 |團隊nutc imac
DAY 1

Day 1|開賽宣言:從 Prompt 到成品,30 天 Vibe Coding 挑戰開始!

Day 1|開賽宣言:從 Prompt 到成品,30 天 Vibe Coding 挑戰開始! 又到了一年一度的 iThome 鐵人賽,這次我選擇的主題是: 「從...

2026-09-15 ‧ 由 youtu 分享
DAY 2

Day 2|Vibe Coding 是什麼?從「寫程式」到「描述需求」

Day 2|Vibe Coding 是什麼?從「寫程式」到「描述需求」 昨天提到了這 30 天會圍繞著 Vibe Coding 展開,那麼正式開始之前,當然還是...

2026-09-16 ‧ 由 youtu 分享
DAY 3

Day 3|Vibe Coding vs 傳統 Coding:開發方式真的變了嗎?

昨天簡單介紹了 Vibe Coding 是什麼,不過看到這裡可能會有個疑問: 「這不就是叫 AI 幫忙寫程式嗎?」 某種程度上確實沒錯,但如果跟傳統 Codin...

2026-09-17 ‧ 由 youtu 分享
DAY 4

Day 4|LLM 為什麼會寫程式?簡單認識 AI Coding 的原理

前幾天一直提到「把需求告訴 AI,讓 AI 幫我們寫程式」,但這時候可能會有另一個問題: AI 到底為什麼會寫 Code? 現在我們常用的 ChatGPT、Cl...

2026-09-18 ‧ 由 youtu 分享
DAY 5

Day 5|Prompt 入門:怎麼跟 AI 說清楚你要什麼?

如果說 Vibe Coding 的核心是「用自然語言開發」,那 Prompt 就是我們和 AI 溝通的第一步。 很多人第一次用 AI 寫程式時,可能只會輸入一句...

2026-09-19 ‧ 由 youtu 分享
DAY 6

Day 6|Prompt 不用一次寫完:學會用對話慢慢修改需求

昨天介紹了 Prompt 的基本寫法,不過實際使用 AI Coding 時,我們不一定每次都能在第一句話就把所有需求想清楚。 有時候反而是看到 AI 做出第一版...

2026-09-20 ‧ 由 youtu 分享
DAY 7

Day 7|Context 是什麼?AI 到底記得多少?

Day 7|Context 是什麼?AI 到底記得多少? 昨天提到,我們不需要一次就把所有需求塞進 Prompt 裡,而是可以透過持續對話,一步一步修改功能。...

2026-09-21 ‧ 由 youtu 分享
DAY 8

Day 8|Context 不夠怎麼辦?讓 AI 更了解你的專案

昨天介紹了 Context,簡單來說,就是 AI 在回答問題時手上有哪些資訊。 知道 Context 很重要之後,今天就來看看實際寫程式時,要怎麼把需要的資訊提...

2026-09-22 ‧ 由 youtu 分享
DAY 9

Day 9|AI Coding 工具有哪些?Chat、IDE、CLI 有什麼差別?

前幾天我們都是直接透過聊天的方式,把需求、程式碼和 Context 提供給 AI。 不過當專案開始變大,每次都要自己複製程式碼貼給 AI,再把修改後的 Code...

2026-09-23 ‧ 由 youtu 分享
DAY 10

Day 10|Cursor 入門:讓 AI 直接住進編輯器

昨天介紹了 Chat、IDE 和 CLI 三種常見的 AI Coding 使用方式,今天就先從 AI IDE 開始,實際認識一下 Cursor。 Cursor...

2026-09-24 ‧ 由 youtu 分享