IDE での GitHub Copilot チャットの使用

前提条件

• GitHub Copilot へのアクセス権。 「GitHub Copilot について」をご覧ください。
• Visual Studio Code の最新バージョン。 Visual Studio Code のダウンロード ページを参照してください。
• Visual Studio マーケットプレース から** GitHub Copilot 拡張情報**をインストールします。 詳しい情報については、Microsoft ドキュメントの Visual Studio Code の「GitHub Copilot の設定」をご覧ください。
• Visual Studio Code での GitHub にサイン インします。 認証に問題が発生した場合は、「IDE での GitHub Copilot チャットの問題のトラブルシューティング」を参照してください。

組織 またはエンタープライズ を介して GitHub Copilot にアクセスできる場合、組織のオーナー またはエンタープライズ管理者 が会話を無効にしている場合、GitHub Copilot Chat を使用することはできません。 「Organization での Copilot のポリシーと機能の管理」をご覧ください。

プロンプトの送信

Copilot Chat に問い合わせて、コードの提案、コードの説明、単体テストの生成、コード修正の提案を行うことができます。

1. アクティビティ バーのチャット アイコンをクリックするか、Control+Command+i (Mac) / Ctrl+Alt+i (Windows/Linux) と入力して、チャット ビューを開きます。

   

   Tip

   コードのインラインを含め、Copilot Chat にアクセスするその他の方法については、以下の「Copilot Chat にアクセスするその他の方法」を参照してください。

2. プロンプト ボックスにプロンプトを入力するか、推奨されるプロンプトのいずれかをクリックします。 プロンプトの例については、以下の「プロンプトの例」を参照してください。

3. Copilot の応答を評価し、必要に応じてフォローアップ要求を行います。

   応答には、テキスト、コード ブロック、ボタン、画像、URI、およびファイル ツリーが含まれている場合があります。 応答には、多くの場合、対話型要素が含まれます。 たとえば、応答には、コード ブロックを挿入するメニューや、Visual Studio Code コマンドを呼び出すボタンが含まれる場合があります。

プロンプトでキーワード (keyword)を使用する

特別なキーワード (keyword)を使用すると、Copilot がプロンプトを理解するのに役立ちます。

チャット参加者

チャット参加者を使用して、プロンプトの範囲を特定のドメインに設定します。 チャット参加者を使用するには、チャット プロンプト ボックスに 「@」 と入力し、その後にチャット参加者名を入力します。 チャット参加者には次のものが含まれます。

• @workspace: ワークスペース内のコードに関するコンテキストがあります。 Copilot でプロジェクトの構造、コードのさまざまな部分の相互作用、またはプロジェクト内の設計パターンを考慮する場合に @workspace を使用します。 「プロジェクトに関する質問をする」を参照してください。

• @vscode: Visual Studio Code コマンドと機能に関するコンテキストがあります。 Visual Studio Code に関するヘルプが必要な場合に @vscode を使用します。 「Visual Studio Code について質問する」を参照してください。

• @terminal: %} Visual Studio Codeターミナル シェルとその内容に関するコンテキストを持ちます。 ターミナル コマンドの作成またはデバッグに関するヘルプが必要な場合に @terminal を使用します。 「コマンド ラインについて質問する」を参照してください。

• @github: GitHub 固有の Copilot スキルを使用できるようにします。 「GitHub のスキルを Copilot に使用する」を参照してください。

使用可能なすべてのチャット参加者を表示するには、チャット プロンプト ボックスに 「@」 と入力します。 Visual Studio Code ドキュメントのチャット参加者も参照してください。

スラッシュ コマンド

スラッシュ コマンドを使用して、一般的なシナリオで複雑なプロンプトを記述しないようにします。 スラッシュ コマンドを使用するには、チャット プロンプト ボックスに 「/」 と入力し、その後にコマンドを入力します。 スラッシュ コマンドは次のとおりです。

• /tests: 選択したコードの単体テストを生成します
• /fix: 選んだコードの問題の修正プログラムを提案します
• /explain: 選択したコードについて説明する
• /clear: 新しいチャットを開始する

使用可能なすべてのスラッシュ コマンドを表示するには、チャット プロンプト ボックスに 「/」 と入力します。 Visual Studio Code ドキュメントのスラッシュ コマンドも参照してください。

チャット変数

チャット変数を使用して、プロンプトに特定のコンテキストを含めます。 チャット変数を使用するには、チャット プロンプト ボックスに 「#」 と入力し、その後にチャット変数を入力します。 チャット変数には次のものが含まれます。

• #file: チャットに特定のファイルをコンテキストとして含めます。
• #git: 現在の Git リポジトリに関する情報を含めます。
• #terminalLastCommand: アクティブな Visual Studio Code ターミナルに最後の実行コマンドを含めます。

使用可能なすべてのチャット変数を表示するには、チャット プロンプト ボックスに 「#」 と入力します。 Visual Studio Code ドキュメントのチャット変数も参照してください。

プロンプトの例

Copilot Chat にプロジェクトに関する具体的な質問や、ソフトウェア全般に関する質問をすることができます。 また、Copilot Chat に、コードの記述、エラーの修正、テストの記述、およびドキュメント コードを依頼することもできます。

ソフトウェアに関する一般的な質問を行う

Copilot Chat の一般的なソフトウェアに関する質問をすることができます。 次に例を示します。

• tell me about nodejs web server frameworks
• how to create an express app
• @terminal how to update an npm package (@terminal チャット参加者 を使用する)

プロジェクトに関する質問を行う

プロジェクトに関して Copilot Chat に質問できます。

• what sorting algorithm does this function use
• @workspace how are notifications scheduled
• #file:gameReducer.js #file:gameInit.js how are these files related

Copilot に正しいコンテキストを提供するには、次の方法をいくつか試してください。

• 関連するコード行を強調表示する
• #selection、#file、#editor、#codebase、または #git などのチャット変数を使用する
• @workspace チャット参加者を使用する

コードの記述

variables.product.prodname_copilot_short %} にコードの記述を依頼できます。 次に例を示します。

• write a function to sum all numbers in a list
• add error handling to this function
• @workspace add form validation, similar to the newsletter page

Copilot がコード ブロックを返すと、応答には、コードをコピーするか、カーソルにコードを挿入するか、新しいファイルに挿入するか、ターミナルに挿入するオプションが含まれます。

新しいプロジェクトを設定する

/new スラッシュ コマンドを使用して、新しいプロジェクトを設定します。 次に例を示します。

• /new react app with typescript
• /new python django web application
• /new node.js express server

Copilot はディレクトリ構造を提案し、提案されたファイルと内容を作成するためのボタンを提供します。 提案されたファイルをプレビューするには、提案されたディレクトリ構造でファイル名を選択します。

/newNotebook スラッシュ コマンドを使用して、新しい Jupyter ノートブックを設定します。 次に例を示します。

• /newNotebook retrieve the titanic dataset and use Seaborn to plot the data

コードの修正、改善、リファクタリング

アクティブなファイルにエラーが含まれている場合は、/fix スラッシュ コマンドを使用して、Copilot にエラーを修正するよう依頼します。

コードを改善またはリファクタリングするための一般的な要求を行うこともできます。

• how would you improve this code?
• translate this code to C#
• add error handling to this function

テストを記述する

/tests スラッシュ コマンドを使用して、Copilot に、アクティブなファイルまたは選択したコードのテストを記述するように依頼します。 次に例を示します。

• /tests
• /tests using the Jest framework
• /tests ensure the function rejects an empty list

スラッシュ コマンドは /tests 、既存のコードのテストを記述します。 コードを書き込む前にテストを記述する (テスト駆動開発) 場合は、/tests コマンドを省略します。 次に例を示します。

• Add tests for a JavaScript function that should sum a list of integers

Visual Studio Code について質問する

@vscode チャット参加者を使用して、Visual Studio Code に関する具体的な質問をします。 次に例を示します。

• @vscode tell me how to debug a node.js app
• @vscode how do I change my Visual Studio Code colors
• @vscode how can I change key bindings

コマンド ラインについて質問する

@terminal チャット参加者を使用して、コマンド ラインに関する具体的な質問をします。 次に例を示します。

• @terminal find the largest file in the src directory
• 最後のコマンドとエラーを説明する @terminal #terminalLastCommand

Copilot の GitHub スキルの使用

Copilot には、質問に回答するために使用できる GitHub 固有のスキルのコレクションがあります。 VS Code の Copilot Chat でこれらのスキルにアクセスするには、質問に @github を含めます。

質問に @github を追加すると、Copilot によって、質問の内容に基づいて適切なスキルが動的に選択されます。 また、特定のスキルを使用するように Copilot Chat に明示的に要求することもできます。 次の 2 つの方法で行います。

• 自然言語を使用して、スキルを使用するように Copilot Chat に依頼します。 たとえば、@github Search the web to find the latest GPT4 model from OpenAI. のように指定します。
• Web 検索を具体的に呼び出すには、質問に #web 変数を含めることができます。 たとえば、@github #web What is the latest LTS of Node.js? のように指定します。

現在利用可能なスキル

Copilot に問い合わせ、現在使用可能なスキルの一覧を生成できます: @github What skills are available?

VS Code の Copilot Chat で使用できるスキルには、次の表に示すスキルが含まれます。

スキル	説明	既定で有効ですか?	質問の例
コード検索	Git リポジトリの既定のブランチでの自然言語コード検索。 このスキルは、コード内で特定の機能が実装されている場所や方法を知りたい場合に便利です。 注: リポジトリにはインデックスを作成する必要があります。「GitHub.com での GitHub Copilot チャットの使用」を参照してください。	はい	@github Where is the logic that controls the user session management, and how does it work?
パス検索	Git リポジトリの既定のブランチ内の特定のファイルを取得します。 このスキルは、リポジトリ内のファイルの正確なパスを指定する場合に便利です。	はい	@github What logic does user_auth.js encapsulate?
シンボル定義の表示	Git リポジトリの既定のブランチ内の特定のコード シンボル (関数、クラス、または構造体) を定義するコード行を取得します。 このスキルは、シンボルの正確な名前がわかっていて、それを理解したい場合に便利です。	はい	@github Write unit tests for the AuthUser method
サポート技術情報の検索	サポート技術情報のコンテキスト内で質問に回答するように Copilot Chat に指示します。 サポート技術情報の検索を開始するには、最初に「@github #kb」と入力します。	はい	「@github #kb」と入力し、組織のスタイル ガイド サポート情報を選択し、次のように質問します: What is our coding convention for indentation?
Web 検索	Bing 検索エンジンを使用してウェブを検索します。 このスキルは、最近の出来事、新しい発展、傾向、技術について、または非常に具体的だったり、詳細だったり、またはニッチだったりする話題について Copilot に教えるのに役立ちます。	いいえ (管理者の承認が必要 - 「GitHub Copilot Enterprise 機能の有効化」を参照)	@github What are some recent articles about SAT tokens securing against vulnerabilities in Node?

ナレッジ ベースについて質問する

組織の所有者は、1 つまたは複数のリポジトリにまたがる Markdown ドキュメントをグループ化したナレッジ ベースを作成できます。 詳しくは、「Copilot ナレッジ ベースの管理」を参照してください。

Copilot に、サポート技術情報のコンテキスト内で質問に回答するように指示できます。

1. [Copilot Chat] ウィンドウの下部にある [コマンドについて/Copilot に質問するか入力する] テキスト ボックスに「@github #kb」と入力し、Enter キーを押してサポート技術情報セレクターを開きます。
2. 矢印キーを使用して使用可能なサポート情報のいずれかを選択し、Enter キーを押します。
3. [コマンドについて/Copilot に質問するか入力する] テキスト ボックスでは、質問付きのメッセージを続け、Enter キーを押します。
4. Copilot Chat により質問が処理され、チャット ウィンドウにサポート技術情報の引用を含む回答が提供されます。

Copilot Chat にアクセスするその他の方法

チャット ビューを使用してプロンプトを送信するだけでなく、他の方法でプロンプトを送信することもできます。

• インライン: エディターまたは統合ターミナルで直接インライン チャットを開始するには、Command+i (Mac) / Ctrl+i (Windows/Linux) と入力します。
• クイックチャット:クイックチャットドロップダウンを開くには、Shift+Command+i (Mac) / Shift+Ctrl+i (Windows/Linux) と入力します
• スマート アクション: コンテキスト メニューを使用してプロンプトを送信するには、エディターで右クリックし、表示されるメニューで Copilot を選択してから、いずれかのアクションを選択します。 スマート アクションには、コード行を選択したときに表示されるきらめきアイコンを使用してアクセスすることもできます。

詳細については、Visual Studio Code ドキュメントのインライン チャット、クイック チャット、チャット スマート アクションを参照してください。

フィードバックを送る

応答が役に立ったかどうかを示すには、応答の横に表示されるサムアップアイコンとサムダウン アイコンを使用します。

GitHub Copilot Chat 拡張機能に関するフィードバックを残すには、microsoft/vscode-copilot-release リポジトリで問題を開いてください。

参考資料

• 「GitHub Copilot のプロンプト エンジニアリング」
• Visual Studio Code ドキュメント の「VS Code での Copilot チャットの使用」と「VS Code での GitHub Copilot Chat の使用開始」
• GitHub.com での GitHub Copilot チャットの使用
• 「IDE での GitHub Copilot チャットについて」
• 「追加の製品および機能に適用される GitHub 条件」
• GitHub Copilotトラストセンター
• GitHub Copilot FAQ