SIOS Tech Labのブログ記事。著者「龍」氏(2022年入社のフロントエンドエンジニア)が、Chrome DevTools MCPを自社ブログを対象にWindows環境へ試験導入した体験談です。導入は「claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest」という単一コマンドで完了し、前提条件はNode.jsのインストールのみだったとしています。

著者の方針は、IDとパスワードをエージェントに渡さないことです。認証情報を保存すると漏洩リスクが増すうえ、人間による最終チェックが消滅してしまうためだと説明しています。代わりに「動かしているあいだはブラウザを見ておいて、挙動に違和感があったらパスワードを変える」という運用を提案し、ログイン前後の画面をスクリーンショットで比較して管理バーの出現を確認する形で検証結果を示しています。

出典が伝えている要点

  • Chrome DevTools MCPは「claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest」という単一コマンドでセットアップできる。
  • 前提条件はNode.jsがインストールされていることのみである。
  • 著者の方針は、IDとパスワードをエージェントに渡さないことである。
  • 著者は、認証情報を保存すると漏洩リスクが増加すると述べている。
  • 著者は、認証情報を保存すると人間による最終チェックが消滅すると述べている。
  • 著者は、エージェントを動かしている間はブラウザを見ておき、挙動に違和感があったらパスワードを変える運用を推奨している。
  • 著者の龍(Ryu)氏は2022年入社のフロントエンドエンジニアである。
  • 著者は自社ブログでChrome DevTools MCPを試験的に実装した。
  • 著者はログイン前後の画面をスクリーンショットで比較し、管理バーの出現を確認する形で検証結果を提示した。

原文より

動かしているあいだはブラウザを見ておいて、挙動に違和感があったらパスワードを変える

出典: tech-lab.sios.jp

← 2026.09.14 の号を通しで読む