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

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

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

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

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

メモ

          Copilotコード レビュー

          GitHub Web サイトでは、Copilot Pro、Copilot Pro+、Copilot 事業、Copilot Enterpriseプランで利用できるプレミアム機能です。 
          Copilotコード レビューを使用してクォータに与える影響の詳細については、「[AUTOTITLE](/copilot/concepts/agents/code-review#code-review-monthly-quota)」を参照してください。 学生であれば、 Copilotのプレミアム機能に無料でアクセスできる場合があります。 [AUTOTITLE](/copilot/how-tos/copilot-on-github/set-up-copilot/enable-copilot/set-up-for-students) を参照してください。

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 サイトの発行ソースの構成」を参照してください。