IDEにClaude Codeを追加する
お気に入りのIDEにClaude Codeを追加する方法を学ぶ
Claude Codeは、ターミナルを持つ任意の統合開発環境(IDE)で素晴らしく動作します。claude
を実行するだけで、すぐに使用できます。
さらに、Claude Codeは人気のあるIDEに専用の統合機能を提供し、インタラクティブな差分表示、選択コンテキスト共有などの機能を提供します。これらの統合機能は現在以下で利用可能です:
- Visual Studio Code(Cursor、Windsurf、VSCodiumなどの人気のフォークを含む)
- JetBrains IDE(IntelliJ、PyCharm、Android Studio、WebStorm、PhpStorm、GoLandを含む)
機能
- クイック起動:
Cmd+Esc
(Mac)またはCtrl+Esc
(Windows/Linux)を使用してエディターから直接Claude Codeを開くか、UIのClaude Codeボタンをクリックします - 差分表示: コードの変更をターミナルではなく、IDE差分ビューアーで直接表示できます。これは
/config
で設定できます - 選択コンテキスト: IDEの現在の選択/タブが自動的にClaude Codeと共有されます
- ファイル参照ショートカット:
Cmd+Option+K
(Mac)またはAlt+Ctrl+K
(Linux/Windows)を使用してファイル参照(例:@File#L1-99)を挿入します - 診断共有: IDEからの診断エラー(lint、構文など)が作業中に自動的にClaudeと共有されます
インストール
VS CodeおよびCursor、Windsurf、VSCodiumなどの人気のフォークにClaude Codeをインストールするには:
- VS Codeを開く
- 統合ターミナルを開く
claude
を実行する - 拡張機能が自動インストールされます
VS CodeおよびCursor、Windsurf、VSCodiumなどの人気のフォークにClaude Codeをインストールするには:
- VS Codeを開く
- 統合ターミナルを開く
claude
を実行する - 拡張機能が自動インストールされます
IntelliJ、PyCharm、Android Studio、WebStorm、PhpStorm、GoLandなどのJetBrains IDEにClaude Codeをインストールするには、マーケットプレイスからClaude Codeプラグインを見つけてインストールし、IDEを再起動してください。
統合ターミナルでclaude
を実行すると、プラグインが自動インストールされる場合もあります。効果を発揮するには、IDEを完全に再起動する必要があります。
リモート開発の制限: JetBrainsリモート開発を使用する場合、設定 > プラグイン(ホスト)
を介してリモートホストにプラグインをインストールする必要があります。
WSLユーザー: JetBrains IDEでWSL上でClaude Codeを使用している場合、IDE検出が正常に動作するために追加の設定が必要な場合があります。ターミナル設定、ネットワークモード、ファイアウォール設定を含む詳細なセットアップ手順については、WSLトラブルシューティングガイドを参照してください。
使用方法
IDEから
IDEの統合ターミナルからclaude
を実行すると、すべての機能がアクティブになります。
外部ターミナルから
任意の外部ターミナルで/ide
コマンドを使用して、Claude CodeをIDEに接続し、すべての機能をアクティブにします。
ClaudeがIDEと同じファイルにアクセスできるようにしたい場合は、IDEプロジェクトルートと同じディレクトリからClaude Codeを開始してください。
設定
IDE統合はClaude Codeの設定システムと連携します:
claude
を実行する/config
コマンドを入力する- 設定を調整する。差分ツールを
auto
に設定すると、自動IDE検出が有効になります
JetBrainsプラグイン設定
**設定 → ツール → Claude Code [Beta]**に移動して、Claude Codeプラグイン設定を構成できます。利用可能な設定は以下の通りです:
一般設定
- Claudeコマンド: Claudeアイコンをクリックしたときに実行するカスタムコマンドを指定します(例:
claude
、/usr/local/bin/claude
、またはnpx @anthropic/claude
) - Claudeコマンドが見つからない場合の通知を抑制: Claudeコマンドが見つからないことに関する通知をスキップします
- 複数行プロンプトでOption+Enterの使用を有効にする(macOSのみ): 有効にすると、Option+EnterがClaude Codeプロンプトで改行を挿入します。Optionキーが予期せずキャプチャされる問題が発生している場合は、これを無効にしてください(ターミナルの再起動が必要)
- 自動更新を有効にする: プラグインの更新を自動的にチェックしてインストールします(再起動時に適用)
WSLユーザー向け: Claudeコマンドとしてwsl -d Ubuntu -- bash -lic "claude"
を設定すると便利です(Ubuntu
をWSLディストリビューション名に置き換えてください)
ESCキー設定
JetBrainsターミナルでESCキーがClaude Code操作を中断しない場合:
- 設定 → ツール → ターミナルに移動
- 以下のいずれかを実行:
- 「Escapeでエディターにフォーカスを移動」のチェックを外す、または
- 「ターミナルキーバインドを設定」をクリックして「エディターにフォーカスを切り替え」ショートカットを削除
- 変更を適用
これにより、ESCキーがClaude Code操作を適切に中断できるようになります。
トラブルシューティング
VS Code拡張機能がインストールされない
- VS Codeの統合ターミナルからClaude Codeを実行していることを確認してください
- IDEに対応するCLIがインストールされていることを確認してください:
- VS Codeの場合:
code
コマンドが利用可能である必要があります - Cursorの場合:
cursor
コマンドが利用可能である必要があります - Windsurfの場合:
windsurf
コマンドが利用可能である必要があります - VSCodiumの場合:
codium
コマンドが利用可能である必要があります - インストールされていない場合は、
Cmd+Shift+P
(Mac)またはCtrl+Shift+P
(Windows/Linux)を使用して「Shell Command: Install ‘code’ command in PATH」(またはIDEに相当するもの)を検索してください
- VS Codeの場合:
- VS Codeが拡張機能をインストールする権限を持っていることを確認してください
JetBrainsプラグインが動作しない
- プロジェクトルートディレクトリからClaude Codeを実行していることを確認してください
- JetBrainsプラグインがIDE設定で有効になっていることを確認してください
- IDEを完全に再起動してください。これを複数回行う必要がある場合があります
- JetBrainsリモート開発の場合、Claude Codeプラグインがクライアントローカルではなくリモートホストにインストールされていることを確認してください
WSLまたはWSL2を使用していてIDEが検出されない場合は、ネットワーク設定とファイアウォール設定についてWSL2トラブルシューティングガイドを参照してください。
追加のヘルプについては、トラブルシューティングガイドを参照してください。
セキュリティ
Claude Codeが自動編集権限を有効にしたIDEで実行される場合、IDEによって自動実行される可能性のあるIDE設定ファイルを変更できる場合があります。これにより、自動編集モードでClaude Codeを実行するリスクが増加し、bash実行に対するClaude Codeの権限プロンプトをバイパスできる可能性があります。IDEで実行する場合は、IDEセキュリティ機能(VS Code制限モードなど)を有効にする、編集に手動承認モードを使用する、またはClaudeが信頼できるプロンプトでのみ使用されることを確実にするために特別な注意を払うことを検討してください。