Day 10｜檔案不是選完就好：上傳流程的完整狀態
2026 iThome 鐵人賽 Vibe Coding UI Day 10：安安～我是ChiYu～ 昨天，活動日期和預約時段終於各自歸位。接下來只剩把海報、參與名單和場地照片傳上去，我原本想得很簡單：畫一個框，讓管理員把檔案拖進去，收工。 幫我做一個漂亮的檔案上傳區，要能拖進去。 AI 很配合。虛線框、上傳…
Vibe Coding
UX/UI
Frontend
Last 7 days
近 7 天熱門文章
全部文章依近 7 天的 GoatCounter 點閱數重新排序，最能看出這一週正在被討論的主題。資料每天自動同步一次。
212 篇文章
35 篇有近 7 天點閱
全站近 7 天點閱 365
同步於 2026-11-02 08:30
Ranked by views
近 7 天點閱排行
有近 7 天點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
102
一般更新
AI 協作
2026-09-09
13 分鐘閱讀
近 7 天 0 次點閱
Day 9｜AI Agent 一次重寫或分段 Commit：哪個容易還原，哪個完成後更好讀？
2026 iThome 鐵人賽 AI CleanCode Day 9：安安～我是ChiYu～ 昨天，我把同一項需求交給三種函式結構，觀察全新 Agent 會如何理解資料、又會把修改放在哪裡。我最後採用 CQS，但那只回答了資料目前該放哪裡，還沒回答修改走偏時要怎麼退回。 今天接著比較同一段清理工作：讓 Ag…
AI Agent
Software Engineering
Software Architecture
Testing
103
一般更新
前端開發
2026-09-09
6 分鐘閱讀
近 7 天 0 次點閱
Day 09｜網站該公開哪些 WebMCP Tool？從操作盤點到五支正式能力
2026 iThome 鐵人賽 WebMCP Day 9：安安～我是ChiYu～ 昨天才把 click_blue_search_button 請出 catalog，我差點又用同一套方法，把剩下的按鈕 全部包成 Tool。 我先把網站上看得到的操作列出來：展開篩選器、切換頁籤、查看詳情、收藏、關閉 dialo…
WebMCP
AI Agent
JavaScript
104
一般更新
前端開發
2026-09-09
8 分鐘閱讀
近 7 天 0 次點閱
Day 9｜輸入日期、選時間還是看整月？五種日期時間元件怎麼選
2026 iThome 鐵人賽 Vibe Coding UI Day 9：安安～我是ChiYu～ 昨天，LumenDesk 的活動預算、人數和餐點數量終於各自找到適合的控制。沒想到我一按下「下一步」，AI 又端出一張佔掉快半頁的月曆。 活動日期找它、報名期間找它、預約時段還是找它。這張 Calendar 一…
Vibe Coding
UX/UI
Frontend
105
一般更新
AI 協作
2026-09-08
17 分鐘閱讀
近 7 天 0 次點閱
Day 8｜同一項需求交給下一個 AI Agent，三種函式結構會走出哪條修改路徑？
2026 iThome 鐵人賽 AI CleanCode Day 8：安安～我是ChiYu～ 昨天，我從三份函式拆分結果中選了 Stepdown 版本。 ProcessOverdue 現在可以由上而下讀成四個步驟：找出逾期候選、逐筆處理、儲存狀態、回傳結果。入口變清楚了，但一份結構是否真的好用，不能只看今天…
AI Agent
Software Engineering
Software Architecture
Testing
106
一般更新
前端開發
2026-09-08
5 分鐘閱讀
近 7 天 0 次點閱
Day 08｜WebMCP Tool 該怎麼設計？把「點按鈕」改成「搜尋活動」
2026 iThome 鐵人賽 WebMCP Day 8：安安～我是ChiYu～ 昨天才把二十道測試題出好，今天輪到我寫第一份答案。我從最單純的搜尋活動開始，打開頁面， 看著那顆藍色的「搜尋活動」按鈕，很順手地寫下： 有一說一，這個名字很好懂，懂到連自動化測試都知道下一步要按哪裡。問題是，我現在設計的 是給…
WebMCP
AI Agent
JavaScript
107
一般更新
前端開發
2026-09-08
7 分鐘閱讀
近 7 天 0 次點閱
Day 8｜數值要輸入、拖曳還是評分？六種數值控制的選型
2026 iThome 鐵人賽 Vibe Coding UI Day 8：安安～我是ChiYu～ 昨天，LumenDesk 的邀請成員流程終於走完。新團隊接到的第一個工作是建立內部活動，畫面裡馬上出現一大群數字：48,000 元預算、每組人數、配送距離、餐點數量，活動結束後還要收滿意度。 我把需求濃縮成一句…
Vibe Coding
UX/UI
Frontend
108
一般更新
AI 協作
2026-09-07
21 分鐘閱讀
近 7 天 0 次點閱
Day 7｜AI 把函式拆得越小，就越符合 Clean Code 嗎？三種拆分方式實測
2026 iThome 鐵人賽 AI CleanCode Day 7：安安～我是ChiYu～ 昨天，我們替 Work Item 逾期流程保留兩則有測試依據的警告註解，也確認 Formatter 只能整理已設定的格式規則。 註解沒有逐行翻譯 Code，排版也整理好了。可是打開 ProcessOverdue，查…
AI Agent
Software Engineering
Software Architecture
Testing
109
一般更新
前端開發
2026-09-07
7 分鐘閱讀
近 7 天 0 次點閱
Day 07｜Agent 偶爾答對還不夠，我先出二十道測試題
2026 iThome 鐵人賽 WebMCP Day 7：安安～我是ChiYu～ 昨天把 E0～E5 的證據等級排好後，我正準備動手寫第一支 WebMCP Tool，卻發現順序好像反了。 如果連「怎樣才算做對」都還沒說清楚，Tool 寫完後，我很可能只挑一個最聽話的 Prompt，看到 Agent 成功呼叫…
WebMCP
AI Agent
JavaScript
110
一般更新
前端開發
2026-09-07
7 分鐘閱讀
近 7 天 0 次點閱
Day 7｜別再把所有下拉都叫 Dropdown：從 Select 到 Multi-select 的選型指南
2026 iThome 鐵人賽 Vibe Coding UI Day 7：安安～我是ChiYu～ 昨天把通知設定拆成 Checkbox、Radio 與 Switch 後，邀請成員流程只剩兩個欄位：「所屬部門」和「協作者」。 部門要能搜尋，但只能從既有資料選一筆；協作者同樣要搜尋，卻可以留下多筆結果。AI 第…
Vibe Coding
UX/UI
Frontend