QR Send

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

使ってみる →

ブラウザ自動化

ブラウザ自動化

Seleniumのelement click interceptedはPlaywrightだとなぜ起きないのか:force: trueで黙らせてはいけない理由

Seleniumのelement click interceptedと、Playwrightのactionability checksの違いを解説します。force: trueに頼らず、クリックを邪魔する要素を直す方法です。
AI活用

Playwright MCPでブラウザタブが溜まり続ける:page.close()しても消えないタブとメモリ枯渇の対処

Playwright MCPで閉じたはずのタブが残る時に、専用ブラウザとChrome拡張接続の違い、タブ数とメモリを確認する方法を整理します。
ブラウザ自動化

Seleniumのelement click interceptedはPlaywrightだとなぜ起きないのか:actionability checksの中身とforce:trueの注意点

Playwrightのactionability checksがクリック前に確認しているvisible・stable・enabled・receives eventsを整理し、force:trueを常用してはいけない理由を説明します。
テスト自動化

Playwrightで「ファイルがダウンロードできたか」をテストする:waitForEvent(‘download’)とsaveAs()、Seleniumのprefs設定はもう要らない

Seleniumのdownloadダイアログをprefsでいじる設定は、Playwrightでは不要です。waitForEvent('download')とsaveAs()の基本形、複数ダウンロード、ファイル内容検証までまとめました。
AI活用

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

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

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

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

MCPサーバーは結局何を入れればいいのか:2026年の主要どころ一覧とPlaywright MCPとの位置づけ

Playwright MCPを入れてみて「MCPって便利」とわかった後に必ず来る疑問「他にどんなMCPがあるのか」に、2026年時点の主要サーバーと数字の裏取りをしたうえで答えます。filesystem・GitHub・Postgres・Slack・Notionの現在地と、Playwright MCPがその中でどこに位置するのかを整理しました。
AI活用

Playwright 1.62でMCPサーバーが本体同梱に:npx playwright mcpだけで動くようになった話

Playwright 1.62でMCPサーバーとplaywright-cliが本体に同梱されました。npx playwright mcpだけで動くようになり、@playwright/mcpを別途インストールしてバージョンを手で合わせる手順はもう要りません。
テスト自動化

【入門】PlaywrightをGitHub Actionsで自動実行する:ワークフローYAML・ブラウザキャッシュ・trace保存まで

手元でPlaywrightのテストが動くようになった次に来るのが「毎回自動で回したい」です。最小のワークフローYAMLから、ブラウザバイナリのキャッシュの罠、落ちた時にtraceとHTMLレポートを取り出すところまで、1年目でつまずきやすい順にまとめました。
テスト自動化

テストが落ちた時、ブラウザUIを開かずCLIだけで追う:npx playwright traceとVideo Receipts

トレースビューアを毎回開くのが面倒。AIエージェントに直させた結果を人間がどう検証するか。npx playwright traceのopen/merge/infoと、動画で証跡を残すVideo Receiptsを試しました。