ChiYu Code Journey

Last 30 days

近 30 天熱門文章

全部文章依近 30 天的 GoatCounter 點閱數重新排序，看看最近大家在讀什麼。資料每天自動同步一次。

212 篇文章 55 篇有近 30 天點閱 全站近 30 天點閱 801 同步於 2026-11-02 08:30

Ranked by views

回到最新發布

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

102 一般更新 前端開發 2026-09-16 11 分鐘閱讀 近 30 天 0 次點閱

Day 16｜選一個值，還是執行命令？Select、Menu、Overflow Menu 與 Command Palette

2026 iThome 鐵人賽 Vibe Coding UI Day 16：安安～我是ChiYu～ 工作區設定整理完後，我回到專案列表。最後一欄只放了一顆三點按鈕，展開後依序出現： 進行中、編輯、刪除。 畫面排得很整齊，行為卻像一道突襲測驗。 「進行中」會保存任務狀態；「編輯」應該開啟編輯介面；「刪除」則可…

Vibe Coding UX/UI Frontend
103 一般更新 AI 協作 2026-09-15 19 分鐘閱讀 近 30 天 0 次點閱

Day 15｜第三條規則由不同負責人維護，SRP／OCP 要求 AI 把責任拆到哪裡？

2026 iThome 鐵人賽 AI CleanCode Day 15：安安～我是ChiYu～ 昨天只有兩條通知升級規則，而且都由同一位服務等級政策負責人維護。我因此把判斷集中在 RequiresEscalationNotification，沒有再建立 Interface 或規則集合。對當時的需求來說，一個…

AI Agent Software Engineering Software Architecture Testing
104 一般更新 前端開發 2026-09-15 6 分鐘閱讀 近 30 天 0 次點閱

Day 15｜讓人類與 Agent 共用同一套活動搜尋規則

2026 iThome 鐵人賽 WebMCP Day 15：安安～我是ChiYu～ 昨天把網站範圍鎖定在五支 Tool 與三條活動流程，也留下可以重播的正式搜尋基線。今天不再 增加功能，而是正式驗收第一段能力：搜尋活動。 重點不是替 Agent 開一條專用捷徑，而是讓人類表單與 search_events …

WebMCP AI Agent JavaScript
105 一般更新 前端開發 2026-09-15 10 分鐘閱讀 近 30 天 0 次點閱

Day 15｜同一區域怎麼切換內容？Tabs、Accordion、Disclosure 與 Segmented Control

2026 iThome 鐵人賽 Vibe Coding UI Day 15：安安～我是ChiYu～ 昨天把 Breadcrumb、Stepper、Pagination 和完成進度分開後，我總算不會再用一條藍線回答所有問題。接著進入工作區設定，畫面又送來一排整整齊齊的 Tabs。 當時我留給 AI 的需求只有…

Vibe Coding UX/UI Frontend
106 一般更新 AI 協作 2026-09-14 20 分鐘閱讀 近 30 天 0 次點閱

Day 14｜測試全綠後，怎麼判斷設計已經足夠簡單？

2026 iThome 鐵人賽 AI CleanCode Day 14：安安～我是ChiYu～ 前天談測試紀律，昨天接著確認整潔的測試與驗收測試能不能真的守住需求。今天，這個系列正式跨過 Part I〈程式碼〉，進入 Part II〈設計〉。 一進入設計，測試全綠就不再是最後答案。 同一個 Agent 交出…

AI Agent Software Engineering Software Architecture Testing
107 一般更新 前端開發 2026-09-14 6 分鐘閱讀 近 30 天 0 次點閱

Day 14｜五支 Tool 不再往外長：把產品範圍寫成會亮紅燈的契約

2026 iThome 鐵人賽 WebMCP Day 14：安安～我是ChiYu～ 昨天終於讓 Inspector 自己選中 search_events，留下第一筆完整自然語言 trace。看到成功 畫面的那一刻，我腦中很自然地冒出下一串需求：登入、付款、後台、推薦活動，好像都可以 「順便」補進來。 這種順…

WebMCP AI Agent JavaScript
108 一般更新 前端開發 2026-09-14 10 分鐘閱讀 近 30 天 0 次點閱

Day 14｜使用者走到哪裡了？Breadcrumb、Pagination、Stepper、Progress 與頁內導覽

2026 iThome 鐵人賽 Vibe Coding UI Day 14：安安～我是ChiYu～ 昨天把桌面和手機導覽重新分工後，我終於順利進入 LumenDesk 的帳號申請頁。這次沒有迷路，頁面裡卻一次冒出五種「我現在到哪裡」。 我想知道目前位在系統哪一層、申請做到第幾步、紀錄還有幾頁、文件完成多少；…

Vibe Coding UX/UI Frontend
109 一般更新 AI 協作 2026-09-13 24 分鐘閱讀 近 30 天 0 次點閱

Day 13｜測試全綠，為什麼仍漏掉「剛好 24 小時」？用整潔測試、驗收測試與受控 Mutation 檢查答案

2026 iThome 鐵人賽 AI CleanCode Day 13：安安～我是ChiYu～ 昨天談測試紀律時，我比較了直接完成、TDD 與 TCR。那些實驗回答的是：測試何時介入，會怎麼改變 Agent 的前進節奏與還原範圍。 今天遇到的問題更麻煩：測試介入得很早，不代表測試問對了問題。 在產品範例驅動…

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