Visual Studio 2022 への GitHub Copilot 導入動画(4分間)の和訳メモ

マイクロソフトの Visual Studio 公式チャンネルが
GitHub Copilot (AI を活用した開発支援ツール) の Visual Studio 2022 への導入について
短い動画を（英語で）出していたので、

わたしは日本語版を出してみようと思い、

その前にテキストで要点をまとめておこうと思います。

GitHub Copilot、
VSCode で使っている人はよく見るのですが、
Visual Studio 2022 で使っている人はそこまでまだ見ていないので
広めたいなあ、と。

ちなみに、GitHub Copilot は有料ですが、個人プランは 30 日間の試用期間があります。

↓ 値段（個人プランと ビジネスプラン（会社のポリシー適用などができる）で違います（ビジネスプランのほうが高い））

https://github.com/features/copilot

## 元動画

公開日： 2023/07/04 

タイトル：
『 Getting started with GitHub Copilot in Visual Studio 2022 - Install & Login 』
(Visual Studio 2022 で GitHub Copilot 入門 - インストール＆ログイン)

https://youtu.be/XrCP8v2pg8w?si=GrIOZrRBzdaeWqLa

## チャプター

時間|原文|和訳
---|---|---
0:04 | Introduction| イントロ
0:47 | Checking Compatibility <br />(must be VS version 17.5.5 or above)| 必要な環境 (VS のバージョン 17.5.5 以上)
0:56 | Downloading Copilot <br /> via Extensions ⇒ Manage Extensions| VS の拡張機能メニューから GitHub Copilot をダウンロードする
1:47 | Closing Visual Studio <br /> and clicking “Modify” to proceed| VS を一度閉じて「Modify」をクリックして進める
2:09 | Reopening Visual Studio <br /> and authentication with GitHub| VS を再起動して、GitHub の認証
3:10 | Accepting your first Copilot suggestion <br /> using the IntelliSense list and [TAB]| IntelliSense list と tab キーを押して GitHub Copilot の suggestion を accept してみる
3:43 | Writing a natural language comment <br /> to prompt GitHub Copilot| 自然言語のコメントを書いて GitHub Copilot くんにコードを書いてもらう

## 1. イントロ (自己紹介と動作デモ)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/93e09082-c14e-710a-149c-fc0d3b053b59.png)

動画は、AI experiences in Visual Studio family のプロダクトマネージャーである Aaron Yim さんが挨拶をするところから始まります。「これから始め方についてお話していきますね」と。

（余談ですが、私のチームにも（彼とは違う）Aaron という名前のオーストラリア人がいます。彼曰く「"AA" から始まるから、俺はいつも学校の名簿で一番だった。アルファベット順では俺は最強なんだ」とのことで。たしかに笑。日本で言う「相部さん」みたいな感じですかね）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/7d0ed562-3e2f-422b-13c9-788f33c52a9c.png)

実際に動かして GitHub Copilot の動きを見せています。
インテリセンスと共存しながら GitHub Copilot が関数のコードをまるごとサジェストしてくれていますね。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/12570e38-b06d-1c00-a400-ea12675f1493.png)

自然言語でのコメントを書いたら、その通りの動作のコードを生成してくれています。
（ちなみに、この動画のコメントは英語ですが、日本語のコメントでも動きます）

## 2. 必要な環境の確認 (VS バージョンの確認)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/ae1c6a12-58b8-19e0-abbf-d0448cfbf961.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/fa77a642-a906-6586-b43e-187c5f8affff.png)

「To get the latest version of the GitHub Copolot extension, we will need version 17.5.5 or above of Visual Studio. (最新バージョンの GitHub Copolot 拡張機能をゲットするには、Visual Studio 2022 のバージョン 17.5.5 以上が必要です)」

ということで、バージョンを確認してみます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/3c3fbb74-98f8-46d8-2992-b68cce87a434.png)

Visual Studio 2022 メニューの「ヘルプ」の「Microsoft Visual Studio について」をクリック。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/5c86e4d3-f03a-0e9e-cb93-83f3c24afc16.png)

2023/06/29 時点での Aaron さんの環境は、version 17.6.4 なので、大丈夫ですね。
ちなみに今日 2023/08/30 時点の私の環境は v 17.7.2 ですが、ちゃんと GitHub Copilot 元気に動いています。

## 3. VS の拡張機能メニューから GitHub Copilot をダウンロード

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/b66f158d-4758-bc8a-6486-f2e71b453603.png)

Visual Studio 2022 メニューの「拡張機能」→「拡張機能を管理」

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/df1e13ce-93a2-c93b-1aa6-37771a049715.png)

右上の検索ボックスに「GitHub Copilot」と入力すると、リストの一番上に GitHub Copilot が出てきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/3e160ae9-40e1-e465-116b-a5f92c69110d.png)

ということで「ダウンロード」をクリックします。
するとダウンロードが走り、

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/510bb748-7fdf-bfe1-889b-0e2e710bed18.png)

下に黄色ボックスが出てきて、この変更を有効にするためには Visual Studio を一度閉じる必要がある、とのことで、一旦閉じます。

## 4. VS を一度閉じて「Modify」をクリックして進める

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/2f16f9cc-d027-dbdf-72d6-4fe5e996c026.png)

Visual Studio 2022 を閉じると、VSIX Installer がポップアップしてくるので、Modify をクリックします。

## 5. VS を再起動して、GitHub の認証

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/b4a383f0-5407-f51a-fd4f-2713ea0cf593.png)

Visual Studio 2022 を再起動すると、上に黄色いバーが出てきて、
「GitHub Copilot を有効にするためには、Visual Studio に GitHub アカウントを紐付ける必要があります [Add GitHub Account]」
と書いてあります。

ここの [Add GitHub Account] を押すか、もしくは、画面左下にある GitHub Copilot アイコンをクリックして「Add GitHub account」をクリックします。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/11ee84e4-4c69-639f-4e6c-e4e308298690.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/0d4d4b6a-3fc8-98c6-13bf-3b343fb1f83e.png)

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/02640109-f647-d155-e2b4-e0c62378570f.png)

GitHub アカウントを加えます。

すると web ブラウザが立ち上がり、
github.com ドメインの OAuth ページに来るので、認証します。Authorize github をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/791ec80b-55b0-0478-b0ab-b503b9d04fa3.png)

Visual Studio 2022 に戻ります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/5b8aaad9-eb1d-9102-bb50-6d1f3677c7b4.png)

「All アクセス」のところに GitHub アカウントが並んでいるのが見えますね。

## 6. GitHub Copilot 動作確認

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/ad0a9548-cf51-2b3a-2726-747e37aa4840.png)

動いていますね！
インテリセンス、インテリコードとも共存しています

## おわりに

これの日本語版の動画撮りたいです