用 Claude Code 10 分鐘把想法變 App:不用寫程式的 Vibe Coding 實測

用 Claude Code 10 分鐘把想法變 App:不用寫程式的 Vibe Coding 實測

用 Claude Code 10 分鐘把想法變 App:不用寫程式的 Vibe Coding 實測

誰說做 App 一定要會寫程式?現在流行「感覺寫法」

你是不是也曾經有過這種想法:「如果能有一個簡單的小工具,幫我算算這台 6 萬塊的 iPhone 每天分攤下來多少錢,我就知道該不該買了」?但每次想到要找工程師、學 Python 或 JavaScript,就直接把這個想法給放棄了。

現在有個新詞叫 Vibe Coding。簡單來說,就是你不需要懂任何程式碼,只要用「對話」的方式告訴 AI 你想要什麼感覺、什麼功能,AI 就會像個超級助理一樣,幫你把程式碼寫好、測試好,甚至直接幫你部署上去。就像你點餐一樣,你只要說「我要一份大麥克,不要酸黃瓜」,廚師(AI)就會幫你處理好所有細節。

這次我們實測了目前最強的兩款 AI 程式助手:Claude CodeOpenAI Codex,看看誰才是真正的「懶人救星」。

實測三個生活化工具:AI 到底能幫你做什麼?

為了測試這兩款工具,我們嘗試做了三個在台灣生活中超實用的 App:

1. 訂閱服務追蹤器(再也不怕被偷偷扣款)

我們每個月可能訂了 Netflix、Disney+、Spotify,還有各種 App 訂閱,常常到信用卡帳單出來才發現:「咦?這個我明明取消了為什麼還在扣錢?」

具體做法:

  • 告訴 AI:「我想做一個工具,能掃描我的電子信箱,找出所有包含『訂閱』、『付款成功』關鍵字的信件,並把它們列成一張表格。」
  • 結果: Codex 在處理這類資料抓取時表現得更精準,能快速幫你把雜亂的信件變成清單。

2. 超市價格比價工具(省錢達人必備)

在台灣買東西,有時候全聯比較便宜,有時候家樂福比較划算。如果能有一個工具幫我們快速比價就太棒了。

具體做法:

  • 告訴 AI:「幫我寫一個簡單的網頁,我可以輸入商品名稱,它會幫我比對不同電商平台的價格。」
  • 結果: 兩者都能完成,但 Claude Code 在介面設計(UI)上更有「美感」,不需要你額外要求,做出來的畫面就比較像現代的 App。

3. 「買這個值不值得」計算機(購物衝動抑制器)

這是我最推薦的功能!當你想買一個 3 萬元的電單車或名牌包時,用這個計算機算算看:如果分攤到未來三年的使用天數,每天只要花多少錢?

具體做法:

  • 告訴 AI:「我要一個計算機,輸入商品價格、預計使用年限,它會告訴我每天的成本,並根據我的月薪給出『建議購買』或『快給我省錢』的評分。」
  • 結果: 這類邏輯運算對 AI 來說太簡單了,不到 2 分鐘就完工。

Claude Code vs. OpenAI Codex:你該選哪一個?

如果你完全不懂技術,可以把這兩者的差異想成:

  • OpenAI Codex 就像是一個經驗豐富的資深工程師。他做事非常精準,邏輯極強,如果你需要處理複雜的數據(像上面的信箱追蹤器),他會是首選。
  • Claude Code 則像是一個懂設計的產品經理。他不僅能寫程式,還很在意「好不好用」、「好看不好看」,對話的感覺更自然,更懂你的「感覺」。

快速對比表

比較項目OpenAI CodexClaude Code
邏輯準確度⭐⭐⭐⭐⭐⭐⭐⭐⭐
介面美感⭐⭐⭐⭐⭐⭐⭐⭐
對話理解力⭐⭐⭐⭐⭐⭐⭐⭐⭐
上手難易度簡單極簡單

給完全不懂技術者的 3 個上手建議

如果你想現在就試試 Vibe Coding,不要被「程式碼」這三個字嚇到,請記得這三個技巧:

  1. 把 AI 當成實習生:不要只說「我要一個比價 App」,要說「我想做一個比價 App,畫面要簡潔,要有搜尋框,結果要用表格顯示」。
  2. 錯誤就直接貼回去:如果跑起來發現報錯(出現一堆英文紅字),不要慌!直接把整段紅字複製貼給 AI,跟它說:「出錯了,請幫我修好」,它會自己發現問題並修正。
  3. 從小功能開始:先從「計算機」或「清單」這種簡單工具開始,等你有信心後,再嘗試做更複雜的功能。

現在,你不再需要花幾萬塊請外包,也不需要花半年去學寫程式。只要你有想法,AI 就是你的開發團隊。

現在就打開 Claude 或 ChatGPT,試著描述你的第一個 App 想法吧!