前言 嗯...我們到了 Week4 最後一週了，也是整個系列的最後一次收尾。 那這邊的收尾就來聊聊「額度」吧。 相信你至今 Vibe Coding 開發到現在...
前言 昨天我們快速複習了一下把「預算提醒」這個功能從原本的「不做清單」移出來，然後用 Plan Mode 做了計畫、實作，最後 push 到 main 讓 G...
前言 當系統上線之後就不會再變動了嗎？ 不，你錯了。 系統上線之後反而更會變動，畢竟會需要依照使用者的需求、市場的變化、競爭對手的動作，甚至是法規的改變來做調...
前言 「沒辦法公開的東西終究只是自嗨而已。」 對，你至今練習製作到現在的專案，再好用也只是 localhost:5173，一個只有你的電腦認識的地址。 所以今...
前言 ㄟ...？AI 寫的程式碼也會有技術債？ 當然！就算是 AI 也是會有技術債的好嗎？ 儘管前面我們用了很多方式去避免欠債，像是...一次盡可能保持一個功...
前言 「人是不可信的。」 不知道你有沒有聽過這句話？以資安的角度來講，許多資安破口都是人為疏失造成的。 因為人會忘記、會偷懶、會心血來潮，儘管你再怎麼小心，還...
前言 接下來即將進入 Week4 也是整個系列的最後一週。 那這一週開始我們要做什麼呢？這邊我要來介紹一個 AI 的「生命週期觸發器」：Hooks。 它的概念...
前言 不知不覺我們也到了 Week3 的收尾篇了。 那這一週算是把前面介紹的 SKILL、SubAgent、MCP 這三種擴充強化 AI 的方式做一個總結收斂...
前言 還記得前面章節曾經有講過一件事情是套件版本是 AI 最容易記憶過時的東西，所以安裝完畢之後都還要自己稍微看一下 package.json 的套件版本這件...
前言 前面我們學了不少東西，尤其是 SKILL 的部分，但......你有沒有想過一個問題呢？ 「當所有東西都往當前 AI 塞，難道 Context 會是足夠...
前言 前面章節我們一直都是使用別人所做好的東西（官方），實際上有可能官方的東西可以滿足我們的需求嗎？其實很難。 這一篇我們將會來試著建立屬於自己的 Skill...
前言 「ㄟ...怎麼感覺 AI 這次修改的畫面跟我原本的風格不同？」 這不是你的錯覺，是非常常見的狀況。 畢竟我們當初討論的所有設計風格（色票、間距、按鈕層級...
前言 前面做完了 money-note MVP 核心功能之後，畫面就這樣固定了嗎？ 當然不可能，所以這邊我們就要來用 Anthropic 官方出的 Front...
前言 我們來到 Day15 也是 Week3 的第一天啦～ 相信上一週體驗 MVP 開發的過程中，你應該會發現一些問題，像是某些話一直在不停的重複講好幾次，例...
前言 哇！我們 Week 2 告一個段落了～ 回頭看一下 Day 8 那天我們手上只有一份 SPEC.md，今天手上已經是一個能記帳、能改能刪、能看統計、關掉...
前言 基本上我們這個記帳 App 算是有一個雛形出來了，儘管也有一個分類佔比在那邊，可以讓你看出哪個分類花費特別多。 但...人類是視覺生物，如果畫面可以美美...
前言 前一篇我們完成了三次的功能迭代開發，同時也明確的留下一個 Bug，也就是 index 的刪除 Bug。 所以今天我們要來聊聊 Vibe Coding 的...
前言 昨天我們終於完成第一個功能了！也就是「新增一筆帳」。 但...難道這樣就完了嗎？不，我們接下來要來做功能迭代，讓 AI 可以幫我們把其他剩餘功能給他完成...
前言 SPEC.md、CLAUDE.md、專案環境以上都完成差不多了，接下終於要準備正式進入開發啦！ 那我們第一個要開發的功能就是「記一筆帳」，這個功能是整個...
前言 「都把 SPEC.md 給準備好了，總可以開始叫 AI 寫程式了吧？！」 別急！你以為準備好 SPEC.md 就可以直接叫 AI 寫程式了嗎？不不不，這...
前言 今天開始我們差不多要來準備動工了，畢竟前面已經把 AI 相關觀念以及 Claude Code 的一些操作小細節都搞清楚了，那當然就是準備介入實作階段啦～...
前言 終於來到我們第一週的結尾，這一週我們一路從... Vibe Coding 是什麼（Day 2） 安裝 AI Agent 跟挑訂閱方案（Day 3） 第...
前言 當你開始使用 AI 做一些事情之後，你會開始發生一些奇奇怪怪的事情，像是明明有講一些規則，但它好像忘了、答非所問、甚至把改好的東西又改回去。 大多數人對...
前言 昨天嘗試了第一個小練習之後，你應該有被 AI 詢問你一些問題，並且問過你一次「可以改嗎？」，然後由你決定是否按下「Yes」同意它改檔案。 但...用久之...
前言 看到這章節的你，我相信你已經把 Claude Code 安裝好了，因為接下來我們會需要來做一點點實作。 但今天的目標很小，試著用一個很小的練習跑完一次「...
前言 前面基本觀念跟系列介紹完了之後，接著我們要來準備把 AI Agent 也就是 Claude Code 安裝到你的電腦中。 雖然這章節非常簡單，只需要一行...
前言 今天我們先來了解一下「Vibe Coding」這個詞的由來，還有它背後的意涵，畢竟我們整個系列都是建立在這個詞上面，那不去認識一下似乎不太對吧？依照我的...
前言 接下來這 30 天，我會用同一個專案，帶你走完一次 Vibe Coding 的完整實戰開發流程。 帶你從一個模糊的想法，一路到能公開分享的記帳 Web...
Ray
iThome鐵人賽
看影片追技術