[B! Playwright] mkusakaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mkusaka id:mkusaka

Playwrightã«é–¢ã™ã‚‹mkusakaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (37)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Harness design for long-running application development
Published Mar 24, 2026 Harness design is key to performance at the frontier of agentic coding. Here's how we pushed Claude further in frontend design and long-running autonomous software engineering. Written by Prithvi Rajasekaran, a member of our Labs team. Over the past several months Iâ€™ve been working on two interconnected probl ems: getting Claude to produce high-quality frontend designs, and g
mkusaka 2026/03/25
Claudeã®é•·æ™‚é–“è‡ªå¾‹é–‹ç™ºã§ã€3-agentï¼ˆplanner/generator/evaluatorï¼‰ã¨Playwright MCPã§å“è³ªè©•ä¾¡ã—4æ™‚é–“å®Ÿè£…ãƒ»QAã™ã‚‹æ‰‹æ³•ã‚’è§£èª¬ã™ã‚‹è¨˜äº‹ã§ã™ã€‚

AIè¦ç´„

agent-harn

Claude SDK

eval agent

planner

frontend
ãƒªãƒ³ã‚¯
Playwright + OWASP ZAP + Claude Code ã§ E2E ãƒ†ã‚¹ãƒˆã‹ã‚‰è„†å¼±æ€§è¨ºæ–ã¾ã§ä¸€æ°—é€šè²«ã§ã§ãã‚‹ã‹ã‚„ã£ã¦ã¿ãŸ
ã¯ã˜ã‚ã« æœ€è¿‘ã€ä»–ãƒãƒ¼ãƒ ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€ŒPlaywright ã§æ›¸ã„ãŸ E2E ãƒ†ã‚¹ãƒˆã‚’ OWASP ZAP ã«é€šã—ã¦è„†å¼±æ€§è¨ºæ–ã‚’ã‚„ã£ã¦ã¿ãŸã€ã¨ã„ã†è©±ã‚’èžãã¾ã—ãŸã€‚ ã€ŒE2E ã®ã‚·ãƒŠãƒªã‚ªã£ã¦ãã®ã¾ã¾è„†å¼±æ€§è¨ºæ–ã«ã‚‚ä½¿ãˆã‚‹ã®ï¼Ÿã€ æ°—ã«ãªã£ãŸã®ã§è‡ªåˆ†ã§ã‚‚è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ãã®è¨˜éŒ²ã§ã™ã€‚ ã‚„ã£ãŸã“ã¨ï¼ˆå…¨ä½“åƒï¼‰ ã‚·ãƒ³ãƒ—ãƒ«ãª Todo ã‚¢ãƒ—ãƒªã‚’é¡Œæã«ã€ä»¥ä¸‹ã®æµã‚Œã§è©¦ã—ã¾ã—ãŸã€‚ 1. Next.js ã§ Todo ã‚¢ãƒ—ãƒªã‚’æ§‹ç¯‰ 2. Playwright ã§ E2E ãƒ†ã‚¹ãƒˆï¼ˆ12ã‚·ãƒŠãƒªã‚ªï¼‰ã‚’ä½œæˆ 3. ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’ FastAPI + MySQL ã«å¤‰æ›´ï¼ˆDockerï¼‰ 4. E2E ã‚·ãƒŠãƒªã‚ªã‚’ ZAP ãƒ—ãƒã‚ã‚·çµŒç”±ã§å®Ÿè¡Œ â†’ è„†å¼±æ€§è¨ºæ–
mkusaka 2026/03/17
Playwrightã§ä½œã£ãŸ12ã‚·ãƒŠãƒªã‚ªã‚’ZAPçµŒç”±ã§å®Ÿè¡Œã—ã€FastAPI+MySQLï¼ˆDockerï¼‰ç’°å¢ƒã§OWASP ZAPãŒHigh1ãƒ»Medium4ãƒ»Low3ã‚’æ¤œå‡ºã—ãŸæ¤œè¨¼è¨˜éŒ²ã§ã™ã€‚

AIè¦ç´„

Playwright

OWASP ZAP

E2E

ClaudeCode

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
agent-browser
Headless browser automation CLI for AI agents. Fast Rust CLI with Node.js fallback. FeaturesUniversal - Works with any AI agent: Claude Code, Cursor, Codex, Copilot, Gemini, opencode, and moreAI-first - Snapshot returns accessibility tree with refs for deterministic element selectionFast - Native Rust CLI for instant command parsingComplete - 50+ commands for navigation, forms, screenshots, networ
mkusaka 2026/03/13
AIã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå‘ã‘ã®headlessãƒ–ãƒ©ã‚¦ã‚¶è‡ªå‹•åŒ–CLIã€‚Rust CLIï¼‹Node.jsãƒ‡ãƒ¼ãƒ¢ãƒ³ã§50+ã‚³ãƒžãƒ³ãƒ‰ã€@e1ãªã©ã®refsã§ã‚³ãƒ³ãƒ‘ã‚¯ãƒˆãªsnapshotã‚’è¿”ã—ã¾ã™ã€‚

AIè¦ç´„

browser

automation

CLI

Rust

Playwright
ãƒªãƒ³ã‚¯
I'm Building Agents That Run While I Sleep
I'm Building Agents That Run While I Sleep I Have No Idea If What They Ship Is Any Good I've been building agents that write code while I sleep. Tools like Gastown run for hours without me watching. Changes land in branches I haven't read. A few weeks ago I realized I had no reliable way to know if any of it was correct: whether it actually does what I said it should do. I've run Claude Code works
mkusaka 2026/03/11
TDDé¢¨ã«å—ã‘å…¥ã‚ŒåŸºæº–ã‚’å…ˆã«æ›¸ãã€Playwrightã¨claude -pã§ACã”ã¨ã«ä¸¦åˆ—æ¤œè¨¼ã™ã‚‹å››æ®µéšŽãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’è§£èª¬ã€‚ä¾‹:5å›žå¤±æ•—ã§60ç§’ãƒ–ãƒãƒƒã‚¯ãªã©ã®ACã‚‚ãƒã‚§ãƒƒã‚¯ã€‚

AIè¦ç´„

AIã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ

ClaudeCode

TDD

testing

Playwright
ãƒªãƒ³ã‚¯
Playwright CLIã¨Claude Code Skillsã§åŠ¹çŽ‡çš„ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã‚’å®Ÿç¾ã™ã‚‹
ã¯ã˜ã‚ã« Playwright MCPã‚’ä½¿ã„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã®ã‚·ãƒŠãƒªã‚ªã«ã¤ã„ã¦å®Ÿè£…ã—ã¦ãŠã‚Šã¾ã—ãŸãŒMCPçµŒç”±ã ã¨ãƒ„ãƒ¼ãƒ«å®šç¾©ã®ãƒãƒ¼ãƒ‰ç‰ã§ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãŒç´„8%å¢—åŠ ã™ã‚‹ã¨ã„ã†ä»¥ä¸‹ã®è¨˜äº‹ã‚’å—ã‘ã¦ è‡ªåˆ†ã§ã‚‚Playwright CLIã¨Claude Codeã®Skillsï¼ˆã‚«ã‚¹ã‚¿ãƒ ã‚³ãƒžãƒ³ãƒ‰ï¼‰ã€€ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã‚’æŠ‘ãˆã¤ã¤ãƒ–ãƒ©ã‚¦ã‚¶è‡ªå‹•åŒ–ã‚’è¡Œã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã—ãŸã€‚ Playwright CLIã¨ã¯ Playwright MCPãƒªãƒã‚¸ãƒˆãƒªã‹ã‚‰ã€v0.0.58ï¼ˆ2026/1/24ï¼‰ã§è¿½åŠ ã•ã‚ŒãŸãƒˆãƒ¼ã‚¯ãƒ³åŠ¹çŽ‡çš„ãªCLIãƒ¢ãƒ¼ãƒ‰ã§ã™ã€‚ ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ We are adding a new token-efficient CLI mode of operation to Playwright. This brings the long-awaited off
mkusaka 2026/03/02
Playwright CLIã¨Claude Code Skillsã‚’çµ„ã¿åˆã‚ã›ã€ãƒˆãƒ¼ã‚¯ãƒ³åŠ¹çŽ‡ã‚„å¯¾è©±çš„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã§åŠ¹çŽ‡çš„ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚

AIè¦ç´„

ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆ

Playwright

ClaudeCode

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
å€‹äººé–‹ç™ºã§ClaudeCodeã«ç”»é¢æ“ä½œä»˜ãPRå‹•ç”»ã‚’ç”Ÿæˆã•ã›ã¦Xã«è‡ªå‹•æŠ•ç¨¿ã—ã¦ã‚‹è©± - Qiita
å®Ÿéš›ã®æŠ•ç¨¿ä¾‹ ã“ã®ãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³ã§è‡ªå‹•ç”Ÿæˆãƒ»è‡ªå‹•æŠ•ç¨¿ã•ã‚ŒãŸXã®æŠ•ç¨¿ãŒã“ã¡ã‚‰ã§ã™ã€‚ https://x.com/aiteacher37681/status/2026187321477931407?s=20 ç”Ÿæˆæ‰‹é † Planãƒ¢ãƒ¼ãƒ‰ã§Claude Codeã«ã€ŒRemotion + Playwrightã§ã€‡ã€‡æ©Ÿèƒ½ã®PRå‹•ç”»ä½œæˆã€ã‚’ä¾é ¼ ç”Ÿæˆã•ã‚ŒãŸå°æœ¬ã‚’ç¢ºèª å•é¡Œãªã‘ã‚Œã°PRå‹•ç”»ã®ç”Ÿæˆã‚’ä¾é ¼ ç”Ÿæˆå¾Œã®å“è³ªç¢ºèª æ°—ã«ãªã‚‹ç‚¹ãŒã‚ã‚Œã°æŒ‡æ‘˜ãƒ»ä¿®æ£ä¾é ¼ å•é¡Œãªã‘ã‚Œã°push â†’ GitHub ActionsãŒå°æœ¬ã®å†…å®¹ã‚’èªã¿å–ã‚Šã€PRå‹•ç”»ã‚’æ·»ä»˜ã—ã¦Xã«è‡ªå‹•æŠ•ç¨¿ äººé–“ãŒã‚„ã‚‹ã®ã¯å°æœ¬ã¨å‹•ç”»ã®å“è³ªãƒã‚§ãƒƒã‚¯ã ã‘ã§ã€ãã‚Œä»¥å¤–ã¯ã™ã¹ã¦è‡ªå‹•åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚å°†æ¥çš„ã«ã¯ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒæ‹…ä¿ã§ãã‚‹ã‚ˆã†ã«ãªã‚Œã°ã€æ–°æ©Ÿèƒ½è¿½åŠ ã®æ™‚ç‚¹ã§å°æœ¬ç¢ºèªã™ã‚‰ä¸è¦ãªå®Œå…¨è‡ªå‹•åŒ–ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ ãã£ã‹ã‘ å€‹äººé–‹ç™ºã§æ•™å“¡å‘ã‘AIæ ¡å‹™æ”¯æ´ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã„
mkusaka 2026/03/02
Next.jsã§ã®å€‹äººé–‹ç™ºã§ã€Planãƒ¢ãƒ¼ãƒ‰ã§Claude Codeã«ç”»é¢æ“ä½œä»˜ãPRå‹•ç”»ã‚’ç”Ÿæˆã•ã›ã€ç”Ÿæˆç‰©ã‚’Xã¸è‡ªå‹•æŠ•ç¨¿ã™ã‚‹ãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³ã‚’è§£èª¬ã—ã¦ã„ã¾ã™ã€‚

AIè¦ç´„

ClaudeCode

å€‹äººé–‹ç™º

Next.js

Playwright

è¨˜äº‹
ãƒªãƒ³ã‚¯
Terminal ç‰ˆ Playwright é¢¨ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã® tuistory ãŒä¾¿åˆ© - Qiita
TUI ãƒ„ãƒ¼ãƒ«ã‚’ Vibe coding ã§ä½œã‚‹ã“ã¨ãŒæœ€è¿‘å¤šãã€ãã®éš›ã®å‹•ä½œç¢ºèªã¨ã—ã¦ tuistory ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã„ã¦ä¾¿åˆ©ã ã£ãŸã®ã§ç´¹ä»‹ã™ã‚‹ã€‚ tuistory ã¯ã©ã‚“ãªãƒ„ãƒ¼ãƒ«ã‹ ç°¡å˜ã«è¨€ã†ã¨ Terminal ç‰ˆã® Playwrightã€‚ playwright-cli ã‚„ agent-browser ã¿ãŸã„ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§ã€ä»®æƒ³ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã®èµ·å‹•ã‚„æ“ä½œã€å†…å®¹ã®å–å¾—ãŒå‡ºæ¥ã‚‹ã€‚ $ tuistory launch "nvim" -s nvim --cols 80 --rows 40 Session "nvim" started $ tuistory -s nvim snapshot --trim buffers __ ___ ___ ___ __ __ /\_\ ___ ___ / _ `\ / __`\ / __`\/\ \/\ \\/\ \ / __` __`\ /\ \/
mkusaka 2026/03/02
Terminalç‰ˆPlaywrighté¢¨tuistory ã‚’ç´¹ä»‹ã€‚CLIã§ --cols 80 --rows 40 æŒ‡å®šã‚„ Node.js ã® launchTerminalã§TUIã‚’E2Eè‡ªå‹•åŒ–å¯èƒ½ã€‚

AIè¦ç´„

tuistory

tui

ç«¯æœ«ãƒ†ã‚¹ãƒˆ

E2E

Playwright
ãƒªãƒ³ã‚¯
Playwright Dashboard. Debug, monitor and speed up Playwright tests in CI.
mkusaka 2026/02/26
Currentsã¯Playwrightå‘ã‘ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰å…¼ãƒ¬ãƒãƒ¼ã‚¿ãƒ¼ã§ã€Playwright Tracesã‚’ã‚¯ãƒ©ã‚¦ãƒ‰ä¿å˜ã—ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§å‚ç…§ã§ãã€CIæœ€é©åŒ–ã§æœ€å¤§50%é«˜é€ŸåŒ–ã—ã¾ã™ã€‚

AIè¦ç´„

Playwright

Currents

dashboard

reporter

traces
ãƒªãƒ³ã‚¯
How we built the fastest Playwright end-to-end test runner
mkusaka 2026/02/26
Endformã¯Rustãƒ™ãƒ¼ã‚¹ã®CLIã§ä¾å˜ã‚’é…å¸ƒã—ã€1å°1ãƒ†ã‚¹ãƒˆã§Playwrightã‚’å…¨ä¸¦åˆ—åŒ–ã—ã€20xè¶…ã®é«˜é€ŸåŒ–ã¨2000ç„¡æ–™ãƒ†ã‚¹ãƒˆåˆ†ã‚’æä¾›ã—ã¾ã™ã€‚

AIè¦ç´„

Playwright

e2e

runner

perf

è¨˜äº‹
ãƒªãƒ³ã‚¯
Claude Codeã¨Playwright MCPã§å®Ÿç¾ã™ã‚‹å¯¾è©±åž‹UIè‡ªå‹•ãƒ†ã‚¹ãƒˆæ§‹ç¯‰ | DevelopersIO
ã¯ã˜ã‚ã« UIãƒ†ã‚¹ãƒˆã‚’æ›¸ãã¨ãã€ ã€Œã‚»ãƒ¬ã‚¯ã‚¿ã‚’æŽ¢ã™ â†’ å¤±æ•—ã™ã‚‹ â†’ ãƒ–ãƒ©ã‚¦ã‚¶ã‚’è¦‹ç›´ã™ã€ ã¨ã„ã†å¾€å¾©ã«æ™‚é–“ã‚’å–ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ æœ¬è¨˜äº‹ã§ã¯ã€Claude Code ã¨ Playwright MCP ã‚’çµ„ã¿åˆã‚ã›ã¦ã€ å®Ÿéš›ã®ãƒ–ãƒ©ã‚¦ã‚¶æ“ä½œã‚’ç¢ºèªã—ãªãŒã‚‰å¯¾è©±çš„ã«UIãƒ†ã‚¹ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’ã‚ã¨ã‹ã‚‰æ›¸ãã®ã§ã¯ãªãã€ ç¢ºèªä½œæ¥ãã®ã‚‚ã®ã‚’ãƒ†ã‚¹ãƒˆç”Ÿæˆã«ã¤ãªã’ã‚‹ ã®ãŒã“ã®æ–¹æ³•ã®è‰¯ã„ã¨ã“ã‚ã§ã™ã€‚ æœ¬è¨˜äº‹ã¯ã€Claude Codeã¨Playwrightã‚’åˆ©ç”¨ã—ãŸã“ã¨ãŒã‚ã‚‹æ–¹å‘ã‘ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ å„ã‚µãƒ¼ãƒ“ã‚¹ã«ã¤ã„ã¦è©³ã—ãçŸ¥ã‚ŠãŸã„æ–¹ã¯ã€ã“ã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚ Claude Codeã¨Playwrightã®å‚è€ƒãƒ–ãƒã‚° å‹•ç”»ã§å‹•ãã‚’ç´¹ä»‹ ãƒ¢ãƒã‚¤ãƒ«è¡¨ç¤ºæ™‚ã®ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ†ã‚¹ãƒˆã‚’å¯¾è©±çš„ã«ä½œæˆã—ã¦ã„ã‚‹ä¾‹ã§ã™ã€‚ ã“ã‚“ãªã“ã¨ãŒã§ãã¾ã™ã€‚ ç”Ÿæˆã—ãŸãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã®è©³ç´° ã“ã®è¨˜äº‹ã§ä½œæˆã—ãŸãƒ†ã‚¹ãƒˆã‚³
mkusaka 2026/02/07
Claude Codeã¨Playwright MCPã‚’çµ„ã¿åˆã‚ã›ã€ãƒ¢ãƒã‚¤ãƒ«ç”»é¢ï¼ˆ375pxå¹…ï¼‰ã§ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æŒ™å‹•ã‚’ç¢ºèªã—ã¤ã¤Playwrightãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’å¯¾è©±çš„ã«ç”Ÿæˆã™ã‚‹æ‰‹æ³•ã‚’ç´¹ä»‹ã€‚

AIè¦ç´„

ClaudeCode

Playwright

MCP

ãƒ†ã‚¹ãƒˆ

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
agent-browserã«å¦ã¶AIæœ€é©ãªãƒ–ãƒ©ã‚¦ã‚¶æ“ä½œã¨ãƒ„ãƒ¼ãƒ«æä¾›ã®è€ƒãˆæ–¹ï½œSeiji Takahashi@ãƒ™ãƒ¼ã‚¹ãƒžã‚ãƒŠ
çš†ã•ã¾ã“ã‚“ã«ã¡ã¯ã€æ ªå¼ä¼šç¤¾ãƒ™ãƒ¼ã‚¹ãƒžã‚ãƒŠã®ä»£è¡¨å–ç· å½¹ç¤¾é•·ã‚’å‹™ã‚ã¦ãŠã‚Šã¾ã™é«˜æ©‹ï¼ˆ@__timakin__ï¼‰ã§ã™ã€‚ å…ˆæ—¥vercel-labs/agent-browserãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã€Œãƒˆãƒ¼ã‚¯ãƒ³æ¶ˆè²»93%å‰Šæ¸›ã€ã¨ã„ã†è¬³ã„æ–‡å¥ã‚’è¦‹ã¦ã€ã©ã†ã‚„ã£ã¦ãã‚Œã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã®ã‹æ°—ã«ãªã£ãŸã®ã§ä¸èº«ã‚’èªã‚“ã§ã¿ã¾ã—ãŸã€‚ãƒ‘ãƒƒã¨è¦‹ã¯Playwrightã®ãƒ©ãƒƒãƒ‘ãƒ¼ã«è¦‹ãˆã‚‹ã®ã§ã™ãŒã€å®Ÿéš›ã«ã¯AIã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå‘ã‘ã®å…¥å‡ºåŠ›è¨è¨ˆãŒã‹ãªã‚Šç·´ã‚‰ã‚Œã¦ã„ã¦ã€é¢ç™½ã‹ã£ãŸã§ã™ã€‚ å¾“æ¥ã®Playwright MCPãŒæŠ±ãˆã‚‹èª²é¡Œã¾ãšã€ãªãœæ–°ã—ã„ãƒ„ãƒ¼ãƒ«ãŒå¿…è¦ã ã£ãŸã®ã‹ã‚’æ•´ç†ã—ã¦ãŠãã¾ã™ã€‚ Playwright MCPã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶è‡ªå‹•åŒ–ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã‚ã‚‹Playwrightã‚’MCPã‚µãƒ¼ãƒãƒ¼ã¨ã—ã¦æä¾›ã—ãŸã‚‚ã®ã§ã™ã€‚å¤šæ©Ÿèƒ½ãªã®ã§ã™ãŒã€AIã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‹ã‚‰ä½¿ã†å ´åˆã«ã¯ã„ãã¤ã‹ã®å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ ã²ã¨ã¤ã¯ãƒ„ãƒ¼ãƒ«ã®æ•°ã§ã™ã€‚Playwri
mkusaka 2026/01/15
agent-browserã®è¨è¨ˆã‚’æŠ€è¡“çš„ã«è§£æžã—ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ„ãƒªãƒ¼ã¨Snapshot + Refsã‚„-iãƒ•ãƒ©ã‚°ã§ãƒˆãƒ¼ã‚¯ãƒ³æ¶ˆè²»ã‚’93%å‰Šæ¸›ã—ãŸæ‰‹æ³•ã‚’è§£èª¬ã€‚

AIè¦ç´„

Playwright

AIã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

è§£èª¬
ãƒªãƒ³ã‚¯
preact ã§ Playwright ã‚’åˆ©ç”¨ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ†ã‚¹ãƒˆã‚’ã™ã‚‹
React ã‹ã‚‰ Preact ã«åˆ‡ã‚Šæ›¿ãˆã‚‹å ´åˆã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦å…¬å¼ Playwright ãŒæä¾›ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ†ã‚¹ãƒˆ (ä»¥é™ CT) ãŒåˆ©ç”¨ã§ããªããªã‚‹ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸã€‚ ä¸€å¿œ Preact å´ã§ Preact playwright component testing ã‚’æä¾›ã—ã¦ãã‚Œã¦ã„ã¾ã™ãŒã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒæ¢ã¾ã£ã¦ã„ã¾ã™ã€‚æœ€åˆã¯ã“ã‚Œã‚’ fork ã—ã¦è‡ªå‰ã§é‹ç”¨ã™ã‚‹ã“ã¨ã‚’è€ƒãˆã¦ã„ãŸã®ã§ã™ãŒ Vitest ã®Browse Mode ã§ Playwright ã‚’åˆ©ç”¨ã—ãŸ CT ãŒå®Ÿç¾ã§ããã†ã¨ã†ã„ã“ã¨ã«æ°—ä»˜ãã¾ã—ãŸã€‚ Vitest Browse ModeBrowse Mode ã«ã¤ã„ã¦ã¯å…¬å¼ãƒšãƒ¼ã‚¸ã‚’ã©ã†ãžã€‚ VitestNext generation testing framework powered by ViteVitestVladimir, Anthony Fu, Ari
mkusaka 2026/01/09
Vitestã®Browse Modeã§Playwrightã‚’ä½¿ã„ã€Preactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ†ã‚¹ãƒˆã‚’å®Ÿç¾

AIè¦ç´„

preact

Playwright

Vitest

ãƒ†ã‚¹ãƒˆ

è¨˜äº‹
ãƒªãƒ³ã‚¯
ãƒ•ãƒ«Vibe Codingã§ã‚‚ä»•äº‹ãŒé€²ã‚€ã‚ˆã†ã«ãªã£ã¦ããŸ2025å¹´
ï¼ˆãƒ•ãƒ«Vibe Codingã§ããŸã¨ã¯è¨€ã£ã¦ãªã„ï¼‰ ã”ç„¡æ²™æ±°ã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå¹´ã®å¾ŒåŠã‹ã‚‰å¤§å¦ã®è¬›å¸«(æƒ…å ±å¦éƒ¨)ã‚‚ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã€ã™ã£ã‹ã‚Šæ™‚é–“ãŒãªããªã£ã¦ã„ãŸkazuphã§ã™ã€‚ åŸºæœ¬çš„ã«ã™ã¹ã¦ã®ä»•äº‹ãŒå‰¯æ¥ã¿ãŸã„ã«ãªã£ãŸæ˜¨ä»Šã€ç´°åˆ‡ã‚Œã®ä¸ã§ãªã‚“ã¨ã—ã¦ã‚‚é€²æ—ã‚’å‡ºã™å¿…è¦ãŒã‚ã‚Šæ¨¡ç´¢ã—ã¦ãã¾ã—ãŸã€‚ç§ã¯15å¹´ç¨‹åº¦ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã¾ã™ãŒã€Claudeã®æ€§èƒ½ãŒä¸ŠãŒã£ã¦ã‹ã‚‰ã¯ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã®ã‚’ã»ã¼ã‚„ã‚ã¦ã„ã¾ã™ï¼ˆè‡ªåˆ†ãŒå¾—æ„ã§å¥½ããªéƒ¨åˆ†ã ã‘è¦‹ã¾ã™ãŒï¼‰ã€‚ ç‰¹ã«ä»Šå¹´å‚¾å€’ã—ãŸã®ãŒPlanãƒ¢ãƒ¼ãƒ‰ã‚„ä»•æ§˜é§†å‹•é–‹ç™ºï¼ˆSDDï¼‰ã§ã™ã€‚ Claude Codeã®Agentã«å¯¾å¿œã—ãŸSDDã¯ç¥žãŒã‹ã£ã¦ãŠã‚Šã€ã“ã£ã¡ã¯è¦ä»¶ã‚’è¨€ã†ã ã‘ã§ã©ã‚“ã©ã‚“åˆ¥ã®agentãŒãƒ•ã‚§ãƒ¼ã‚ºã”ã¨ã«ç«‹ã¡ä¸ŠãŒã£ã¦ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã‚’å‡ºã—ã¦ãã‚Œã¾ã™ã€‚Agentã®æ–‡è¨€ã‚’æ”¹å¤‰ã—ã¦ã€ä½œæˆã—ãŸä»•æ§˜ã‚„tasksç‰ã‚’å®Ÿè¡Œã™ã‚‹å‰ã«è‡ªå‹•ã§Codexã«ãƒ¬ãƒ“ãƒ¥ãƒ¼ã•ã›ãŸã‚Šã™ã‚‹ã¨æ›´ã«å¨åŠ›ãŒé«˜ã¾ã‚Š
mkusaka 2025/12/31
Claude Codeã®SDDã§ç™ºç”Ÿã™ã‚‹ãƒ¢ãƒƒã‚¯å®Ÿè£…å•é¡Œã‚’ã€E2Eãƒ†ã‚¹ãƒˆã¨å‹•ç”»å‡ºåŠ›ã‚’å¿…é ˆã«ã™ã‚‹ãƒ—ãƒãƒ³ãƒ—ãƒˆã¨ã€reviwãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼ˆ0.13.2ï¼‰ã§è§£æ±ºã™ã‚‹æ‰‹æ³•ã‚’è§£èª¬

AIè¦ç´„

Claude

ClaudeCode

Playwright

VibeCoding

plugin
ãƒªãƒ³ã‚¯
https://x.com/nwtgck_ja/status/1909444657345708382
mkusaka 2025/12/21
AIè¦ç´„

MCP

Playwright

PipingSrv

ãƒ‡ãƒ¢

å‹•ç”»
ãƒªãƒ³ã‚¯
Playwright Integration - Browser Use
mkusaka 2025/12/21
Playwrightã¨Browserâ€‘Useã‚’çµ„ã¿åˆã‚ã›ã€Chromeã®CDPãƒãƒ¼ãƒˆã§å…±æœ‰ã—ã€ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãªã©ã®ãƒ„ãƒ¼ãƒ«ã‚’å®Ÿè£…ã™ã‚‹é«˜åº¦ãªä¾‹ã§ã™ã€‚

AIè¦ç´„

Playwright

è‡ªå‹•åŒ–

ã‚¬ã‚¤ãƒ‰

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Playwrightã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«è¦‹ã‚‹ã€è‡ªå‹•ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•ã§æ›¸ãæŠ€è¡“
Playwright 1.56ã®ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆæ©Ÿèƒ½ã«è¡æ’ƒã‚’å—ã‘ãŸæ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã“ã®æ©Ÿèƒ½ã¯å®Ÿã¯çªç„¶ç¾ã‚ŒãŸã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚Playwrightã®ã‚½ãƒ¼ã‚¹ã‚’4å¹´é–“èªã¿ç¶šã‘ã¦ã„ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆæ©Ÿèƒ½ãŒå…¬ã«ãªã‚‹ã¾ã§ã®Playwrightå†…éƒ¨çš„ãªå¤‰é·ã‚’è§£èª¬ã—ã¾ã™ã€‚ä¸ã®ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚Œã°ã€ä»–â€¦
mkusaka 2025/12/07
Playwright 1.56ã®Agentæ©Ÿèƒ½ã®èª•ç”Ÿã¾ã§ã‚’ã€4å¹´é–“ã‚½ãƒ¼ã‚¹ã‚’è¿½ã£ãŸè¦–ç‚¹ã§è§£èª¬ã™ã‚‹è³‡æ–™

AIè¦ç´„

Playwright

è‡ªå‹•åŒ–

è‡ªå‹•ãƒ†ã‚¹ãƒˆ

ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰

AIã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
AI ã§å†æ³¨ç›®ã•ã‚ŒãŸæŠ€è¡“ã‚„ãƒ„ãƒ¼ãƒ«ãŸã¡ - ã½é´ãªç¼¶
ã“ã‚Œã¯ ã¯ã¦ãª ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Advent Calendar 2025 2 æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ å¹´ã®ç€¬ãªã®ã§æŒ¯ã‚Šè¿”ã‚ŠãŸããªã‚‹å£ç¯€ã§ã™ãã€‚ ä»Šå¹´ã‚‚ AI ã®è©±é¡ŒãŒéžå¸¸ã«å¤šãã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®æ™®åŠã‚’å§‹ã‚ã„ã‚ã‚“ãªå¤‰åŒ–ãŒã‚ã‚Šã¾ã—ãŸã€‚æ–°ã—ã„ãƒ¢ãƒ‡ãƒ«ã€é«˜ã¾ã‚‹ç²¾åº¦ã€é£›ã³äº¤ã†ãƒ“ãƒƒã‚°ãƒžãƒãƒ¼ã€è·³ãå›žã‚‹é©šãé”ã€‚ãã†ã„ã†æ™¯æ°—ã®è‰¯ã„è©±ã¯ã•ã¦ãŠãã€æ—¢å˜ã®æŠ€è¡“ãŒæ–°ã—ã„æ–‡è„ˆã§å†æ³¨ç›®ã•ã‚ŒãŸã‚Šã€æ€ã‚ã¬ç”¨é€”ã§åºƒãä½¿ã‚ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚èµ·ãã¦ã„ã¾ã™ã€‚ ä»Šæ—¥ã¯ãã‚“ãªã€Œä»¥å‰ã‹ã‚‰å˜åœ¨ã—ã¦ã„ãŸã‘ã© AI ã«ã‚ˆã£ã¦æ–°ã—ã„ä¾¡å€¤ã‚’è¦‹å‡ºã•ã‚ŒãŸæŠ€è¡“ã‚„ãƒ„ãƒ¼ãƒ«ã‚’èªžã‚ã†ã€ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã™ã€‚ ã„ããž!! Server-Sent Events (SSE) ã¾ãšå‡ºä¸–é ã¨ã—ã¦æ€ã„ã¤ãã®ã¯ Server-Sent Events ã§ã—ã‚‡ã†ã€‚ Server-sent events - Web API | MDN ä»Šã‚„ãƒãƒ£ãƒƒãƒˆ AI ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã¯ã»ã¨ã‚“ã©
mkusaka 2025/12/03
SSEã‚„Pandocã€Marpã€Playwright ariaSnapshotã€Whisperãªã©æ—¢å˜æŠ€è¡“ãŒAIæ–‡è„ˆã§å†æ³¨ç›®ã•ã‚ŒãŸäº‹ä¾‹ã‚’æŒ¯ã‚Šè¿”ã‚‹è¨˜äº‹

AIè¦ç´„

Pandoc

Marp

Playwright

Whisper

éŸ³å£°å…¥åŠ›
ãƒªãƒ³ã‚¯
Claude Skills ã§ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã«å°‚é–€çš„ãªã‚¿ã‚¹ã‚¯ã‚’å®Ÿè¡Œã•ã›ã‚‹
Claude Skills ã¯ Claude ãŒç‰¹å®šã®ã‚¿ã‚¹ã‚¯ã‚’å®Ÿè¡Œã™ã‚‹ãŸã‚ã®ã‚«ã‚¹ã‚¿ãƒ ã‚¹ã‚ãƒ«ã‚’ä½œæˆãƒ»å…±æœ‰ã§ãã‚‹æ–°ã—ã„æ©Ÿèƒ½ã§ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€Claude Skills ã®ä»•çµ„ã¿ã¨ä½œæˆæ–¹æ³•ã€MCP ãƒ„ãƒ¼ãƒ«ã¨ã®é•ã„ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Claude ã§ã¯ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œæˆã™ã‚‹ãŸã‚ã«ã‚¹ã‚ãƒ«ã¨å‘¼ã°ã‚Œã‚‹æ©Ÿèƒ½ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ä¾‹ãˆã°ã€Œä»¥ä¸‹ã®ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ã‚’å…ƒã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œæˆã—ã¦ãã ã•ã„ã€ã¨ã„ã†æŒ‡ç¤ºã‚’ä¸Žãˆã‚‹ã¨ã€pptx ã‚¹ã‚ãƒ«ãƒ»html2pptx.md ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã‚¹ãƒ©ã‚¤ãƒ‰ã®ä½œæˆæ–¹æ³•ã‚’ç¢ºèªã—ãŸã†ãˆã§ã€ã‚¢ãƒ¼ãƒ†ã‚£ãƒ•ã‚¡ã‚¯ãƒˆã¨ã—ã¦ pptx ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”Ÿæˆã—ã¾ã™ã€‚ ã“ã®ã‚¹ã‚ãƒ«ã§ã¯ã‚¹ãƒ©ã‚¤ãƒ‰ã®å…ƒã«ãªã‚‹ HTML ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã€PptxGenJS ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã—ã¦ pptx ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”Ÿæˆã™ã‚‹ JavaScript ã‚³ãƒ¼ãƒ‰ã‚’ã‚µãƒ³ãƒ‰ãƒœãƒƒã‚¯ã‚¹å†…ã§å®Ÿè¡Œã—ã¦ã„ã‚‹æ§˜åãŒç¢ºèªã§ãã¾ã™ã€‚ 2025/10/17
mkusaka 2025/10/26
ãƒªãƒ³ã‚¯
Playwright Agents ã«ã‚ˆã‚‹ãƒ†ã‚¹ãƒˆã®è‡ªå‹•ç”Ÿæˆã‚’è©¦ã—ã¦ã¿ãŸ
Playwright Agents ã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— Playwright Agents ã¯ Playwright v1.56 ä»¥é™ã§åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã§ Playwright ã®ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®å®šç¾©ã‚’è¿½åŠ ã—ã¾ã™ã€‚--loop ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯ä½¿ç”¨ã—ã¦ã„ã‚‹ AI ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ç¨®é¡žã«å¿œã˜ã¦å¤‰æ›´ã—ã¦ãã ã•ã„ã€‚ npx playwright init-agents --loop=claude ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã¨ä»¥ä¸‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒç”Ÿæˆã•ã‚Œã¾ã™ã€‚ .claude/agents/playwright-test-generator.md: Claude Code ã® SubAgents ã¨ã—ã¦ Playwright Generator ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’å®šç¾© .claude/agents/playwright-test-healer.md .claude/agents/playwright-test-p
mkusaka 2025/10/12
AIè¦ç´„

Playwright

ClaudeCode

MCP

è‡ªå‹•åŒ–

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
Agents | Playwright
Introductionâ€‹ Playwright comes with three Playwright Test Agents out of the box: ðŸŽ planner, ðŸŽ generator and ðŸŽ healer. These agents can be used independently, sequentially, or as the chained calls in the agentic loop. Using them sequentially will produce test coverage for your product. ðŸŽ planner explores the app and produces a Markdown test plan ðŸŽ generator transf orms the Markdown plan into th
mkusaka 2025/10/08
Playwrightã®AIãƒ†ã‚¹ãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ã€`npx playwright init-agents --loop=vscode` ã‚’å®Ÿè¡Œã—ã€Markdownãƒ—ãƒ©ãƒ³ã‹ã‚‰ãƒ†ã‚¹ãƒˆè‡ªå‹•ç”Ÿæˆãƒ»ä¿®æ£ãŒå¯èƒ½

AIè¦ç´„

Playwright

AIã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ

testing

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸