ChiYu Code Journey

This year

今年熱門文章

全部文章依今年（1 月 1 日起）的 GoatCounter 點閱數重新排序。資料每天自動同步一次。

212 篇文章 117 篇有2026 年點閱 全站2026 年點閱 3170 同步於 2026-11-02 14:03

Ranked by views

回到最新發布

有2026 年點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。

191 一般更新 前端開發 2026-09-05 5 分鐘閱讀 2026 年 0 次點閱

Day 05｜只改按鈕四個字，Playwright 為什麼停在 click 以前？

2026 iThome 鐵人賽 WebMCP Day 5：安安～我是ChiYu～ 昨天我在搜尋按鈕外多包一層元素，getByRole() 仍然順利找到它。這也留下另一個問題： 外層結構改了沒事，那按鈕名稱改了呢？ 今天我真的只改四個字，把「搜尋活動」換成「探索場次」。活動資料沒變、submit handle…

WebMCP AI Agent JavaScript
192 一般更新 前端開發 2026-09-05 7 分鐘閱讀 2026 年 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
193 一般更新 AI 協作 2026-09-04 13 分鐘閱讀 2026 年 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
194 一般更新 前端開發 2026-09-04 5 分鐘閱讀 2026 年 0 次點閱

Day 04｜按鈕只多包一層，哪種 Playwright Locator 撐得住？

2026 iThome 鐵人賽 WebMCP Day 4：安安～我是ChiYu～ 昨天我把活動網站從搜尋一路走到取消報名，最後挑了風險最低的搜尋流程，準備交給 Playwright 重播。今天它正式接班：開啟頁面、填入 WebMCP、按下搜尋，再確認畫面出現 一場活動。 第一輪很順，四行程式碼就完成了。接著…

WebMCP AI Agent JavaScript
195 一般更新 AI 協作 2026-09-03 11 分鐘閱讀 2026 年 0 次點閱

Day 3｜CLEAN 五原則：如何掌握 AI Coding 的情境、範圍、意圖、證據與行為？

2026 iThome 鐵人賽 AI CleanCode Day 3：安安～我是ChiYu～ 昨天的 Agent 很有把握地寫下： 已完成逾期處理的 Clean Code 重構。 它確實改善了命名與閱讀順序，既有行為驗證也沒有發現漂移。可是看完這份完成報告，我沒有先問 Code 還能不能更漂亮，而是卡在一個…

AI Agent Software Engineering Software Architecture Testing
196 一般更新 AI 協作 2026-09-02 8 分鐘閱讀 2026 年 0 次點閱

Day 2｜叫 AI 清理程式碼，為什麼常只清到表面？

2026 iThome 鐵人賽 AI CleanCode Day 2：安安～我是ChiYu～ 昨天，我真的把這句話交給了 Codex： 改善逾期處理，讓它符合 Clean Code。 Agent 最後交出一份看起來很成功的候選：能 Build、測試全綠，名稱更清楚，主要流程更短，Diff 也集中在逾期處理。…

AI Agent Software Engineering Software Architecture Testing
198 一般更新 前端開發 2026-09-02 8 分鐘閱讀 2026 年 0 次點閱

Day 2｜這些東西到底叫什麼？Component、Pattern、Layout 與 Template

2026 iThome 鐵人賽 Vibe Coding UI Day 2：安安～我是ChiYu～ 昨天留下來的後台有一個很麻煩的問題。 我知道搜尋沒反應、手機版壞掉，停用按鈕也像裝飾品；真的要叫 AI 修改時，我卻只說得出：「那個東西幫我改一下。」 既然叫不出名字，我乾脆先請 AI 幫忙點名。還是同一張 L…

Vibe Coding UX/UI Frontend
頁數 20 / 22