Skip to main content

GitHub Copilot のクイック スタート

エディター で GitHub Copilot を使用する方法について簡単に説明します。

はじめに

GitHub Copilot では、エディターでの入力時にコーディングの提案が提供されます。 また、コーディングに最適な方法、バグの修正方法、他のユーザーのコードのしくみなど、Copilot コーディング関連の質問をすることもできます。 Copilot でできることの詳細については、「GitHub Copilot とは何ですか?」を参照してください。

Copilot を使用する手順は、使用するエディターによって異なります。 このクイックスタートのバージョンは、Visual Studio Code 用です。 上のタブをクリックすると、他のエディター の手順が表示されます。

GitHub Copilot にサインアップする

無料試用版を開始する

GitHub Copilot へのアクセスがまだない場合は、パーソナル GitHub アカウントで GitHub Copilot Individual の無料評価版またはサブスクリプションを設定できます。 詳しくは、「GitHub Copilot のサブスクリプション プラン」を参照してください。

前提条件

GitHub Copilot とチャットする

GitHub Copilot 拡張機能をインストールしたら、Copilot にコーディング関連の質問をすることができます。

Note

組織 を介して GitHub Copilot にアクセスできる場合、組織のオーナー が会話を無効にしている場合、GitHub Copilot Chat を使用することはできません。 「organization 内での Copilot のポリシーの管理」をご覧ください。

  1. 既存のコード ファイルを開く

  2. アクティビティ バーからチャット ビューを開きます。

    VS Code のアクティビティ バーにあるチャット アイコンのスクリーンショット。

  3. チャット ビューの下部にあるチャット入力フィールドに、次のように入力します: explain this file

  4. Enter キーを押します。

    Copilot はチャット ビューで応答します。

  5. エディターで、コメントされていないコード行を 1 行以上選択します。

  6. チャット入力フィールドに、次のように入力します: add comments to these lines

  7. Copilot が提案するコメントが気に入ったら、提案されたコードをチャット ビューでホバーし、[カーソル位置に挿入] アイコンをクリックして、選択した行を候補のコードに置き換えます。

    チャット ビューの [カーソル位置に挿入] アイコンのスクリーンショット。

最初のコード補完候補を取得する

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

  1. Visual Studio Code を開きます。

  2. Visual Studio Code で、新しい JavaScript ( *.js) のファイルを作成します。

  3. JavaScript ファイルで、次の関数ヘッダーを入力します。

    JavaScript
    function calculateDaysBetweenDates(begin, end) {
    

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

  1. 候補を受け入れるには、Tab キーを押します。

次のステップ

GitHub Copilot では、エディターでの入力時にコーディングの提案が提供されます。 また、コーディングに最適な方法、バグの修正方法、他のユーザーのコードのしくみなど、Copilot コーディング関連の質問をすることもできます。 Copilot でできることの詳細については、「GitHub Copilot とは何ですか?」を参照してください。

Copilot を使用する手順は、使用するエディターによって異なります。 このクイックスタートのバージョンは、Visual Studio 用です。 上のタブをクリックすると、他のエディター の手順が表示されます。

GitHub Copilot にサインアップする

無料試用版を開始する

GitHub Copilot へのアクセスがまだない場合は、パーソナル GitHub アカウントで GitHub Copilot Individual の無料評価版またはサブスクリプションを設定できます。 詳しくは、「GitHub Copilot のサブスクリプション プラン」を参照してください。

前提条件

GitHub Copilot とチャットする

GitHub Copilot 拡張機能をインストールしたら、Copilot にコーディング関連の質問をすることができます。

Note

組織 を介して GitHub Copilot にアクセスできる場合、組織のオーナー が会話を無効にしている場合、GitHub Copilot Chat を使用することはできません。 「organization 内での Copilot のポリシーの管理」をご覧ください。

  1. 既存のコード ファイルを開く

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

  3. [Copilot Chat] ウィンドウに「what does this file do」と入力し、Enter キーを押します。

    Copilot の回答が質問の下に表示されます。

  4. エディターでコード行を選択します。

  5. [Copilot Chat] ウィンドウに「explain this line」と入力し、Enter キーを押します。

最初のコード補完候補を取得する

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

  1. Visual Studio を開きます。

  2. Visual Studio で、新しい JavaScript ( *.js) のファイルを作成します。

  3. JavaScript ファイルで、次の関数ヘッダーを入力します。

    JavaScript
    function calculateDaysBetweenDates(begin, end) {
    

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

  1. 候補を受け入れるには、Tab キーを押します。

次のステップ

GitHub Copilot では、エディターでの入力時にコーディングの提案が提供されます。 また、コーディングに最適な方法、バグの修正方法、他のユーザーのコードのしくみなど、Copilot コーディング関連の質問をすることもできます。 Copilot でできることの詳細については、「GitHub Copilot とは何ですか?」を参照してください。

Copilot を使用する手順は、使用するエディターによって異なります。 このクイックスタートのバージョンは、JetBrains IDE 用です。 上のタブをクリックすると、他のエディター の手順が表示されます。

GitHub Copilot にサインアップする

無料試用版を開始する

GitHub Copilot へのアクセスがまだない場合は、パーソナル GitHub アカウントで GitHub Copilot Individual の無料評価版またはサブスクリプションを設定できます。 詳しくは、「GitHub Copilot のサブスクリプション プラン」を参照してください。

前提条件

GitHub Copilot とチャットする

GitHub Copilot プラグインをインストールしたら、Copilot にコーディング関連の質問をすることができます。

Note

組織 を介して GitHub Copilot にアクセスできる場合、組織のオーナー が会話を無効にしている場合、GitHub Copilot Chat を使用することはできません。 「organization 内での Copilot のポリシーの管理」をご覧ください。

  1. 既存のコード ファイルを開く

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

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

  3. [Copilot Chat] ウィンドウに「what does this file do」と入力し、Enter キーを押します。

    Copilot の回答が質問の下に表示されます。

  4. エディターでコード行を選択します。

  5. [Copilot Chat] ウィンドウに「explain this line」と入力し、Enter キーを押します。

最初のコード補完候補を取得する

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

  1. JetBrains エディターで、新しい JavaScript ( *.js) のファイルを作成します。

  2. JavaScript ファイルで、次の関数ヘッダーを入力します。

    JavaScript
    function calculateDaysBetweenDates(begin, end) {
    

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

  1. 候補を受け入れるには、Tab キーを押します。

次のステップ