https://huangchiyu.com/ChiYu-Blog/categories/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/Recent content in 前端開發 on ChiYu Code JourneyHugo -- gohugo.iozh-TWWed, 30 Sep 2026 09:16:47 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-01/Tue, 01 Sep 2026 08:37:07 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-01/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 今年我想拿一個很新的 Web API，做一件很老派的事：實際把它做完，再看看它https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-01/Tue, 01 Sep 2026 08:33:58 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-01/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 我把一句很有 Vibe Coding 味道的 Prompt 交給 AI： 幫我做一個現代、漂亮、好用的工作區成https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-02/Wed, 02 Sep 2026 08:01:23 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-02/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把完成版的 Agent trace 端上桌，今天我做的第一件事，卻是把它收起來。 我另外https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-02/Wed, 02 Sep 2026 08:00:11 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-02/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天留下來的後台有一個很麻煩的問題。 我知道搜尋沒反應、手機版壞掉，停用https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-1-dart-project-map/Tue, 05 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-1-dart-project-map/Hi~ 我是 Eric！ 上一篇我先說明了為什麼我要用 AI 陪自己重新學 Flutter。今天正式進入 Day 1。 不過，第一天我沒有急著打開 Flutter 然後開始堆畫面。 這件https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-03/Thu, 03 Sep 2026 08:05:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-03/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把專案切到固定 tag，Web、API、測試和 build 也都跑起來了。照這個https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-03/Thu, 03 Sep 2026 08:03:48 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-03/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天我把成員管理頁拆成 Component、Pattern 和 Layouthttps://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-2-everything-is-a-widget/Wed, 06 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-2-everything-is-a-widget/Hi~ 我是 Eric！ Day 1 我先把 Flutter Learning Lab 的專案地圖看完，知道 README.md、main.dart、app.dart、router.dart、homhttps://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-04/Fri, 04 Sep 2026 08:02:12 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-04/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天我把活動網站從搜尋一路走到取消報名，最後挑了風險最低的搜尋流程，準https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-04/Fri, 04 Sep 2026 08:00:59 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-04/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天整理完八格 UI Spec 後，我終於能把「好用一點」拆成資料、操作、狀態與驗收https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-3-form-router-app-shell/Thu, 07 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-3-form-router-app-shell/Hi~ 我是 Eric！ Day 1 我先拿到 Flutter Learning Lab 的專案地圖。Day 2 我開始看懂 Widget tree，知道 Flutter UI 不是一堆神祕括號，而是一棵用 Widget 描述出來的畫面樹。 今天進入https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-05/Sat, 05 Sep 2026 12:09:29 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-05/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天我在搜尋按鈕外多包一層元素，getByRole() 仍然順利找到它。https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-05/Sat, 05 Sep 2026 12:08:30 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-05/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把邀請 Dialog 的操作區分清楚：送出用 Button，權限說明用 Link。https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-4-posts-data-flow/Fri, 08 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-4-posts-data-flow/Hi~ 我是 Eric！ Day 1 我拿到專案地圖，Day 2 看懂 Widget tree，Day 3 把單一表單畫面接回 App Shell。 今天進入 Day 4。 這一天開始，Flutterhttps://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-06/Sun, 06 Sep 2026 12:28:54 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-06/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天 Playwright 因為按鈕改名而停在 click 以前。看到這個結果，很容易順手得出一個省事的https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-06/Sun, 06 Sep 2026 12:25:59 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-06/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把帳號、密碼、搜尋與備註送回各自的輸入元件，我繼續往下填邀請表單https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-5-settings-user-preferences/Sat, 09 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-5-settings-user-preferences/Hi~ 我是 Eric！ Day 4 我從 Posts 列表一路追到 API，開始理解 View、ViewModel、Repository、Service 之間的資料流。 今天進https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-07/Mon, 07 Sep 2026 21:35:21 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-07/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把 E0～E5 的證據等級排好後，我正準備動手寫第一支 WebMCP Tool，卻發https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-07/Mon, 07 Sep 2026 21:35:04 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-07/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把通知設定拆成 Checkbox、Radio 與 Switch 後，邀請成員流程只剩https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-6-testing-samples/Sun, 10 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-6-testing-samples/Hi~ 我是 Eric！ Day 4 我看懂 Posts 的資料流，Day 5 我看懂 Settings 如何把使用者偏好存起來，並影響整個 MaterialApp。 今天進入 Day 6。 這一天的主題是https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-08/Tue, 08 Sep 2026 10:19:06 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-08/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把二十道測試題出好，今天輪到我寫第一份答案。我從最單純的搜尋活動https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-08/Tue, 08 Sep 2026 10:18:51 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-08/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，LumenDesk 的邀請成員流程終於走完。新團隊接到的第一個工作https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-7-deliverable-quality/Mon, 11 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-7-deliverable-quality/Hi~ 我是 Eric！ Day 1 到 Day 6，我一路從 Dart、Widget、Form、Router、Posts 資料流、Settings 本地偏好，走到測試分層https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-09/Wed, 09 Sep 2026 11:35:37 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-09/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把 click_blue_search_button 請出 catalog，我差點又用同一套方法，把剩下的按鈕 全部包https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-09/Wed, 09 Sep 2026 11:35:22 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-09/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，LumenDesk 的活動預算、人數和餐點數量終於各自找到適合的控https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-10/Thu, 10 Sep 2026 11:10:53 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-10/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把五支 Tool 的名單定下來，我原本以為今天打開 Inspector，它們https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-10/Thu, 10 Sep 2026 11:10:42 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-10/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，活動日期和預約時段終於各自歸位。接下來只剩把海報、參與名單和場地https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-11/Fri, 11 Sep 2026 10:34:14 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-11/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天打開 Inspector 後，Chrome 終於把目前頁面的 Tool 列了出來。面板裡有名稱、dhttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-11/Fri, 11 Sep 2026 10:34:03 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-11/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，三份附件終於可以各自上傳、失敗與重試。我把活動名稱留空、Emaihttps://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-12/Sat, 12 Sep 2026 09:09:19 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-12/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天的 Declarative API 很適合表單：HTML 還在，Tool 就跟著存在；表單離開頁面，https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-12/Sat, 12 Sep 2026 09:09:06 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-12/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，表單終於能把人從錯誤帶回完成。接著輪到活動內容，AI 很自然地提出https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-13/Sun, 13 Sep 2026 10:59:26 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-13/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 前天讓 HTML 表單透過 Declarative API 描述自己，昨天再用 Imperative API 管理動態 Tool 的註冊與解除。Chhttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-13/Sun, 13 Sep 2026 10:59:04 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-13/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把邀請成員和建立活動的輸入流程接起來後，我順手把瀏覽器縮到 360phttps://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-14/Mon, 14 Sep 2026 14:17:04 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-14/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天終於讓 Inspector 自己選中 search_events，留下第一筆完整自然語言https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-14/Mon, 14 Sep 2026 14:16:51 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-14/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把桌面和手機導覽重新分工後，我終於順利進入 LumenDesk 的帳號申請頁。這次沒有https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-15/Tue, 15 Sep 2026 10:43:54 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-15/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把網站範圍鎖定在五支 Tool 與三條活動流程，也留下可以重播的正式搜尋基線https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-15/Tue, 15 Sep 2026 10:43:42 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-15/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把 Breadcrumb、Stepper、Pagination 和完成https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-16/Wed, 16 Sep 2026 08:16:04 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-16/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天的 search_events 已經找到「WebMCP 入門工作坊」，還順便帶回一個不透明的活動https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-16/Wed, 16 Sep 2026 08:15:49 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-16/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 工作區設定整理完後，我回到專案列表。最後一欄只放了一顆三點按鈕，展開後https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-17/Thu, 17 Sep 2026 08:43:01 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-17/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天的 get_event_details 終於不用再猜 current，可以從目前頁面找到正確活動。照理說https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-17/Thu, 17 Sep 2026 08:42:43 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-17/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把資料值和命令分開後，我從 Command Palette 執行「檢視專案結構」。AI 很快交出一https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday17/Fri, 05 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday17/安安，我是 ChiYu！ 昨天，我們為精彩的後端開發之旅，畫下了一個完美的句點。我們現在擁有一個性能強大、穩定可靠的「專案引擎」，一顆強壯、默默https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-18/Fri, 18 Sep 2026 08:49:31 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-18/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把成功 payload 收乾淨，今天我就準備把活動 API 暫時弄壞。 原本的計畫很單純：https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-18/Fri, 18 Sep 2026 08:49:11 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-18/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 專案結構整理清楚後，我按下成員列上的「停用帳號」。畫面中央立刻出現一張https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-19/Sat, 19 Sep 2026 10:48:25 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-19/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把唯讀失敗拆成「該停止」與「可以稍後重試」，也確認 Agent 不能一遇到錯誤https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-19/Sat, 19 Sep 2026 10:46:20 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-19/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，我用 Escape 取消了「停用林子安」這個危險動作。帳號保住了，管理員也沒有https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-20/Sun, 20 Sep 2026 10:54:06 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-20/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天的 save_event 就算重複呼叫，最多也是回我一句「這個已經收藏過了」。今天要碰的https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-20/Sun, 20 Sep 2026 10:53:12 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-20/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，我把林子安的詳細資料放進 Drawer，總算不用每看一位成員，就把https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday20/Mon, 08 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday20/安安，我是 ChiYu！ 昨天，我們完成了前端開發的最後一份規劃文件。至此，我們所有的「左手藍圖」工作，全部大功告成！ 從今天起，我們將正式拿起工https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-21/Mon, 21 Sep 2026 07:41:03 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-21/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天確認 Agent 能把報名資料填進表單，並在正式送出前停下來。我原本以為，把同https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-21/Mon, 21 Sep 2026 07:40:13 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-21/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 管理員準備儲存成員角色時，畫面同時冒出三則訊息： 通知管道尚未選擇，設定https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday21/Tue, 09 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday21/安安，我是 ChiYu！ 昨天那場「視覺魔法秀」是不是超震撼的？才幾分鐘，AI 就「咻」一下變出一個又美又能動的 UI 原型，真的太扯了！這證明 AI 拿來做https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-22/Tue, 22 Sep 2026 08:00:30 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-22/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把取消報名接上之後，產品層的 catalog 終於湊齊五支 Tool。搜尋、詳情、收https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-22/Tue, 22 Sep 2026 07:59:07 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-22/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 訊息站對位置後，LumenDesk 接著發生三件事： 成員角色儲存成功。 「https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday22/Wed, 10 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday22/安安，我是 ChiYu！ 昨天，我們扮演了一位冷靜而專業的「結構工程師」，成功地將 AI 生成的華麗原型，重構成為一個結構清晰、職責分明的專業前端專案https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-23/Wed, 23 Sep 2026 07:56:46 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-23/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把五個 Tool 全部排好位置後，我很聽話地進入 feature freeze：不加第六個 Thttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-23/Wed, 23 Sep 2026 07:55:58 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-23/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 通知中心留下了一筆新工作： 匯入 24 位成員。 這不是一瞬間完成的動作，我最早https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday23/Thu, 11 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday23/安安，我是 ChiYu！ 昨天，我們扮演了一位「創世神」，指揮 AI 在一天之內，為我們建構出了 App 完整、精美的靜態 UI。我們現在手上，有了一個外觀完美https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-24/Thu, 24 Sep 2026 08:42:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-24/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把自動化測試與 Agent trace 分開，今天我就在活動摘要裡塞進一句很不安分的話https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-24/Thu, 24 Sep 2026 08:40:59 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-24/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ Loading 跑完後，LumenDesk 的「專案」頁面只剩一句： 目前沒有資料。 我當https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday24/Fri, 12 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday24/安安，我是 ChiYu！ 昨天，我們的 App 經歷了一次歷史性的飛躍。我們為它安裝了「神經系統」，成功地讓前端的「身體」與後端的「大腦」進行了第一次對https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-25/Fri, 25 Sep 2026 00:50:56 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-25/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 前兩天在本機把程式基線與安全防線分開驗過，今天終於把同一份 release 推上 Azure Container Ahttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-25/Fri, 25 Sep 2026 00:50:10 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-25/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 專案資料恢復後，AI 很貼心地替每一筆套上圓角、陰影和滑過去會浮起來的效https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday25/Sat, 13 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday25/安安，我是 ChiYu！ 昨天，我們的 App 經歷了一次質的飛躍。我們為它植入了「靈魂」——一個中央的狀態 (state) 和一個渲染引擎 (render)。它學會了如https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-26/Sat, 26 Sep 2026 00:52:44 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-26/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把 source commit、image digest 與 Azure revision 對齊後，我終於可以放心按下 Inspector 的https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-26/Sat, 26 Sep 2026 00:52:19 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-26/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 近期專案改成 List 後，名稱、負責人和里程碑終於排整齊了。結果每列旁邊又冒出https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday26/Sun, 14 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday26/安安，我是 ChiYu！ 昨天，我們的 App 經歷了一次完全體的進化！我們在一天之內，火力全開，搞定了核心的 CRUD 功能。我們的 App 不僅能思考、能表達，現在更https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-27/Sun, 27 Sep 2026 00:54:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-27/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天的兩個唯讀任務很好判斷：Agent 選對 Tool，輸入正確，回答也能https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-27/Sun, 27 Sep 2026 00:53:37 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-27/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 取消「進行中」Filter Chip 後，成員資料從 8 筆回到 24 筆。24 筆本身不會https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-28/Mon, 28 Sep 2026 21:53:05 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-28/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把唯讀與寫入任務跑過一輪後，我手上多了不少 trace，也多了不少長https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-28/Mon, 28 Sep 2026 21:52:43 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-28/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 從 Data Table 進入一筆活動專案後，詳細頁要放六張場地照片和一段教學影片。我把需https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday28/Tue, 16 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday28/安安，我是 ChiYu！ 昨天，我們再次實踐了「文件驅動開發」的核心精神。我們沒有直接衝進複雜的圖表程式碼中，而是先退一步，將一個模糊的「想法」https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-29/Tue, 29 Sep 2026 09:11:33 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-29/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把失敗分成六層後，至少每一條 trace 都知道該往哪裡查了。今天我原本想順勢https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-29/Tue, 29 Sep 2026 09:11:06 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-29/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 我重新打開第一天做的 LumenDesk 成員管理後台，在搜尋框輸入 Orbit。 三筆資料，https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-30/Wed, 30 Sep 2026 09:16:47 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-30/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天做完交付檢查，最後留下的答案有點不乾脆：如果交付的是 Demo、Tohttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-30/Wed, 30 Sep 2026 09:16:26 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-30/本文同步自 2026 iThome 鐵人賽原文 。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 重新驗收 LumenDesk 成員管理後台後，我開始寫這個系列的最後一篇。 第一版很快就完成https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday30/Thu, 18 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday30/說在前頭！！！ 有些部分多花費了些時間在講，所以雖然今天已經滿30天了， 但我還沒有正式完成這次鐵人賽系列文！！！ 我後面還是會繼續更新到正式完結