AI活用 Claude Codeの公式Chrome拡張で、フロント修正のたびに自分でChromeを開いて確認するのをやめた話
CSSを直すたびに手でChromeを開いて確認する往復を、Claude Code公式のChrome拡張機能にやらせてみました。claude --chromeでの有効化・権限の仕組み・Windowsでのつまずきまで実体験ベースでまとめます。
AI活用
AI活用 
AI活用 AIにPlaywrightテストを書かせると実際いくらかかるのか：MCP経由とCLI経由でトークンが4倍違うという話
「AIに任せれば無料でしょ」と言われがちですが、実際はモデルのトークン代がかかっています。MCP経由とCLI経由でトークン消費が約4倍違うという2026年の複数の記事を照らし合わせて調べました。
AI活用 Claude Codeの「Agent Teams」って何？subagent・git worktreeとの違いと使い分け
subagentは1セッション内で動き親に要約だけ返しますが、Agent Teamsは各メンバーが独立したセッションとして起動し、共有タスクリスト経由で直接メッセージし合います。git worktreeとの組み合わせ方まで、実際に触って確認しました。
AI活用 PlaywrightのTest Agentsは結局いつから使えるのか：npx playwright init-agentsを公式リリースノートで確認する
Planner・Generator・HealerのTest Agentsは1.56/1.59/1.60と出典によってバージョン表記が揺れています。公式リリースノートを実際に遡って読み、npx playwright init-agentsがいつから使えるようになったのかを確認しました。
AI活用 AIはスクリーンショットではなくアクセシビリティツリーを見ている：getByRoleが壊れにくい理由
「getByRoleを使え」とはよく聞くけど、CSSセレクタと何がそんなに違うのか。AIエージェントがブラウザをどう見ているかという視点から、その理由を一本につなげて整理しました。
AI活用 OpenAI Codex CLIのスラッシュコマンド総まとめ：Claude Codeユーザーが乗り換えて戸惑ったところ
普段Claude Codeをメインで使っている私が、Codex CLIのスラッシュコマンドを公式ドキュメントベースで整理しました。/model・/status・/approve・/planなど、Claude Codeとの対応関係も添えています。
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にどう任せるか、実例のコードとともに正直に書いています。
AI活用 Chrome拡張のリロードとconsole確認、chrome-devtools-mcpでAIエージェントにやらせたら開発ループが速くなった
chrome-devtools-mcpをClaude Codeに繋いで、Chrome拡張のリロードとconsole確認をAIに任せてみた話です。
AI活用 AIが生成したPlaywrightテスト、そのまま信じていい？レビューの落とし穴
Playwright MCPやAIエージェントに書かせたテストは、パスしたからといって中身が正しいとは限りません。弱いアサーション・幻覚セレクタ・ハードコード待機・テスト名と中身の不一致という4つの落とし穴を、悪い例と直した例のコードで具体的にまとめました。