Skip to main content

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

エディターで Copilot Chat を使用して、コードの提案、コードの説明、単体テストの生成、コード修正の提案を行います。

前提条件

Organization または Enterprise を介して GitHub Copilot にアクセスでき、Organization の所有者または Enterprise 管理者が GitHub Copilot Chat を無効にしている場合は、GitHub Copilot Chat を使用することはできません。 「Managing policies and features for Copilot in your organization」をご覧ください。

プロンプトの送信

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

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

    アクティビティ バーの [Copilot Chat] アイコンのスクリーンショット。

    Tip

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

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

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

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

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

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

チャット参加者

チャット参加者を使用して、プロンプトの範囲を特定のドメインに限定できます。 チャット参加者を使用するには、チャットのプロンプト ボックスに @ を入力し、その後にチャット参加者名を入力します。 チャット参加者には次のようなものがあります。

  • @workspace: ワークスペース内のコードに関するコンテキストがあります。 @workspace は、Copilot でプロジェクトの構造、コードのさまざまな部分の相互作用、またはプロジェクト内の設計パターンを考慮する場合に使用します。
  • @vscode: Visual Studio Code のコマンドおよび機能に関するコンテキストがあります。 @vscode は、Visual Studio Code に関するヘルプが必要な場合に使用します。
  • @terminal: Visual Studio Code ターミナル シェルとそのコンテンツに関するコンテキストがあります。 @terminal は、ターミナル コマンドの作成またはデバッグに関するヘルプが必要な場合に使用します。

使用可能なすべてのチャット参加者を表示するには、チャットのプロンプト ボックスに @ を入力します。 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 チャット参加者を使用する

コードの記述

コードの記述を Copilot にリクエストできます。 次に例を示します。

  • 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 Notebook を設定できます。 次に例を示します。

  • /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 how to debug a node.js app
  • @vscode how do I change my Visual Studio Code colors
  • @vscode how to change key bindings

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

@terminal チャット参加者を使用して、コマンド ラインに関する特定の質問を行えます。 次に例を示します。

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

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 リポジトリで問題を開きます。

参考資料

前提条件

Organization または Enterprise を介して GitHub Copilot にアクセスでき、Organization の所有者または Enterprise 管理者が GitHub Copilot Chat を無効にしている場合は、GitHub Copilot Chat を使用することはできません。 「Managing policies and features for Copilot in your organization」をご覧ください。

プロンプトの送信

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

  1. Visual Studio メニュー バーで、[表示] をクリックしてから [GitHub Copilot Chat] をクリックします。

  2. [Copilot Chat] ウィンドウにプロンプトを入力し、Enter キーを押します。 プロンプトの例については、以下の「プロンプトの例」を参照してください。

  3. Copilot の応答を評価し、必要に応じてフォローアップ プロンプトを送信します。

    多くの場合、応答には対話型要素が含まれます。 たとえば、応答には、コード ブロックの結果をコピー、挿入、またはプレビューするボタンが含まれる場合があります。

    Copilot Chat が応答の生成に使用したファイルを表示するには、応答の下にある [参照] ドロップダウンを選択します。

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

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

スラッシュ コマンド

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

  • /tests: 選択したコードの単体テストを生成します
  • /fix: 選択したコードの問題の修正プログラムを提案します
  • /explain: 選択したコードについて説明します
  • /optimize: 選んだコードのランタイムを分析して改善します。

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

関連情報

既定では、Copilot Chat は開いているファイルまたは選択したコードを参照します。 # を使用してその後に 1 つのファイル名、ファイル名および行番号、または solution を続け、特定のファイル、行、またはソリューションを参照することもできます。 次に例を示します。

  • 特定のファイルを参照する: Where are the tests in #MyFile.cs?
  • 複数のファイルを参照する: How are these files related #MyFile.cs #MyFile2.cs
  • ファイル内の特定の行を参照する: Explain this function #MyFile.cs: 66-72?
  • 現在のファイルを参照する: Is there a delete method in this #solution

Visual Studio ドキュメントの「参照」も参照してください。

プロンプトの例

Copilot Chat に、プロジェクトやソフトウェアに関する一般的な質問についての特定の質問を行うことができます。 また、Copilot Chat に、コードの記述、エラーの修正、テストの記述、およびドキュメント コードをリクエストすることもできます。

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

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

  • tell me about nodejs web server frameworks
  • how to create an express app
  • how to update an npm package

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

プロジェクトに関して Copilot Chat に質問できます。 Copilot に正しいコンテキストを提供するには、次の方法をいくつか試してください。

  • 関連するコード行をハイライトする
  • 関連するファイルを開く
  • #file を使用して、特定のファイルを参照するように Copilot に指示できます
  • #solution を使用して、アクティブ ファイルを参照するように Copilot に指示できます

次に例を示します。

  • what sorting algorithm does this function use
  • #file:gameReducer.js what happens when a new game is requested

コードの記述

コードの記述を Copilot にリクエストできます。 次に例を示します。

  • write a function to sum all numbers in a list
  • add error handling to this function

Copilot がコード ブロックを返す際、応答には、コードをコピーするか、新しいファイルに挿入するか、またはコードの出力をプレビューするかのオプションが含まれます。

コードを修正、改善、リファクタリングする

アクティブ ファイルにエラーが含まれている場合は、/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

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

チャット ウィンドウからプロンプトを送信するだけでなく、プロンプトをインラインで送信できます。 インライン チャットを開始するには、エディター ウィンドウで右クリックし、[Copilot に質問する] を選択します。

詳細については、Visual Studio ドキュメントの「インライン チャット ビューで質問する」を参照してください。

フィードバックを送る

Copilot Chat に関するフィードバックを共有するには、Visual Studio の [フィードバックの送信] ボタンを使用できます。 Visual Studio に対するフィードバックの提供の詳細については、「Visual Studio フィードバック」のドキュメントを参照してください。

  1. [Visual Studio] ウィンドウの右上隅にある [フィードバックの送信] ボタンをクリックしてください。

    Visual Studio の [フィードバックの共有] ボタンのスクリーンショット。

  2. ご自分のフィードバックを最もよく表している選択肢を選んでください。

    • バグを報告するには、 [問題の報告] をクリックしてください。
    • 機能を要求するには、 [機能の提案] をクリックしてください。

参考資料

前提条件

  • GitHub Copilot へのアクセス。 「GitHub Copilot について」をご覧ください。

  • 互換性のある JetBrains IDE。 GitHub Copilot は、次の IDE と互換性があります。

    • IntelliJ IDEA (Ultimate、Community、Educational)
    • Android Studio
    • AppCode
    • CLion
    • DataGrip
    • DataSpell
    • GoLand
    • MPS
    • PhpStorm
    • PyCharm (Professional、Community、Educational)
    • Rider
    • RubyMine
    • RustRover
    • WebStorm

    ダウンロードするには、JetBrains IDE のツール ファインダーを参照してください。

  • GitHub Copilot プラグイン。 JetBrains Marketplace で「GitHub Copilot プラグイン」を確認してください。 インストール手順については、「Installing the GitHub Copilot extension in your environment」をご覧ください。

  • JetBrains IDE で GitHub にサインインします。 認証手順については、「Installing the GitHub Copilot extension in your environment」を参照してください。

Organization または Enterprise を介して GitHub Copilot にアクセスでき、Organization の所有者または Enterprise 管理者が GitHub Copilot Chat を無効にしている場合は、GitHub Copilot Chat を使用することはできません。 「Managing policies and features for Copilot in your organization」をご覧ください。

プロンプトの送信

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

  1. [JetBrains IDE] ウィンドウの右側にある [Copilot Chat] アイコンをクリックして、[Copilot Chat] ウィンドウを開きます。

    アクティビティ バーの [Copilot Chat] アイコンのスクリーンショット。

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

  3. Copilot の応答を評価し、必要に応じてフォローアップ プロンプトを送信します。

    多くの場合、応答には対話型要素が含まれます。 たとえば、応答には、コード ブロックをコピーまたは挿入するボタンが含まれている場合があります。

    Copilot Chat が応答の生成に使用したファイルを表示するには、応答の下にある [参照] ドロップダウンを選択します。

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

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

スラッシュ コマンド

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

  • /tests: 選択したコードの単体テストを生成します
  • /fix: 選択したコードの問題の修正プログラムを提案します
  • /explain: 選択したコードについて説明します
  • /help: Copilot Chat の使用についての詳細を確認できます

使用可能なすべてのスラッシュ コマンドを表示するには、チャットのプロンプト ボックスに / を入力します。

ファイル参照

既定では、Copilot Chat は開いているファイルまたは選択したコードを参照します。 ファイルをチャットのプロンプト ボックスにドラッグして、参照するファイルを Copilot Chat に指定することもできます。 または、ファイルを右クリックして [GitHub Copilot] を選択し、[Reference File in Chat] (チャットの参照ファイル) を選択することもできます。

プロンプトの例

Copilot Chat に、プロジェクトやソフトウェアに関する一般的な質問についての特定の質問を行うことができます。 また、Copilot Chat に、コードの記述、エラーの修正、テストの記述、およびドキュメント コードをリクエストすることもできます。

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

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

  • tell me about nodejs web server frameworks
  • how to create an express app
  • how to update an npm package

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

プロジェクトに関して Copilot Chat に質問できます。 Copilot に正しいコンテキストを提供するには、次の方法をいくつか試してください。

  • 関連するコード行をハイライトする。
  • 関連するファイルを開く。
  • 参照としてファイルを追加する。 「ファイルの参照」をご覧ください。

次に例を示します。

  • what sorting algorithm does this function use
  • how are these files related (質問内のファイルへの参照を含む)

コードの記述

コードの記述を Copilot にリクエストできます。 次に例を示します。

  • write a function to sum all numbers in a list
  • add error handling to this function

Copilot がコード ブロックを返す際、応答には、コードをコピーするか、そのコードをカーソルで挿入するかのオプションが含まれます。

コードを修正、改善、リファクタリングする

アクティブ ファイルにエラーが含まれている場合は、/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

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

チャット ウィンドウからプロンプトを送信するだけでなく、ファイルを右クリックして [GitHub Copilot] を選択し、いずれかのオプションを選択することで組み込み要求を送信できます。

フィードバックを送る

Copilot Chat に関するフィードバックを共有するには、JetBrains の [フィードバックの共有] リンクを使用できます。

  1. [JetBrains IDE] ウィンドウの右側にある [Copilot Chat] アイコンをクリックして、[Copilot Chat] ウィンドウを開きます。

    アクティビティ バーの [Copilot Chat] アイコンのスクリーンショット。

  2. [Copilot Chat] ウィンドウの上部にある [フィードバックの共有] リンクをクリックします。

    GitHub Copilot Chat ウィンドウの [フィードバックの共有] リンクのスクリーンショット。

参考資料