GitHub Copilot 機能まとめ

Last updated at 2025-04-11Posted at 2025-04-04

はじめに

学習も兼ねて、GitHub Copilotの機能についてまとめてみました！
また、日本語の拡張機能を入れている関係で機能名に変なところあるかもしれません🙇
※この記事はMacかつVSCodeの使用を前提としています
※プレビュー・試験段階の機能の利用にはご注意ください

2025/04/11現在の情報を元に書いてます
誤った情報や変更された項目もある可能性があるため、ご注意ください🙏

機能

コード補完

コードを書き始めたり、コメントを書くと、次に入力される可能性のあるコードを予測して、エディター上に提案してくれる

薄いグレーのゴーストテキストで表示される
Tab キーで受け入れ可能

✨Tips

⌘ + → (macOS) を使用して、単語ごとまたは行ごとに提案を受け入れることができる
補完は開いているファイルから適切な候補を作成するため、関連ファイルを開いておくと良い

Next Edit Suggestions

現在行っている編集に基づいて、次に行う可能性のある編集箇所とその内容を予測して提案してくれる

関連する変更が予測される場所にガターに矢印が表示される
Tabキーを繰り返し押すことで、提案された編集箇所をナビゲートし、受け入れることができる

使用方法
- VS Codeの設定で github.copilot.nextEditSuggestions.enabled を有効にする
- 補完は右下のCopilotアイコンから簡単にオンオフの切り替えができる

Copilot Chat

コードについて質問したり、自然言語を使ってプロジェクト全体を編集したりできる

Copilot Chatには以下の3つのインターフェースがある

✨Tips

チャット履歴を関連性のある状態に保つと良い

インラインチャット

エディタ内

現在のコードに対する質問や編集指示を直接行うのに適している
使用方法
- ショートカットキー（ ⌘ + I ） or Copilotアイコン or 右クリックから

ターミナル

ターミナルでの作業中に実行したいコマンドが不明な場合などコマンドの提案を受けられる
提案されたコマンドはそのままターミナルに挿入して実行できる
使用方法
- ショートカットキー（ ⌘ + I ） or 右クリックから

クイックチャット

画面上部に表示される一時的なチャット
あまり使わない（クイックチャットで出来ることはチャットビューでも出来るため）
使用方法
- ショートカットキー（ ⇧ + ⌥ + ⌘ + L ） or Copilotアイコンから

チャットビュー

サイドバーに常設されるチャットインターフェース
複数の質問と回答を続ける会話に適している
使用方法
- ショートカットキー（ ^ + ⌘ + I ） or Copilotアイコンから

チャットビューには3つのモードがある

モード	用途
質問	コードに関する質問、機能の実装方法、VS Codeの設定方法など、様々な疑問の回答実装方針の壁打ち
編集	複数のファイルに跨るシンプルな変更
エージェント	自律的に計画し、コード編集、ターミナルコマンド提案/実行させる問題解決を連続的に試みる MCPを利用

編集モードに切り替えるとチャットセッションが切り替わってしまうため、基本的には使わない（個人的に）

MCP: Model Context Protocol（プレビュー）

MCPとは？
- アプリケーションが LLM にコンテキストを提供する方法を標準化するオープンプロトコル
- AI アプリケーション用の USB-C ポートのようなもの
- 参考: https://modelcontextprotocol.io/introduction
settings.json から追加&MCPサーバーを起動可能
- settings.json の部分に薄く「起動」ボタンが表示されるのでクリック
- エージェントモードでのみ「🛠️」アイコンが表示され、使用可能な項目が選択できる
```
{
	"mcp": {
		"servers": {
			"playwright": {
				"command": "npx",
				"args": [
					"@playwright/mcp@latest"
				]
			}
		}
	}
}
```

使用する際は書きリポジトリの以下のReference Serversや公式が出しているものの利用を強く推奨します
https://github.com/modelcontextprotocol/servers/?tab=readme-ov-file#-reference-servers

例）

以下のような入力をすると実行許可を求めるので続行を押す

✨Tips

「続行」の左のvを押すと自動で許可するかなどの設定ができる

以下のように実行される↓

チャットに指定可能な項目

Chat participant（チャット参加者）

指定した対象に関する質問などができる

チャット入力欄で @ に続けて指定する
チャットビュー、クイックチャットでのみ使用可能

Chat participant	説明
`@workspace`	ワークスペースに関する質問など
`@vscode`	VSCodeに関する質問など
`@github`	GitHubのWeb検索、コード検索、Enterpriseのナレッジベースに基づいた情報などを得る
`@terminal`	ターミナルで何かを行う方法を確認

✨Tips

項目は入れている拡張機能によって増えたりする

スラッシュコマンド

特定の意図をCopilotに伝えるためにスラッシュコマンドを使用できる

使用方法
- チャット入力欄で / に続けてコマンドを入力する

✨Tips

一部、Chat participantとの組み合わせも可能

スラッシュコマンド	説明	チャットビュー（質問モード）	インラインチャット（エディタ内）	インラインチャット（ターミナル）	クイックチャット
`/clear`	チャット履歴削除	✅			✅
`/doc`	現在のファイルまたは選択したメソッド/関数に対するドキュメントコメントを生成	✅	✅		✅
`/edit`	アクティブなエディタで選択したコードを編集		✅
`/explain`	選択したコードについて説明	✅	✅	✅	✅
`/generate`	新しいコードを生成		✅
`/help`	Copilotの使い方について知る	✅			✅
`/fix`	選択したコードの問題点やコンパイラー/リンターのエラーの修正案を提案	✅	✅		✅
`/fixTestFailure`	失敗しているテストに対する修正案を提案	✅			✅
`/search`	VSCode内でコード検索を生成	✅			✅
`/setupTests`	プロジェクトに適したテストフレームワークのセットアップ手順やVS Code拡張機能の推奨を提案	✅			✅
`/startDebugging`	デバッグ構成ファイル（launch.json）の生成とデバッグセッションの開始を支援（試験段階）	✅			✅
`/tests`	現在のファイルまたは選択したメソッド/関数に対するテストコードを生成	✅	✅		✅
`/new`	新しいワークスペースやファイルを生成	✅			✅
`/newNotebook`	新しいJupyter Notebookを生成	✅			✅

コンテキスト

Copilot Chatに質問する際、コンテキストを追加することで、より的確で関連性の高い回答を得ることができる

使用方法
- チャット入力欄の横にある「コンテキストを追加する」（📎）をクリック
- # 記号を入力して、利用可能なコンテキスト変数の一覧から選択

コンテキストの種類	説明
エディタを開く	現在開いているファイルをまとめて追加
Codebase（`#codebase`）	Copilotが自動的に関連性の高いファイルを検索してコンテキストとして含める
Fetch Web Page（`#fetch`）	URLを指定してWeb ページからコンテンツを取得
Find Test Files	添付されたファイルのテストとなるファイルを取得？
Find Usages（`#usages`）	選択内容の使用状況を分析
Get VS Code API References（`#vscodeAPI`）	VSCode拡張機能の開発について質問する際に使用
Git Changes（`#changes`）	Gitの変更履歴
Test Failure（`#testFailure`）	テスト失敗情報
シンボル（`#sym`）	ワークスペース内の特定のシンボル（関数、クラスなど）
スクリーンショットウィンドウ	ウィンドウのスクショが添付される（Copilot Visionが必要？）
ターミナルの最後のコマンド（`#terminalLastCommand`）	ターミナルで最後に実行したコマンドの出力
ターミナルの選択（`#terminalSelection`）	ターミナルで選択したテキスト
プロンプト	Reusable prompts で設定したものを選択
フォルダ（`#folder`）	特定のフォルダーとその中のファイル
問題（`#problem`）	問題（Problems）パネルに表示されている特定の問題
検索結果（`#searchResults`）	検索ビューの検索結果
ファイル（`#file` ）	ワークスペース内の特定のファイルを指定

✨Tips

# の方では使用できないコンテキストもあるので、📎の方をおすすめ
#codebase を指定すると、Copilotが適切なファイルを自動的に見つけられる
設定で github.copilot.chat.codesearch.enabled とより良くなる
送信ボタンの右のvを押すと「#codebase で送信」を選択できる

生成内容のカスタマイズ

Custom Instructions

チームのワークフロー、ツール、プロジェクト固有の詳細に合わせて、GitHub Copilotの応答をカスタマイズできる

チャット、クイックチャット、インラインチャットでのプロンプトに自動的に適用される
- コード補完には適用されない
用途別に分かれている
- ワークスペース全体で共有するコード生成の際に使用する指示
  - github.copilot.chat.codeGeneration.useInstructionFiles をオンにする
  - .github/copilot-instructions.md
- コード生成の際に使用する指示(試験段階)
  - settings.jsonでテキスト or ワークスペース内のファイルを指定
- テストコード生成の際に使用する指示(試験段階)
  - settings.jsonでテキスト or ワークスペース内のファイルを指定
- レビューの際に使用する指示(プレビュー)
  - settings.jsonでテキスト or ワークスペース内のファイルを指定
- コミットメッセージ生成の際に使用する指示(試験段階)
  - settings.jsonでテキスト or ワークスペース内のファイルを指定
- プルリクエストのタイトルと説明を生成する際に使用する指示(試験段階)
  - settings.jsonでテキスト or ワークスペース内のファイルを指定

例）

  "github.copilot.chat.codeGeneration.instructions": [
    {
      "text": "Always add a comment: 'Generated by Copilot'."
    },
    {
      "text": "In TypeScript always use underscore for private field names."
    },
    {
      "file": "code-style.md" // import instructions from file `code-style.md`
    }
  ],