【お役立ち情報】 GitHub Copilotのインストール 〜 使い方まで徹底解説

GitHub Copilotは、AIが条件に合った最適なコードを提案し、プログラマーのコーディング作業を支援してくれるサービスだよ。

これまでコーディングをする際、どのようにロジックを書こうかと試行錯誤し、一人で解決策を考えることが多かったと思います。そんな時には、「こう書けば良いかな？」と思ったり、「いや、違うかも」と悩んだりしてきました。

しかし、GitHub Copilotを導入すれば、一人で悩む日々はもう終わりです。

GitHub Copilotは、副操縦士という意味を持ちます。あなたがコードを書いているときに、次にどう書くべきか提案をしてくれるので、まるで副操縦士が操縦を助けてくれるように、コーディングをサポートしてくれます。以下はその動作イメージです。

GitHub Copilotを導入すると、一人で悩むことなく、Copilotにコーディングの手伝いをしてもらいながら作業できるため、開発スピードが向上します。

最初の30日間は無料トライアルとして利用可能です。この期間内に解約すれば費用は発生しませんので、開発効率がどの程度向上するか試してみるのも良いでしょう。

GitHub Copilotを導入して、一人で悩むことなく、より迅速に開発を進めましょう！

GitHub Copilotを導入する手順

リンクをコピーしました

以下の手順に従ってGitHub Copilotを導入しましょう。

1. GitHub アカウントの作成
2. GitHub Copilot 対応のIDEをインストール
3. GitHub Copilotの登録
4. IDEにGitHub Copilot拡張機能をインストール

GitHub アカウントの作成

リンクをコピーしました

GitHubアカウントを持っていない方は、まずGitHubアカウントを作成しましょう。
GitHubアカウントの作成方法については、 GitHubのアカウント登録方法 を参照して下さい。

GitHub Copilot 対応のテキストエディタをインストール

リンクをコピーしました

GitHub Copilotは様々なIDE（統合開発環境）に対応しています。

• JetBrains IDEs（ベータ版）
• Vim/Neovim
• Visual Studio
• Visual Studio Code

上記のIDEの中で既に使っているものがあれば、そのIDEを使って進めてもらって大丈夫です。この記事では、Visual Studioを使ってGitHub Copilotを導入しましょう。

Visual Studio Codeのインストール方法については、 Visual Studio Codeのインストール方法 を参照して下さい。

GitHub Copilotの登録

リンクをコピーしました

GitHub Copilotの契約形態についてと登録方法について確認しましょう。

GitHub Copilotの契約形態

リンクをコピーしました

GitHub Copilotには、個人契約と法人契約の二つの契約形態があります。

個人契約の場合、月額10ドルでGitHub Copilotを利用でき、最初の30日間は無料トライアル期間として無料で使うことができます。また無料トライアル期間中に解約すれば、費用は一切発生しませんので、有料サービスへの不安がある方も安心してご利用開始いただけます。

一方、法人契約の場合は個人契約より割高となりますが、Organization単位でGitHub Copilotの有効・無効を管理できるため、企業での開発メンバーへの導入を検討している場合は、より管理しやすいBusinessプランを選択することをお勧めします。

GitHub Copilotの登録方法

リンクをコピーしました

この記事では、個人契約で登録を進めていきます。GitHub Copilotの登録画面にアクセスすると、以下のような画面が表示されます。

「Monthly plan」を選択し、「Get access to GitHub Copilot」をクリックしましょう。

クリックすると、個人情報を入力する画面に移ります。個人情報を入力し、「Save」をクリックしましょう。

次にクレジットカードの登録画面に移ります。カード情報を入力し、「Save payment information」をクリックしましょう。

以下の画面が表示されれば、必須項目を入力し「Submit」をクリックしましょう。

GitHub Copilotの設定画面に移動します。以下の画像の緑色の枠で囲まれた「Suggestions matching public code」と書かれている部分は、パブリックコードを提案するかどうかの設定です。

ライセンス違反などのリスクを軽減したい場合は、「Block」を選択すると、パブリックコードが提案されなくなりますので、リスクを軽減したい方は「Block」を選択してください。

次に、青色の枠で囲われた「Allow GitHub to use my code snippets for product improvements *」と書かれている部分は、製品の改善のためにコードスニペットを共有するかどうかの設定です。

企業で開発中のコードなどを共有するのは好ましくないと考えられるので、このオプションはチェックしない方が無難です。

これらの設定は、Copilotが提案するコードにライセンス違反のものが含まれるリスクを減らすためのものと考えられます。

設定が完了したら、最後に「Save and get started」をクリックしましょう。

以下の画面に遷移すればGitHub Copilotへの登録が完了となります。

IDEにGitHub Copilot拡張機能をインストール

リンクをコピーしました

GitHub Copilotへの登録が完了したので、先ほどインストールしたVSコードにGithub Copilotの拡張機能をインストールします。

VSコードを開いて上のナビゲーションメニューの「表示」をクリックし、「拡張機能」をクリックしましょう。

以下の画面のようにサイドバーが表示されれば、検索窓に「GitHub Copilot」と入力して「インストール」を押しましょう。

インストールが完了すれば、右下に「Sign in to Github」書かれたボタンが表示されます。こちらのボタンをクリックし、GitHubにサインインしていない方はサインインしましょう。

サインインが完了すれば、「VSコード」と「GitHub」の連携画面が表示されます。「Authorize Visual-Studio-Code」をクリックし、連携させましょう。

最後にVSコードの右下に「Github Copilot」のアイコンが表示されれば完了です。

GitHub Copilotの使い方

リンクをコピーしました

GitHub Copilotは幅広いプログラミング言語やフレームワークに対応しており、Python、JavaScript、TypeScript、Ruby、Go、C#、C++など、特にこれらの言語に対して強力なサポートを提供します。

この章では、Ruby を例にGitHub Copilotの補完機能について説明します。

候補の反映

リンクをコピーしました

GitHub Copilotでは、テキストを打っている最中にコードを予測して予測変換のように候補を表示してくれます。

例えば、 Ruby のファイルで def full_n と入力して下さい。入力すると、以下の動画のように灰色でコードの候補を提案してくれます。

※ 以下の例では、full_name メソッドが候補として表示されますが、必ず full_name メソッドがが表示されるとは限りません。

候補を受け入れたい場合は、候補が表示された後に Tab キーを押すと、候補が実際のコードとして反映されます。

代替候補の表示

リンクをコピーしました

提案されたコード以外の異なるコードを表示したい場合、代替候補として別のコードを提案させることも可能です。以下のキー入力で、次の代替候補を表示させる事ができます。

Mac： option ( ⌥ ) + [
Windows： Alt + [

また前の代替候補に戻りたい場合は、以下のキー入力で、前の代替候補を表示させる事ができます。

Mac： option ( ⌥ ) + ]
Windows： Alt + ]

新規タブに候補一覧の表示

リンクをコピーしました

GitHub Copilotは候補を複数持っている場合があります。候補の一覧を別タブで表示し、複数ある候補から適用する候補の Accept Solution というテキストをクリックすると、対象の候補を適用する事ができます。

以下のキー入力で、新規タブに候補の一覧を表示させる事ができます。

Mac・Windows： control ( ⌃ ) + Enter

コメントで指示して候補を表示

リンクをコピーしました

作成したいロジックについてコメントで書き、そのコメントを基にコードを生成することができます。
以下の動画のように コメントを書いた後に def まで書くと、良い感じで補完してくれます。

候補の表示

リンクをコピーしました

本来候補が表示されるべきコードの状況で何かしらのキー入力によって候補が消えてしまった場合は、以下のキー入力を行うことで、再び候補を表示させることができます。

Mac： option ( ⌥ ) + \
Windows： Alt + \

GitHub Copilot Chat

リンクをコピーしました

GitHub Copilot Chatは、開発者がプログラムを書いている場所で直接コードに関する質問をして答えをもらえるチャットシステムです。この機能はIDEで使えて「コードのアドバイスや説明」、「テスト作成」、「エラー直し」といったことをリアルタイムで手助けしてくれます。

GitHub Copilot Chatのインストール

リンクをコピーしました

それでは、VSコードにGithub Copilot Chatの拡張機能をインストールします。
VSコードの上にあるナビゲーションメニューの「表示」をクリックすると、メニューの下の方に「拡張機能」と出てくるので、クリックしましょう。

「拡張機能」をクリックすると、以下の画面のようにサイドバーが表示されます。サイドバーの検索窓に「GitHub Copilot Chat」と入力して「インストール」を押しましょう。

インストールが完了すれば、右下に「Sign in to Github」と書かれたボタンが表示されます。こちらのボタンをクリックし、GitHubにサインインしていない方はサインインしましょう。

GitHub Copilot Chatがインストールできれば、左のアクティビティバーに以下の画像のようにチャットアイコンが表示されます。

左のアクティビティバーが表示されていない方は以下の画像のように、「表示 > 外観 > アクティビティバーの位置 > 側面」をクリックし、アクティビティバーを表示するようにしましょう。

チャットアイコンをクリックして、以下の画像のようにチャットボットが表示されれば完了です。

GitHub Copilot Chatの使い方

リンクをコピーしました

それでは、GitHub Copilot Chatの使い方を確認していきましょう。以下のソースコードは有名なFizzBuzzアプリケーションです。以下のコードを使ってGitHub Copilot Chatの使い方を確認していきます。

1
2
3
4
5
6
7
8
9
10
11
12
13
numbers = [*1..100]

numbers.each do |number|
  if (number % 3 == 0 && number % 5 == 0)
    puts 'fizzbuzz'
  elsif number % 3 == 0
    puts 'fizz'
  elsif number % 5 == 0
    puts 'buzz'
  else
    puts number
  end
end

チャット

リンクをコピーしました

左側のチャットボットを使用して、開いているファイルに関する質問をしたり、チャットでやり取りを行うことができます。以下の動画のように聞きたいことを投げかけると、少し時間が経ってから 「Copilot Chat」 が答えてくれます。

スラッシュコマンド

リンクをコピーしました

よくある質問内容は「スラッシュコマンド」にまとめられています。スラッシュコマンドを使用して質問すると、「Copilot Chat」から適切な回答を受け取りやすくなります。

よく使うスラッシュコマンドを確認しましょう。

/explain

リンクをコピーしました

対象ファイルのコードの説明をするコマンドになります。以下の動画のように右クリックから「これを説明する」を選択して説明を受け取ることも可能です。

/fix

リンクをコピーしました

対象ファイルのバグの修正を提案するコマンドになります。以下のようにfizzbuzzアプリケーションのコードを修正して下さい。以下のコードのバグは、4行目で「3で割り切れた場合の処理」をしているので、6行目の条件分岐を通らないというバグになります。

1
2
3
4
5
6
7
8
9
10
11
12
13
numbers = [*1..100]

numbers.each do |number|
  if number % 3 == 0
    puts 'fizz'
  elsif (number % 3 == 0 && number % 5 == 0)
    puts 'fizzbuzz'
  elsif number % 5 == 0
    puts 'buzz'
  else
    puts number
  end
end

コマンドを使用してバグ修正の提案をしてもらいましょう。また、以下の動画のように右クリックで「これを修正する」を選択し、その後に提案されたコードに対して「同意する」をクリックすることで、提案されたコードを適用することも可能です。

/help

リンクをコピーしました

GitHub Copilotに関するヘルプを表示するコマンドになります。スラッシュコマンドについての説明などをみたい場合に使用しましょう。

/tests

リンクをコピーしました

単体テストを作成するためのコマンドです。rspecを使用して単体テストのコードを提案してくれます。また、右クリックで「テストを生成する」を選択すると、コマンドと同様にテストコードの提案をしてくれます。

/clear

リンクをコピーしました

このコマンドは「Copilot Chat」とのやり取りを初期化するためのものです。チャットの数が多くなり、煩わしく感じたときに実行しましょう。

コードの部分選択

リンクをコピーしました

特定のコードに対して「質問」や「説明」が欲しいときもありますよね。そのような場合、特定のコード部分を「ドラッグ」して選択し、その上で質問や説明を求めることで特定のコードへのチャット対応が可能になります。

以下の動画のように、「対象のコード」をドラッグしてから、/explainというコマンドを入力すると、選択したコードの説明を受け取ることができます。

また、コードをドラッグした後に右クリックして「これを説明する」を選択すると、同じようにコードの説明を受け取ることが可能です。

インラインチャット

リンクをコピーしました

特定のコードに対してそのコード上で質問することが可能です。
以下の動画のように、対象コードをドラッグして選択し、「インラインチャットを開始する」を選択すると、そのコード上でチャットを展開できます。

最後に

リンクをコピーしました

「GitHub Copilot」と「GitHub Copilot Chat」の機能を活用することで、今までGoogleで調べていた時間が減り、テストコードの記述も早くなるなど、様々なメリットがあると理解できたと思います。

まだ導入していない方も、30日間の無料トライアル期間を利用できますので、この機会にぜひ試してみてはいかがでしょうか？

「GitHub Copilot」と「GitHub Copilot Chat」を導入して、開発のスピードを上げるきっかけにしていただければと思います。

最後まで読んで頂き、ありがとうございました。

役に立ったらSHARE♪

• twitter
• facebook
• はてブ