Day 22｜五支 Tool 如何共用同一套規則，串成三條完整流程？
2026 iThome 鐵人賽 WebMCP Day 22：安安～我是ChiYu～ 昨天把取消報名接上之後，產品層的 catalog 終於湊齊五支 Tool。搜尋、詳情、收藏、準備 報名、準備取消，單獨測的時候都知道自己該做什麼。 我原本以為接下來只要把它們排好順序，三條 Journey 就能順利收工。結果…
WebMCP
AI Agent
JavaScript
Archive
全部文章
這裡收斂所有已發布的技術文章。可以從最新內容往下讀、切換成依點閱數排序，也可以先進系列或主題索引找脈絡。
213 篇已發布文章
最新更新 2026-11-03
適合想把一條學習線補完整的時候。
Topics 依主題探索從 AI 協作、後端、前端或工作流切入。
Projects 依專案閱讀從公開作品反查代表文章、技術棧與主題脈絡。
Pinned, then latest
全部文章
一般更新
前端開發
2026-09-22
10 分鐘閱讀
點閱 0
Day 22｜訊息可以自己消失嗎？Toast、Snackbar 與 Notification
2026 iThome 鐵人賽 Vibe Coding UI Day 22：安安～我是ChiYu～ 訊息站對位置後，LumenDesk 接著發生三件事： - 成員角色儲存成功。 - 「八月活動文案」被移除。 - 有人送來新的專案申請。 我把三件事縮成一句： 儲存完成後跳一個通知；刪除草稿後也跳同一種。新的申…
Vibe Coding
UX/UI
Frontend
一般更新
AI 協作
2026-09-21
17 分鐘閱讀
點閱 0
Day 21｜拆成多個 Project，業務流程、執行方式、團隊與部署就真的獨立了嗎？
2026 iThome 鐵人賽 AI CleanCode Day 21：安安～我是ChiYu～ 昨天，我把會獨立改變的重試規則從 Dispatcher 分離出來。但打開目前的 Solution，裡面早已有三個正式 Project，Build 後也會產生多個 DLL。這是不是代表架構早就取得獨立性了？ 還不一…
AI Agent
Software Engineering
Software Architecture
Testing
一般更新
前端開發
2026-09-21
5 分鐘閱讀
點閱 0
Day 21｜一句「這個我不要了」，Agent 到底敢不敢直接取消？
2026 iThome 鐵人賽 WebMCP Day 21：安安～我是ChiYu～ 昨天確認 Agent 能把報名資料填進表單，並在正式送出前停下來。我原本以為，把同一個 prepare-only 模式搬到取消流程，改個名稱就能收工。 我先在「我的報名」頁輸入： 問題馬上出現：這個，是哪一個？ 取消不只是另…
WebMCP
AI Agent
JavaScript
一般更新
前端開發
2026-09-21
10 分鐘閱讀
點閱 0
Day 21｜重要訊息到底該放在哪裡？Alert、Banner 與 Callout
2026 iThome 鐵人賽 Vibe Coding UI Day 21：安安～我是ChiYu～ 管理員準備儲存成員角色時，畫面同時冒出三則訊息： - 通知管道尚未選擇，設定無法儲存。 - 系統今晚會維護一小時。 - 新成員最好先從最小權限開始。 我當時留給 AI 的需求只有一句： 系統有錯誤或提醒時，顯…
Vibe Coding
UX/UI
Frontend
一般更新
AI 協作
2026-09-20
17 分鐘閱讀
點閱 0
Day 20｜兩份程式碼都通過測試，加入重試規則後哪一種結構比較容易修改？
2026 iThome 鐵人賽 AI CleanCode Day 20：安安～我是ChiYu～ 昨天，我們處理了 HTTP 與背景 Worker 同時選中同一筆 Work Item、進而重複送出通知的問題。資料更新、通知傳送、失敗重試與取消路徑，也都有對應測試。 從行為價值來看，昨天的需求已經完成。不過，測…
AI Agent
Software Engineering
Software Architecture
Testing
一般更新
前端開發
2026-09-20
7 分鐘閱讀
點閱 0
Day 20｜表單填好了，為什麼這次報名仍然不能算通過？
2026 iThome 鐵人賽 WebMCP Day 20：安安～我是ChiYu～ 昨天的 save_event 就算重複呼叫，最多也是回我一句「這個已經收藏過了」。今天要碰的報名 可沒這麼溫柔：正式送出後，server 會建立資料，剩餘名額也會少一個。 所以我一開始就把分工畫清楚：Agent 可以準備姓名…
WebMCP
AI Agent
JavaScript
一般更新
前端開發
2026-09-20
10 分鐘閱讀
點閱 0
Day 20｜滑過去出現的，不一定是 Tooltip：Tooltip、Popover 與 Hover Card
2026 iThome 鐵人賽 Vibe Coding UI Day 20：安安～我是ChiYu～ 昨天，我把林子安的詳細資料放進 Drawer，總算不用每看一位成員，就把整張清單蓋起來一次。 清單脈絡保住了，Drawer 裡卻又冒出三個需求： - 角色欄位旁的問號，要解釋權限規則。 - 管理員要能繼續變更…
Vibe Coding
UX/UI
Frontend
一般更新
AI 協作
2026-09-19
20 分鐘閱讀
點閱 0
Day 19｜兩個執行流程同時處理同一筆 Work Item，為什麼會重複通知？從競態條件到 Outbox 與冪等設計
2026 iThome 鐵人賽 AI CleanCode Day 19：安安～我是ChiYu～ 昨天加入背景 Worker 後，逾期流程多了第二個入口：使用者可以透過 HTTP 主動觸發，Worker 也會依排程執行，最後兩邊都呼叫同一個 IOverdueWorkItemProcessor.ProcessA…
AI Agent
Software Engineering
Software Architecture
Testing
一般更新
前端開發
2026-09-19
5 分鐘閱讀
點閱 0
Day 19｜同一場活動收藏兩次，網站為什麼只能留下同一筆？
2026 iThome 鐵人賽 WebMCP Day 19：安安～我是ChiYu～ 昨天把唯讀失敗拆成「該停止」與「可以稍後重試」，也確認 Agent 不能一遇到錯誤就擅自換 動作。今天終於往前跨一步，讓它真的改變網站狀態。 不過第一次寫入，我沒有直接挑報名。報名會占用名額，一個不小心就不是 Demo，而是…
WebMCP
AI Agent
JavaScript