VS Code で Claude Code を使う: 拡張機能のインストール、IDE の設定、Novita AI への切り替え

VS Code で Claude Code を使う: 拡張機能のインストール、IDE の設定、Novita AI への切り替え

Claude Code は、マーケットプレイスから直接インストールできるネイティブの VS Code 拡張機能として動作します。ブラウザタブやウィンドウ間のコピーペーストは不要です。この拡張機能は CLI と同じ Claude Code エンジンを内蔵しており、スラッシュコマンド、ファイル編集、MCP ツール呼び出しまで、すべてがエディタのサイドバー内で同じように機能します。PyCharm やその他の JetBrains ファミリーも、専用の JetBrains プラグインを通じて同様の扱いを受けられます。そして、どちらのインターフェースも環境変数 ANTHROPIC_BASE_URL を読み取るため、LLM バックエンドを Novita AI の API(およびその豊富なモデル選択肢)に切り替えるには、たった 1 つの環境変数を変更するだけです。

VS Code 拡張機能の実際の機能

Claude Code VS Code 拡張機能は、エディタに貼り付けられたチャットボットタブではありません。サイドバーパネル内に完全な Claude Code エージェントを表示します。同じ REPL スタイルのインターフェース、同じツールセット、同じセッション継続性を備えています。関数のリファクタリングや、開いているファイルのテスト作成を依頼すると、そのファイルを直接ワークスペース内で読み取り、編集します。クリップボードは必要ありません。

具体的な処理内容は次のとおりです。

  • インラインディフ付きの複数ファイル編集。 Claude Code は変更を提案し、エディタから離れずに受け入れまたは拒否できる差分を表示します。
  • スラッシュコマンド。 /compact/init/memory/clear などは CLI と同様に動作します。
  • コンテキストの固定。 # プレフィックスを使用すると、特定のファイル、フォルダ、シンボルをリクエストのコンテキストとして添付できます。
  • CLAUDE.md の認識。 CLAUDE.md に記述したプロジェクトの指示やコーディング規約は、セッション開始時に自動的に読み込まれます。
  • MCP ツール呼び出し。 Claude Code の設定に登録された MCP サーバーはすべて、拡張機能内で利用可能です。

できないこと: エディタバッファ内での AI 自動補完は行いません。そのような用途には Copilot や Cline といった別のツールが適しています。VS Code の Claude Code はエージェントです。タスクを与えると、単一のインライン補完ではなく、複数のステップを実行します。

VS Code に Claude Code をインストールする

VS Code で拡張機能パネルを開きます(Windows/Linux は Ctrl+Shift+X、macOS は Cmd+Shift+X)。Claude Code を検索し、Anthropic が公開している拡張機能を探します。** インストール** をクリックします。

または、ターミナルから次を実行します。

code --install-extension Anthropic.claude-code

インストール後、VS Code の左側にあるアクティビティバーに Claude アイコンが表示されます。クリックして Claude Code パネルを開きます。

初回起動時の認証。 拡張機能はサインインを求めます。2 つの方法があります。

  • Anthropic アカウント(サブスクリプションまたはコンソール課金): ブラウザの OAuth フローを実行します。
  • Novita AI への API キールーティング: Anthropic の認証をスキップします。VS Code を起動する前に環境変数 ANTHROPIC_BASE_URLANTHROPIC_AUTH_TOKEN を設定すると、拡張機能はそれらを使用します。詳細は次のセクションで説明します。

自動更新。 VS Code はエディタを再起動するたびにバックグラウンドで拡張機能を更新します。バージョンを手動で管理する必要はありません。

VS Code で Claude Code を日常的に使う

パネルを開くと、ワークフローは簡単です。リクエストを入力すると、Claude Code がワークスペースを読み取り、提案されたアクションを返します。ファイルを編集する前に、デフォルトで差分を表示し、承認を待ちます。

日常的な使用を効率化するパターンをいくつか紹介します。

作業中のファイルを参照する。 # の後ろにファイル名を入力すると、明示的にコンテキストとして添付できます。アクティブなエディタで既に開いているファイルの場合、Claude Code は通常自動的に認識しますが、複数ファイルのタスクで特定のファイルを固定したい場合に # が便利です。

新しいプロジェクトでは /init を一度実行する。 これにより、リポジトリルートに CLAUDE.md が作成されます。ここに、推奨ライブラリ、アーキテクチャメモ、テスト規約など、プロジェクト固有の指示を保存できます。Claude Code はセッション開始時に毎回これを読み込むため、同じことを繰り返す必要はありません。

セッションが長くなったら /compact を使用する。 CLI と同様に、拡張機能は会話履歴をオンデマンドで圧縮し、現在のタスクのコンテキストを確保します。

実行中のツールリストを確認する。 パネルの下部で、VS Code は Claude Code が現在呼び出しているツール(ファイル読み取り、bash コマンド、Web 検索など)を表示します。これは、長い自動タスクで何が起こっているかを理解するのに役立ちます。

元に戻す(Undo)が便利。 すべてのファイル編集は標準の VS Code ファイルシステムを経由するため、Ctrl+Z で通常の手動編集と同様に元に戻せます。Claude Code の変更専用の元に戻すスタックはありません。

拡張機能を Novita AI にルーティングする

VS Code 拡張機能は起動時に環境変数 ANTHROPIC_BASE_URL を読み取ります。これは CLI と同じ変数です。これを Novita AI の Anthropic 互換エンドポイントに設定すると、すべての API 呼び出しが Anthropic のサーバーではなく Novita AI にリダイレクトされます。Novita AI のインフラ上で DeepSeek、Kimi K2、Qwen、GLM などのモデルにアクセスでき、Novita AI のトークン料金でアカウントに請求されます。

Novita AI API キーを取得する

Novita AI アカウントにサインアップ して無料トライアルクレジットを受け取ります。キー管理 に移動し、新しいキーを作成してコピーします。このキーが、Novita 経由でルーティングする際の Anthropic API キーの代わりになります。

VS Code を起動する前に環境変数を設定する

macOS および Linux — シェルプロファイル(.zshrc.bashrc など)に以下を追加し、リロードします。

export ANTHROPIC_BASE_URL="https://api.novita.ai/anthropic"
export ANTHROPIC_AUTH_TOKEN="<Your Novita API Key>"
export ANTHROPIC_MODEL="deepseek/deepseek-v4-flash"
export ANTHROPIC_SMALL_FAST_MODEL="deepseek/deepseek-v4-flash"
source ~/.zshrc   # または ~/.bashrc

Windows(永続的 — 再起動後も保持) — PowerShell を使用してユーザーレベルの環境変数を設定します。

[System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL","https://api.novita.ai/anthropic","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN","<Your Novita API Key>","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_MODEL","deepseek/deepseek-v4-flash","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_SMALL_FAST_MODEL","deepseek/deepseek-v4-flash","User")

これらの設定後、VS Code を再起動して拡張機能が更新された環境を読み取るようにします。

Windows(セッションのみ):

set ANTHROPIC_BASE_URL=https://api.novita.ai/anthropic
set ANTHROPIC_AUTH_TOKEN=<Your Novita API Key>
set ANTHROPIC_MODEL=deepseek/deepseek-v4-flash
set ANTHROPIC_SMALL_FAST_MODEL=deepseek/deepseek-v4-flash

これらの設定後、同じシェルから VS Code を起動します。拡張機能は起動時に変数を読み取ります。Anthropic にサインインする必要はありません。Novita が API キーで認証を処理します。

モデルを選択する

ANTHROPIC_MODEL は Claude Code が主要なタスクに使用するモデルを指定します。ANTHROPIC_SMALL_FAST_MODEL はファイルサマリーなどのバックグラウンド操作を制御します。Novita AI の LLM API で利用可能な任意のモデルをここで設定できます。Novita で Claude Code とよく使用されるモデルには、DeepSeek V4 Flash、Kimi K2、GLM-4.6 などがあります。それぞれコンテキストウィンドウサイズ、料金、パフォーマンス特性が異なり、ワークロードに応じて選択します。

デフォルトの Anthropic ルーティングに戻すには、環境変数を解除します。

unset ANTHROPIC_BASE_URL ANTHROPIC_AUTH_TOKEN ANTHROPIC_MODEL ANTHROPIC_SMALL_FAST_MODEL

または、それらの変数が設定されていないシェルから VS Code を開きます。

PyCharm および JetBrains との統合

Claude Code は JetBrains プラットフォーム向けの公式プラグインを提供しており、PyCharm、IntelliJ IDEA、WebStorm、GoLand、Rider など、JetBrains ファミリー全体をカバーします。

プラグインのインストール

JetBrains IDE で 設定 → プラグイン ** を開き、Marketplace タブに切り替えて Claude Code を検索します。 インストール** をクリックし、プロンプトに従って IDE を再起動します。

または、JetBrains Marketplace のウェブサイトからプラグインファイルをダウンロードし、設定 → プラグイン → ディスクからプラグインをインストール からインストールします。

初回実行

インストール後、Claude Code パネルが IDE のサイドバーまたはツールウィンドウ領域(レイアウトに依存)に表示されます。初回起動時には VS Code と同様の認証が求められます。

PyCharm を Novita AI にルーティングする

JetBrains プラグインは VS Code 拡張機能や CLI と同じ環境変数を読み取ります。IDE を起動する前に、シェルプロファイルで ANTHROPIC_BASE_URLANTHROPIC_AUTH_TOKENANTHROPIC_MODELANTHROPIC_SMALL_FAST_MODEL を設定すると、プラグインは Novita 経由でルーティングされます。

デスクトップランチャーから PyCharm を起動している場合(macOS や Linux でよくある)、IDE がシェル環境を継承しない可能性があります。信頼できる解決策は、プロジェクトごとの .env ファイルを使用するか、シェルプロファイルではなくシステムレベルの環境変数に設定することです。特に macOS では、launchctl setenv で設定された変数は GUI アプリケーションから参照可能になります。

IDE 拡張機能 vs CLI:どちらをいつ使うか

拡張機能と CLI は同じエンジンを共有しています。実用的な違いはコンテキストと統合方法です。

VS Code / JetBrains 拡張機能 CLI
ファイルナビゲーション クリックして開く、# で参照 CWD から読み取り;パスを明示的に指定
差分レビュー エディタ内でインライン ターミナル出力
複数プロジェクト ウィンドウごとに 1 パネル ディレクトリごとに個別セッション
CI/CD と自動化 不適切 非対話型バッチ実行用の -p フラグ
パイプとスクリプト 非対応 完全な Unix パイプ対応
Novita AI ルーティング ANTHROPIC_BASE_URL 環境変数 同様

拡張機能は、主なワークフローがインタラクティブなコード編集である場合に最適な選択です。CLI は、タスクの自動化、スクリプト内での Claude Code の実行、CI との統合、または Claude Code SDK 上に構築する場合に適しています。

Novita AI のエージェントサンドボックス

インタラクティブな開発から自動化パイプラインに移行する場合(Claude Code エージェントをヘッドレスで実行したり、複数のエージェントを異なるリポジトリに対して起動したり、評価ハーネスを構築したりする場合)、Novita AI の Agent Sandbox は、エージェントをプログラムで実行するための分離された実行環境を提供します。各サンドボックスは firecracker ベースの VM であるため、エージェントは開発マシンに影響を与えずに分離されて実行されます。

FAQ

VS Code 拡張機能を使用するには有料の Anthropic サブスクリプションが必要ですか?

いいえ — ANTHROPIC_BASE_URL 経由で拡張機能を Novita AI にルーティングする場合、すべての課金は Novita AI アカウントを通じて行われます。Anthropic アカウントは不要で、課金もされません。

Claude Code VS Code 拡張機能をインストールするにはどうすればよいですか?

VS Code で拡張機能パネルを開き(Ctrl+Shift+X)、Claude Code(発行元: Anthropic)を検索してインストールをクリックします。または、ターミナルから code --install-extension Anthropic.claude-code を実行します。

Claude Code 拡張機能は Cursor で動作しますか?

Cursor は VS Code のフォークであり、ほとんどの VS Code 拡張機能をサポートしています。Claude Code 拡張機能はインストールできる可能性がありますが、Cursor には既に独自の Claude 統合が組み込まれています。両方を同時に実行すると、重複した提案や認証フローの競合が発生する可能性があります。ほとんどの開発者は、どちらか一方を使用し、両方は使用しません。

Claude のブラウザ拡張機能はありますか?

Anthropic による公式の Claude ブラウザ拡張機能はありません。Claude Code は VS Code 拡張機能、JetBrains プラグイン、CLI、デスクトップアプリ、および claude.ai/code のウェブインターフェースとして利用できますが、任意の Web ページにフックするブラウザ拡張機能としては提供されていません。

VS Code を再起動せずにモデルを切り替えるにはどうすればよいですか?

シェルプロファイルで ANTHROPIC_MODEL を変更し、新しいターミナルセッションから VS Code を再度開きます。実行中の VS Code セッション内には、パネル内のモデルスイッチャーはありません。環境変数は起動時に読み取られます。

プロジェクトごとに異なるモデルを使用できますか?

はい。プロジェクトレベルの .env ファイルや CLAUDE.md の指示に ANTHROPIC_MODEL を設定するか、direnv を使用して環境変数を特定のディレクトリにスコープします。Claude Code はセッションレベルで環境値を尊重するため、標準の dotfile ツールを使用してプロジェクトごとのルーティングを実現できます。

Cline との違いは何ですか?

Cline は VS Code を任意の OpenAI 互換バックエンドを使用するエージェンティックなコーディング環境に変える拡張機能です。Claude Code は Anthropic 独自のエージェントであり、VS Code 拡張機能として利用でき、独自のツールセットと推論ループを持ちます。主な実用的な違いは、Cline はどのプロバイダーとモデルがループを実行するかをより細かく制御できるのに対し、Claude Code はデフォルトで Claude モデルファミリーと緊密に統合されていることです。ただし、ANTHROPIC_BASE_URL を使用して Novita AI の互換エンドポイントにリダイレクトすることは可能です。

おすすめの記事