QR Send

スマホとPCのChrome間で、URLやテキストをQRコード1回のペアリングで送り合える自作Chrome拡張。アカウント不要・無料。

使ってみる →

Playwright

Selenium・自動化

MCPが2026-07-28でステートレスな仕様に変わった:OAuth/OIDC強化とApps/Tasksが拡張機能に切り出された話

普段MCPサーバーは npx @playwright/mcp@latest のようにコマンド一発で立ち上げて、あとは黙って動いてくれるものだと思っていました。ところが2026年7月28日付でMCP(Model Context Protoco...
Selenium・自動化

Playwright MCPの「プロファイル」を理解する:persistent(既定)/isolated/extensionの3モードでログイン状態は毎回消えるのか残るのか

Playwright MCPは既定でpersistentプロファイルを使い、ワークスペースごとにCookieやログイン状態を自動保存します。isolated/extensionモードとの違い、storage-stateでの初期状態注入、名前付きセッション管理がまだfeature request段階である点まで整理しました。
Selenium・自動化

CIのPlaywrightが遅いのはworkersの数じゃない:–shardが均等に「分けてくれない」理由

「shardを増やしたのにCIが速くならない」を素直に眺めると、大抵1つのshardだけが突出して遅いことに気付きます。workers・fullyParallel・--shardという別レイヤーの3つを整理し、shardがなぜ均等に分割してくれないのかを一次情報で確認しました。
Selenium・自動化

PlaywrightのテストでTypeScriptに最初につまずくところ:Cannot find module(TS2307)を順番に片づける

import { test } from '@playwright/test' が赤線、自作ヘルパーが@/utilsで読めない。Playwright + TypeScriptで1年目がテストのロジックより先につまずくCannot find moduleを、原因ごとに切り分けて片づけます。
Selenium・自動化

AIに書かせたテストをリポジトリのどこに置くか:tests-ai/で分けてCIを止めない運用にする

AIに書かせたPlaywrightテストは、レビューを通しても一定割合は不安定です。tests-ai/でディレクトリを分け、retriesでフレークを吸収し、不安定なものは消さず一時skipして再生成キューに回す。CIを止めない運用ルールをコード付きでまとめました。
Selenium・自動化

落ちたテストのブラウザをそのままAIエージェントに渡す。browser.bind()とplaywright-cli attachを試した

「結局AIは何を見てテストを直したんですか」と聞かれた以前Playwrightのself-healing機能を紹介した記事を書いたところ、読んでくださった方から「AIエージェントに落ちたテストを直させるのはわかったんですが、エージェントって...
Selenium・自動化

Claude CodeにPlaywrightを「プラグイン」として入れてみた:/plugin install playwright@claude-plugins-officialはSkills/MCPと何が違うのか

Anthropic公式マーケットプレイスに並ぶPlaywrightプラグインを実際に/plugin installで入れて、中身のファイルまで開けてみました。MCP入門・Skills回とあわせて、1年目エンジニアが「結局何を入れればいいのか」で迷わないための3つの入口の整理です。
Selenium・自動化

StorybookのポータブルストーリーがPlaywright Component Testingにそのまま持ち込めるようになった:composeStoriesで「Storybookで書いた話とPlaywrightで書くテストが別物」を終わらせる

Storybookのcompose Storiesでストーリーがそのままplaywright component testingで動くようになった話。jsdomとブラウザ前提のテストの違い、composeStoriesの使い方、ResizeObserver/Canvas/WebGLなどブラウザAPI依存コンポーネントの使い分けまで解説します。
Selenium・自動化

Playwrightで負荷テストはできるのか:ArtilleryのPlaywrightエンジンとk6の住み分け

「E2Eが書けたなら負荷テストもPlaywrightでいけるのでは」。1年目の頃、私も一度そう思いました。実際に試して分かった限界と、書いたE2Eシナリオを流用するArtillery、CIに常設するk6という2つの逃げ道を整理します。
Selenium・自動化

Claude CodeのSkillsでPlaywrightを動かす:Planner/Generator/Healerと「自分の手順を覚えさせる」Skillは何が違うのか

MCPでブラウザをAIに触らせ、/playwright init-agentsでPlanner/Generator/Healerを知り、次にClaude CodeのSkillsに出会うと「結局どれを入れればいいのか」で迷います。MCP=口、Agents=役割分担、Skills=手順を覚えさせる箱、の3層で整理しました。