エンジニアの風速です。
日本時間の2024年12月19日にGithubからGithub Copilotに無料枠が利用できるようになったとのメールがきていました。せっかくなので今回はこちらをさわってみようと思います。

Github Copilotは何ができる？

無料版では制限がありますが、以下の機能が利用できます。

月/2,000件のコード補完
GitHub プロジェクトと VS Code ワークスペースからコンテキストを取得し、コンテキストを考慮したコード候補を表示できる
月/50件のCopilotチャットメッセージ
コードの理解、リファクタリング、問題のデバッグについて、Copilot にヘルプを求めることができる
AIモデルの選択
Claude 3.5 Sonnet、OpenAI GPT-4o から選択できる
Copilot Editsで複数のファイルに変更を加える
Copilot Editsを使用して、複数のファイルにまたがる変更ができる
Copilot Extensionsエコシステムのサポート
Perplexity を使用して、Stack Overflowへのクエリや、Web検索などのタスク用に設計されたサードパーティ製エージェントにアクセスできる

さわってみた

今回はVSCodeで利用してみたいと思います。以下のようなExtensionがあるので、インストールします。

VSCodeのヘッダー部分にアイコンが出るようになりました。

Copilot Chat

まずはCopilot Chatからさわってみたいと思います。UIはChatGPTみたいなAI対話ツール的な感じです。

とはいえ無の状態でなにを聞いていいのかわからないので、/helpというコマンドがあったので入力してみます。

とりあえずなにも思いつかなかったので、ReactのToDoアプリを作ってとお願いしてみたら、作成くれました。
今回は勝手に解釈してくれましたが、/new ReactのToDoアプリを作ってとした方が確実に作成してくれそうです。

ワークスペースを作成と押すとMacOSだとFinderが表示され、ディレクトリを選択するとそこにワークスペースを作成してくれました。

ただちょっとバージョンの不整合があり、一旦雛形はcreate-react-appしてそこにtodoアプリのコンポーネントを追加してとお願いすると、実際にどこに何のファイルを追加するかなどを提示してくれました。

右上のボタンからいろんなアクションを選択できます。

1つ目のボタンは、実際のワークスペースに対象のファイルを生成してくれます。もともとある場合はそのファイルが修正された状態になります。コードブロックを使用みたいなシークバーがでてくるので、もしかすると、無料版の場合はコード補完のトークンを消費してしまうかも。

2つ目のボタンはフォーカスがあるファイルに対象のファイルの内容を転写します。

3つ目のボタンはクリップボードに内容をコピーします。

4つ目は以下のようなアクションが選択できます。

いろいろしてToDoアプリが起動できました。

コード補完

作ってもらったToDoアプリには追加はできるが、削除の機能はなかったので、以下のようにコメントを入力するとコード補完ができます。

Tabを押すと実際にファイルに関数を作ってくれました。

コンポーネントの部分で改行をすると、先ほど追加した関数を補完してくれました。

先ほど追加した関数を渡している部分も実装しないと動かないので子コンポーネント側に移動して、// と入力するだけで削除ボタン追加とコメントまでサジェストされました。そのままTabを押して

このままだと動かないので、すこし調整をして、無事削除ボタンが追加されました。

まとめ

実際にさわってみた感想として、特ににコード補完は生産性爆上がりすると思いました。ただ自分いる？という気持ちになるくらいで、正直驚きました。Chatの方もエディター内で完結するし、今回は検証できませんでしたが、Stack Overflowなどのエージェントなど追加すると、トラブルシューティングも捗るのではないでしょうか。ただ無料版だとすぐに利用可能分を使い切ってしまうとおもうので、有料版を使用するほうが良いのかなと思います。

参考