AI Coding 新手真正缺的不是工具，而是一套 Vibe Coding 流程

很多人已經知道 AI 很強。

你可能也看了不少 AI coding 影片，試著用 ChatGPT 寫程式，下載過各種 AI 開發工具。剛開始看起來很有希望，AI 也真的能生出程式碼。

但問題是，最後你還是做不出一個真正能用的網站或 Web App。

不是沒有畫面，就是功能怪怪的。不是部署失敗，就是一改就壞。更麻煩的是，你不知道問題出在哪裡，也不知道下一步要怎麼請 AI 修。

所以我想先講一個比較直接的結論：AI Coding 新手真正缺的通常不是工具，而是一套開發方法。

如果你已經想用 AI 做出自己的網站、Web App 或 AI 應用，可以先看這堂課：

AI Coding 新手入門實戰課：用 Vibe Coding 做出網站與 Web App

你不是不會寫程式，你是不知道怎麼指揮 AI 做產品

在 AI 出現之前，學寫程式通常是一條很長的路。

你要先學語法，再學框架，再學工具，然後花很長時間練習，才有機會做出一個可以上線的產品。

但 AI 時代有一個很大的變化：AI 已經可以幫你寫很多程式碼。

這不代表你完全不用理解開發。相反地，你更需要學會怎麼把想法講清楚、怎麼拆需求、怎麼檢查結果、怎麼修正錯誤。

這就是 Vibe Coding 的核心。

Vibe Coding 不是隨便丟一句 prompt 給 AI，然後期待它一次把產品變出來。它比較像是一種和 AI 協作開發產品的方法。

你的角色不再只是「學會每一行程式怎麼寫」，而是要學會：

• 把模糊想法整理成清楚需求。
• 讓 AI 先規劃，再開始開發。
• 檢查功能是否真的符合你的目標。
• 遇到問題時，知道怎麼描述錯誤並修正。
• 最後把作品部署上線，而不是停在本機電腦裡。

成果標準不是做得像老師，而是作品真的能用

很多課程會讓學生做出和老師一模一樣的作品。

這種學法有一個問題：你看起來完成了，但其實只是複製了一次流程。只要換成自己的題目、自己的網站、自己的功能，就又卡住了。

在 Vibe Coding 裡，我更在意的成果標準不是「像」，而是「能用」。

你的網站不需要和老師一樣。你的 Web App 也不需要一模一樣。

只要它符合這幾件事，就是成功的作品：

• 功能正確。
• 可以實際操作。
• 可以部署上線。
• 可以根據你的需求繼續調整。

這件事很重要。

因為你真正想要的，通常不是做出一個課堂範例，而是做出你自己的個人網站、品牌頁、工作小工具，甚至是一個可以拿來測試市場的 AI 應用產品。

這堂課會帶你學會一個流程、兩個公式、四道防線

《AI Coding 新手入門實戰課：用 Vibe Coding 做出網站與 Web App》這堂課的核心，不是塞給你一堆工具名稱。

我會把 AI Coding 拆成一套新手能跟上的方法。

第一個是與 AI 協作的開發循環：

想法 → 規劃 → 開發 → 修正

你會學會如何從一個想法開始，先讓 AI 協助規劃，再進入開發，接著反覆修正功能。這個循環才是 AI Coding 最重要的能力。

第二個是內容網站公式：

品牌 → 受眾 → 痛點 → 特色 → CTA → 網站結構

透過這個公式，你可以快速建立：

• 個人品牌網站。
• 課程銷售頁。
• 公司服務網站。
• 作品集網站。

第三個是 Web App 公式：

輸入 → 轉換 → 輸出

只要理解這個公式，你就能開始設計各種工具型產品。例如 QR Code 產生器、心理測驗網站、天氣查詢 App，背後都可以用這個邏輯拆解。

最後是 AI Web App 必須注意的四道基礎安全防線：

• API Key：不要把金鑰直接暴露在前端。
• CORS：限制哪些來源可以呼叫你的服務。
• Rate Limit：避免服務被大量請求濫用。
• 預算警告：避免 AI API 或平台費用失控。

很多新手做 AI App 時，會只看到功能能不能跑，卻忽略上線後的風險。這堂課會把這些基礎觀念放進實作裡，而不是最後才補一句「要注意安全」。

你會完成 11 個專案，從網站一路做到 AI App

我不希望這堂課只停在概念。

所以課程會帶你完成 11 個實際專案，讓你從內容網站、Web App，一路做到 AI 應用。

內容網站專案包含：

• 個人數位名片。
• 一頁式品牌網站。
• 音樂教室官方網站。

Web App 專案包含：

• QR Code 產生器。
• 隨機食物轉盤。
• 心理測驗網站。
• 天氣查詢 App。

AI App 專案包含：

• AI 貼文生成器。
• AI 圖片生成工具。
• AI 圖片編輯工具。
• 職涯想像生成器。

這些專案的目的不是讓你收集一堆範例，而是讓你反覆練習同一件事：如何把需求拆開，讓 AI 協助你一步一步完成產品。

新手要強化的不是 prompt，而是 AI 工作規則

很多人學 AI Coding，第一反應是去找更強的 prompt。

prompt 當然重要，但如果你只靠單次 prompt，很快就會遇到天花板。因為真正的開發不是一次問答，而是一段有規則的協作。

課程裡會帶你強化幾個 AI Coding 關鍵能力：

• Rules：讓 AI 遵守專案規則，而不是每次都自由發揮。
• Docs：讓 AI 參考正確文件，減少亂猜和過時寫法。
• MCP：讓 AI 更好地串接外部工具與開發環境。
• Skills：把可重複使用的工作流程整理起來，讓 AI 下次能照著做。

這些東西聽起來比較進階，但它們解決的是很實際的問題：讓 AI 按照正確規則工作。

當 AI 不再只是臨時回答你，而是能依照專案規範協作，你做出穩定作品的機率才會提高。

作品要上線，才算真正完成

很多 AI Coding 練習最後會停在本機。

畫面跑得出來，功能好像也可以用，但只要你想分享給朋友、客戶或學員，就會發現還有一段路要走。

所以這堂課也會帶你完成上線流程：

• 部署到 Vercel。
• 設定網域。
• 檢查 Web App 基礎安全。

這一步對新手很關鍵。

因為當你的作品真的上線，你才會開始遇到真實產品會遇到的問題：速度、錯誤、連線、權限、安全、使用者操作。這些經驗會讓你從「我照著做了一個範例」，進到「我真的有能力做出一個能給別人用的東西」。

Vibe Coding 會讓你更快測試想法

在 AI 出現以前，做一個網站或 App 往往需要很久。

你要學語法、寫程式、不斷除錯，可能花好幾天甚至好幾週，才做出一個產品原型。

但透過 Vibe Coding，你可以大幅縮短從想法到原型的時間。

很多專案可能只需要幾小時，或一堂課的時間，就能完成一個可以操作的版本。

這代表你可以更快做三件事：

• 快速測試產品想法。
• 快速做出工作小工具。
• 快速建立可以展示的作品。

速度不是為了炫技，而是為了讓你更快驗證。你不用等到什麼都學完，才開始做第一個產品。

這堂課適合想把 AI 變成作品的人

如果你只是想看 AI 有多厲害，這堂課可能不是最適合的。

但如果你想真的做出東西，它會很適合你。

特別是以下幾種人：

• 職場工具派：行政人員、活動企劃、PM 或專案管理者，想快速建立報名頁、活動網站或工作小工具。
• 個人品牌派：講師、教練、顧問、創作者，想建立個人品牌網站、課程銷售頁或自己的 AI 工具。
• 產品探索派：想做 Web App 的創作者，想把 AI 從聊天變成真正能使用的工具。

你不需要工程背景。

但你需要願意用「想法 → 規劃 → 開發 → 修正」這個循環，反覆把作品做出來。

我希望這堂課解決的是新手真正會卡住的地方

我是平凡老師李東霖。

過去我的 n8n AI Agent 線上課程累積 5000+ 學員，也協助 60,000+ 使用者進入 AI 與數位工具世界，另外有 12,000+ 學員成功建立網站。我的 YouTube 內容累積 80 萬次觀看，主題涵蓋 AI、網站開發、生產力工具與數位應用。

我也有 Google AI 認證學程相關背景。

我很清楚新手最容易卡住的地方，通常不是不夠努力，而是沒有方法。

過去學員曾經這樣回饋：

• SunnyMonkey：超早鳥購入真心不後悔，課程系統完整，不只教操作，也幫你理解原理結構。
• 羅O鴻：老師講解清楚易懂，沒有程式背景的人也能跟上。
• 林O哲：內容紮實又實用，CP 值非常高。
• 啾啾小魚：終於有中文課程把 n8n 和 AI 應用講清楚。
• cwchien：課程簡潔明瞭，利用零碎時間也能學。

這些回饋背後，其實都是同一件事：新手需要的不是更多零散工具，而是一條可以照著走、走完真的能做出東西的路線。

如果你想開始做自己的 AI 產品，可以先免費試學

這堂課會從零開始，帶你用 Vibe Coding 做出網站、Web App 與 AI App。

你會帶走的不是一個單一範例，而是一套可以重複使用的能力：

• AI Coding 能力。
• 網站製作能力。
• Web App 開發能力。
• AI 應用能力。
• 部署上線能力。

如果你一直覺得 AI 很強，但自己還是做不出軟體或網站，問題可能不是你不適合學開發。

你只是需要一套更適合 AI 時代的新手開發流程。

如果你想從零開始，用 AI 做出真正能上線的網站、Web App 與 AI 應用，可以先免費試學第一章和第二章。

前往《AI Coding 新手入門實戰課：用 Vibe Coding 做出網站與 Web App》