AI Coding 實作工作坊

AI Coding 實作工作坊

主辦: 五倍學院

透過開發真實的薪資管理系統,見證 Claude Code 如何協助加速開發流程。本課程以實作示範為主,您將觀察講師如何運用 AI 工具搭配 TDD 流程進行開發。適合想了解 AI 輔助開發但不知從何開始的工程師。

活動時間
2025/09/21 13:30 - 17:30
活動形式
線上活動
收藏數
45 人收藏

課程內容

課程已結束並剪輯上架至五倍學院的線上課程:https://5xcampus.com/courses/ai-coding.html

AI Coding: 4 小時打造薪資管理系統

這不是 Vibe Coding 課程!這不是 Vibe Coding 課程!這不是 Vibe Coding 課程!

寫在最前面:這堂課適合誰?

這是一堂給有開發經驗的網站工程師的 AI 協同開發課程

如果你符合以下條件,那這堂課就是為你設計的:

  • 至少有半年以上的網站開發經驗

  • 熟悉至少一款程式語言或框架

  • 想學會如何有效地跟 AI 協同開發

  • 厭倦了網路上那些「聊天就能做出功能」的虛假宣傳

如果你是程式新手或相信「跟 AI 聊聊天就能做出產品」,請先不要報名這個課程,否則可能只能看我一個人表演 😅

想學基礎的朋友可以關注我們 11 月份的新手 Vibe Coding 課程(準備中),或參考 Vivi 的 AI 自動化入門:打造高效省時工作模式

這個課程會教什麼?

4 小時內,從零開始打造一個完整的薪資管理系統

我將使用 Claude Code 作為主要開發工具,如果大家有其他想做的專案,報名時可以在備註欄位許願!

我是誰?

我從大四開始自學程式到現在已將近 30 年,現在還在第一線進行專案開發,每天不寫點程式就會覺得不舒服。除了寫程式,我還寫過幾本書:

先曬一下人權證明

讓數字說一下話:

Upload 20250912215714 52365e878bd993d7

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

Upload 20250914195819 F0fdcb2b4bfbf3f6
  • 目前專案的程式碼已經將近 18 萬行,功能都還能改的動,還在持續成長中。

  • 從設計到前後端到部署就我一個人一條龍做完。

在跟 AI 一起協作的這幾個月,我慢慢相信 AI 也是能寫出可以用的產品!

開發工具組合

  • 終端機:Warp

  • 編輯器:Vim(為什麼不用 Cursor?等等說)

  • AI 工具:Claude Code(我是用 200 USD 方案,但建議至少 100 USD 方案)

    • 組了十幾隻的 Sub Agents 大軍幫忙做事

    • 幾個常用的 Custom Commands 簡化工作流程

    • 3-4 個常用的 MCP server 讓 AI 能更懂事

  • 版本控制:Git

為什麼選 Vim 而不是 Cursor、Windsurf?

  1. 效率至上:可以讓手指頭大部分時間都黏在鍵盤上,不太需要滑鼠。

  2. 客製化:缺什麼功能就自己動手寫,寫不出來就叫 AI 寫。

  3. 一邊開發一邊打磨工具:就像一邊砍怪一邊磨刀,越用越順手、越用越開心。

例如我就做了一個「把程式碼連同檔名一起複製」的功能,這可以幹嘛?貼給 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 就有一千多個測試

  • 看著測試全綠的畫面就是開心!

Upload 20250903195647 67a527e7d18db6de

第二道防線:Git 版本控制

  • 仔細檢視 AI 每次的修改

  • 看到奇怪的改動就馬上按 ESC 鍵停下來問 AI 是怎麼回事

  • git addgit 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 倍速應該是有的 😎

課程進行方式

  • 全程 Zoom 直播互動:一邊開發,一邊講解思路,也可以在等 AI 工作的時候一邊打屁聊天

  • 即時 Q&A:隨時提問,我會盡量解答

  • 實戰導向:看真實專案如何從 0 到 1

  • 看我踩坑:分享踩坑經驗、實用技巧以及翻車的過程

立即報名

準備好跟 AI 一起飛了嗎?讓我們一起體驗真正的協同開發!

提醒:這不是隨興跟 AI 閒聊的 Vibe Coding,這是跟著 AI 一起協作的 AI Coding!