Day 09｜網站該公開哪些 WebMCP Tool？從操作盤點到五支正式能力
2026 iThome 鐵人賽 WebMCP Day 9：安安～我是ChiYu～ 昨天才把 click_blue_search_button 請出 catalog，我差點又用同一套方法，把剩下的按鈕 全部包成 Tool。 我先把網站上看得到的操作列出來：展開篩選器、切換頁籤、查看詳情、收藏、關閉 dialo…
WebMCP
AI Agent
JavaScript
This year
今年熱門文章
全部文章依今年（1 月 1 日起）的 GoatCounter 點閱數重新排序。資料每天自動同步一次。
212 篇文章
117 篇有2026 年點閱
全站2026 年點閱 3170
同步於 2026-11-02 14:03
Ranked by views
2026 年點閱排行
有2026 年點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
182
一般更新
前端開發
2026-09-09
8 分鐘閱讀
2026 年 0 次點閱
Day 9｜輸入日期、選時間還是看整月？五種日期時間元件怎麼選
2026 iThome 鐵人賽 Vibe Coding UI Day 9：安安～我是ChiYu～ 昨天，LumenDesk 的活動預算、人數和餐點數量終於各自找到適合的控制。沒想到我一按下「下一步」，AI 又端出一張佔掉快半頁的月曆。 活動日期找它、報名期間找它、預約時段還是找它。這張 Calendar 一…
Vibe Coding
UX/UI
Frontend
183
一般更新
AI 協作
2026-09-08
17 分鐘閱讀
2026 年 0 次點閱
Day 8｜同一項需求交給下一個 AI Agent，三種函式結構會走出哪條修改路徑？
2026 iThome 鐵人賽 AI CleanCode Day 8：安安～我是ChiYu～ 昨天，我從三份函式拆分結果中選了 Stepdown 版本。 ProcessOverdue 現在可以由上而下讀成四個步驟：找出逾期候選、逐筆處理、儲存狀態、回傳結果。入口變清楚了，但一份結構是否真的好用，不能只看今天…
AI Agent
Software Engineering
Software Architecture
Testing
184
一般更新
前端開發
2026-09-08
5 分鐘閱讀
2026 年 0 次點閱
Day 08｜WebMCP Tool 該怎麼設計？把「點按鈕」改成「搜尋活動」
2026 iThome 鐵人賽 WebMCP Day 8：安安～我是ChiYu～ 昨天才把二十道測試題出好，今天輪到我寫第一份答案。我從最單純的搜尋活動開始，打開頁面， 看著那顆藍色的「搜尋活動」按鈕，很順手地寫下： 有一說一，這個名字很好懂，懂到連自動化測試都知道下一步要按哪裡。問題是，我現在設計的 是給…
WebMCP
AI Agent
JavaScript
185
一般更新
前端開發
2026-09-08
7 分鐘閱讀
2026 年 0 次點閱
Day 8｜數值要輸入、拖曳還是評分？六種數值控制的選型
2026 iThome 鐵人賽 Vibe Coding UI Day 8：安安～我是ChiYu～ 昨天，LumenDesk 的邀請成員流程終於走完。新團隊接到的第一個工作是建立內部活動，畫面裡馬上出現一大群數字：48,000 元預算、每組人數、配送距離、餐點數量，活動結束後還要收滿意度。 我把需求濃縮成一句…
Vibe Coding
UX/UI
Frontend
186
一般更新
AI 協作
2026-09-07
21 分鐘閱讀
2026 年 0 次點閱
Day 7｜AI 把函式拆得越小，就越符合 Clean Code 嗎？三種拆分方式實測
2026 iThome 鐵人賽 AI CleanCode Day 7：安安～我是ChiYu～ 昨天，我們替 Work Item 逾期流程保留兩則有測試依據的警告註解，也確認 Formatter 只能整理已設定的格式規則。 註解沒有逐行翻譯 Code，排版也整理好了。可是打開 ProcessOverdue，查…
AI Agent
Software Engineering
Software Architecture
Testing
187
一般更新
前端開發
2026-09-07
7 分鐘閱讀
2026 年 0 次點閱
Day 07｜Agent 偶爾答對還不夠，我先出二十道測試題
2026 iThome 鐵人賽 WebMCP Day 7：安安～我是ChiYu～ 昨天把 E0～E5 的證據等級排好後，我正準備動手寫第一支 WebMCP Tool，卻發現順序好像反了。 如果連「怎樣才算做對」都還沒說清楚，Tool 寫完後，我很可能只挑一個最聽話的 Prompt，看到 Agent 成功呼叫…
WebMCP
AI Agent
JavaScript
188
一般更新
AI 協作
2026-09-06
21 分鐘閱讀
2026 年 0 次點閱
Day 6｜註解與格式都漂亮，程式碼為什麼還是難讀？
2026 iThome 鐵人賽 AI CleanCode Day 6：安安～我是ChiYu～ 昨天，我們把 Work Item 逾期流程的命名規則寫進 Repository，讓 Agent 可以在安全範圍內自主命名。 名稱說清楚之後，我接著測另一個很常見的要求：補註解、整理格式，真的會讓程式碼更好讀嗎？ 這…
AI Agent
Software Engineering
Software Architecture
Testing
189
一般更新
前端開發
2026-09-06
6 分鐘閱讀
2026 年 0 次點閱
Day 06｜Playwright、REST API、MCP 與 WebMCP，各自負責哪一段？
2026 iThome 鐵人賽 WebMCP Day 6：安安～我是ChiYu～ 昨天 Playwright 因為按鈕改名而停在 click 以前。看到這個結果，很容易順手得出一個省事的 結論：「Browser Automation 太脆弱，換 WebMCP 就好了。」 有一說一，這個結論下得太快。Play…
WebMCP
AI Agent
JavaScript
190
一般更新
AI 協作
2026-09-05
22 分鐘閱讀
2026 年 0 次點閱
Day 5｜AI 取的名稱格式正確，為什麼還是可能誤解程式意圖？
2026 iThome 鐵人賽 AI CleanCode Day 5：安安～我是ChiYu～ 昨天，我把逾期處理中的單筆流程抽成一個私有方法： ProcessOverdueItemAsync 看起來很像一個好名稱：有動詞、有處理對象，也保留非同步方法常見的 Async 結尾。 但只看呼叫端，我仍然得猜：它只…
AI Agent
Software Engineering
Software Architecture
Testing