QR Send

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

使ってみる →

Playwright

Selenium・自動化

Playwright MCPでAIにブラウザを触らせる前に知っておきたいプロンプトインジェクションのリスク

Playwright MCPでAIにブラウザを操作させると、外部ページに仕込まれた悪意ある指示でAIが乗っ取られる「プロンプトインジェクション」のリスクがあります。仕組みを比喩で理解し、Playwright MCPで実際に起こりうる具体的なシナリオと、今日から実践できる現実的な対策を正直にまとめました。
Selenium・自動化

自己修復(Healer)を試す:壊れたテストをAIが直す

ロケータが変わるたびにテストが赤くなる。Playwrightの公式テストエージェント「Healer」を使うと、失敗したテストの修復案をAIが提案してくれます。仕組みと使い方、そして任せてはいけない部分を実演しながら整理しました。
Selenium・自動化

【初心者向け】Playwright MCP入門:AIにブラウザを触らせてテストを書いてもらう

Playwrightのテストコードを自分で書き続けるのではなく、AIにブラウザを触らせながら書いてもらう「Playwright MCP」を実際に手元で動かしてみた入門記事です。MCPの仕組み、なぜスクリーンショットではなくアクセシビリティツリーを見るのか、手元での立ち上げ方、できること・まだ苦手なことを正直にまとめました。
Selenium・自動化

Playwright CLIオプション完全リファレンス:grep / project / workers の使い分け

--grep で絞り込み、--project でブラウザ指定、--workers で並列度、--headed/--debug で目視デバッグ——npx playwright test のCLIオプションを「どのフラグをいつ使うか」で整理した保存版リファレンスです。
Selenium・自動化

Playwright の expect マッチャー完全リファレンス【初心者向け・保存版】

Playwright(TypeScript)のexpectで使えるアサーション(マッチャー)を全部まとめた保存版リファレンスです。「この場面ではどれを使えばいいか」が早見表と具体例ですぐ分かるように、LocatorAssertions・PageAssertions・APIResponseAssertions・汎用マッチャー・修飾子までを網羅しました。
Selenium・自動化

【超初心者向け】Playwright + TypeScriptチュートリアル:環境構築からブラウザ自動操作まで一歩ずつ

Playwright(ブラウザ自動操作ツール)とTypeScriptを使ったブラウザ自動化を、プログラミングほぼ未経験の方向けに環境構築から一歩ずつ解説する超入門チュートリアルです。コードはすべてコピペでそのまま動きます。
Selenium・自動化

Selenium(Ruby)からPlaywright(TypeScript)へ移行して変わった考え方

Selenium(Ruby)からPlaywright(TypeScript)へ移行する中で変わった「待ち方」「ロケータの扱い方」「ブラウザの分離の仕方」という3つの発想の転換と、それでもSeleniumが有利な場面を整理します。