Mark Ku's Blog
首頁 關於我
Vibe Coding 經驗分享
AI
Vibe Coding 經驗分享
Mark Ku
Mark Ku
February 28, 2026
2 min

前言

開工後,我在公司做了一場關於 AI 開發經驗的內部分享。

老實說,這兩年軟體開發真的變超快。快到有時候不是在學新技術而已,是整個思維都在變。我自己也還在適應這波浪潮。

過年那段時間,看了一些資料,也觀察了一下現在產業往哪走,慢慢有一些感覺。這篇就是把當天分享的內容整理出來,包含團隊實際用 Vibe Coding 做出的專案,以及我對 AI 開發的一些反思。

從開發軟體工具到開發 AI 工作流程

以前我們在做什麼?做表單、做按鈕、設計操作流程,讓「人」來用系統。

但未來可能不是這樣了。

┌──────────────────────────────┬──────────────────────────────┐
│  The Old Way                 │  The New Way                 │
│  (SaaS Application)          │  (AI Agent Application)      │
├──────────────────────────────┼──────────────────────────────┤
│                              │                              │
│  🖥️ 依靠訂閱時長收費          │  🤖 依靠完成成果收費          │
│                              │                              │
│  📋 逐步操作表單與按鈕        │  🎯 描述目標與限制條件        │
│                              │                              │
│  🔧 開發工具給使用者 (Tool)   │  📦 交付結果給使用者          │
│                              │     (Result Deliverer)       │
│                              │                              │
└──────────────────────────────┴──────────────────────────────┘

💡 軟體的未來不再只是操作功能,而是將結果交付使用者。

現在用 AI 寫程式、做 Prototype 真的太容易了。很多以前要討論兩週、開三次會的東西,現在一個晚上就能生出來。所以未來軟體的價值,可能不再只是「做功能」,而是設計 Agent、設計 Workflow,讓 AI 幫你把事情做完。

團隊的 Vibe Coding 實戰成果

這次分享中,我展示了團隊用 Vibe Coding 快速打造的幾個系統。每個都是短時間內從想法變成可用原型的真實案例。

👉 我們能將商業點子在「小時級」而非「週級」的時間內轉化為原型。

團隊創意的極速落地 — Vibe Coding 讓每個人都能成為產品設計師
團隊創意的極速落地 — Vibe Coding 讓每個人都能成為產品設計師

🤖 案例一:支援自然語言的 AI 報表系統

這是讓我最有感的一個 — Ask, don’t Query

以前要看報表,業務或 PM 得跟工程師說:「幫我查一下上個月的數據」,工程師再寫 SQL 去撈。現在呢?直接用自然語言問就好。

思維轉換:原本以為需要複雜的儀表板開發,結果發現直接串接大語言模型 API 就能做到。

AI 報表產生器 — 用自然語言詢問資料庫,即時產生統計圖表
AI 報表產生器 — 用自然語言詢問資料庫,即時產生統計圖表

這套系統做到了:

  • 🗣️ 直接用自然語言詢問資料庫,即時獲得統計圖表與分析
  • 📊 自動將結果轉成表格、長條圖、折線圖、圓餅圖
  • 💰 使用 Gemini 2.0 Flash,一個月的 AI 費用不到 50 元台幣

👉 打破舊思維,讓非技術人員(業務、PM)無須等待工程師。

🎨 案例二:合規圖文廣告產生器

行銷團隊常常需要產生符合法規的廣告文案和圖片。以前要行銷自己寫、法務審核、來回修改,流程很長。

現在透過 AI,輸入產品名稱和描述,就能自動產生合規的圖文廣告:

合規圖文廣告產生器 — 輸入產品資訊即可一鍵產生合規行銷素材
合規圖文廣告產生器 — 輸入產品資訊即可一鍵產生合規行銷素材

  • 支援多種內容類型(社群媒體貼文、廣告文案等)
  • 可選擇產業類別、語調風格、目標受眾
  • 一鍵產生合規圖文,大幅縮短行銷流程

📋 案例三:基於 Azure DevOps 客製化專案管理軟體

我們利用 Azure DevOps API 搭配 Vibe Coding,快速打造了友善的專屬看板。

客製化 Ticket 管理看板 — 基於 Azure DevOps API 打造的友善介面
客製化 Ticket 管理看板 — 基於 Azure DevOps API 打造的友善介面

為什麼不直接用 Jira?因為:

比較項目直接用 Jira自己做看板
授權費用💸 每人每月都要付✅ 大幅節省
介面體驗功能多但複雜✅ 依團隊需求優化
客製化程度有限✅ 完全自由
開發時間不需開發⚡ Vibe Coding 短時間完成

🎁 案例四:MGM 會員推廣系統

這套系統透過統一會員與 API 整合,實現高效的 MGM(Member Get Member)返利與結算。

挑戰:各平台會員資料獨立,整合困難。 解法:導入單一登入(SSO),整合社群帳號,各產品呼叫 MGM API 進行核心功能。

MGM 會員推廣系統架構 — 透過統一會員與 API 整合,實現高效的 MGM 返利與結算
MGM 會員推廣系統架構 — 透過統一會員與 API 整合,實現高效的 MGM 返利與結算

後台管理面板也是透過 Vibe Coding 快速生成,邏輯清晰且易於維護:

MGM 系統設定 — 管理佣金比例、回饋金、點數規則等系統參數
MGM 系統設定 — 管理佣金比例、回饋金、點數規則等系統參數

功能包括:

  • 管理佣金發放比例
  • 設定消費與註冊獎勵點數
  • 點數效期限控管

同時也提供了完整的產品整合指南,讓其他產品能快速串接:

MGM 產品整合指南 — API Key 認證、冪等設計、統一回應格式
MGM 產品整合指南 — API Key 認證、冪等設計、統一回應格式

非技術人員也能開發後台

上面這幾個案例有個共同點 — 降低了開發門檻。透過 Vibe Coding + AI 輔助,非技術人員也能參與後台的開發和調整,不再什麼都要等工程師。

技術選型與框架

這些專案統一採用 Next.js 作為全端開發框架:

技術選型 — Next.js + Node.js + Gemini Vertex + LangChain 技術棧
技術選型 — Next.js + Node.js + Gemini Vertex + LangChain 技術棧

層級技術說明
前端Next.js(React)輕量化,快速開發 UI
後端邏輯Node.js商業邏輯處理
AI 引擎LangChainAgent + Tools + Memory
模型Gemini Vertex / Azure OpenAI可彈性切換不同模型

Trade-off(權衡)

  • 優點:輕量全端框架,可以加速開發
  • ⚠️ 限制:Next.js 的 Per Request 生命周期
  • 不適合:繁重的 WebSockets 或長時間運行的任務
  • 💡 為加速開發,還買了付費 Theme 來用

我們的技術護城河在哪裡?

當 AI 讓開發變得更容易,大家都能快速做出產品時,真正的競爭優勢在哪?

技術護城河 — 我們不構建模型,我們使用雲端模型 + 獨特數據來建立進入障礙
技術護城河 — 我們不構建模型,我們使用雲端模型 + 獨特數據來建立進入障礙

我們不構建模型。我們使用雲端模型 + 我們獨特的數據來建立進入障礙:

  • 🏰 頂層:專有數據與微調 — 我們的產業數據、合規知識庫、業務規則,這是別人複製不了的
  • 🌥️ 中層:Cloud LLMs — Gemini、Azure OpenAI 等雲端模型,大家都能用,但怎麼用是關鍵
  • 🏗️ 底層:業務邏輯 — 多年累積的領域知識和系統整合經驗,深厚的業務理解才是根基

💡 AI 模型人人都能用,但專有數據 + 業務邏輯才是真正的護城河。

安全規範:我們如何放心地用 AI?

AI 很聰明,但我們不能完全信任它。團隊定了一條黃金法則(Golden Rule)

🔒 無資料寫入權限,「只讀取,不刪改」

安全規範流程 — LangChain 預處理條件檢核,讀寫權限完全分離
安全規範流程 — LangChain 預處理條件檢核,讀寫權限完全分離

兩道防線:

  1. AI 操作請求檢核 — 在 AI 執行動作前,利用 LangChain 設定強制性的前置條件檢核
  2. 讀寫權限分離 — 從系統架構層面完全分離權限,禁止刪庫跑路,確保核心資料安全

這個原則很重要 — 不管 AI 多聰明,都不應該讓它有能力破壞你的資料。

Vibe Coding 下的工程專業

講完了好處,接下來聊聊我比較擔心的部分。

⚠️ 一直以來軟體最大的成本,不在於開發,而是在維護成本。

AI 能快速產生 10 倍的程式碼,也可能帶來 10 倍的維護債。

Vibe Coding 冰山模型 — AI 生成代碼是海面上看得到的部分,架構、邏輯驗證、維護債務才是水面下的巨大隱憂
Vibe Coding 冰山模型 — AI 生成代碼是海面上看得到的部分,架構、邏輯驗證、維護債務才是水面下的巨大隱憂

這就像一座冰山 — AI 生成的代碼是海面上看得到的部分,但水面下藏著架構設計邏輯驗證維護債務,這些才是真正決定專案成敗的關鍵。

👉 垃圾進,垃圾出(Garbage In, Garbage Out)— AI 不會質疑邏輯。

速度快 ≠ 品質好

面向AI 帶來的好處可能的隱憂
開發速度⚡ 快 10 倍技術債也可能多 10 倍
程式碼量快速產出大量程式碼沒有測試覆蓋率
入門門檻非技術人員也能參與架構設計缺乏全局思考
原型驗證一天就能完成從原型到產品的路還很長
團隊理解減少重複工作AI 寫的程式碼,團隊不見得看得懂

這一波不是單純效率提升而已,而是考驗工程師怎麼控制品質、怎麼設計架構、怎麼不被速度反噬。

說白一點,未來比的可能不是「誰寫得快」,而是「誰能駕馭 AI,而不是被 AI 駕馭」。

總結

幾個我覺得重要的 Takeaway:

  1. 從開發工具到開發 AI 工作流程 — 軟體的未來不再只是操作功能,而是將結果交付使用者
  2. Vibe Coding 真的能用 — 團隊實際用它做出了 AI 報表、專案管理、MGM 系統,將商業點子在「小時級」轉化為原型
  3. 技術護城河在數據和業務邏輯 — AI 模型人人都能用,專有數據才是真正的競爭優勢
  4. 安全規範不能省 — 黃金法則:只讀取,不刪改。AI 再聰明也要有防線
  5. 軟體最貴的是維護,不是開發 — AI 產出 10 倍程式碼,也可能帶來 10 倍技術債

這波 AI 浪潮不會停下來,Anything is possible. 🚴

參考資料

  • 用 AI Agent + LangChain 打造自然語言 BI 報表系統 — AI 報表系統的詳細技術分享
  • Anthropic - Building effective agents — Agent 設計的參考
  • The End of Programming as We Know It — O’Reilly 對未來程式開發的觀點

Tags

Mark Ku

Mark Ku

Software Solution Architecture

10年以上豐富網站開發經驗,開發過各種網站,電子商務、平台網站、直播系統、POS系統、SEO 優化、金流串接、AI 串接,Infra 出身,帶過幾次團隊,也加入過大團隊一起開發。

Expertise

前端(React)
後端(C#)
網路管理
DevOps
溝通
領導

Social Media

facebook github website

Related Posts

Claude Opus 4.5 實戰心得:AI 輔助開發的現實與限制
Claude Opus 4.5 實戰心得:AI 輔助開發的現實與限制
January 23, 2026
1 min

Quick Links

關於我

Social Media