[AI書房] 第29章 上級ハックのコツ7選
Claude Code完全攻略
第8部
第29章 上級ハックのコツ7選
金京鎮
限界に挑む人々
ターミナルが5つ同時に開かれています。左側のモニターでは3つのClaude Codeセッションがそれぞれ異なる機能を作成しており、右側のモニターではブラウザが自動的に開き、直近で作成されたWebアプリのフォームに入力してボタンを押しています。通知音が鳴るたびに完了したセッションを確認し、次の作業を割り当てます。
これはSFの話ではありません。Claude Codeの高度な機能を組み合わせることで、実際に実現可能な作業方法です。本章で取り上げる7つのヒントは、Claude Codeを極限まで活用したい人々向けです。
ヒント21. Chrome DevToolsによる機能検証
スクリーンショットは視覚的な問題を捉えます。しかし、ボタンを押した際に実際に動作するか、フォーム送信が正常に処理されるかは、スクリーンショットだけでは判断できません。
Claude Code は、Chrome 開発者ツールを直接活用できます。ブラウザを開き、アプリと対話し、コンソールエラーを確認し、ネットワークリクエストが正常に送受信されているか検証します。
これはスクリーンショットループの拡張です。スクリーンショットが「目で見る検査」であるなら、DevTools の活用は「手で触れる検査」です。フロントエンド作業においてこれら 2 つを組み合わせることで、Claude が生成した成果物の視覚的な完成度と機能的な安定性を同時に確保できます。
もう一点。DevTools による検証は、明示的な API がないサービスと連携する際にも役立ちます。ログイン状態のブラウザを通じてデータを読み込んだり、フォームに入力したり、ボタンをクリックしたりする作業を Claude に任せることが可能です。
ヒント 22. MCP 接続サーバーのチェーン(Chaining)
MCP(Model Context Protocol)サーバーは、Claude Code に外部機能を接続するための強力な手段です。Notion MCP を接続すれば Notion データベースの読み書きが可能になり、GitHub MCP を接続すればプルリクエストの管理が行えます。
しかし、MCP 接続サーバーを 1 つだけ使用する理由はありません。複数の MCP 接続サーバーを同時に接続すれば、Claude は異なるサービスを行き来しながら作業を行います。Notion で企画文書を読み、その内容を基に GitHub にイシューを作成し、Google カレンダーに締切日を登録する一連の流れが、一つのセッション内で完結します。
ただし、注意すべき点があります。各 MCP 接続サーバーのツール定義(tool definition)は、コンテキストウィンドウに読み込まれます。サーバーを多く接続するほど、基本モデルが消費するトークン数が増加します。現在作業に必要なサーバーのみを有効化し、使用しないサーバーは非有効化する管理が必要です。
前述のヒント 5 で学んだ「/context」コマンドを使用すれば、各 MCP 接続サーバーがモデルのトークンをどれだけ消費しているかを確認できます。
すべての MCP を接続しておくことが万能ではありません。プロジェクトで実際に必要なのは数種類の機能だけである場合、MCP を使用するよりも、直接 API エンドポイントをハードコーディングする方が、トークン効率の観点から優れている可能性があります。状況に応じた判断が必要です。
ヒント 23. エージェントにエージェントを作らせる
補助エージェントは、メインエージェントが作業を委任する対象です。しかし、さらに一歩進めることができます。Claude に「この作業を遂行するエージェントを設計してください」と指示するのです。
これは作業を委任するのではなく、作業を遂行する体系そのものを設計させることです。Claude がエージェントの役割分担、使用するモデル、実行順序、検証方法を定め、その設計に基づいてエージェントを生成します。
エージェントチーム(Agent Teams)機能を使えば、このアプローチはより効果的です。通常の補助エージェントは互いに通信できません。それぞれが独立して作業し、結果をメインに報告するだけです。エージェントチームは異なります。チーム内のエージェントは作業リストを共有し、互いにコミュニケーションを取り、相手の完了状況を認識します。他のエージェントに作業を割り当てることも可能です。
コストは増え、実行時間も長くなります。しかし、大規模なプロジェクトでははるかに凝集性のある成果物が得られます。エージェントがそれぞれ異なる方向を見て作成したコード断片を無理やり結合するのと、エージェントが互いに調整しながら作成したコードを統合するのでは、結果の一貫性が異なります。
ヒント 24. 複数の Claude Code セッションを同時に運用する
1 つのプロジェクトフォルダで複数のターミナルを開き、それぞれで Claude Code を実行すると、同じファイルを同時に編集して競合が発生するリスクがあります。
Git Worktree と組み合わせることで、この問題は解決します。各セッションが独立したブランチとディレクトリで動作するため、互いに干渉しません。Claude Code では --worktree フラグを使用して、簡単にワークツリーを作成できます。
これにより、3 つの独立した作業空間が作成され、それぞれで Claude Code のセッションが稼働します。4 つや 5 つを同時に実行することも可能です。作業が完了したら、各ブランチをメインブランチにマージするだけです。
この手法を極限まで追求する人もいます。Claude Code の主要開発者の一人は、ターミナルで常に 5 つのエージェントを稼働させ、ウェブ上でもさらに 10 程度を運用しているそうです。
ヒント 25. カスタムスラッシュコマンドの作成
Claude Code の基本スラッシュコマンド(/init、/compact、/rewind など)以外にも、独自の命令を作成できます。
スキルファイルに似ていますが、スラッシュコマンドはより直接的な呼び出し方法を提供します。頻繁に実行するワークフローを一つの命令にまとめ、一行の入力で複雑な手順を開始できます。
例えば、/deploy-check というカスタム命令を作成したとしましょう。この命令一つで、検証実行、リンティング検査、ビルド確認、ステージング環境へのデプロイまでを順次実行するように構成できます。毎回「検証を実行し、リンティングを確認し、ビルドを試みて...」とタイピングする代わりに、/deploy-check と一行入力するだけです。
チーム全体で使用するカスタム命令を作成すれば、ワークフローの標準化に貢献します。新規メンバーが参加しても「これらの命令を使えばよい」と案内するだけで、熟練したメンバーと同じ品質の作業フローをすぐに開始できます。
ヒント 26. ブラウザの自動化
Chrome DevTools を用いた機能検証の一歩先へ進めば、本格的なブラウザ自動化の領域へと足を踏み入れることになります。
Claude はブラウザを開き、ウェブサイトを探索し、フォームに入力し、ボタンをクリックし、データを読み取ります。明示的な API が提供されていないサービスからのデータ収集や、反復的な Web 作業の自動化に活用できます。
参考となるウェブサイトのデザインを取得することも可能です。気に入ったサイトのスクリーンショットを撮るか、HTML スタイルを抽出して Claude に渡せば、そのデザインパターンを再現します。もちろん、そのままコピーするのではなく、インスピレーションの源として活用し、独自の要素を加えることが望ましいでしょう。
ブラウザ自動化の範囲は広範です。ただし、すでにログインした状態での探索、クリック、入力などの作業が最も安定しています。自動化の範囲を定める際は、どこまでを Claude に任せ、どこから人間が介入するかを事前に定めておくのが良いでしょう。
ヒント 27. セキュリティの注意点:API キーの管理
高度な機能を積極的に活用するほど、セキュリティの重要性は高まります。MCP 接続サーバーを複数接続したり、ブラウザ自動化を行ったり、マルチセッションを実行したりすれば、それだけ API キーや認証情報が複数の場所に露出するリスクが高まります。
いくつかの原則を守る必要があります。
API キーをコードに直接記述してはいけません。環境変数や.env ファイルを通じて管理します。.env ファイルは必ず.gitignore に追加し、GitHub にアップロードされないようにしてください。一度でもコミット履歴に含まれてしまったキーは既に漏洩したとみなし、直ちに再発行する必要があります。
Claude Code のセッションにおいても同様です。API キーを含むレスポンスを Claude が生成した場合、その内容はコンテキストに残ります。可能な限りキー値自体が会話に登場しないよう、構造を設計する必要があります。
VS Code 拡張機能や MCP 接続サーバーのインストール時にも、セキュリティ検証が必要です。開発者の身元、アウトバウンドネットワーク呼び出しの有無、データ収集の有無、シェルコマンド実行の可否などを事前に確認してください。確認せずにインストールし、クレデンシャルが外部に漏洩すれば、取り返しのつかない事態を招きます。
道具の深さを理解する人
上級テクニック七選は、Claude Code という道具の深さを示すものです。ブラウザを制御し、エージェントにエージェントを設計させ、数十のセッションを同時に管理しながらもセキュリティを失わないこと。これが道具を適切に活用するレベルです。
これらの技法を安全に使用するには、Git ワークツリーの動作原理と Claude Code の権限設定体系を理解する必要があります。並列作業の安全網となるワークツリー、そして自律性と制御のバランスを保つ権限設定がその基盤です。




