iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

跟 AI 一起寫程式:30 天看懂 Vibe Coding 的提示、驗收與避雷 系列

AI 不只會聊天,也能陪你一起寫程式!本系列從初學者角度出發,帶你認識 Vibe Coding,學會如何透過自然語言描述需求,讓 AI 協助產生程式碼、設計畫面、修改功能與快速建立原型。30 天不追求打造超大型專案,而是一步步拆解與 AI 協作寫程式時真正會遇到的問題,包括 Prompt 怎麼下、需求怎麼拆、程式碼怎麼驗收,以及如何避免 AI 幻覺、需求漂移、功能被改壞、API Key 外洩與大型 Diff 等常見陷阱。即使程式基礎不深,也能學會把 AI 從「自動寫程式的黑盒子」,變成真正能一起工作的開發夥伴。

參賽天數 13 天 | 共 13 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 |團隊鳳梨田 NPC
DAY 1

Vibe Coding 到底是什麼?用聊天把想法變成程式

Vibe Coding,就是用自然語言告訴 AI 你想做什麼,再透過對話一步步把想法變成程式。 這個詞由 Andrej Karpathy 在 2025 年提出。...

2026-09-07 ‧ 由 anien 分享
DAY 2

只要會說話就會寫程式?Vibe Coding 能降低什麼門檻?

Vibe Coding 最迷人的地方,是你不必先學完整套程式語法,就能把一句「幫我做個記帳網站」變成能操作的 Prototype。 它真正降低的,主要有兩道門檻...

2026-09-08 ‧ 由 anien 分享
DAY 3

Vibe Coding、No-code、Low-code、AI-assisted Development 差在哪?

這四個名詞看似都在「少寫程式」,其實可以先切成兩派。 No-code / Low-code:靠平台降低門檻 No-code 主要用拖拉元件組成功能,Low-co...

2026-09-09 ‧ 由 anien 分享
DAY 4

能幫你做到哪一步?從一段程式到完整 Coding Agent

AI 寫程式不是「會或不會」,而是一道逐漸往上的能力階梯: 第 1 階|程式碼補全:看到目前程式,幫你接下一行。 第 2 階|聊天問答:根據問題解釋錯誤、產生函...

2026-09-10 ‧ 由 anien 分享
DAY 5

人和 AI 到底怎麼分工?意圖、Context、產出與判斷

你說「幫我做登入功能」,AI 可以立刻生出一整份程式碼。但它不知道這個功能要給誰用、資料有多敏感,也不知道什麼才算「做對」。 人和 AI 的分工,可以從四件事切...

2026-09-11 ‧ 由 anien 分享
DAY 6

第一個 Prompt 不要只寫「幫我做一個網站」

Day 05 說人負責意圖與 Context。這篇談的是:怎麼把這兩件事寫進第一個 Prompt。 「幫我做一個網站」看似很清楚,其實只交代了「要網站」,剩下幾...

2026-09-12 ‧ 由 anien 分享
DAY 7

AI 不是不聽話,可能是你沒有說什麼叫完成

Day 06 說第一個 Prompt 要交代清楚要做什麼。這篇談下一件事:做到什麼程度,才算做完。 「幫我把網站做好看一點」、「功能要正常」、「操作要好用」,這...

2026-09-13 ‧ 由 anien 分享
DAY 8

Prompt 之外還有 Context:AI 到底看見了哪些資料?

Day 05 說人要負責給 Context,那時列的是你主動提供的部分:技術環境、限制、既有程式碼、不能碰的地方。 但 AI 實際看到的,比你主動給的多很多。...

2026-09-14 ‧ 由 anien 分享
DAY 9

少講一百句,多給一張圖:範例、截圖與參考畫面怎麼用?

Day 08 說 AI 看得到的東西全攤在同事桌上,截圖也是其中一樣。這篇談怎麼把它放上去。 要 AI 做介面時,與其花十句描述「上面有標題、下面有卡片、按鈕靠...

2026-09-15 ‧ 由 anien 分享
DAY 10

先別急著寫:讓 AI 把不清楚的地方問完

還記得 Day 07 那個登入功能嗎?那篇談的是規格寫出來之後長什麼樣,這篇談的是規格還沒寫出來之前,怎麼把它問出來。 你只說了一句「幫我做會員登入頁」。AI...

2026-09-16 ‧ 由 anien 分享