ChiYu Code Journey

Archive

全部文章

這裡收斂所有已發布的技術文章。可以從最新內容往下讀、切換成依點閱數排序，也可以先進系列或主題索引找脈絡。

213 篇已發布文章 最新更新 2026-11-03
Path 依系列閱讀

適合想把一條學習線補完整的時候。

Topics 依主題探索

從 AI 協作、後端、前端或工作流切入。

Projects 依專案閱讀

從公開作品反查代表文章、技術棧與主題脈絡。

Pinned, then latest

全部文章

一般更新 AI 協作 2026-09-05 22 分鐘閱讀 點閱 0

Day 5｜AI 取的名稱格式正確，為什麼還是可能誤解程式意圖？

2026 iThome 鐵人賽 AI CleanCode Day 5：安安～我是ChiYu～ 昨天，我把逾期處理中的單筆流程抽成一個私有方法： ProcessOverdueItemAsync 看起來很像一個好名稱：有動詞、有處理對象，也保留非同步方法常見的 Async 結尾。 但只看呼叫端，我仍然得猜：它只…

AI Agent Software Engineering Software Architecture Testing
一般更新 前端開發 2026-09-05 5 分鐘閱讀 點閱 0

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

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

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

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

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

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

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

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

AI Agent Software Engineering Software Architecture Testing
頁數 10 / 22