QR Send

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

使ってみる →
AI活用

Claude Codeのスラッシュコマンド、ちゃんと使えていますか?/model・/status・/compactなど主要コマンド総まとめ

Claude Codeを毎日使っていても、/helpで一覧を眺めるだけで終わっていませんか。/model・/status・/compact・/context・/permissions・/mcp・/resumeなど、実務でよく使う標準コマンドを公式ドキュメントベースで整理しました。
AI活用

AIにテストを書かせる:codegenの録画をgetByRole/getByLabelへ書き換えてもらう(Generator)

playwright codegenで録画したテストがCSSセレクタだらけで壊れやすい、という悩みをAIエージェント(Generator)に書き換えさせる方法をまとめました。codegen自体もrole系ロケータを優先しますが、実際のアプリでは限界があります。その先をAIにどう任せるか、実例のコードとともに正直に書いています。
ブラウザ自動化

【初心者向け・保存版】SeleniumからPlaywrightへの移行ガイド:API対応表と書き換えパターン

Seleniumのテストが増えてきたら一度は考える話Seleniumで書いたテストコードがそこそこの本数になってきて、そろそろPlaywrightに移行すべきかという相談を最近よく受けます。私自身、長年RubyとSelenium WebDr...
個人開発

Chrome拡張にscripting・host_permissionsを追加したら審査で何を聞かれるか(実体験)

動く機能ができた後に待っているのが「権限を増やすと審査項目が増える」という現実です。scripting権限と特定サイト限定のhost_permissionsを追加して審査に出したときに実際に聞かれたこと、プライバシー慣行タブの書き方を実体験ベースでまとめました。
AI活用

Chrome拡張のリロードとconsole確認、chrome-devtools-mcpでAIエージェントにやらせたら開発ループが速くなった

chrome-devtools-mcpをClaude Codeに繋いで、Chrome拡張のリロードとconsole確認をAIに任せてみた話です。
AI活用

AIが生成したPlaywrightテスト、そのまま信じていい?レビューの落とし穴

Playwright MCPやAIエージェントに書かせたテストは、パスしたからといって中身が正しいとは限りません。弱いアサーション・幻覚セレクタ・ハードコード待機・テスト名と中身の不一致という4つの落とし穴を、悪い例と直した例のコードで具体的にまとめました。
AI活用

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

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

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

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

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

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

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

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