結論: Claude Code × VSCode連携は、Anthropic公式の拡張機能(インストール数1,600万超)をVSCodeに入れるだけで完成します。個人の入門セットアップにとどまらず、チームで統一された7つの活用パターンを実装することで、コードレビュー・多ファイル編集・Hook連携まで一気通貫で自動化できます。
この記事の要点:
- 要点1: 公式拡張のインストールは5ステップ・5分で完了。VS Code 1.98.0以上が必須(参照日: 2026-06-04)
- 要点2: IDE内チャット/インラインコード補完/コードレビュー/多ファイル編集/検索/リファクタリング/Hook連携の7パターンを実践すると開発速度が大幅に上がる
- 要点3: 既存の「個人入門ガイド」(claude-code-vscode-extension-guide-2026)との違いは、本記事がチーム導入・全機能横断・失敗回避にフォーカスしている点
対象読者: VSCodeをメインエディタとして使うエンジニア・テックリード・開発チームのマネージャー
読了後にできること: 7つの活用パターンを設定ファイル込みで即導入し、チームへの展開計画を立てられる
「Claude Codeって結局、ターミナルでしか使えないんですか?」
企業研修でこの質問が出るたびに、少しだけ焦ります。拡張機能がすでに1,600万インストールを超えているのに、VSCodeとの連携方法がまだ十分に知られていない。特にチームで使い始めようとすると、「どの設定を共有すべきか」「拡張機能が競合するとどうなるか」「Git Hookとどう組み合わせるか」といった情報が散らばっていて、まとまった情報源がありませんでした。
先日、あるSaaS系スタートアップ(開発チーム12名)のAI研修を担当したとき、Claude Code × VSCode連携を一通り設定したところ、「こんなに設定項目があったのか」「Hookと組み合わせるとCI/CDまで変わる」という驚きの声が多数上がりました。個人の入門とチーム展開では、必要な知識量がまったく違うんです。
この記事では、Anthropic公式ドキュメント(code.claude.com・参照日: 2026-06-04)を完全に裏取りしたうえで、VSCode連携の全機能・7活用パターン・失敗回避・チーム導入設定をまるごと公開します。設定ファイル5セットもコピペ可能な形で収録しています。
既存の「Claude Code VS Code拡張ガイド|設定と使い方」が個人入門者向けであるのに対し、本記事はチーム導入と拡張全機能にフォーカスした完全ガイドです。
まず確認:既存の「個人入門ガイド」との差別化マップ
UravationメディアにはClaude Code VS Code拡張ガイド(2026-03-31公開)がすでにあります。両記事の役割を整理しておきます。
| 項目 | 既存記事(個人入門) | 本記事(チーム全機能) |
|---|---|---|
| 対象 | 個人エンジニア・初学者 | 開発チーム・テックリード |
| フォーカス | インストール・5つの主要機能 | 7活用パターン・チーム設定・失敗回避 |
| 設定ファイル | なし | 5セット(settings.json等) |
| Hook連携 | 記述なし | Pre-Push Hook等を詳解 |
| 失敗パターン | 1-2個 | 4パターン(競合・衝突・OS別・設定コンフリクト) |
| チーム展開 | 記述なし | 7パターン全て解説 |
同じVSCode連携テーマでも、カバー範囲が全く異なります。本記事は既存記事を読んだあと「次のステップ」として読む設計です。
拡張機能インストール5ステップ(最速セットアップ)
まず5分で動かすところから。Anthropic公式のVSCode拡張(publisher: anthropic、extension ID: anthropic.claude-code)は、VSCode Marketplaceで1,600万超のインストール数・評価4/5を持つ検証済みの拡張です(参照日: 2026-06-04)。
- VS Code バージョン確認 — Help → About でバージョンを確認。1.98.0以上が必須。それ以下の場合は先にVS Codeをアップデートしてください
- Extensions ビューを開く —
Cmd+Shift+X(Mac)またはCtrl+Shift+X(Windows/Linux)を押して Extensions ビューを開く - 「Claude Code」を検索してインストール — 検索ボックスに「Claude Code」と入力 → 発行元が「Anthropic」のものを選択 → 「Install」をクリック
- VS Codeを再起動(または「Developer: Reload Window」) — インストール後にリロードが必要なケースがある。コマンドパレット(
Cmd+Shift+P)で「Developer: Reload Window」を実行 - サインイン — エディタ右上または左サイドバーにスパーク(稲妻)アイコンが出現。クリックするとサインイン画面 → 「Sign in」をクリックしてブラウザでAnthropicアカウント認証を完了
# コマンドラインからインストールする場合(CLI経由)
code --install-extension anthropic.claude-code
# インストール確認
code --list-extensions | grep anthropic
# 出力例: anthropic.claude-code
# VS Code内でClaude Codeパネルを直接開くURIハンドラ(macOS)
open "vscode://anthropic.claude-code/open"
インストール後、アイコンが出ない場合は「Spark icon not visible」のトラブルシューティングセクションを参照してください(後述)。
Claude Codeの全体像についてはClaude Code完全ガイドも合わせて確認しておくと、VSCode連携の位置づけがより明確になります。
VSCode × Claude Code 7つの活用パターン
拡張機能を入れただけでは宝の持ち腐れ。研修先のチームに展開してきた実績から、効果の大きい7パターンを順に解説します。
パターン1:IDE内チャット(インタラクティブ問答)
最も基本的な使い方です。エディタ右上のスパークアイコンをクリックするとClaude Codeのチャットパネルが開きます。現在開いているファイルの内容が自動でコンテキストとして渡されるのが、ターミナル版との最大の違いです。
# IDE内チャット用プロンプト(コピペ可能)
このファイルのバグを全て特定して、修正案を差分形式で提案してください。
不明な点があれば先に質問してください。
# 特定関数へのフォーカス(@メンション+行番号指定)
@utils.ts#45-78 の関数を、エラーハンドリングを追加してリファクタリングしてください
コードを選択した状態で Option+K(Mac)/ Alt+K(Windows/Linux)を押すと、@app.ts#5-10 のように選択範囲のパスと行番号が自動挿入されます。「この部分を見て」というコミュニケーションが数秒で終わります。
パターン2:インラインコード補完(Plan Mode活用)
Plan Mode(計画モード)はVSCode拡張固有の強力機能です。プロンプトボックス下部のモードインジケーターで切り替えられます。
# Plan Mode 推奨プロンプト
認証モジュールを JWT から Session-based に変更してください。
変更対象ファイルと変更内容のリストを先に出してください。
承認後に実装を進めてください。
Plan Modeでは、Claudeが実行計画を完全なマークダウンドキュメントとして出力し、承認後に実装が進みます。大きなリファクタリングで「思ってたのと違う」を防ぐのに有効です。顧問先のCTOに「AI任せで恐いと思っていたが、計画を見てから判断できるのが安心」と言ってもらいました。
パターン3:コードレビュー(差分表示フロー)
Claude Codeがファイルを変更する際、変更前後のdiffをサイドバイサイドで表示してから承認を求めます。これが個人ユーザーに最も好評な機能です。
# コードレビュー依頼プロンプト
PR #123 の変更内容をレビューしてください。
以下の観点で確認してください:
1. セキュリティ上のリスク
2. パフォーマンスへの影響
3. 既存テストとの整合性
問題があれば具体的な修正案も提示してください
差分ビュー内でコードを直接編集することも可能で、編集後に承認するとClaudeは「あなたが修正した」と認識して次の提案に反映します。
パターン4:多ファイル編集(@メンション複数指定)
@メンションは複数ファイルを同時指定できます。これがチーム開発で特に役立つパターンです。
# 多ファイル同時編集プロンプト
@src/api/users.ts @src/types/user.ts @tests/users.test.ts を参照して、
User型にemailVerifiedAtフィールドを追加してください。
型定義・APIハンドラ・テストを一括で更新してください。
# フォルダ丸ごと指定(構成理解から始めたいとき)
@src/components/ の構成を分析して、コンポーネント間の依存関係図を出力してください
研修先のあるスタートアップでは、「型変更に伴う波及修正が1回のプロンプトで終わった。以前は3〜4時間かかってた作業が20分になった」という感想をもらいました(作業時間はチームの自己報告値)。
パターン5:コードベース検索(ターミナル連携)
VSCode拡張はターミナル連携もサポートしています。@terminal:ターミナル名 でターミナル出力をコンテキストに渡せます。
# ターミナル出力を渡して原因分析
@terminal:main のエラーログを分析して、
原因と修正方法を特定してください
# 検索結果を渡す
@terminal:search の grep 結果から、
使われていない関数を特定してください
VSCodeのターミナル名を設定(右クリック → 「Rename Panel」)しておくと、@メンションで迷わず指定できます。
パターン6:リファクタリング(Git Worktree連携)
大規模なリファクタリングにはGit Worktree連携が非常に有効です。独立した作業ブランチでClaude Codeを実行し、main ブランチを汚さずに試行錯誤できます。
# Git Worktreeと組み合わせてClaude Codeを起動(ターミナルから)
claude --worktree refactor-auth
# Worktreeでの作業が終わったら通常のPRフロー
git checkout main
git merge refactor-auth
# Worktree内でのリファクタリングプロンプト
認証モジュール(@src/auth/)を、現在のクラスベースから関数型に変更してください。
テストが全て通るようにしてから、変更内容のサマリーを出してください。
複数のWorktreeを並行実行すれば、複数機能の開発を同時進行できます。チームで「Claude-A担当のWorktree」「Claude-B担当のWorktree」のように分けると干渉しません。
パターン7:Hook連携(Pre-Push自動チェック)
Claude Codeは ~/.claude/settings.json に定義したHook経由で、Git操作などのトリガーに自動反応させられます。最も実用的なのはPre-Pushフック連携です。
# Pre-Pushフック設定(.git/hooks/pre-push に配置)
#!/bin/bash
echo "Claude Code: Pre-Push チェック実行中..."
claude -p "git diffでコード変更を確認し、以下を検査してください:
1. セキュリティ上の問題(SQLインジェクション・XSSリスク等)
2. console.log の本番コードへの混入
3. ハードコードされたシークレット
問題があれば EXIT 1 でプッシュを止めてください" --output-format json
// ~/.claude/settings.json(Hook設定例・VSCode拡張とCLIで共有)
{
"$schema": "https://json.schemastore.org/claude-code-settings.json",
"hooks": {
"PreToolUse": [
{
"matcher": "Bash",
"hooks": [
{
"type": "command",
"command": "echo '=== Bash実行: $TOOL_INPUT ==='",
"description": "Bashコマンド実行の記録"
}
]
}
]
}
}
このHook設定はVSCode拡張とCLIで共有されるので、チームの ~/.claude/settings.json を揃えることでチーム全体に同じフローを適用できます。
VSCode設定例5セット(コピペ即使い)
チーム展開時に統一しておきたい設定ファイルを5セット用意しました。
設定1:settings.json(Claude Code拡張の基本設定)
// .vscode/settings.json(プロジェクト共有用)
{
// Claude Code 拡張設定
"claudeCode.initialPermissionMode": "plan", // 新しい会話はPlanモードから開始
"claudeCode.autosave": true, // Claudeが読み書きする前にファイルを自動保存
"claudeCode.preferredLocation": "sidebar", // Claudeパネルを右サイドバーに配置
"claudeCode.useCtrlEnterToSend": false, // Enterで送信(Shift+Enterで改行)
"claudeCode.respectGitIgnore": true, // .gitignoreパターンをファイル検索から除外
"claudeCode.enableReopenClosedSessionShortcut": true,
// エディタ共通設定(AI連携に便利)
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"files.autoSave": "onFocusChange"
}
設定2:keybindings.json(ショートカット最適化)
// keybindings.json(ユーザー設定)
[
// Claude Code フォーカス切り替え(エディタ ↔ Claudeパネル)
{
"key": "cmd+escape", // Mac
"command": "claude-code.focusInput"
},
{
"key": "ctrl+escape", // Windows/Linux
"command": "claude-code.focusInput"
},
// 新しいClaude Codeタブを開く
{
"key": "cmd+shift+escape",
"command": "claude-code.openInNewTab"
},
// @メンション参照を挿入(選択中のコードをプロンプトに挿入)
{
"key": "alt+k",
"command": "claude-code.insertAtMentionReference",
"when": "editorFocus"
}
]
設定3:tasks.json(Claude Codeをタスクとして実行)
// .vscode/tasks.json
{
"version": "2.0.0",
"tasks": [
{
"label": "Claude: コードレビュー",
"type": "shell",
"command": "claude",
"args": [
"-p",
"このプロジェクトの変更内容(git diff)をレビューして、問題点とその修正案を出してください"
],
"group": "test",
"presentation": {
"echo": true,
"reveal": "always",
"focus": true,
"panel": "shared"
}
},
{
"label": "Claude: テスト生成",
"type": "shell",
"command": "claude",
"args": [
"-p",
"現在開いているファイルのJestテストを生成してください。エッジケースも含めてください"
],
"group": "test"
}
]
}
設定4:launch.json(デバッグ連携)
// .vscode/launch.json(Claude Codeと組み合わせるデバッグ設定)
{
"version": "0.2.0",
"configurations": [
{
"name": "Node.js + Claude Code",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/src/index.ts",
"preLaunchTask": "Claude: コードレビュー",
"env": {
"NODE_ENV": "development"
},
"runtimeArgs": ["--nolazy", "-r", "ts-node/register"],
"sourceMaps": true,
"cwd": "${workspaceFolder}",
"console": "integratedTerminal"
}
]
}
設定5:Pre-Pushフック(Git Hookとの連携)
#!/bin/bash
# .git/hooks/pre-push(chmod +x を忘れずに)
set -e
echo "=== Claude Code Pre-Push チェック ==="
# 変更ファイル一覧を取得
CHANGED_FILES=$(git diff --name-only HEAD~1 HEAD 2>/dev/null || git diff --cached --name-only)
if [ -z "$CHANGED_FILES" ]; then
echo "変更ファイルなし。チェックをスキップします。"
exit 0
fi
echo "変更ファイル: $CHANGED_FILES"
# Claude Codeでセキュリティチェック(claude CLIが使える環境で実行)
if command -v claude &> /dev/null; then
RESULT=$(claude -p "以下の変更ファイルのコードを確認してください:
$CHANGED_FILES
チェック内容:
1. ハードコードされたAPIキー・パスワード・シークレットがないか
2. console.log が本番コードに残っていないか
3. SQLインジェクション・XSSの明らかなリスクがないか
問題があれば「REJECT: 理由」と出力してください。
問題がなければ「PASS」とだけ出力してください。" 2>/dev/null)
if echo "$RESULT" | grep -q "^REJECT"; then
echo "=== Claude Code によるチェック失敗 ==="
echo "$RESULT"
echo "プッシュを中止します。"
exit 1
fi
fi
echo "=== チェック完了。プッシュを続行します ==="
exit 0
ショートカット早見表(Mac / Windows/Linux)
Anthropic公式ドキュメント(code.claude.com/docs/en/vs-code・参照日: 2026-06-04)掲載のショートカット一覧です。
| 操作 | Mac | Windows / Linux | 備考 |
|---|---|---|---|
| Extensions ビューを開く | Cmd+Shift+X | Ctrl+Shift+X | 拡張機能の検索・管理 |
| コマンドパレット | Cmd+Shift+P | Ctrl+Shift+P | 「Claude Code」で全コマンド表示 |
| Claude ↔ エディタ フォーカス切替 | Cmd+Esc | Ctrl+Esc | macOS Tahoe以降はシステム設定変更が必要(後述) |
| 新しいClaude Codeタブ | Cmd+Shift+Esc | Ctrl+Shift+Esc | 並列会話に便利 |
| @メンション参照挿入 | Option+K | Alt+K | 選択範囲のパス+行番号を自動挿入 |
| 新しい会話開始 | Cmd+N | Ctrl+N | enableNewConversationShortcut: true が必要 |
| 閉じたClaude Codeセッションを再開 | Cmd+Shift+T | Ctrl+Shift+T | 最後に閉じたセッションを復元 |
| インテグレーテッドターミナルを開く | Cmd+` | Ctrl+` | ターミナルでCLIを使うとき |
| 設定を開く | Cmd+, | Ctrl+, | Extensions → Claude Code で拡張設定 |
| @terminal参照 | @terminal:名前 | @terminal:名前 | プロンプトボックス内で入力 |
注意(macOS Tahoe以降):
Cmd+Escは macOS のゲームオーバーレイショートカットとバッティングします。システム設定 → キーボード → キーボードショートカット → ゲームコントローラー → 「ゲームオーバーレイ」のチェックを外してください(出典: Anthropic公式ドキュメント・参照日: 2026-06-04)。
【要注意】よくある失敗パターン4選
研修現場とチーム導入サポートで実際に遭遇した失敗パターンです。
失敗1:拡張機能の競合(Cline・Continue・GitHub Copilotとの衝突)
❌ Claude Code拡張とCline・Continueを同時有効化するとスパークアイコンが消える・チャットパネルが応答しない事象が発生する
⭕ 競合する拡張機能を一時無効化して再現確認してから、どちらを優先するか決める
公式ドキュメントでも「Disable conflicting extensions temporarily(Cline, Continue etc.)」と明記されています(出典: code.claude.com/docs/en/vs-code・参照日: 2026-06-04)。GitHub Copilotとは共存可能ですが、両方のインライン補完が同時に動くとUX上混乱するので、どちらをメインにするか決めてチームで統一してください。
失敗2:settings.jsonの設定衝突(initialPermissionModeの誤設定)
❌ claudeCode.initialPermissionMode: "bypassPermissions" をチーム全体に展開すると、Claudeが無承認でファイルを編集し始めてトラブルになる
⭕ チーム展開時は "plan" または "default" から始める。bypassPermissions は「インターネット接続のないサンドボックス環境でのみ使用」と公式に明記されている
公式ドキュメントには「Use it only in sandboxes with no internet access」と記載されています(出典: code.claude.com/docs/en/vs-code・参照日: 2026-06-04)。本番環境での使用は絶対に避けてください。
失敗3:Windowsでのパス表記混在
❌ @メンションで @srccomponentsauth.ts(バックスラッシュ)と入力するとファイルが見つからないことがある
⭕ @メンションでは @src/components/auth.ts(スラッシュ)で統一する。Windowsでも Claude Code 内部ではスラッシュが正しい
特にWindowsメンバーとMacメンバーが混在するチームで、ペアプログラミング時に@メンション記法が食い違うケースが頻発します。チームのドキュメントに「@メンションはスラッシュ統一」と明記しておくとよいです。
失敗4:macOS/Linux固有のシェル環境変数が未継承
❌ ANTHROPIC_API_KEY をシェルに設定してあるのに「Not logged in」が表示される
⭕ VS Codeをターミナルから code . で起動すると、シェルの環境変数を継承できる。GUIから起動するとシェル環境が読まれないケースがある
公式ドキュメントでも「Launch VS Code from a terminal with code . so it inherits your environment variables」と記載されています(出典: code.claude.com/docs/en/vs-code・参照日: 2026-06-04)。GUIのDockやランチャーからVS Codeを開く習慣があるMacユーザーがよくはまるポイントです。
チーム導入7パターン(実装ロードマップ)
チームへの展開は段階的に進めるのが現実的です。研修先で効果が確認できた順序で紹介します。
ステージ1(週1):個人セットアップ統一
- 全員が同じバージョンのVS Code(1.98.0以上)を使っているか確認
.vscode/settings.json(上記の設定1)をリポジトリにコミットして共有- 初回サインインをAnthropicアカウントで完了
ステージ2(週2):基本フロー習得
- IDE内チャット(パターン1)と差分確認フロー(パターン3)を全員が使えるようにする
- ショートカット早見表をチームに共有
ステージ3(週3-4):Plan Mode・多ファイル編集
initialPermissionMode: "plan"でPlan Mode(パターン2)を習慣化- @メンション複数ファイル指定(パターン4)をペアプログラミングで練習
ステージ4(週5-6):ターミナル・Git連携
- ターミナル出力の @terminal 参照(パターン5)を習慣化
- Git Worktree連携(パターン6)で大型リファクタリングの安全化
ステージ5(月2〜):Hook・CI/CD統合
- Pre-Pushフック(パターン7)を全リポジトリに展開
- tasks.jsonでClaude Codeをタスクとして自動起動
- MCP(Model Context Protocol)サーバーを追加して外部ツール連携を拡張
ステージ6(月3〜):Plugin・Browser連携
- プロンプトボックス内で
/pluginsと入力してPlugin管理画面を開く @browserで Chrome連携を有効化 → ローカルWebアプリのデバッグを自動化
ステージ7(月4〜):MCP・Bedrock/Vertex連携(Enterprise)
- Amazon Bedrock・Google Vertex AI 経由での利用設定(
claudeCode.disableLoginPrompt: true+ プロバイダー設定) - 組織のセキュリティポリシーに合わせたPermission設定の標準化
// .vscode/settings.json(Enterprise/Bedrock接続例)
{
"claudeCode.disableLoginPrompt": true,
// Amazon Bedrock の場合は ~/.claude/settings.json で設定
// "claudeCode.environmentVariables": [
// {"name": "ANTHROPIC_MODEL", "value": "us.anthropic.claude-sonnet-4-5-20251101-v1:0"},
// {"name": "AWS_REGION", "value": "us-east-1"}
// ]
}
VSCode拡張とCLIの使い分けガイド
VSCode拡張で全てができるわけではありません。公式ドキュメント掲載の機能比較表です(出典: code.claude.com/docs/en/vs-code・参照日: 2026-06-04)。
| 機能 | CLIのみ | VSCode拡張あり | 備考 |
|---|---|---|---|
| 全コマンド・スキル | ✅ | 一部(/で確認可) | CLIの方が機能が多い |
| チェックポイント(巻き戻し) | ✅ | ✅ | 両方対応 |
| Tab補完 | ✅ | ❌ | CLIのみ |
! bashショートカット | ✅ | ❌ | CLIのみ |
| インラインdiff表示 | ❌ | ✅ | VSCode拡張の強み |
| Plan Mode(マークダウン計画) | ❌ | ✅ | VSCode拡張の強み |
| @メンション(GUI) | ❌ | ✅ | VSCode拡張の強み |
| チェックポイント巻き戻し(GUI) | ❌(Escキー操作) | ✅(ボタン操作) | VSCode拡張の方が直感的 |
| Git Worktree連携 | ✅(--worktreeフラグ) | ターミナルから | CLIコマンドをターミナルで実行 |
| MCP設定 | ✅(claude mcp add) | 部分対応(/mcpで管理) | 追加はCLI必要 |
結論として、VSCode拡張とCLIは競合でなく補完関係です。日常の開発はVSCode拡張でGUI操作し、MCP追加・worktree起動・複雑なbashスクリプト実行などはVSCode内のターミナルでCLIを使うのが最もスムーズです。
トラブルシューティング(よくある問題と解決策)
スパークアイコンが表示されない
以下の順序で確認してください(出典: code.claude.com/docs/en/vs-code・参照日: 2026-06-04):
- ファイルを開いているか確認(フォルダを開いただけだとアイコンが出ない)
- VS Codeバージョンが1.98.0以上か確認(Help → About)
- 「Developer: Reload Window」を実行
- Cline・Continue等の競合拡張を一時無効化
- ワークスペースの信頼(Restricted Mode)を確認 — Restricted Modeでは拡張機能が動作しない
アイコンが出なくても、ステータスバー(右下)の「✱ Claude Code」をクリックすればパネルを開けます。
「Not logged in · Please run /login」が繰り返し表示される
ANTHROPIC_API_KEYをシェルに設定している場合、ターミナルからcode .でVS Codeを起動する- コマンドパレットで「Developer: Reload Window」を実行
- 改善しない場合は拡張機能データを削除して再インストール:
rm -rf ~/.vscode/globalStorage/anthropic.claude-code
Claude Codeが応答しない
- インターネット接続を確認
- 新しい会話(
Cmd+N/Ctrl+N)を開始 - VSCode内のターミナルで
claudeを起動して詳細エラーを確認
セキュリティとデータプライバシー
チームに展開する際に必ず確認される質問です。Anthropic公式の方針を整理します(出典: code.claude.com/docs/en/vs-code・参照日: 2026-06-04)。
- コードはモデル学習に使われない: Claude Codeはコードを処理して支援を提供しますが、モデルの学習には使用しません
- auto-accept使用時の注意: Auto-edit permissions(自動承認モード)を有効にすると、
settings.jsonやtasks.jsonなどVS Codeが自動実行するファイルも変更される可能性があります。信頼できないコードで作業するときはVS CodeのRestricted Modeを有効にしてください - IDE MCPサーバー: 拡張機能がアクティブなとき、CLIが接続する127.0.0.1のローカルMCPサーバーが起動します。外部ネットワークからはアクセス不可で、毎回ランダムなトークンで認証します
- Jupyter Notebook実行は必ず確認ダイアログが出る:
mcp__ide__executeCodeはJupyterノートブックのセルを実行できますが、必ずVS Code側に確認ダイアログが出ます。自動実行はされません
Claude Code × VSCode連携のチーム導入Q&A
Q:Claude CodeとGitHub Copilotは共存できますか?
A: 共存できます。ただし両方のインライン補完が同時に出るとUXが混乱するため、どちらをメインにするかチームで決めることを推奨します。多くのチームは「大きな変更はClaude Code(Plan Mode)・軽い補完はCopilot」のように使い分けています。
Q:VSCode forks(Cursor・Devin Desktop等)でも使えますか?
A: 使えます。Cursorの場合は cursor:extension/anthropic.claude-code でインストールできます。Open VSX registry経由でも対応しています(出典: code.claude.com/docs/en/vs-code・参照日: 2026-06-04)。
Q:チームでセッション履歴を共有できますか?
A: セッション履歴は個人のローカル環境に保存されます。チーム間の共有はできません。チームで知見を共有したい場合は、有効だったプロンプトを別途ドキュメント化することをお勧めします。
Q:Amazon Bedrock / Google Vertex AI経由で使えますか?
A: 使えます。claudeCode.disableLoginPrompt: true に設定したうえで、各プロバイダーのガイド(Bedrock: code.claude.com/docs/en/amazon-bedrock / Vertex: code.claude.com/docs/en/google-vertex-ai)に従って設定してください。
Q:チーム全員のClaude Codeバージョンを揃えるには?
A: .vscode/extensions.json に推奨拡張として追加しておくと、VS Codeがチームメンバーにインストールを促します。
// .vscode/extensions.json
{
"recommendations": [
"anthropic.claude-code"
]
}
まとめ:今日から始める3つのアクション
- 今日やること: VSCode 1.98.0以上にアップデートして
anthropic.claude-code拡張をインストール。スパークアイコンをクリックしてサインインを完了する(5分で完了) - 今週中: 本記事の設定1(settings.json)と設定2(keybindings.json)を自分の環境に反映する。Plan Modeをデフォルトにして、次のコードレビューでパターン3(差分表示フロー)を試してみる
- 今月中: チームメンバーと共有する。.vscode/settings.json・extensions.json・tasks.json をリポジトリにコミットしてチーム全体に展開。Pre-Pushフック(パターン7)を試験的に1つのリポジトリに適用してみる
あわせて読みたい:
- Claude Code完全ガイド — Claude Codeの全体像と基本概念の理解に
- Claude Code VS Code拡張ガイド|設定と使い方 — 個人向けの入門セットアップはこちら
- Claude Codeチーム導入5ステップ — 社内展開・承認取得・教育プランの詳細
参考・出典
- Use Claude Code in VS Code — Anthropic公式ドキュメント(参照日: 2026-06-04)
- Claude Code for VS Code — Visual Studio Marketplace(参照日: 2026-06-04)
- Special Embrace? VS Code Adapts to Claude Code’s Ecosystem — Visual Studio Magazine(参照日: 2026-06-04)
- Enabling Claude Code to work more autonomously — Anthropic(参照日: 2026-06-04)
著者: 佐藤傑(さとう・すぐる)
株式会社Uravation代表取締役。X(@SuguruKun_ai)フォロワー約10万人。
100社以上の企業向けAI研修・導入支援。著書『AIエージェント仕事術』(SBクリエイティブ)。
SoftBank IT連載7回執筆(NewsPicks最大1,125ピックス)。
ご質問・ご相談は お問い合わせフォーム からお気軽にどうぞ。



