30天開除老闆計劃(#4):使用AI輔助Vibe Coding快速打造MVP:效率與市場驗證的優先考量

更新 發佈閱讀 3 分鐘

在前幾天我聊了技術選擇,從為什麼選擇PWA,到整個專案的技術選擇。今天想分享另一個更關鍵的環節:要怎麼做?

怎麼做?不就寫程式嗎?前幾年開發的話是這樣沒錯啦,但這幾年應該說近一年 Vibe coding 工具迅速發展,幾乎不到幾個月就推出新功能,越來越強。真的有越用感覺快要被取代的感覺。

為了要快速做出 MVP上線驗證,使用 AI 進行 Vibe coding是必要的選擇。

AI 開發的流程

這次預計大概的開發流程會是這樣:

  1. 用自然語言描述需求 在 Cursor 或 AI工具裡面輸入:「我需要一個登入頁面,表單欄位有 email / password,用 JWT 認證 API。」讓AI 會直接幫我生成前端 + 後端的程式碼。
  2. 邊測邊改 並且直接測試是否符合預期,假設執行後跑不動?沒關係,直接把錯誤訊息貼回去,AI 幾乎能馬上修好。真的修不好,在輪到我自己上場。欸~真別說,還真的很常遇到AI就一個很簡單的小問題,但就是一直鬼打牆。
  3. 快速迭代 以前要一天才能刻好的功能,現在可能半小時就能跑起來。剩下時間就是測試、改需求、再試。

這整個模式就是最近很流行的Vibe Coding。就算你都沒寫程式的基礎,也可以做出看起來可以用的產品。想做產品不用再是「學語法 → 熟悉框架 → 慢慢刻」,而是「我講意圖 → AI 給結果 → 測試結果 → 再請AI調整 」。

為什麼這樣做?

  • 速度:我一個人要做前後端 + 部署,AI 幫我省掉 70% 的體力活。
  • 學習:很多框架新功能(像 Next.js App Router、Nest.js 的 decorator 用法),AI 可以直接生成。少了去讀書學習,也可以看最近有什麼心的東西
  • 心力配置:我不用花時間在寫程式上面,可以更多時間思考使用者體驗。

缺點呢?

當然不是全無代價。AI 寫出來的 code 可能有點「醜」難以維護,或不一定是最佳實踐。甚至其實你沒有講清楚做法,他通常會選擇最直接暴力的寫法給你。但我覺得沒差,畢竟程式碼就算寫得再好,沒有賺錢的產品就是沒用的產品。反之,程式碼再爛又如何,只要有賺錢就是好程式!對於我這次的目標「先做出來、先驗證市場」來說,這完全是值得的取捨。

結語:

這次開發方式,基本上就是 AI 為主、測試結果,快速調整。不打算把時間花在寫程式,而是直接用 AI 把產品做出來推出去。不管程式怎樣,全程 Vibe coding 只要功能正確即可,是這次的最高指導原則。

因為對我來說,市場反饋和看有沒有辦法賺到錢才是第一順位,程式碼優化是確定這個東西是有辦法賺錢之後的事。


同步發表於 iT邦幫忙-2025 iThome 鐵人賽


留言
avatar-img
留言分享你的想法!
avatar-img
Tom的沙龍
14會員
52內容數
我是一個從科技業轉職的軟體工程師
Tom的沙龍的其他內容
2025/09/17
本文分享開發創業APP的技術選型經驗,從快速建置MVP的角度出發,選擇了Next.js(前端)、Nest.js(後端)、MongoDB(資料庫)、MinIO(檔案儲存)、GitHub Actions(CI/CD)和Zeabur(部署平臺),並說明選擇這些技術的原因以及如何利用PWA和SEO提升流量。
Thumbnail
2025/09/17
本文分享開發創業APP的技術選型經驗,從快速建置MVP的角度出發,選擇了Next.js(前端)、Nest.js(後端)、MongoDB(資料庫)、MinIO(檔案儲存)、GitHub Actions(CI/CD)和Zeabur(部署平臺),並說明選擇這些技術的原因以及如何利用PWA和SEO提升流量。
Thumbnail
2025/09/17
在資源有限的創業初期,選擇PWA開發APP,以達到快速開發、立即上線、SEO優化和快速市場驗證。本文詳細比較原生App、React Native、Flutter和PWA的優缺點,說明為何PWA最符合快速驗證市場需求的條件。
Thumbnail
2025/09/17
在資源有限的創業初期,選擇PWA開發APP,以達到快速開發、立即上線、SEO優化和快速市場驗證。本文詳細比較原生App、React Native、Flutter和PWA的優缺點,說明為何PWA最符合快速驗證市場需求的條件。
Thumbnail
2025/09/15
ChatGPT 推出強大程式碼生成工具 Codex,實現 Vibe Coding,只要用自然語言描述需求,就能產生程式碼。本文介紹 Codex 的三種使用方法:CLI 工具、VS Code 擴充套件和 GitHub 專案連結,並以實際案例示範如何用 Codex 建立 Linktree 頁面。
Thumbnail
2025/09/15
ChatGPT 推出強大程式碼生成工具 Codex,實現 Vibe Coding,只要用自然語言描述需求,就能產生程式碼。本文介紹 Codex 的三種使用方法:CLI 工具、VS Code 擴充套件和 GitHub 專案連結,並以實際案例示範如何用 Codex 建立 Linktree 頁面。
Thumbnail
看更多
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
Vue.js是一種基於MVVM的前端JavaScript框架,類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
Thumbnail
Vue.js是一種基於MVVM的前端JavaScript框架,類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
這篇內容想要分享的是我如何利用 AI 跟各類工具來輔助我更有效率的製作社群貼文,因為有這些工具,讓我在製作內容可以更穩定以及有效率。
Thumbnail
這篇內容想要分享的是我如何利用 AI 跟各類工具來輔助我更有效率的製作社群貼文,因為有這些工具,讓我在製作內容可以更穩定以及有效率。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News