Day 13｜第一次按下 Inspector 的 Send，先被 Gemini 429 擋在門外
2026 iThome 鐵人賽 WebMCP Day 13：安安～我是ChiYu～ 前天讓 HTML 表單透過 Declarative API 描述自己，昨天再用 Imperative API 管理動態 Tool 的註冊與解除。Chrome 已經看得到網站能力，今天總算輪到 Inspector 下方那顆 S…
WebMCP
AI Agent
JavaScript
Last 7 days
近 7 天熱門文章
全部文章依近 7 天的 GoatCounter 點閱數重新排序，最能看出這一週正在被討論的主題。資料每天自動同步一次。
212 篇文章
35 篇有近 7 天點閱
全站近 7 天點閱 365
同步於 2026-11-02 08:30
Ranked by views
近 7 天點閱排行
有近 7 天點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
92
一般更新
前端開發
2026-09-13
11 分鐘閱讀
近 7 天 0 次點閱
Day 13｜手機版不是把 Sidebar 縮小：Header、Navbar、Sidebar 與 Bottom Navigation 怎麼分工
2026 iThome 鐵人賽 Vibe Coding UI Day 13：安安～我是ChiYu～ 昨天把邀請成員和建立活動的輸入流程接起來後，我順手把瀏覽器縮到 360px。桌面那條 Sidebar 依然很有自己的想法，硬是占著半張畫面。 內容區已經快被擠成收據了，它還站得筆直。 問題來自一開始的需求： …
Vibe Coding
UX/UI
Frontend
93
一般更新
AI 協作
2026-09-12
23 分鐘閱讀
近 7 天 0 次點閱
Day 12｜AI 寫完再測，和先測再改有什麼差別？比較直接完成、TDD 與 TCR
2026 iThome 鐵人賽 AI CleanCode Day 12：安安～我是ChiYu～ 昨天比較類別拆分時，控制組、行數上限與內聚拆分都能把升級通知做對，也都通過最後的行為驗證。 若只看終點，三種結構都像是成功的候選。可是最後一片綠燈，只能證明它們抵達了終點，沒有說明途中累積了多少尚未驗證的修改，也…
AI Agent
Software Engineering
Software Architecture
Testing
94
一般更新
前端開發
2026-09-12
5 分鐘閱讀
近 7 天 0 次點閱
Day 12｜Tool 註冊完還不算完成：離開 route 後誰把它收回來？
2026 iThome 鐵人賽 WebMCP Day 12：安安～我是ChiYu～ 昨天的 Declarative API 很適合表單：HTML 還在，Tool 就跟著存在；表單離開頁面，能力也一起 消失。兩邊的生命週期幾乎黏在一起。 活動詳情就沒這麼省事了。它要讀取目前活動、跟著 route 切換情境，離…
WebMCP
AI Agent
JavaScript
95
一般更新
前端開發
2026-09-12
8 分鐘閱讀
近 7 天 0 次點閱
Day 12｜進階輸入不是越多越完整：OTP、Tag Input、Color Picker 與兩種 Editor
2026 iThome 鐵人賽 Vibe Coding UI Day 12：安安～我是ChiYu～ 昨天，表單終於能把人從錯誤帶回完成。接著輪到活動內容，AI 很自然地提出一份「功能完整」的升級方案：六格驗證碼、標籤膠囊、色盤，外加一整排編輯工具。 回頭看需求，這扇門確實是我自己打開的： 幫我做一個功能完整…
Vibe Coding
UX/UI
Frontend
96
一般更新
AI 協作
2026-09-11
21 分鐘閱讀
近 7 天 0 次點閱
Day 11｜類別低於 100 行就只有一個責任嗎？用高優先逾期通知比較行數上限與內聚拆分
2026 iThome 鐵人賽 AI CleanCode Day 11：安安～我是ChiYu～ 昨天我先釐清 WorkItem、DTO 與 EF Entity 各自負責什麼。最後沒有建立第二套 Domain Model，只把指派、完成與逾期狀態轉換收回 WorkItem。 物件角色清楚之後，新的問題也浮了出…
AI Agent
Software Engineering
Software Architecture
Testing
97
一般更新
前端開發
2026-09-11
6 分鐘閱讀
近 7 天 0 次點閱
Day 11｜什麼是 Declarative API？讓 HTML 表單成為 WebMCP Tool
2026 iThome 鐵人賽 WebMCP Day 11：安安～我是ChiYu～ 昨天打開 Inspector 後，Chrome 終於把目前頁面的 Tool 列了出來。面板裡有名稱、description， 還有一大段 input schema。 看到 catalog 當然很開心，但我很快又卡在下一個問題…
WebMCP
AI Agent
JavaScript
98
一般更新
前端開發
2026-09-11
8 分鐘閱讀
近 7 天 0 次點閱
Day 11｜表單錯了，怎麼帶人修回來？從 Label 到 Validation Summary 的修正路徑
2026 iThome 鐵人賽 Vibe Coding UI Day 11：安安～我是ChiYu～ 昨天，三份附件終於可以各自上傳、失敗與重試。我把活動名稱留空、Email 填錯，再按下「發布」，整份表單卻只亮起幾個紅框。 為了排除活動頁自己的問題，我又把前幾天完成的「新增成員」表單抓回來重測。原始需求同樣…
Vibe Coding
UX/UI
Frontend
99
一般更新
AI 協作
2026-09-10
20 分鐘閱讀
近 7 天 0 次點閱
Day 10｜WorkItem 要公開資料還是封裝行為？用新增業務種類與新增操作比較三種模型
2026 iThome 鐵人賽 AI CleanCode Day 10：安安～我是ChiYu～ 昨天我比較了一次重寫與分段 Commit，最後保留可以逐步驗證、失敗時局部還原的清理節奏。函式內部整理完後，我接著往物件邊界看，WorkItemsController 裡還留著幾行很直接的 Code： 這些 Se…
AI Agent
Software Engineering
Software Architecture
Testing
100
一般更新
前端開發
2026-09-10
5 分鐘閱讀
近 7 天 0 次點閱
Day 10｜Inspector 裝好了，為什麼 Tool 面板還是一片空白？
2026 iThome 鐵人賽 WebMCP Day 10：安安～我是ChiYu～ 昨天才把五支 Tool 的名單定下來，我原本以為今天打開 Inspector，它們就會排隊向我報到。 結果側邊面板一片空白。 沒有名稱、沒有 schema，也沒有任何「恭喜你完成 WebMCP」的綠色勾勾。紙上的 catal…
WebMCP
AI Agent
JavaScript