Day 04｜按鈕只多包一層，哪種 Playwright Locator 撐得住？
2026 iThome 鐵人賽 WebMCP Day 4：安安～我是ChiYu～ 昨天我把活動網站從搜尋一路走到取消報名，最後挑了風險最低的搜尋流程，準備交給 Playwright 重播。今天它正式接班：開啟頁面、填入 WebMCP、按下搜尋，再確認畫面出現 一場活動。 第一輪很順，四行程式碼就完成了。接著…
WebMCP
AI Agent
JavaScript
tag
JavaScript
這裡整理與「JavaScript」相關的已發布文章，依最新更新排序。
10 篇文章
Latest first
文章列表
一般更新
前端開發
2026-08-05
6 分鐘閱讀
點閱 1
Day 03｜先別急著做 Tool，我把活動網站自己走了一遍
2026 iThome 鐵人賽 WebMCP Day 3：安安～我是ChiYu～ 昨天把專案切到固定 tag，Web、API、測試和 build 也都跑起來了。照這個進度，今天最容易 做的事情，就是立刻替網站加上第一支 WebMCP Tool。 但我先把 Inspector 關掉。 不是它做錯了什麼，只是今…
WebMCP
AI Agent
JavaScript
一般更新
前端開發
2026-08-04
6 分鐘閱讀
點閱 0
Day 02｜換到全新資料夾後，網站還能不能跑？
2026 iThome 鐵人賽 WebMCP Day 2：安安～我是ChiYu～ 昨天才把完成版的 Agent trace 端上桌，今天我做的第一件事，卻是把它收起來。 我另外開了一個空資料夾，重新 git clone，沒有沿用原本的 node_modules，也沒有順手把 環境裡那些「反正我的電腦已經有」…
WebMCP
AI Agent
JavaScript
一般更新
前端開發
2026-08-03
12 分鐘閱讀
點閱 0
Day 01｜網站真的會被 Agent 使用嗎？我先丟了一句自然語言
2026 iThome 鐵人賽 WebMCP Day 1：安安～我是ChiYu～ 今年我想拿一個很新的 Web API，做一件很老派的事：實際把它做完，再看看它到底有沒有 簡報上那麼神。 我先對 WebMCP Inspector 丟了一句很普通的需求： 幫我找台北、免費，而且適合入門者的活動。 沒有 Too…
WebMCP
AI Agent
JavaScript
一般更新
優化篇
2025-09-19
3 分鐘閱讀
點閱 1
Day 31: 【優化篇】代碼的整形外科：JavaScript 模組化與代碼重構
今天我們將為原本臃腫的 script.js 進行一次徹底的「整形手術」，引入專業的 JavaScript 模組化結構。
Software Engineering
Gemini
JavaScript
一般更新
前端開發
2025-09-16
8 分鐘閱讀
點閱 2
Day 28: 【前端 #8】兌現承諾：根據規格書 Vibe Coding 關聯性洞察圖表
今天我們將正式拿起工具，嚴格依據昨天的這份《圖表元件規格書》，指揮 AI 和 Chart.js，將這幅數據的畫布，變成真實、可互動的前端程式碼！
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-13
8 分鐘閱讀
點閱 0
Day 25: 【前端 #6】核心生命週期：一天搞定習慣的「增刪改查」與「打卡」
今天我們將火力全開，搞定所有習慣的「增、刪、改、查」與「打卡」功能，讓 App 真正地動起來。
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-12
8 分鐘閱讀
點閱 0
Day 24: 【前端 #5】狀態管理的哲學：讓 UI 成為數據的鏡子
今天我們將深入探討狀態管理的心法，並引入一個輕量的狀態中心模式，讓我們的 UI 成為數據最忠實的鏡子。
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-11
8 分鐘閱讀
點閱 1
Day 23: 【前端 #4】非同步的藝術：深入 Fetch API 與 Promise
今天我們將深入前端開發中最核心的觀念——非同步程式設計，並學習如何使用 Fetch API 讓前後端進行對話。
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-05
6 分鐘閱讀
點閱 0
Day 17: 【前端 #0】前端世界的基石： HTML, CSS 與 JavaScript
今天，我們將回歸本心，認識一下構成生命的三大基本元素：HTML, CSS, 與 JavaScript。
Frontend
HTML/CSS
JavaScript