メインコンテンツまでスキップ

コードを書く

インストール&設定が終わったら早速GitHub Copilot・GitHub Copilot Chatを使ってコードを書いてみましょう。
すぐに始められる簡単なものを、利用頻度が高い順に紹介していきます。
本ページを読んだ後は、実際の開発でも使ってみましょう。

コードから補完する

GitHub Copilotの機能。

GitHub Copilotの最も利用頻度の高い使い方です。
記述中のコードに対し、次に記述すべきと想定されるコードをリアルタイムに補完されます。
GitHub Copilotを有効化した状態でいつも通りコードを書くだけで、その恩恵を受けることができます。

例として、関数の実装内容をGitHub Copilotに補完させる方法を示します。

1. 要求を提案させる

  • 関数のインターフェース、クラスの定義を記述します
  • 候補を提案してほしい場所にカーソルを合わせて改行します
  • 提案を要求します(Windowsの場合はAlt + \、Macの場合はOption + \
  • 上記操作によりGitHub Copilotが補完候補を表示してくれます

2. 提案を受け入れる

  • 提案を受け入れる場合、提案を表示させて状態でTABキーを押下すると補完できます
  • 提示された補完候補がマッチしない場合は他の補完候補を確認できます(Windows: Alt + ]Alt +[、Mac: Option + ]Option + [

コード補完手順(gifアニメ)

備考

上記は最も簡単な例ですが、他にもGitHub Copilotにて補完方法を提案してもらう方法が様々あります。
GitHub Copilot を使用して IDE でコードの提案を取得する - GitHub Docsを参照ください

コメントから補完する

GitHub Copilotの機能。

上記の章ではコードをインプットにして補完候補を提案してもらうやり方を紹介しましたが、コメントをインプットにすることも可能です。 ここではコメントを記述した後にコードをGitHub Copilotに補完してもらう方法を示します。

1. 提案を要求させる

  • 関数、クラスの定義や処理のコメントを記述します コード補完元�のコメント
  • 候補を提案してほしい場所にカーソルを合わせて改行します
  • 提案を要求します(Windowsの場合はAlt + \、Macの場合はOption + \コード補完:提案の要求
  • 上記操作によりGitHub Copilotが補完候補を表示してくれます

2. 提案を受け入る

  • 提案を受け入れる場合、提案を表示させて状態でTABキーを押下すると補完できます
  • 提示された補完候補がマッチしない場合は他の補完候補を確認できます(Windows: Alt + ]Alt +[、Mac: Option + ]Option + [コード補完:他提案の確認
備考

要求受け入れ後に軽微なエラーがある場合、以下手順でエラーを解消できます。

  • エラー箇所を右クリックします
  • クイック修正 > Copilotを使用して修正するを選択します

修正前:
コード補完:提案受け入れ前
修正後:
コード補完:提案受け入れ後

エディタ上で提案をもらう

GitHub Copilot Chatの機能。

GitHub Copilot Chatは、GitHub Copilot Chat Viewを開かなくても利用が可能です。

  • エディタ上で右クリックします
  • GitHub Copilotにカーソルをあわせます
  • Start in Editorエディタ内でのインラインチャット)を押下します

詳細はこちらをご確認ください GitHub Copilot Chat > インラインチャット

インラインチャットで提案をもらう手順(gifアニメ)