Skip to main content

GitHub Copilot を使用して IDE でコードの提案を取得する

GitHub Copilot を使用して、エディターでコードの提案を取得します。

GitHub Copilot と Visual Studio Code について

このガイドでは、macOS、Windows、Linux 用の Visual Studio Code で GitHub Copilot からコーディングの提案を取得する方法について説明します。 その他の一般的なコーディング環境の説明を確認するには、ページの上部にあるツール スイッチャーを使います。

Copilot in VS Code には、2 種類の提案が用意されています。

  • コード補完。 Copilot により、入力時にコーディングの提案が提供されます。 コメント内で自然言語を使用して実行する操作を記述できます。Copilot では、目標を達成するためのコードが提案されます。
  • 次の編集候補 (パブリック プレビュー)。 行っている編集に基づいて、Copilot により、次に行う可能性のある編集の場所が予測され、その補完が提案されます。

このガイドの例では JavaScript を使用していますが、他の言語も同様に機能します。 GitHub Copilot は、多数の言語とさまざまなフレームワークに対する候補を提示しますが、特に Python、JavaScript、TypeScript、Ruby、Go、C#、C++ に適しています。 GitHub Copilot は、データベースのクエリ生成や、API とフレームワークの候補の生成にも役立ちますし、コード開発としてインフラストラクチャを構築することもできます。

前提条件

  • Copilot へのアクセス権。 Visual Studio Code で GitHub Copilot を使用するには、アクティブな Copilot サブスクリプション (Copilot Pro、Copilot Enterprise、Copilot Business など) または Copilot Free を介したアクセスが必要です。これにより、機能が制限されます。 Copilot のアクセス方法の詳細については、「GitHub Copilot とは何ですか?」を参照してください。

  • Visual Studio Code。 Visual Studio Code で GitHub Copilot を使うには、Visual Studio Code がインストールされている必要があります。 詳細については、Visual Studio Code のダウンロード ページを参照してください。

  • Visual Studio Code の Copilot。 Visual Studio Code で GitHub Copilot を初めて設定すると、必要な拡張機能が自動的にインストールされます。 手動でダウンロードまたはインストールする必要はありません。 詳細な手順については、Visual Studio Code ドキュメントの「Visual Studio Code での GitHub Copilot の設定」を参照してください。

コードの提案の取得

GitHub Copilot では、入力時にコーディングの提案が提供されます。 たとえば、JavaScript ファイルに次の関数ヘッダーを入力します。

JavaScript
function calculateDaysBetweenDates(begin, end) {

GitHub Copilot により、自動的に関数の残りの部分が提案されます。 候補を受け入れるには、Tab キーを押します。

コメント内で自然言語を使用して実行する操作を記述できます。Copilot では、目標を達成するためのコードが提案されます。 たとえば、JavaScript ファイルに次のコメントを入力します。

JavaScript
// write a function to
// find all images without alternate text
// and give them a red border

GitHub Copilot によって、自動的にコードが提案されます。 候補を受け入れるには、Tab キーを押します。

Tip

Copilot から受け取る提案数が少ない場合、または提案がまったくない場合、重複検出を有効にしている可能性があります。 重複検出の詳細については、「個人のサブスクライバーとしての Copilot ポリシーの管理」を参照してください。

代替候補を表示する

特定の入力に対して、GitHub Copilot が複数の候補を提示することがあります。 使う候補を選択するか、すべての候補を拒否できます。

たとえば、JavaScript ファイルに次の関数ヘッダーを入力し、Enter キーを押します。

JavaScript
function calculateDaysBetweenDates(begin, end) {

GitHub Copilot による候補が表示されます。

次に、候補の上にマウス ポインターを置くと、候補を選べるように GitHub Copilot コントロールが表示されます。 次または前の候補を表示するには、コントロールの前方矢印または戻る矢印ボタンをクリックします。

キーボード ショートカットを使用して、代替候補を表示することもできます。

OS次の候補を表示前の候補を表示
macOSOption (⌥) または Alt+]Option (⌥) または Alt+[
Windows または LinuxAlt+]Alt+[

提案を受け入れるには、Copilot コマンド パレットで [承諾する] をクリックするか、Tab キーを押します。すべての提案を拒否するには、Esc キーを押します。

新しいタブに複数の候補を表示する

GitHub Copilot プランの最初の候補を使用しない場合は、新しいタブに複数の候補を表示できます。

たとえば、JavaScript ファイルに次の関数ヘッダーを入力し、Enter キーを押します。

JavaScript
function calculateDaysBetweenDates(begin, end) {

GitHub Copilot による候補が表示されます。 次に、Ctrl+Enter キーを押して、複数の追加オプションを含む新しいタブを開きます。

提案を受け入れるには、提案の下にある [提案 (番号) を受け入れる] をクリックします。 すべての候補を拒否するには、タブを閉じます。

部分的な提案の受け入れ

GitHub Copilot から提案全体を受け入れたくない場合は、提案の次の単語または次の行を受け入れます。

たとえば、JavaScript ファイルに次の関数ヘッダーを入力し、Enter キーを押します。

JavaScript
function calculateDaysBetweenDates(begin, end) {

GitHub Copilot による関数本体全体の候補が自動的に灰色のテキストで表示されます。 実際に表示される候補はこのとおりではない場合があります。

次に、候補の上にマウス ポインターを置くと、候補を選べるように GitHub Copilot コントロールが表示されます。 候補の次の単語のみを受け入れるには、コントロールの [Word を承諾] をクリックします。

または、キーボード ショートカットを使用して、提案の次の単語を受け入れることもできます。

OS次の単語を受け入れる
macOSCommand+
Windows または Linuxコントロール+

提案の次の行を受け入れる場合は、コマンド editor.action.inlineSuggest.acceptNextLine のカスタム キーボード ショートカットを設定する必要があります。 カスタム キーボード ショートカットの設定の詳細については、「環境での GitHub Copilot の構成」を参照してください。

次の編集候補

について

Note

現在、次の編集候補 は パブリック プレビュー 段階であり、変更される可能性があります。

インライン提案によってコードは自動補完されますが、多くの開発タスクでは既存のコードの編集が必要です。 次の編集候補 により、カーソル位置とコードの他の関連部分という両方の面で編集が支援され、整合性が維持され、変更が合理化されます。

次の編集候補 により、現在行っている変更に基づいて、どこをどのように編集する必要があるかが予測されます。 考えられる変更のスコープに応じて、提案は 1 つのシンボル、行全体、または複数行に及ぶ場合があります。

次の編集候補 を有効にするには、「環境での GitHub Copilot の構成」を参照してください。

Tab キーを使って提案されたコード変更を操作すると、ファイルや参照を手動で検索しなくても、次の関連する編集を簡単に見つけることができます。 提案を受け入れるには、もう一度 Tab キーを押します。

余白領域にある矢印は、使用できる編集提案を示します。 矢印にマウス ポインターを移動して、編集提案メニューにアクセスします。キーボード ショートカットと設定オプションが表示されます。 編集提案が現在のエディター ビューの外部にある場合、次の提案の位置が上下の矢印で示されます。

Visual Studio Code の余白領域メニューのスクリーンショット。 矢印が濃いオレンジ色の枠線で囲まれています。

詳細と例については、Visual Studio Code ドキュメントの「GitHub Copilot in VS Code によるコード補完」を参照してください。

次のステップ

  • 有効なプロンプトを記述する方法 - 「Copilot Chat のプロンプト エンジニアリング」を参照してください。
  • エディターで Copilot を構成する - エディター内から GitHub Copilot を有効または無効にしたり、Copilot 用に独自の優先キーボード ショートカットを作成したりできます。 「環境での GitHub Copilot の構成」を参照してください。
  • GitHub Copilot Chat の概要 - GitHub Copilot Chat を使用して、Copilot に情報と支援を依頼する方法について説明します。 「IDE で GitHub Copilot に質問する」を参照してください。
  • 問題 のトラブルシューティング - GitHub Copilot に関する一般的な問題のトラブルシューティング方法の詳細を確認します。 「GitHub Copilot のトラブルシューティング」を参照してください。