Day 03｜先別急著做 Tool，我把活動網站自己走了一遍
2026 iThome 鐵人賽 WebMCP Day 3：安安～我是ChiYu～ 昨天把專案切到固定 tag，Web、API、測試和 build 也都跑起來了。照這個進度，今天最容易做 的事情，就是立刻替網站加上第一支 WebMCP Tool。 但我先把 Inspector 關掉。 不是它做錯了什麼，只是今…
WebMCP
AI Agent
JavaScript
Last 7 days
近 7 天熱門文章
全部文章依近 7 天的 GoatCounter 點閱數重新排序，最能看出這一週正在被討論的主題。資料每天自動同步一次。
Ranked by views
近 7 天點閱排行
有近 7 天點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
Day 3｜一份 AI 看得懂的 UI Spec，至少要交代這 8 件事
2026 iThome 鐵人賽 Vibe Coding UI Day 3：安安～我是ChiYu～ 昨天我把成員管理頁拆成 Component、Pattern 和 Layout，總算能指出：「這次只改部門篩選，不動整張頁面。」 修改範圍有了，照理說可以叫 AI 開工了吧？ 還不行。因為我手上只剩下這句需求： …
Vibe Coding
UX/UI
Frontend
我把 iThome 鐵人賽發文流程做成開源範本了
鐵人賽文章寫完，仍可能因漏發、貼錯系列或重複發布而中斷。我把自己的流程做成 iThome Ironman AutoPost，這篇說明它如何用 TypeScript、Playwright 與 GitHub Actions 驗證文章、發布結果與安全邊界。
Automation
Open Source
CI/CD
Testing
Day 2｜叫 AI 清理程式碼，為什麼常只清到表面？
2026 iThome 鐵人賽 AI CleanCode Day 2：安安～我是ChiYu～ 昨天，我真的把這句話交給了 Codex： 改善逾期處理，讓它符合 Clean Code。 Agent 最後交出一份看起來很成功的候選：能 Build、測試全綠，名稱更清楚，主要流程更短，Diff 也集中在逾期處理。…
AI Agent
Software Engineering
Software Architecture
Testing
Day 02｜換到全新資料夾後，網站還能不能跑？
2026 iThome 鐵人賽 WebMCP Day 2：安安～我是ChiYu～ 昨天才把完成版的 Agent trace 端上桌，今天我做的第一件事，卻是把它收起來。 我另外開了一個空資料夾，重新 git clone，沒有沿用原本的 node_modules，也不把環境裡 那些「反正我的電腦已經有」的東西…
WebMCP
AI Agent
JavaScript
Day 2｜這些東西到底叫什麼？Component、Pattern、Layout 與 Template
2026 iThome 鐵人賽 Vibe Coding UI Day 2：安安～我是ChiYu～ 昨天留下來的後台有一個很麻煩的問題。 我知道搜尋沒反應、手機版壞掉，停用按鈕也像裝飾品；真的要叫 AI 修改時，我卻只說得出：「那個東西幫我改一下。」 既然叫不出名字，我乾脆先請 AI 幫忙點名。還是同一張 L…
Vibe Coding
UX/UI
Frontend
Day 01｜網站真的會被 Agent 使用嗎？我先丟了一句自然語言
2026 iThome 鐵人賽 WebMCP Day 1：安安～我是ChiYu～ 今年我想拿一個很新的 Web API，做一件很老派的事：實際把它做完，再看看它到底有沒有 簡報上那麼神。 我先對 WebMCP Inspector 丟了一句很普通的需求： 幫我找台北、免費，而且適合入門者的活動。 沒有 Too…
WebMCP
AI Agent
JavaScript
Day 1｜AI 不是不會做，是你只說「做得好看一點」
2026 iThome 鐵人賽 Vibe Coding UI Day 1：安安～我是ChiYu～ 我把一句很有 Vibe Coding 味道的 Prompt 交給 AI： 幫我做一個現代、漂亮、好用的工作區成員管理後台。 這句話看起來有需求、有風格，甚至還很貼心地補了「好用」。 2026 年 7 月 24 …
Vibe Coding
UX/UI
Frontend
MD2DOC-Evolution v2.0：把 Markdown 變成可交給出版社修訂的 Word 書稿
MD2DOC-Evolution v2.0 是給技術書作者、工程師與內容團隊使用的開源出版工作台。本文完整示範 Markdown 匯入、出版語法、版型設定、DOCX 匯出、AI 轉稿、Word 後製與出版社導入方式。
Markdown
Documentation
Open Source
Automation
NotebookLM 正式更名 Gemini Notebook：不只換名字，Google 的 AI 筆記本開始會「動手做」
Google 將 NotebookLM 正式更名為 Gemini Notebook。本文整理 Gemini App 與搜尋整合、安全雲端電腦、程式碼執行、代理式研究及多格式輸出，看看這次改名對研究工作流有什麼影響。
AI
NotebookLM
Gemini
Documentation