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

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.5, 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.5、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 を活用すれば、組織全体の利用状況を可視化できる。

Acceptance Rate
25-35%
サジェスションの受け入れ率
業界平均は約30%前後
Lines Accepted
40-60%
開発者が書くコードのうち
Copilotが生成した割合
Developer Satisfaction
75%+
Copilotに満足している
開発者の割合(GitHub調査)
メトリクス 計測方法 目安値 注意点
受入率 (Acceptance Rate) Copilot Metrics API / Dashboard 25-35% 低すぎる場合はプロンプトテクニックの研修が有効
アクティブユーザー率 ライセンス付与数 vs 実利用数 80%以上 利用率が低い場合は操作研修やキックオフが必要
PR作成速度 導入前後のPR作成頻度を比較 +20-40% PR粒度の変化(小さいPRが増える)も考慮
開発者体感 四半期ごとのアンケート NPS 30以上 定量データだけでなく定性フィードバックも収集
コスト対効果 ライセンス費用 vs 削減工数の金額換算 ROI 300%以上 月$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/月) 参加者の80%が「続けたい」と回答
Phase 2 プロジェクトチーム 10-20名 Business ($19/月) 受入率25%以上、アクティブユーザー率80%以上
Phase 3 エンジニア組織全体 Enterprise ($39/月) ROI 300%以上、NPS 30以上

用語集

GitHub Copilot
GitHubが提供するAIコーディングアシスタント。VS Code等のエディタに統合され、コードの補完・生成・説明を行う。GPT-5.2、Claude Sonnet 4.5、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