Day 6｜註解與格式都漂亮，程式碼為什麼還是難讀？
2026 iThome 鐵人賽 AI CleanCode Day 6：安安～我是ChiYu～ 昨天，我們把 Work Item 逾期流程的命名規則寫進 Repository，讓 Agent 可以在安全範圍內自主命名。 名稱說清楚之後，我接著測另一個很常見的要求：補註解、整理格式，真的會讓程式碼更好讀嗎？ 這…
AI Agent
Software Engineering
Software Architecture
Testing
Last 7 days
近 7 天熱門文章
全部文章依近 7 天的 GoatCounter 點閱數重新排序，最能看出這一週正在被討論的主題。資料每天自動同步一次。
212 篇文章
35 篇有近 7 天點閱
全站近 7 天點閱 365
同步於 2026-11-02 08:30
Ranked by views
近 7 天點閱排行
有近 7 天點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
112
一般更新
前端開發
2026-09-06
6 分鐘閱讀
近 7 天 0 次點閱
Day 06｜Playwright、REST API、MCP 與 WebMCP，各自負責哪一段？
2026 iThome 鐵人賽 WebMCP Day 6：安安～我是ChiYu～ 昨天 Playwright 因為按鈕改名而停在 click 以前。看到這個結果，很容易順手得出一個省事的 結論：「Browser Automation 太脆弱，換 WebMCP 就好了。」 有一說一，這個結論下得太快。Play…
WebMCP
AI Agent
JavaScript
113
一般更新
前端開發
2026-09-06
8 分鐘閱讀
近 7 天 0 次點閱
Day 6｜五種選擇控制怎麼分？Checkbox、Radio、Switch、Toggle Button 與 Segmented Control
2026 iThome 鐵人賽 Vibe Coding UI Day 6：安安～我是ChiYu～ 昨天才把帳號、密碼、搜尋與備註送回各自的輸入元件，我繼續往下填邀請表單，AI 又替我準備了一排整整齊齊的開關。 Email、站內通知、通知頻率，連「邀請後立即啟用」都長得一樣。畫面很有設定頁的樣子，至於可以選幾…
Vibe Coding
UX/UI
Frontend
114
一般更新
AI 協作
2026-09-05
22 分鐘閱讀
近 7 天 0 次點閱
Day 5｜AI 取的名稱格式正確，為什麼還是可能誤解程式意圖？
2026 iThome 鐵人賽 AI CleanCode Day 5：安安～我是ChiYu～ 昨天，我把逾期處理中的單筆流程抽成一個私有方法： ProcessOverdueItemAsync 看起來很像一個好名稱：有動詞、有處理對象，也保留非同步方法常見的 Async 結尾。 但只看呼叫端，我仍然得猜：它只…
AI Agent
Software Engineering
Software Architecture
Testing
115
一般更新
前端開發
2026-09-05
5 分鐘閱讀
近 7 天 0 次點閱
Day 05｜只改按鈕四個字，Playwright 為什麼停在 click 以前？
2026 iThome 鐵人賽 WebMCP Day 5：安安～我是ChiYu～ 昨天我在搜尋按鈕外多包一層元素，getByRole() 仍然順利找到它。這也留下另一個問題： 外層結構改了沒事，那按鈕名稱改了呢？ 今天我真的只改四個字，把「搜尋活動」換成「探索場次」。活動資料沒變、submit handle…
WebMCP
AI Agent
JavaScript
116
一般更新
前端開發
2026-09-05
7 分鐘閱讀
近 7 天 0 次點閱
Day 5｜輸入文字也有分工：Text Field、Textarea、Password 與 Search
2026 iThome 鐵人賽 Vibe Coding UI Day 5：安安～我是ChiYu～ 昨天才把邀請 Dialog 的操作區分清楚：送出用 Button，權限說明用 Link。按鈕總算不再互相冒充，我把視線往上一移，新的問題已經排好隊等我了。 帳號、密碼、搜尋和備註，一人分到一個長方形輸入框。AI…
Vibe Coding
UX/UI
Frontend
117
一般更新
AI 協作
2026-09-04
13 分鐘閱讀
近 7 天 0 次點閱
Day 4｜AI 把函式拆小就算 Clean Code 嗎？從小、命名、組織與順序檢查重構結果
2026 iThome 鐵人賽 AI CleanCode Day 4：安安～我是ChiYu～ 同一段四十多行的 Controller Action，我交給同一個 AI Agent，用兩種整理範圍各跑一次。 兩份結果都通過測試：一份把 Action 壓到十七行，另一份保留三十八行，只抽出單筆逾期處理。若只看行…
AI Agent
Software Engineering
Software Architecture
Testing
118
一般更新
前端開發
2026-09-04
5 分鐘閱讀
近 7 天 0 次點閱
Day 04｜按鈕只多包一層，哪種 Playwright Locator 撐得住？
2026 iThome 鐵人賽 WebMCP Day 4：安安～我是ChiYu～ 昨天我把活動網站從搜尋一路走到取消報名，最後挑了風險最低的搜尋流程，準備交給 Playwright 重播。今天它正式接班：開啟頁面、填入 WebMCP、按下搜尋，再確認畫面出現 一場活動。 第一輪很順，四行程式碼就完成了。接著…
WebMCP
AI Agent
JavaScript
119
一般更新
前端開發
2026-09-04
7 分鐘閱讀
近 7 天 0 次點閱
Day 4｜按鈕不只是藍色方塊：Button、Link 與操作元件
2026 iThome 鐵人賽 Vibe Coding UI Day 4：安安～我是ChiYu～ 昨天整理完八格 UI Spec 後，我終於能把「好用一點」拆成資料、操作、狀態與驗收條件。 今天就拿它處理 LumenDesk 的第一個完整任務：邀請成員。 這個 Dialog 底下有三件事：查看權限說明、取消…
Vibe Coding
UX/UI
Frontend
120
一般更新
AI 協作
2026-09-03
11 分鐘閱讀
近 7 天 0 次點閱
Day 3｜CLEAN 五原則：如何掌握 AI Coding 的情境、範圍、意圖、證據與行為？
2026 iThome 鐵人賽 AI CleanCode Day 3：安安～我是ChiYu～ 昨天的 Agent 很有把握地寫下： 已完成逾期處理的 Clean Code 重構。 它確實改善了命名與閱讀順序，既有行為驗證也沒有發現漂移。可是看完這份完成報告，我沒有先問 Code 還能不能更漂亮，而是卡在一個…
AI Agent
Software Engineering
Software Architecture
Testing