Selenium・自動化 Chrome拡張のリロードとconsole確認、chrome-devtools-mcpでAIエージェントにやらせたら開発ループが速くなった
chrome-devtools-mcpをClaude Codeに繋いで、Chrome拡張のリロードとconsole確認をAIに任せてみた話です。
Selenium・自動化 
Selenium・自動化 AIが生成したPlaywrightテスト、そのまま信じていい？レビューの落とし穴
Playwright MCPやAIエージェントに書かせたテストは、パスしたからといって中身が正しいとは限りません。弱いアサーション・幻覚セレクタ・ハードコード待機・テスト名と中身の不一致という4つの落とし穴を、悪い例と直した例のコードで具体的にまとめました。
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）完全リファレンス【初心者向け・保存版】
npx playwright test実行時に使えるCLIオプションを一望できる保存版リファレンスです。「あのオプション何だっけ」となったときに戻ってこられるよう、デバッグ・絞り込み・並列実行・タイムアウト・レポート・スナップショットまでをカテゴリ別の早見表と実行例でまとめました。
Selenium・自動化 Playwright の expect マッチャー完全リファレンス【初心者向け・保存版】
Playwright（TypeScript）のexpectで使えるアサーション（マッチャー）を全部まとめた保存版リファレンスです。「この場面ではどれを使えばいいか」が早見表と具体例ですぐ分かるように、LocatorAssertions・PageAssertions・APIResponseAssertions・汎用マッチャー・修飾子までを網羅しました。
Selenium・自動化 【超初心者向け】Playwright + TypeScriptチュートリアル：環境構築からブラウザ自動操作まで一歩ずつ
Playwright（ブラウザ自動操作ツール）とTypeScriptを使ったブラウザ自動化を、プログラミングほぼ未経験の方向けに環境構築から一歩ずつ解説する超入門チュートリアルです。コードはすべてコピペでそのまま動きます。
個人開発 作ったChrome拡張をChromeウェブストアで公開するまで（Manifest V3・審査を通すコツ）
Chrome拡張を作ってからChromeウェブストアに公開するまでの流れを、manifest.jsonの必須項目・権限の絞り方・審査で弾かれやすい点を中心に実体験ベースでまとめました。
個人開発 Cloudflare Pagesで静的サイトを無料で公開する（独自ドメイン・HTTPSまで）
個人開発の成果物を無料で公開したくてCloudflare Pagesを使いました。wranglerでのデプロイ手順、独自ドメイン・HTTPSの設定、更新フローまで、実際にqrsend.appで運用している構成を紹介します。