Day 13|手機版不是把 Sidebar 縮小:Header、Navbar、Sidebar 與 Bottom Navigation 怎麼分工
2026 iThome 鐵人賽 Vibe Coding UI Day 13:安安~我是ChiYu~ 昨天把邀請成員和建立活動的輸入流程接起來後,我順手把瀏覽器縮到 360px。桌面那條 Sidebar 依然很有自己的想法,硬是占著半張畫面。 內容區已經快被擠成收據了,它還站得筆直。 問題來自一開始的需求: …
Last 30 days
全部文章依近 30 天的 GoatCounter 點閱數重新排序,看看最近大家在讀什麼。資料每天自動同步一次。
Ranked by views
有近 30 天點閱紀錄的文章排在前面,其餘依發布日期排列;點閱數每天同步一次。
2026 iThome 鐵人賽 Vibe Coding UI Day 13:安安~我是ChiYu~ 昨天把邀請成員和建立活動的輸入流程接起來後,我順手把瀏覽器縮到 360px。桌面那條 Sidebar 依然很有自己的想法,硬是占著半張畫面。 內容區已經快被擠成收據了,它還站得筆直。 問題來自一開始的需求: …
2026 iThome 鐵人賽 AI CleanCode Day 12:安安~我是ChiYu~ 昨天比較類別拆分時,控制組、行數上限與內聚拆分都能把升級通知做對,也都通過最後的行為驗證。 若只看終點,三種結構都像是成功的候選。可是最後一片綠燈,只能證明它們抵達了終點,沒有說明途中累積了多少尚未驗證的修改,也…
2026 iThome 鐵人賽 WebMCP Day 12:安安~我是ChiYu~ 昨天的 Declarative API 很適合表單:HTML 還在,Tool 就跟著存在;表單離開頁面,能力也一起 消失。兩邊的生命週期幾乎黏在一起。 活動詳情就沒這麼省事了。它要讀取目前活動、跟著 route 切換情境,離…
2026 iThome 鐵人賽 Vibe Coding UI Day 12:安安~我是ChiYu~ 昨天,表單終於能把人從錯誤帶回完成。接著輪到活動內容,AI 很自然地提出一份「功能完整」的升級方案:六格驗證碼、標籤膠囊、色盤,外加一整排編輯工具。 回頭看需求,這扇門確實是我自己打開的: 幫我做一個功能完整…
2026 iThome 鐵人賽 AI CleanCode Day 11:安安~我是ChiYu~ 昨天我先釐清 WorkItem、DTO 與 EF Entity 各自負責什麼。最後沒有建立第二套 Domain Model,只把指派、完成與逾期狀態轉換收回 WorkItem。 物件角色清楚之後,新的問題也浮了出…
2026 iThome 鐵人賽 WebMCP Day 11:安安~我是ChiYu~ 昨天打開 Inspector 後,Chrome 終於把目前頁面的 Tool 列了出來。面板裡有名稱、description, 還有一大段 input schema。 看到 catalog 當然很開心,但我很快又卡在下一個問題…
2026 iThome 鐵人賽 Vibe Coding UI Day 11:安安~我是ChiYu~ 昨天,三份附件終於可以各自上傳、失敗與重試。我把活動名稱留空、Email 填錯,再按下「發布」,整份表單卻只亮起幾個紅框。 為了排除活動頁自己的問題,我又把前幾天完成的「新增成員」表單抓回來重測。原始需求同樣…
2026 iThome 鐵人賽 AI CleanCode Day 10:安安~我是ChiYu~ 昨天我比較了一次重寫與分段 Commit,最後保留可以逐步驗證、失敗時局部還原的清理節奏。函式內部整理完後,我接著往物件邊界看,WorkItemsController 裡還留著幾行很直接的 Code: 這些 Se…
2026 iThome 鐵人賽 WebMCP Day 10:安安~我是ChiYu~ 昨天才把五支 Tool 的名單定下來,我原本以為今天打開 Inspector,它們就會排隊向我報到。 結果側邊面板一片空白。 沒有名稱、沒有 schema,也沒有任何「恭喜你完成 WebMCP」的綠色勾勾。紙上的 catal…
2026 iThome 鐵人賽 AI CleanCode Day 9:安安~我是ChiYu~ 昨天,我把同一項需求交給三種函式結構,觀察全新 Agent 會如何理解資料、又會把修改放在哪裡。我最後採用 CQS,但那只回答了資料目前該放哪裡,還沒回答修改走偏時要怎麼退回。 今天接著比較同一段清理工作:讓 Ag…