SESSION 06

VS Code x Copilot

チームで使える設定術 -- 設定の型、よく使うコマンド、共有のポイント

このセッションで学ぶこと

1
AI支援ツールのエコシステム全体像 Copilot, Claude Code, Cursor等の位置づけを整理し、選定の判断基準を持ちます
2
Copilot の動作原理と機能マトリクス Inline Suggestion, Chat, Edit, Agent Mode の違いと使い分けを理解します
3
チームで共有する設定テンプレート .vscode/settings.json の推奨設定、拡張機能リスト、ワークスペース設定の型を身につけます
4
導入ロードマップと生産性メトリクス 個人からチーム、組織への段階的展開方法と、効果の計測手法を学びます

1. VS Code + AI支援ツールのエコシステム

VS Codeを中心に、AI支援ツールが複数存在します。GitHub Copilot が最大手ですが、Claude Code, Cursor, Cody といった選択肢もあります。各ツールの得意領域が異なるため、プロジェクトの性質に合わせて選びましょう。

VS Code (Editor)
|
GitHub Copilotインライン補完 + Chat
最大のユーザーベース
|
Copilot Chat対話型コード支援
Agent Mode搭載
|
Claude CodeCLI型AIコーディング
エージェントチーム機能搭載
|
CursorAI特化エディタ
VS Code fork
|
Sourcegraph Codyコードベース全体を
コンテキストに使える
|
ContinueOSS
モデル自由選択
ツール 形態 強み 料金（個人） 推奨場面
GitHub Copilot VS Code拡張 インライン補完の精度、GitHub統合、マルチモデル対応（GPT-5.2, Claude Sonnet 4.6, Gemini 2.5 Flash等） $10/月 (Individual)
Free版あり（月2,000補完）		 日常のコーディング全般
Claude Code CLI 大規模コンテキスト、リファクタリング、エージェントチーム機能（研究プレビュー） API使用量ベース 複数ファイルの横断的変更
Cursor 独立エディタ（VS Code fork） エディタとAIの深い統合、Composer（マルチファイル編集）、Agent機能 $20/月 (Pro) AI中心の開発スタイル
Sourcegraph Cody VS Code拡張 大規模コードベースの横断検索・理解 $9/月 (Pro) レガシーコードの理解
Continue VS Code拡張 OSS、モデル選択の自由度 無料（モデル費用別） 自前モデル利用、カスタマイズ
OpenAI Codex クラウドエージェント コーディング特化クラウドエージェント、自律的タスク実行 API使用量ベース バックグラウンドでの自動実装

2. GitHub Copilot の動作原理

Copilot はエディタの現在のコンテキスト（開いているファイル、カーソル位置、コメント、インポート文等）をモデルに送信し、続きのコードを予測します。全ファイルを送るわけではなく、関連度の高い部分を選別して送信しています。2026年現在、Copilot Chatではモデルを選択可能で、GPT-5.2、Claude Sonnet 4.6、Gemini 2.5 Flashなどマルチモデルに対応しています。

Copilot Inline Suggestion のフロー
エディタコンテキスト
現在のファイル
開いているタブ
カーソル位置
→
コンテキスト選別
関連コードの抽出
プロンプト構築
→
LLMモデル
コード生成
複数候補
→
サジェスション
灰色テキストで表示
Tab で受け入れ

Copilot 主要機能マトリクス

機能 操作方法 用途 出力形式 精度目安
Inline Suggestion コードを書き始めると自動表示、Tab で受け入れ 関数の実装、定型パターンの補完 灰色テキスト（インライン） 高
Chat Ctrl+I またはサイドパネル コードの説明、バグの原因調査、設計相談 チャット形式（Markdown） 高
Copilot Edits コード選択 → Copilot Edits（GA、一般提供済み） 複数ファイルの同時編集を自然言語で指示 差分表示（Accept/Reject） 高
Next Edit Suggestions コード変更の文脈から次の編集を自動提案、Tabで適用 連続的なコード変更の加速 灰色テキスト（インライン） 高
Terminal ターミナルで Ctrl+I CLIコマンドの生成、エラーメッセージの解説 コマンド候補 中-高
Agent Mode 正式リリース済み。Chat内で自律的にタスク実行 ファイル作成・編集、ターミナルコマンド実行、エラー自動修復 ファイル編集 + ターミナル操作 中-高
Coding Agent GitHub Issue を割り当てて自動実行 PRの自動作成・修正。Issueから自律的にコーディング PR作成 + コード変更 中

3. チーム共有設定テンプレート

VS Codeの設定はプロジェクトルートの .vscode/ ディレクトリに置けばチーム全員に共有されます。settings.json, extensions.json, launch.json の3ファイルをGitにコミットしておくのが定石です。

Workspace設定（チーム共有）
  • .vscode/settings.json に記述
  • Gitリポジトリにコミットします
  • プロジェクト固有の設定を統一
  • Formatter, Linter, 言語設定
  • Copilotの有効/無効設定
User設定（個人用）
  • Ctrl+, で開く設定画面
  • ローカルにのみ保存
  • フォントサイズ、テーマ、キーバインド
  • 個人の作業効率に関わる設定
  • チームに強制しない嗜好の設定

推奨 .vscode/settings.json

{
  // フォーマッター設定
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },

  // TypeScript設定
  "typescript.preferences.importModuleSpecifier": "relative",
  "typescript.suggest.autoImports": true,

  // Copilot設定
  "github.copilot.enable": {
    "*": true,
    "markdown": true,
    "yaml": true
  },

  // ファイル除外
  "files.exclude": {
    "**/node_modules": true,
    "**/.git": true,
    "**/dist": true
  },

  // 検索除外
  "search.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/*.min.js": true
  }
}

推奨 .vscode/extensions.json

{
  "recommendations": [
    "github.copilot",
    "github.copilot-chat",
    "esbenp.prettier-vscode",
    "dbaeumer.vscode-eslint",
    "eamodio.gitlens",
    "ms-vscode.vscode-typescript-next"
  ]
}

4. 拡張機能の推奨リスト

拡張機能はカテゴリごとに整理して、チームに推奨セットを提示しましょう。全員に必須のものと、任意のものを分けておくと混乱が少なくなります。

Copilot系
- GitHub Copilot
- GitHub Copilot Chat
- GitHub Actions
- GitHub Pull Requests
Linter / Formatter
- ESLint
- Prettier
- Stylelint
- EditorConfig
Git系
- GitLens
- Git Graph
- Conventional Commits
- GitHub PR and Issues
Testing系
- Jest Runner
- Test Explorer UI
- Coverage Gutters
- Vitest
拡張機能 機能 必須度 備考
GitHub Copilot AIコード補完 必須 有料ライセンスが必要です。組織アカウントで一括管理を推奨します
ESLint JavaScript/TypeScript の静的解析 必須 .eslintrc をリポジトリにコミット
Prettier コード自動整形 必須 .prettierrc をリポジトリにコミット
GitLens Git blame, 履歴可視化 推奨 コードレビュー時の変更追跡に役立ちます
EditorConfig インデント、改行コードの統一 推奨 .editorconfig をリポジトリにコミット
Error Lens エラー・警告をインラインで表示 任意 視認性が上がりますが、表示が多いと感じる人もいます

5. Copilot のプロンプトテクニック集

Copilot のサジェスション品質はコンテキストの与え方で大きく変わります。コメント駆動開発、ファイル分割戦略、型定義の先行記述がポイントです。

コメント駆動開発

効果的なコメント
// ユーザーIDからアクティブな注文一覧を取得する
// 注文は作成日の降順でソートし、最大20件に制限する
// キャンセル済みの注文は除外する
async function getActiveOrders(userId: string): Promise<Order[]> {

意図、ソート条件、除外条件を事前にコメントで記述しておくと、Copilotが正確な実装を提案する確率が上がります。
効果が薄いコメント
// 注文を取得
async function getOrders() {

曖昧すぎます。引数の型も戻り値も不明です。Copilotは「最もありがちなパターン」を出すしかなくなります。

効果的なテクニック一覧

テクニック やり方 効果
型定義を先に書く interface / type を先に定義してからロジックを書き始めます Copilotが型に合致したコードを生成する確率が大幅に上がります
関連ファイルを開いておく 使いたい関数やモデルのファイルをタブで開いておきます Copilotがそのファイルの内容をコンテキストとして使います
テスト名を先に書く it('should return 404 when user not found') のようにテスト名だけ先に記述 テスト名から実装を推論してくれます
例を1つ書く 配列の最初の要素を手動で書き、残りをCopilotに任せます パターンを認識して残りを正確に補完します
ファイル名を意味のあるものにする utils.ts ではなく dateFormatter.ts のように具体的な名前にします ファイル名がコンテキストになり、関連するコードが生成されやすくなります

6. チーム開発での活用パターン

Copilotは個人の生産性向上だけでなく、チーム全体のワークフローにも組み込めます。コードレビュー補助、ドキュメント生成、リファクタリング支援の3つが代表的な使い方です。

1
コードレビュー補助
PRの差分をCopilot Chatに貼り付けて「このコードの問題点を指摘してください」と尋ねます。パフォーマンス問題、セキュリティリスク、可読性の課題を事前にAIがスクリーニングし、レビュアーの負荷を下げられます。GitHub上でもCopilot ReviewがPRコメントを自動生成します。
2
ドキュメント生成
関数やクラスを選択してCopilot Chatで「JSDocを生成してください」と依頼します。引数・戻り値の型と説明、使用例を含むドキュメントを生成できます。APIのREADMEやCHANGELOGの下書きにも使えます。
3
リファクタリング支援
「この関数をより小さな関数に分割してください」「このクラスを関数型スタイルに書き換えてください」のように指示します。差分を確認しながら段階的にリファクタリングを進められます。Agent Modeを使えば複数ファイルの横断的変更も可能です。
4
テスト生成
実装コードを選択して「この関数のユニットテストを書いてください」と依頼します。正常系・異常系・境界値のテストケースを網羅的に生成します。テストフレームワーク（Jest, Vitest等）はプロジェクトの設定に合わせてくれます。

AIが生成したコードレビューコメントやリファクタリング提案をそのまま採用してはいけません。人間が内容を確認し、プロジェクトの文脈に合っているかを判断してから反映してください。AIはツールであり、レビュアーの代替ではありません。

7. 生産性メトリクスの計測方法

Copilot の導入効果を客観的に測るには、メトリクスの定義と計測方法を事前に決めておきましょう。GitHub が提供する Copilot Metrics API を活用すれば、組織全体の利用状況を可視化できます[GitHub Research]。

業界平均メトリクスを表示
Acceptance Rate
25-35%
サジェスションの受け入れ率
GitHubの公式データで平均約30%[GitHub Research]
Coding Speed
~55%
タスク完了速度の向上
GitHub公式実験での実測値[Peng et al. 2023]
Developer Satisfaction
60-75%
価値の高い仕事に集中できる等
回答者2,000名超の調査[GitHub Research]
メトリクス 計測方法 目安値 注意点
受入率 (Acceptance Rate) Copilot Metrics API / Dashboard 25-35%[GitHub Research] 低すぎる場合はプロンプトテクニックの研修が有効です
アクティブユーザー率 ライセンス付与数 vs 実利用数 80%以上[GitHub] 利用率が低い場合は操作研修やキックオフが必要です
PR作成速度 導入前後のPR作成頻度を比較 +30-40%[McKinsey] PR粒度の変化（小さいPRが増える）も考慮してください
開発者体感 四半期ごとのアンケート NPS 30以上 定量データだけでなく定性フィードバックも収集しましょう
コスト対効果 ライセンス費用 vs 削減工数の金額換算 ROI 300%以上[Forrester] 月$19/人 に対して削減時間から工数を金額換算

8. 導入ロードマップ -- 個人からチーム、組織へ

Copilotの導入は一気に全社展開するのではなく、段階的に広げるほうが成功率が高くなります。個人での試用、チームでの標準化、組織全体への展開の3フェーズで進めます。Free版（月2,000コード補完、50チャットメッセージ）も利用できるため、まず無料で試すことも可能です。

1
Phase 1: 個人トライアル
先行チーム（3-5名）にCopilot Individualライセンスを付与し、2-4週間の試用期間を設けます。期間中にプロンプトテクニックの勉強会を実施します。効果の体感とフィードバックを収集しましょう。
2-4週間
2
Phase 2: チーム標準化
Copilot Business / Enterpriseに切り替え、チーム単位で導入します。.vscode/settings.json と extensions.json を整備してGitにコミットします。コーディング規約にCopilot利用のルール（レビュー時のAI利用ポリシー、機密コードへの使用制限等）を追加し、メトリクスの計測を開始します。
1-2ヶ月
3
Phase 3: 組織展開
全社またはエンジニア組織全体にCopilot Enterpriseを展開します。社内コードベースをCopilotのコンテキストに含める設定（Knowledge Bases）を構成します。Copilot Metrics APIで利用状況を可視化し、四半期ごとにROIを報告します。社内のベストプラクティスを蓄積・共有する仕組みを作りましょう。
3-6ヶ月
フェーズ 対象 ライセンス 成功基準
Phase 1 先行チーム 3-5名 Individual ($10/月) 参加者の過半数がアクティブに利用継続
Phase 2 プロジェクトチーム 10-20名 Business ($19/月) 受入率25%以上[GitHub]、アクティブユーザー率80%以上
Phase 3 エンジニア組織全体 Enterprise ($39/月)[GitHub] ROI 300%以上[Forrester]、NPS 30以上

用語集

GitHub Copilot
GitHubが提供するAIコーディングアシスタントです。VS Code等のエディタに統合され、コードの補完・生成・説明を行います。GPT-5.2、Claude Sonnet 4.6、Gemini 2.5 Flashなど複数モデルから選択可能（マルチモデル対応）で、Free版からEnterprise版まで複数プランがあります。
Language Server Protocol (LSP)
エディタと言語サーバー間の通信プロトコルです。コード補完、定義ジャンプ、リネームなどの言語機能をエディタに提供します。VS Codeの多言語対応の基盤技術です。
IntelliSense
VS Codeの組み込みコード補完エンジンです。変数名、関数名、型情報に基づく補完候補を表示します。Copilotの前から存在する従来型の補完機能で、Copilotとは別レイヤーで動作します。
Workspace
VS Codeで開いているフォルダ（またはマルチルートフォルダ）のことです。.vscode/ ディレクトリにワークスペース固有の設定を保存できます。プロジェクトごとに設定を切り替える仕組みです。
Extension（拡張機能）
VS Codeの機能を拡張するプラグインです。Marketplace から入手できます。言語サポート、デバッガー、Linter、テーマなど種類は多岐にわたります。extensions.json で推奨拡張をチーム共有できます。
Snippet（スニペット）
頻出するコードパターンのテンプレートです。接頭辞を入力してTabキーで展開します。VS Codeにはユーザー定義スニペットの仕組みがあり、チーム共通のスニペットを .vscode/ に配置できます。
Inline Suggestion
Copilotがエディタ上にグレーテキストで表示するコード提案です。Tabキーで受け入れ、Escキーで却下します。複数候補がある場合はAlt+]で次の候補に切り替えられます。
Chat Mode
Copilotとの対話型インターフェースです。サイドパネルまたはインラインで質問・指示を投げ、コード生成や説明を得られます。@workspace, @terminal などのコンテキストプロバイダーが使えます。
Agent Mode
正式リリース済みのCopilot Chat拡張モードです。複数ファイルの横断的なタスク（新機能実装、バグ修正等）を自律的に実行します。ファイルの作成・編集、ターミナルコマンド実行、エラー自動修復が可能です。Copilot Coding Agent との連携で、Issueの自動解決やPRの自動作成もできます。
Copilot Edits
GA（一般提供）済みの機能です。複数ファイルを対象に、自然言語の指示で同時編集を行います。変更は差分表示され、Accept/Rejectで個別に判断できます。
Next Edit Suggestions
コード変更の文脈から、次に行うべき編集を自動で提案する機能です。Tabキーで即座に適用できます。連続的なコード変更を高速化します。
Copilot Coding Agent
GitHub IssueをCopilotに割り当てると、自律的にコードを書いてPRを作成する機能です。Issue内容を分析し、ブランチ作成からコード変更、テスト実行までを自動化します。
Copilot Spaces
プロジェクト固有のコンテキスト（ドキュメント、コード、設計方針等）を整理・集約する機能です。Copilotがプロジェクトの背景を把握した上でより的確な支援を行えるようになります。
Prompt Engineering
AIモデルに対する指示（プロンプト）を工夫して、出力の品質を向上させる手法です。Copilotの場合、コメントの書き方、ファイルの開き方、型定義の有無がプロンプトの一部として機能します。

参考URL一覧

VS Code Documentationcode.visualstudio.com GitHub Copilot Documentationdocs.github.com GitHub Copilot -- Getting Code Suggestionsdocs.github.com VS Code Marketplacemarketplace.visualstudio.com VS Code Settings Synccode.visualstudio.com GitHub Copilot Enterprise Managementdocs.github.com GitHub Blog -- Copilot Workspacegithub.blog Cursor -- The AI Code Editorcursor.com Sourcegraph Codysourcegraph.com Copilot Chat in IDEdocs.github.com Claude Code -- Anthropic Official CLIdocs.anthropic.com Continue -- Open Source AI Code Assistantgithub.com