AI Coding: 4 小時打造薪資管理系統(暫定)
課後提供 30 天影片重播觀看
這不是 Vibe Coding 課程!這不是 Vibe Coding 課程!這不是 Vibe Coding 課程!
寫在最前面:這堂課適合誰?
這是一堂給有經驗工程師的 AI 協同開發課程
如果你符合以下條件,那這堂課就是為你設計的:
至少有半年以上的網站開發經驗
熟悉至少一款程式語言或框架
想學會如何有效地跟 AI 協同開發
厭倦了網路上那些「聊天就能做出功能」的虛假宣傳
如果你是程式新手或相信「跟 AI 聊聊天就能做出產品」,請先不要報名這個課程,否則可能只能看我一個人表演 😅
想學基礎的朋友可以關注我們 10 月份的新手 Vibe Coding 課程(準備中),或參考 Vivi 的 AI 自動化入門:打造高效省時工作模式
我們要一起做什麼?
4 小時內,從零開始打造一個完整的薪資管理系統(暫定)
使用 Claude Code 作為主要開發工具,採用真正的工程師工作流程。當然,如果你們有其他想看的專案,報名時可以在備註欄位許願!
我是誰?
我從大四開始自學程式到現在已將近 30 年,現在還在第一線進行專案開發,每天不寫點程式就會覺得不舒服。除了寫程式,我還寫過幾本書:
先曬一下人權證明
讓數字說一下話:

應該可以看的出來我是 Claude Code 的重度使用者,不是那種自己不寫 code 就開始教別人用 AI 寫 code 的講師。事實上各位現在看到的這個網站 ezBundle,就是我一個人在上班之餘,花了將近兩個月時間跟 AI 一起協作完成的:

目前專案的程式碼已經超過 15 萬行,功能都還能改的動
從設計到前後端到部署,全程無外包
目前還在持續成長中
所以,我相信 AI 也是能寫出可以用的產品!
開發工具組合
終端機:Warp
編輯器:Vim(為什麼不用 Cursor?等等說)
-
AI 工具:Claude Code(我是用 200 USD 方案,但建議至少 100 USD 方案)
組了十幾隻的 Sub Agents 大軍幫忙做事
幾個常用的 Custom Commands 簡化工作流程
3-4 個常用的 MCP server 讓 AI 能更懂事
版本控制:Git
為什麼選 Vim 而不是 Cursor、Windsurf?
效率至上:可以讓手指頭大部分時間都黏在鍵盤上,不太需要滑鼠。
客製化:缺什麼功能就自己動手寫,寫不出來就叫 AI 寫。
一邊開發一邊打磨工具:就像一邊砍怪一邊磨刀,越用越順手、越用越開心。
例如我就做了一個「把程式碼連同檔名一起複製」的功能,這可以幹嘛?貼給 Claude Code 的效果你用了就知道!
網路上的文章可能不會告訴你的真相
網路上寫文章的人,會不會其實自己根本沒在用 Claude Code 這不得而知,但是...
CLAUDE.md
可能沒有想像中好用
CLAUDE.md
是 Claude Code 裡的重要檔案,裡面可以放專案說明、規範、常用指令等。有些人說只要寫好 CLAUDE.md
就萬事 OK 了。但當真的開發一陣子之後就會知道,就算是從大師那邊偷來的 CLAUDE.md
可能也不會讓 Claude Code 乖乖聽話。
PRD.md
也沒那麼神
同樣地,寫好產品需求文件(Product Requirement Document, PRD)給 AI 就能自動生程式?想太多了,PRD 是給人看的,不是給 AI 執行的。
重點是,不管是 CLAUDE.md
還是 PRD.md
,這些文件都得隨著專案進展不斷更新,但更新到一定程度後 Claude Code 可能也沒辦法記得這麼多內容然後又自己放飛了...
如何把 AI 控制在你的射擊範圍內?
AI 每次的輸出很可能都會不一樣,如果只是做玩具還好,但要做產品就不能讓它自己亂飛。我是這樣做的:
第一道防線:測試驅動開發(TDD)
光是 View Component 就有一千多個測試
看著測試全綠的畫面就是開心!

第二道防線:Git 版本控制
仔細檢視 AI 每次的修改
看到奇怪的改動就馬上按
ESC
鍵停下來問 AI 是怎麼回事git add
和git commit
的權限不會下放給 AI
其實都只是基本到不行的基本招式,但請記得 AI 是能力放大器,在放大優點的同時,也會放大缺點!
技術選擇
主要框架:Ruby on Rails + Tailwind CSS/DaisyUI + Alpine.js
你可能會好奇為什麼不用更流行的框架?
原因很簡單:我寫 Rails 十幾年了,對框架的細節應該不會比 AI 差,我認為身為一位開發者,在跟 AI 協同開發的過程中,對開發工具的熟悉度是很重要的,這樣才能有效引導 AI 產出正確的程式碼,萬一 AI 寫歪了也知道把它拉回來。
Rails 語法簡潔,能在短時間內完成更多功能。課程重點是 AI 協同開發,不是 Ruby on Rails。即使你不熟悉 Rails,有基本程式概念就能跟上。等學會了 AI 協同開發的技巧,我相信各位大大們都能把語言或工具替換成自己熟悉的。重點是心法,不是招式。
整個過程採用 TDD 方式開發,確保 AI 不會偏離目標。
開發哲學:人要比車兇!
不管是 Claude Code、Cursor 還是什麼新的 AI 工具,重點還是要把駕駛員練強。
工具會不斷進化,今天也許是 Claude Code 稱霸,下週可能就有新傢伙出來按在地上摩擦。但只要駕駛員夠強,換更好的工具只會讓你效率翻 N 倍。
跟 AI 協作的感覺就像:我先出一拳擊中對方,然後分身就會幫我「歐拉歐拉歐拉~」打完整套連擊。如果同時開好幾個 terminal,就等於有好幾隻角色幫你打怪!AI 是能力放大器,同樣武器在不同人手上效果完全不同。雖然不敢說自己是 10 倍速工程師,但照數字來看,3 到 5 倍速是有的 😎
課程進行方式
全程 Webex 直播互動:邊開發邊講解我的思路
即時 Q&A:隨時提問,我會盡量解答
實戰導向:看真實專案如何從 0 到 1
看我踩坑:分享踩坑經驗、實用技巧以及翻車的過程
立即報名
準備好跟 AI 一起飛了嗎?讓我們一起體驗真正的協同開發!
記住:這不是 Vibe Coding,這是實戰 AI Coding!