今天終於完成台大EiMBA跨屆的vibe coding 閉門分享啦! 從三月學會部署之後,公司從財務、專案管理、合約都直接做出系統,更珍貴的是人人都能當builder,可以相互抓取專案,建立起AI思維。 由於自己受惠良多,因此一直積極對外分享,每次協助大家部署完成,就覺得超開心! 今天也有成功!

分享現場

為什麼我決心學習Vibe Coding 到 deploy?

四年前,第一次外包工程師,因為完全沒經驗,不知道如何完整order 需求,無法判斷時數報價是否合理,每次優化一個功能(例如信件通知)都需要10萬元起跳,意識到自己缺乏這樣的能力,營運成本太高,因此直接收掉品牌……

現在終於迎來vibe coding!但我三月前還沒學習如何部署,把前後端程式碼交給工程師之後,竟然還要十萬元,實在傷心欲絕,網站也拖了很久都沒有上線,因此決定學好如何部署。短時間做出了多個公司的系統,本篇先介紹案例,再分享自學過程。

現場互動

公司背景

  • 公司業務涵蓋公關與娛樂產業。
  • 團隊在一個月內開發並上線多個內部系統:獎金請款系統、專案管理系統、官方網站、員工教育訓練平台、合約 AI 工具、報價單系統等。
  • 系統已投入使用並取代部分 SaaS,省下了數十萬費用。

團隊協作模式與基礎設施

  • AI 思維:要求全員學習 AI 思維與 Vibe Coding,支援跨裝置、跨時區協同開發與修改。
  • 統一帳號系統:全面使用 Google Workspace,所有 AI 工具(Gemini、GPT、Claude、Vercel、Canva 等)與內部系統皆以同一企業 Google 帳號登入,達成知識共享與權限統一。
  • 部署與共編:以 Vercel 部署;程式碼可由不同人取用、修改、共編,形成去中心化網站維護模式。
  • 知識傳承:重視將開發過程與知識完整記錄與留存。

案例分享

案例說明

案例一:財務與獎金請款系統

  1. 合約管理:上傳合約後,AI 自動辨識日期、甲乙方、收款日與各期款項。
  2. 專案管理:合約資訊自動流入專案管理區,可追蹤開票與收款進度。
  3. 費用稽核:同事可在系統中稽核交通費、勞保、餐費等支出。
  4. 成本與利潤計算:費用勾稽至對應專案,自動計算營運成本、毛利率,並生成損益表與現金流量表。
  5. 匯款與發票提醒:員工提交匯款申請並提醒財務開發票;系統可生成 PDF 作為傳票。

特色功能:「眼睛」功能可一鍵將敏感財務數字(如銀行餘額)打馬賽克。

案例二:OBAsana(內部專案管理系統)

取代 Asana 以節省成本(原每年約 7–8 萬)。核心功能仿照 Asana,提供每日工作區、團隊專案區,支援列表、看板、甘特圖、行事曆、儀表板等多種檢視。

案例三:官方網站

由原本 WordPress 遷移至自己開發的網站。服務項目、策略說明等由 AI 解析公司 Google 雲端專案資料自動生成,而非人工撰寫。

文章發布自動化

  1. 將文章與圖片整理成單一資料夾
  2. 以 AI 指令讓系統抓取該資料夾內容
  3. AI 自動生成草稿、配圖,並發布到前台

案例四:企業內部學習網

解決新人訓練重複說明、降低培訓成本。AI 深度爬梳公司在 Google 雲端的知識資料,整理成結構化教育訓練網站。新人依規劃路徑學習;內含 AI 自動生成測驗,題目亂數出題,避免死記。

案例五:合約與報價單生成系統

提供網頁介面,業務透過點選與填寫,挑選客戶所需方案與服務。輸入客戶名稱與需求選項後,系統自動計算報價;點擊「生成合約」即產生符合公司常用格式的完整合約 PDF。

與學員合影

身為一位文組的程式小白、公司沒有工程師,團隊能這樣協作,真的非常神奇!

使用工具

  1. Mac 系列
  2. Claude Code terminal 製作
  3. Vercel 部署

學習時間軸

時間里程碑
2025/10學習 Google AI Studio
2026/2/21過年研讀 Claude + Open Claw
2026/3/4接觸 terminal、Claude + 部署
2026/3/15做出公司財務系統 + OB 專案管理工具
2026/04教學同仁一起進行 Vibe Coding + 開啟工作坊

現場學習氛圍

Vibe Coding 的五個流程

  1. 發現問題:如跨平台申報造成漏帳。當時財務分散於 Simpany、nuieip、Asana 等 7–8 個平台。
  2. 思考解決方法:決定整合多系統或打造一站式平台,核心目標是「不漏帳」。
  3. 爬梳現行工作流:分析業務、財務、營運等角色在財務流程中的工作內容與痛點。
  4. 構思架構:規劃專案成本、合約、銷售等模組關係。
  5. 製作與部署:採快速部署、持續優化;先做最小可用版本上線,依使用回饋每日迭代。

我的自學理念

後設學習:了解如何學習一件新事物。我在學習一件全新事物,信奉「後設學習」首先會先了解該領域的溝通語言與知識,讓自己快速融入該領域的思維模式,進而再付諸行動,嘗試與學習,透過重複性的實作,擴張與挖深知識邊界。

「從自學到教學,才是真正學會」:要搞懂一件事情的本質,除了自己學會,也能夠分享給別人,這才是真正的學會。

請教專家及持續破圈學習與分享:「在錯誤的認知裡面尋找答案,只會得到錯誤的解方」,因此學習一件事情就是要請教專家,才能夠快速突破盲點,打開認知邊界。

結束合影


學會Vibe Coding 到 deploy,真的對我的周遭環境都有很大的改變,團隊一起協作更是彌足珍貴。我們不是只是在學新科技,而是在轉換思維、強化自學能力,原先的溝通都是執行面,但現在的溝通都是「我們如何更有效率」、「我們如何找到解決方法」、「我們如何反思工作流程」、「我們如何傳承知識」——打造一個成長型思維的組織,真的是最幸運的事情了!