誰說做 App 一定要學寫程式?現在流行「感覺開發」
你是不是也曾經有過這種想法:「如果能有一個 App 幫我記錄每天的咖啡花費就好了」或是「我想做一個簡單的工具幫我計算學測配分」,但每次打開教學影片,看到滿螢幕的 public static void main 或 div class="container" 就直接想關掉視窗?
其實,現在開發軟體進入了一個全新的階段,叫做 Vibe Coding。簡單來說,這就是一種「靠感覺開發」的模式。你不需要去背那些死板的語法,你只需要像在 LINE 跟朋友聊天一樣,告訴 AI 你想要什麼樣的感覺、什麼樣的功能,AI 就會幫你把後台那些複雜的程式碼全部搞定。
你可以把 Vibe Coding 想像成**「點餐」**:以前你要自己進廚房切菜、調味、掌控火候(這叫寫程式);現在你只需要告訴主廚「我要一份微辣、去洋蔥、多加起司的義大利麵」(這叫 Vibe Coding),主廚(AI Coding Agent)就會直接把成品端到你面前。
什麼是 Coding Agent?(就是你的 AI 程式員助理)
在進入步驟之前,我們先釐清一個名詞:Coding Agent。這跟一般的 ChatGPT 不同。ChatGPT 像是一個「會寫程式的聊天機器人」,它給你一段程式碼,你還要自己複製、貼上到編輯器、跑起來、發現報錯、再貼回去問它為什麼錯。
而 Coding Agent(例如 Cursor 或 Replit Agent)就像是一個「直接幫你操作電腦的工程師」。它不只會寫程式,它還能:
- 直接讀取你的所有檔案:它知道你的 App 結構,不會寫到一半忘記前面定義了什麼。
- 自動建立檔案:它會幫你開好
.html、.css、.js檔案,你不用手動建立。 - 自動修 Bug:跑起來報錯時,它能直接看到錯誤訊息並自己修正,直到成功為止。
為什麼這對「非技術人員」是個大機會?
在台灣,很多想創業或想提升工作效率的人,常卡在「找不到工程師」或「外包太貴」。一個簡單的內部管理工具,外包給公司可能要花 5 萬到 10 萬台幣,而且修改一次要等三天。但用 Vibe Coding,你只要花 10 分鐘描述需求,就能做出一個 80 分的成品,剩下的 20 分 透過對話微調就完成了。
具體操作:3 個步驟把想法變 App
如果你現在想試試看,建議直接下載 Cursor(目前最紅的 AI 編輯器)。以下是你可以直接套用的流程:
第一步:定義你的「Vibe」(需求描述)
不要只說「我要一個記帳 App」,這樣 AI 給你的會像教科書一樣無聊。你要給它具體的場景和感覺。
❌ 錯誤示範: 「幫我寫一個記帳 App。」 ✅ 正確示範: 「我要一個極簡風的記帳 App,背景要像 Notion 那樣乾淨。主頁面只有一個大大的『+』號,點進去可以快速輸入金額和類別。我希望它能用瀏覽器直接開啟,不需要安裝。」
第二步:讓 AI Agent 接手執行
在 Cursor 中按下 Cmd + K (Mac) 或 Ctrl + K (Windows),把上面的需求貼進去。你會看到 AI 開始像在打字機一樣,快速地幫你建立檔案、撰寫邏輯。
這時候你不需要看懂它寫了什麼,你只需要關注:「它有沒有按照我的要求建立功能?」
第三步:反饋與微調(就像在校對作文)
第一次跑出來的成品通常不會完美。這時候就是 Vibe Coding 的精髓——用對話來修改。
- 「按鈕太小了,請把它改成圓角且變成亮藍色。」
- 「我想在輸入金額後,畫面彈出一個『省錢成功!』的鼓勵小視窗。」
- 「請幫我加上一個匯出成 CSV 檔的功能,這樣我可以把資料貼到 Excel 報表裡。」
Vibe Coding 的心法:把 AI 當成實習生
很多人在使用 AI 寫程式時會感到挫折,是因為他們把 AI 當成「神」,期待一次就完美。正確的做法是把 AI 當成一個**「速度極快但偶爾會粗心的實習生」**。
- 拆解任務:不要一次要求 10 個功能。先做「登入」,成功後再做「資料輸入」,最後才做「美化」。
- 具體描述:如果你覺得畫面很醜,不要說「請讓它好看一點」,要說「請參考 Apple 官網的風格,增加留白,使用 San Francisco 字體」。
- 不要怕報錯:看到紅色的錯誤訊息不要慌,直接把錯誤訊息全選,問 AI:「這在跑什麼?請幫我修好它。」
總結:從「學習語言」轉向「學習溝通」
過去我們認為要進入科技業,必須花幾年時間學習 C++ 或 Java。但現在,最核心的能力變成了**「定義問題的能力」**。只要你能清楚地描述出你想要解決什麼問題、希望使用者有什麼感覺,你就是一個合格的開發者。
不再需要花幾萬塊去上寫程式補習班,也不需要為了做個小工具而苦惱。現在就打開 Cursor,試著把你腦中那個「如果能有個 App 就好了」的想法寫下來吧!