寫 App 不用背語法,現在流行「聊天就搞定」
還記得以前想學寫程式,要先買厚厚的書、看線上課程看到睡著嗎?Meta 最近公開說了一個讓很多工程師有點尷尬的事實:現在 30% 的新 App 是 AI 幫忙寫出來的,而且這個比例還在往上衝。
這不是什麼「未來趨勢」,是你今天打開電腦就能做的事。
什麼是 Vibe Coding?講人話就能寫程式
國外工程師給這個現象取了個名字叫 Vibe Coding,你可以想成「憑感覺寫程式」——不用管語法細節,把你想做的東西講清楚,AI 幫你生出程式碼。
就像你去 7-11 買咖啡,不用知道機器怎麼運作,只要說「大杯熱美式少糖」,店員就懂。現在跟 AI 寫程式也是這樣。
Meta 的執行長 Mark Zuckerberg 說,公司內部現在大量用 AI 輔助開發,連資深工程師都在改變工作方式。不是因為他們不會寫,是因為這樣更快。
實際試一次:30 分鐘做出你的第一個工具
不用安裝任何東西,直接用瀏覽器就能玩。以下是具體步驟:
第一步:選一個免費的 AI 程式助手
- ChatGPT(免費版就能用,選 GPT-4o)
- Claude(Anthropic 出的,寫程式特別穩)
- Meta AI(Meta 自家的,整合在 Instagram、Facebook 裡)
第二步:用「點餐式」說明你要什麼
不要只說「我要一個網站」,要像點餐一樣具體:
「我要一個單頁的記帳工具,畫面分成上下兩區。上面是輸入區:金額輸入框、類別下拉選單(早餐/午餐/晚餐/交通/其他)、備註欄、送出按鈕。下面是列表區,顯示今天所有紀錄,最底端顯示今日總花費。用 Tailwind CSS 讓畫面好看一點。」
第三步:把程式碼丟進線上編輯器
AI 會給你一整段程式碼,複製後貼到這兩個免費工具之一:
- CodeSandbox(codesandbox.io)
- Replit(replit.com)
貼上去按執行,馬上看到畫面。有錯誤就整段複製,丟回 AI 問「這個錯誤怎麼修」。
第四步:來回調整 3-5 次就會像樣
第一次通常很醜或有小 bug,沒關係。繼續跟 AI 說:
- 「數字要加千分位逗號」
- 「類別用不同顏色標記」
- 「加上刪除單筆的功能」
每次 2-3 分鐘,來回個幾次,20-30 分鐘後你就有一個真的能用的工具。
這跟「學程式」有什麼不同?
| 傳統學程式 | Vibe Coding |
|---|---|
| 先學 HTML/CSS/JS 三個月 | 直接講需求,邊做邊學 |
| 卡住只能 Google 找答案 | 卡住直接問 AI,給完整程式碼 |
| 做出來才敢說會寫 | 先做出來,再慢慢懂原理 |
重點不是取代工程師,是讓完全不懂的人也能先動手。就像你不會修車,但會開車一樣。
Meta 為什麼要推這個?
Zuckerberg 的盤算很實際:App 生態系越大,Meta 的廣告和平台價值越高。如果本來需要請工程師才能做的東西,現在行銷、設計、業務都能自己搓出來,創新速度會快很多。
這也是為什麼 Meta 把 AI 整合進 WhatsApp、Instagram、Facebook——讓十幾億人習慣「跟 AI 對話」這件事,自然會有人開始用它做更多東西。
現在就能試的三個小練習
不用等到「學會」,今天打開就能做:
- 個人記帳頁面(上面教的完整流程)
- 公司常用連結整理(把 10 個常用網頁做成一個按鈕面板)
- 簡易待辦清單(能新增、勾選完成、顯示完成數量)
每個都不超過 30 分鐘,做完你會發現:「原來我也能做 App」。
小提醒:AI 寫的 code 不是萬能
這個方法有幾個限制要知道:
- 複雜功能還是需要工程師:付款串接、資料庫安全、大量使用者同時使用,這些還是要專業處理
- 要會「問問題」:問得越清楚,結果越好。這反而是現在最重要的技能
- 要會檢查:AI 有時會「自信地給錯答案」,要看得懂基本邏輯才抓得出來
但對「先做出一個能用的東西」來說,這些限制根本不算什麼。
現在就打開 ChatGPT 或 Meta AI,輸入「幫我做一個簡單的記帳網頁」,看看 20 分鐘後會長什麼樣子。