AI の機能解説FEATURE GUIDEforva AI

Claude CodeAnthropic の機能

FEATURE

VS Code 拡張機能

VS Code 拡張機能は、Claude Code を IDE に直接組み込み、ネイティブのグラフィカルな画面で使うための拡張機能です。

提供中公式発表と照合済み
初出未調査
ページ更新
提供状態提供中
公式の記載で確認できた環境ターミナル
提供を確認できたプラン公式に記載なし
目次 CONTENTS
  1. できること
  2. 機能解説
  3. 使い方
  4. 利用シーン
  5. ChatGPT・OpenAI の対応する機能
  6. これまでの変更
  7. 関連する機能
  8. 出典
CAN DO

できること

POINT 01

IDE 内で Claude Code を使う

Claude Code を VS Code に組み込まれたグラフィカルな画面で使えます。エディタで選択したコードは自動で Claude に渡り、@ に続けてファイルやフォルダ名を書くと、その内容について質問や変更を依頼できます。

POINT 02

変更を確認してから反映

Manual mode では、ファイルの編集前に元のコードと提案内容が左右に並んで表示され、許可を求められます。Plan mode では計画が Markdown 文書として開き、インラインのコメントで指示を返せます。

POINT 03

複数の会話を並行して進める

会話を別々のタブやウィンドウで開けます。会話ごとに履歴とコンテキストが分かれるため、異なる作業を並行して進められます。

GUIDE

機能解説

概要

エディタで選択したコードや @ で指定したファイルを Claude に渡し、動作の説明、不具合の調査、変更を依頼できます。Manual mode では、提案された変更が元のコードと左右に並んで表示され、許可を求められます。複数の会話を別々のタブやウィンドウで進められます。

VS Code 拡張機能は、Claude Code を IDE に直接組み込んだネイティブのグラフィカルな画面を提供します。主な機能は次のとおりです。

  • エディタで選択した範囲を自動で参照し、選択範囲から行範囲付きでファイルを @ で指定できます。
  • @terminal:name (name はターミナルのタイトル) で、ターミナルの出力をプロンプトに含められます。
  • プロンプト入力欄に、コンテキストウィンドウの使用量が表示されます。
  • checkpoints (チェックポイント) が Claude のファイル編集を記録し、以前の状態に戻せます。
  • Chrome ブラウザと接続し、VS Code を離れずに Web アプリのテスト、コンソールログを使ったデバッグ、ブラウザ操作の自動化ができます。
  • Claude が変更のステージング、コミットメッセージの作成、プルリクエストの作成を行えます。
  • チャットパネルで /mcp と入力すると MCP サーバーを管理でき、/plugins と入力すると Manage plugins (プラグインの管理) の画面が開きます。
  • 拡張機能と CLI は同じ会話履歴を共有します。パネル上部の Session history (セッション履歴) ボタンから Web タブを開くと、claude.ai のセッションを選んでローカルで続けられます。
  • vscode://anthropic.claude-code/open の URI ハンドラーが登録され、自前のツールから新しい Claude Code のタブを開けます。
  • チャットパネルはスクリーンリーダーで使えます。

変更の確認と反映の方法

編集の反映方法は、モードによって選べます。

  • Manual mode では、Claude がファイルを編集する前に、元の内容と提案内容を左右に並べて表示し、許可を求めます。
  • Plan mode では、計画が Markdown 文書として自動で開き、Claude が作業を始める前にインラインのコメントで指示を返せます。計画は承認前に確認・編集できます。
  • 編集が行われるそばから自動で受け入れる設定も使えます。

2026 年 9 月 19 日の更新で、変更提案の差分タブに変更ごとの承認・却下ボタンが付き、1 つの編集を変更単位で確認できます。

管理者・導入時に確認したい点

  • テレメトリ: VS Code のテレメトリ設定がオフのとき、拡張機能は DISABLE_TELEMETRY を設定してセッションを開始し、利用メトリクスやエラーレポートを送らず、フィーチャーフラグも取得しません (2026 年 10 月 31 日)。
  • 既定の権限モード: 権限モードが未設定の場合、VS Code のセッションはすべてのプラン・プロバイダーで auto モードで開始します。permissions.defaultMode を設定すると、そちらが優先されます (2026 年 10 月 3 日)。
  • 権限ルールとフック: Permission rules (権限ルール) ダイアログで、user・project・local の設定にある権限ルールを一覧・追加・削除できます。起動オプション・セッション限定・managed のルールは読み取り専用です。Hooks (フック) ダイアログでも同様に、user・project・local の設定のフックを表示・追加・編集・削除でき、managed・plugin・session のフックは読み取り専用です (いずれも 2026 年 9 月 12 日)。
  • 設定ファイルの不備: settings.json の解析に失敗すると警告バナーが表示され、権限ルールが適用されていないことが分かります (2026 年 4 月 10 日)。
  • サードパーティのプロバイダー: VS Code の設定を Cmd+, (Mac) または Ctrl+, (Windows/Linux) で開き、「Claude Code login」を検索して Disable Login Prompt (ログイン画面を無効化) にチェックを入れ、各プロバイダーの設定手順に従います。Vertex、Bedrock、Foundry、API キーのようにプランの利用上限が適用されない場合は、Account & usage (アカウントと使用量) ダイアログとセッションマネージャーにセッションのコストとトークン使用量が表示されます (2026 年 9 月 19 日)。
  • バックグラウンドコマンド: バックグラウンドコマンドの時間制限は無人のセッションだけに適用され、VS Code のセッションには制限がありません (2026 年 10 月 3 日)。
  • 対象プラン: 拡張機能の対象プランは、公式のリリースノートには記載がありません。
HOW TO USE

使い方

  1. エディタ右上の Editor Toolbar (エディタツールバー) にある Spark アイコンをクリックし、Claude Code のパネルを開きます。
  2. 初めてパネルを開くとサインイン画面が表示されます。Sign in (サインイン) をクリックし、ブラウザで認可を完了します。
  3. コードやファイルについての依頼を送ります。動作の説明、不具合の調査、変更の依頼などに使えます。
  4. 提案された変更を確認し、承認するか、却下するか、代わりにどうしてほしいかを Claude に伝えます。
公式ヘルプを開く ↗
USE CASES

利用シーン

CASE 01

既存コードの動作を把握したい場面に向いています。対象のコードを選択するか @ でファイルを指定して、説明を依頼できます。

CASE 02

変更内容を人が確認してから反映したい開発の場面に向いています。差分を見て、変更ごとに承認・却下できます。

CASE 03

複数の作業を並行して進める場面に使えます。会話ごとに履歴とコンテキストが分かれます。

CASE 04

Web アプリの動作確認に使えます。Chrome と接続し、テストやコンソールログを使ったデバッグを VS Code から行えます。

COMPARISON

ChatGPT・OpenAI の対応する機能

比較の単位となる業務: VS Code 上でのコーディングエージェントの利用とセッション管理

ブラウザとの連携では、VS Code 拡張機能は Claude を利用者の Chrome ブラウザに接続し、Web アプリのテストやコンソールログを使ったデバッグ、ブラウザ操作の自動化を VS Code から行います。Codex アプリは初期段階のアプリ内ブラウザを備え、サインイン不要のローカルまたは公開ページを開いて、表示されたページに直接コメントできます。

音声入力の言語設定では、VS Code 拡張機能の音声入力は、Claude Code の言語が未設定の場合に VS Code の accessibility.voice.speechLanguage 設定に従います。ChatGPT のディクテーションは、保存されたメイン言語の設定に従います。

TIMELINE

これまでの変更

  1. チャットパネルから、ターミナルを使わずに Claude apps gateway にサインインできます。20 万トークンを超えるアイドル状態の会話を要約するアイドル圧縮が加わり、プロンプトキャッシュが切れていれば次のメッセージで要約が使われます。応答内のコードブロックに、ライト・ダーク・ハイコントラストダークの各テーマでシンタックスハイライトが付きます。

  2. fork サブエージェント (subagent_type: "fork") が既定で有効になりました。応答内の LaTeX 数式が描画されます。Pro と Max プランの利用上限バナーに「Get more usage」リンクが加わりました。

  3. メッセージのタイムスタンプが既定で表示されます。「Claude Code: Show Message Timestamps」設定でオフにできます。

  4. Claude の応答を保存して Bookmarks (ブックマーク) サイドパネルに表示する機能と、Claude が Problems パネルのエラーと警告をいつでも読めるオンデマンド診断ツールが加わりました。

  5. セッションのバージョン・アカウント・モデル・サーバー情報を表示する Status ダイアログ (/status) と、パネルメニューまたは /chrome から開く Claude in Chrome ダイアログが加わりました。

  6. 「N agents」のピルから、セッションのサブエージェントをカードで一覧し、停止や読み取り専用のトランスクリプト表示ができるエージェントマップが加わりました。一定期間使われていないセッションを自動でアーカイブする「Archive inactive sessions」設定 (既定は 14 日) も加わりました。

  7. MCP サーバーのダイアログに追加フォームと削除操作が加わり、IDE を離れずに MCP サーバーを追加・削除できます。入力欄のフッターに、現在のモデルを表示してモデルピッカーを開くモデルピルが加わりました。

  8. トランスクリプトがスクリーンリーダーに対応し、返信・権限の確認・エラー・状態の変化の読み上げと、ターンごとの見出し移動が加わりました。VS Code から開始した Remote Control セッションは、権限モードの変更をスマートフォンや claude.ai/code に反映し続けます。

  9. サイドバーにセッショングループが加わりました。右クリックで作成・名前変更・削除でき、Cmd/Ctrl クリックや Shift クリックで複数のセッションをまとめて移動できます。

  10. ツールの動作をターンごとの展開可能な要約にまとめる Focus view が加わりました。Ctrl+Alt+F または「Claude Code: Toggle Focus view」コマンドで切り替えます。

  11. 設定に「Enable Remote Control for all sessions」(すべてのセッションで Remote Control を有効にする) のトグルが加わりました。

  12. Cmd/Ctrl+Shift+T で直近に閉じたセッションタブを再度開けます (claudeCode.enableReopenClosedSessionShortcut で設定)。

  13. /context でネイティブのトークン使用量ダイアログが開きます。音声入力は、Claude Code の言語が未設定の場合に accessibility.voice.speechLanguage 設定に従います。

  14. セッション開始時のコールドオープンでのサブプロセス処理を削減しました。

SOURCES

出典

出典 18 件を表示