GitHub Copilotからコードに関するフィードバックを取得する

共同コーディングについて

GitHub で他のユーザーと共同作業を行う場合、通常はメインプロジェクトのブランチまたはフォークで変更を加え、pull request として送信します。 Pull request は、元のコードと加えた変更内容との違いを示し、コードをプロジェクトにマージするようにリポジトリメンテナに依頼するものです。

他のユーザーから pull request に関するフィードバックを得ることは、ソフトウェア開発プロセスの重要な部分を占めます。 Pull request のレビューにより、現在取り組んでいる特定のコードが改善されるだけでなく、長期的には、コーディングスキルとコラボレーションスキルの向上にもつながります。特にコーディングを学習しているときは、フィードバックを依頼できる人がいつもいるとは限りません。そのような場合は、代わりに GitHub Copilot からフィードバックを受けられるだけでなく、そのすべての機能を利用できます。

Pull request は、提案している変更を他のユーザーに見せ、フィードバックを得ることができる共同作業の場です。 Copilotからレビューを要求すると、開発チームと連携するときに使用するのと同じプロセスが学習されます。唯一の違いは、Copilotと共に人間の同僚にレビューを要求することです。

メモ

GitHub Web サイトの Copilotコードレビューは、プレミア機能で、Copilot Pro、Copilot Pro+、Copilot 事業、Copilot Enterprise プランで使用できます。 Copilotコードレビューの使用がクォータに与える影響の詳細については、「GitHub Copilot コードレビューについて」を参照してください。学生の場合、Copilot Pro を無料で取得できる可能性があります。「学生、教師、または保守担当者として、GitHub Copilot Pro への無料アクセスを取得する」を参照してください。

1.練習用リポジトリを作成する

この演習では、既存のコードを含むサンプルリポジトリを使います。サンプルリポジトリは new2code/grid-toy です。色が変わる正方形のグリッドを表示する小さな HTML と JavaScript のプロジェクトです。これは GitHub Pages サイトであり、元のバージョンは https://new2code.github.io/grid-toy で表示できます。

まず、grid-toy リポジトリの独自のコピーを作成します。

       [新しいリポジトリのページ](https://github.com/new?template_owner=new2code&template_name=grid-toy)に移動します。 このリンクに従うと、`new2code` アカウントでテンプレートが事前に選択されています。

[Owner] で自分のユーザーアカウントを選びます。
[Repository name] フィールドに「grid-toy」と入力します。

       **リポジトリの作成**をクリックします。

2.変更を加える

次に、JavaScript ファイルに変更を加えます。

新しいリポジトリで、ファイル一覧の script.js をクリックします。
JavaScript ファイルを編集するには、右上のをクリックします。
25 行目に次のコードを追加します。
JavaScript
```
if (Math.random() < INVERT_PROBABILITY) {
   cell.classes.add("black");
}
```
```
if (Math.random() < INVERT_PROBABILITY) {
   cell.classes.add("black");
}
```
この変更により、ページの読み込み時に一部のグリッドのマス目がランダムに黒に設定されます。 GitHub Copilot からのフィードバックをトリガーするために、意図的にエラーを組み込んでいます。正しいプロパティは実際には .classList ではなく .classes です。 GitHub Copilot を使うと、これを修正できます。
変更をコミットするには、右上の [Commit changes...] をクリックします。
[Commit message] フィールドに、「読み込み時にマスをランダムに配置」などと入力します。

       **[このコミットのブランチを新規作成し、pull request を開始します。]** を選びます。

       **[変更の提案]** をクリックします。

3.Pull request を作成してレビューを依頼する

次に、pull request を完了し、レビューを依頼します。

Pull request のタイトルと、必要に応じて説明を入力します。
```
       **[Reviewers]** をクリックします。
```
- 提案一覧にCopilotが表示される場合は、[Copilot] をクリックします。
- そうでない場合は、「Copilot」と入力し、結果をクリックします。

       **[Pull request の作成]** をクリックします。

新しい pull request が表示されます。

4. 変更案を適用する

数分以内に GitHub Copilot によって pull request がレビューされ、概要が生成され、見つかった問題に対する変更案が作成されます。

GitHub Copilot からのレビューが表示されるまで待ちます。
これらの提案のどれかを採用して .classes を .classList に変更することで、故意に生じたエラーを修正できます。変更案の下にある [Commit suggestion] をクリックします。

       **[Commit changes]** をクリックします。

GitHub Copilot によって他の改善点が見つかり、追加のコメントが残されることがあります。変更案を理解できる場合は、それらを適用することもできます。

5.マージする

変更に満足したら、pull request をマージできます。その結果、ブランチからの変更がリポジトリの既定のブランチ (main) に追加されます。

ページの下部にある [Merge pull request] をクリックします。
必要に応じて、コミットメッセージを更新します。

       **[Confirm merge]** を押します。

次のステップ

プロジェクトは、GitHub Pages を使って発行できます。いくつか変更を加えたので、リポジトリのバージョンを公開して動作を確認できます。「GitHub Pages サイトの発行ソースの構成」を参照してください。