Day 5｜AI 取的名稱格式正確，為什麼還是可能誤解程式意圖？
2026 iThome 鐵人賽 AI CleanCode Day 5：安安～我是ChiYu～ 昨天，我把逾期處理中的單筆流程抽成一個私有方法： ProcessOverdueItemAsync 看起來很像一個好名稱：有動詞、有處理對象，也保留非同步方法常見的 Async 結尾。 但只看呼叫端，我仍然得猜：它只…
AI Agent
Software Engineering
Software Architecture
Testing
Last 30 days
近 30 天熱門文章
全部文章依近 30 天的 GoatCounter 點閱數重新排序，看看最近大家在讀什麼。資料每天自動同步一次。
212 篇文章
55 篇有近 30 天點閱
全站近 30 天點閱 807
同步於 2026-11-02 14:03
Ranked by views
近 30 天點閱排行
有近 30 天點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
132
一般更新
前端開發
2026-09-05
5 分鐘閱讀
近 30 天 0 次點閱
Day 05｜只改按鈕四個字，Playwright 為什麼停在 click 以前？
2026 iThome 鐵人賽 WebMCP Day 5：安安～我是ChiYu～ 昨天我在搜尋按鈕外多包一層元素，getByRole() 仍然順利找到它。這也留下另一個問題： 外層結構改了沒事，那按鈕名稱改了呢？ 今天我真的只改四個字，把「搜尋活動」換成「探索場次」。活動資料沒變、submit handle…
WebMCP
AI Agent
JavaScript
133
一般更新
前端開發
2026-09-05
7 分鐘閱讀
近 30 天 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
134
一般更新
AI 協作
2026-09-04
13 分鐘閱讀
近 30 天 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
135
一般更新
前端開發
2026-09-04
5 分鐘閱讀
近 30 天 0 次點閱
Day 04｜按鈕只多包一層，哪種 Playwright Locator 撐得住？
2026 iThome 鐵人賽 WebMCP Day 4：安安～我是ChiYu～ 昨天我把活動網站從搜尋一路走到取消報名，最後挑了風險最低的搜尋流程，準備交給 Playwright 重播。今天它正式接班：開啟頁面、填入 WebMCP、按下搜尋，再確認畫面出現 一場活動。 第一輪很順，四行程式碼就完成了。接著…
WebMCP
AI Agent
JavaScript
136
一般更新
前端開發
2026-09-04
7 分鐘閱讀
近 30 天 0 次點閱
Day 4｜按鈕不只是藍色方塊：Button、Link 與操作元件
2026 iThome 鐵人賽 Vibe Coding UI Day 4：安安～我是ChiYu～ 昨天整理完八格 UI Spec 後，我終於能把「好用一點」拆成資料、操作、狀態與驗收條件。 今天就拿它處理 LumenDesk 的第一個完整任務：邀請成員。 這個 Dialog 底下有三件事：查看權限說明、取消…
Vibe Coding
UX/UI
Frontend
137
一般更新
AI 協作
2026-09-03
11 分鐘閱讀
近 30 天 0 次點閱
Day 3｜CLEAN 五原則：如何掌握 AI Coding 的情境、範圍、意圖、證據與行為？
2026 iThome 鐵人賽 AI CleanCode Day 3：安安～我是ChiYu～ 昨天的 Agent 很有把握地寫下： 已完成逾期處理的 Clean Code 重構。 它確實改善了命名與閱讀順序，既有行為驗證也沒有發現漂移。可是看完這份完成報告，我沒有先問 Code 還能不能更漂亮，而是卡在一個…
AI Agent
Software Engineering
Software Architecture
Testing
138
一般更新
前端開發
2026-09-03
6 分鐘閱讀
近 30 天 0 次點閱
Day 03｜先別急著做 Tool，我把活動網站自己走了一遍
2026 iThome 鐵人賽 WebMCP Day 3：安安～我是ChiYu～ 昨天把專案切到固定 tag，Web、API、測試和 build 也都跑起來了。照這個進度，今天最容易做 的事情，就是立刻替網站加上第一支 WebMCP Tool。 但我先把 Inspector 關掉。 不是它做錯了什麼，只是今…
WebMCP
AI Agent
JavaScript
139
一般更新
開發工具
2026-09-02
5 分鐘閱讀
近 30 天 0 次點閱
我把 iThome 鐵人賽發文流程做成開源範本了
鐵人賽文章寫完，仍可能因漏發、貼錯系列或重複發布而中斷。我把自己的流程做成 iThome Ironman AutoPost，這篇說明它如何用 TypeScript、Playwright 與 GitHub Actions 驗證文章、發布結果與安全邊界。
Automation
Open Source
CI/CD
Testing
140
一般更新
AI 協作
2026-09-02
8 分鐘閱讀
近 30 天 0 次點閱
Day 2｜叫 AI 清理程式碼，為什麼常只清到表面？
2026 iThome 鐵人賽 AI CleanCode Day 2：安安～我是ChiYu～ 昨天，我真的把這句話交給了 Codex： 改善逾期處理，讓它符合 Clean Code。 Agent 最後交出一份看起來很成功的候選：能 Build、測試全綠，名稱更清楚，主要流程更短，Diff 也集中在逾期處理。…
AI Agent
Software Engineering
Software Architecture
Testing