[{"data":1,"prerenderedAt":30},["ShallowReactive",2],{"tag-articles-ブラウザ自動化":3},[4,10,15,20,25],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"Chrome DevTools MCP vs Playwright MCP: 用途別の使い分けガイド","ブラウザ自動化MCPの2大選択肢を比較。デバッグ・パフォーマンス分析にはChrome DevTools、UI自動化・テストにはPlaywrightが最適","/chrome-devtools-vs-playwright-mcp","2026-01-08T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"agent-browser導入ガイド - AIエージェント向けブラウザ自動化CLIのセットアップと活用","Vercel製のagent-browserをWindows環境にインストールし、Claude Codeからブラウザ操作・テスト・デバッグを行うまでの手順。スナップショットベースの操作フロー、セッション管理、Chrome拡張機能のデバッグ方法を整理。","/agent-browser-setup","2026-04-05T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"agent-browserの評価とセットアップ - Chrome拡張機能の壁とDevTools MCPとの使い分け","Vercel製agent-browserの動作確認からChrome拡張機能の検証まで。chrome.storage.localの制限に突き当たり、defaults.jsonフォールバックを試み、最終的にChrome DevTools MCPとの使い分け基準を整理した記録。","/agent-browser-evaluation-chrome-extension","2026-04-06T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"美容室のブログ投稿アシストをAIで作る — 管理画面解析から文体学習・ホールドアウトE2E検証まで","顧問先の美容室のブログ投稿を、写真とヒアリングから下書きまで進めるAIアシストを作った。ログイン済みブラウザでの管理画面解析、2モデルの画像読み取り比較、選択肢のマスター保持、ホールドアウトE2E検証までの1日の記録。","/beauty-salon-blog-assist","2026-07-17T00:00:00.000Z",{"title":26,"description":27,"path":28,"publishedAt":29,"updatedAt":9},"ログイン済みChromeにChrome DevTools MCPを繋ぐまでの切り分け記録","孤児プロセス、専用プロファイル、autoConnect、404、ツール未ロード。ログイン済みのChromeにChrome DevTools MCPを繋ぐまでに、原因が4回入れ替わった。繋がったあとのSNSアカウント整備で引いた「AIに任せない操作」の線も残しておく。","/devtools-mcp-logged-in-chrome-sns-setup","2026-07-29T00:00:00.000Z",1785654932381]