Github Copilot Chatは本日よりケ◯ロ軍曹でありま〜〜〜すッ！！！(たぶん)

Transcript

1. Github Copilot Chat 本日より
 は
 でありま〜〜〜すッ！！！
 Gunma.web #55 生成AI LT会 Ver.2 ゆっきー たぶん

2. 名前: ゆっきー。 TwitterX: @Yu_yukk_Y 仕事: 某マッチングアプリの 　　 サーバーサイドエンジニア 趣味: ポケモンなどなど 技術: 仕事ではRuby、個人では　　　　　　 TypeScriptを書きがち 　　 その他色々 その他: 前橋市出身です。今月末に　　　 　　　 東京から高崎市に引越します。
3. そもそもGithub Copilotって？？ - Microsoft製のAIコーディングアシスタント - 人間が記述したコードを元に追加のコードを提案した り、コメントで質問に答えてくれる
4. そもそもGithub Copilot Chatって？？ - 既存のファイルを参照しながらコーディング関連の質 問に答えてくれるインターフェース - スラッシュコマンドを用いてテストを書かせたりもでき る - commit messageを考えさせたりできる - PRのtitleとdescriptionを考えさせることもできる - 同梱されたCopilot Editsを用いて、テキストで指示を 出しながらファイルを編集させることもできる - cursorやclineのように実行までしてくれるわけではない - Agents Modeでは上記のようなこともできるが、現状 GAされ ていない
5. 私の感じているGithub Copilot Chatの優位性 - Microsoft製 - 日系企業でも比較的導入提案しやすい - Copilot本体に危険なコードが混入する可能性が低い - GithubやVS Codeとの連携が強い - 当分はメンテナンスされ続ける - Github登録のついでに使える
6. 私の感じているGithub Copilot Chatへの課題感 - 実装経緯などのコンテキストなしに会話を進めてしまう - 都度チャットで指示を出さねばならず、守ってほしい設計や規則などを適用させる のが面倒 - 共通ルールセットが設定できれば。。 - テストの実行とか依存関係の追加までやってほしい - Github Copilot Agent待ってれば良さそう
7. 私の感じているGithub Copilot Chatへの課題感 - 実装経緯などのコンテキストなしに会話を進めてしまう - 都度チャットで指示を出さねばならず、守ってほしい設計や規則などを適用させる のが面倒 - 共通ルールセットが設定できれば。。 - テストの実行とか依存関係の追加までやってほしい - Github Copilot Agent待ってれば良さそう
8. 本当に？？
10. できるじゃん🫠
11. 現状できること(ドキュメント調べ) - そもそも現段階ではVS Code, VS, Web Editorでしかサポートされてない - コード生成時のカスタム命令の追加 - テストコード生成時のカスタム命令の追加 - コミットメッセージ生成時のカスタム命令の追加 - Pull Request作成時のカスタム命令の追加 - コードレビュー時のカスタム命令の追加 ref: https://code.visualstudio.com/docs/copilot/copilot-customization
12. とりあえず 試してみよう！
13. 目標 ケロロ軍曹
14. 1. コード生成時のカスタム命令の追加 2. テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5. コードレビュー時のカスタム命令の追加
15. ベースとなるプロンプトの作成
16. 1. コード生成時のカスタム命令の追加 2. テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5. コードレビュー時のカスタム命令の追加
17. コード生成時のカスタム命令の追加 - .github/copilot-instructions.mdという ファイルに書いた命令が参照される - chatの返答とeditsの返答などの際に自 動で参照される
18. コード生成時のカスタム命令の追加 命令追加前 命令追加後
19. コード生成時のカスタム命令の追加 いつでも軍曹っぽく答えてくれるよ うになった🙌
20. コード生成時のカスタム命令の追加 editsも同様
21. 1. ⭕コード生成時のカスタム命令の追加 2. テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5. コードレビュー時のカスタム命令の追加
22. テストコード生成時のカスタム命令の追加 - setting.jsonで github.copilot.chat.testGeneration.instructionsに 設定した値を参照する - テキストのみならず、ファイルを参照させることもできる
23. テストコード生成時のカスタム命令の追加 fizzbuzz関数に対して テストコードを 生成させてみると。。 ※一度生成した際に写真を撮り損ねており、再 度同じことをして写真だけとっています
24. テストコード生成時のカスタム命令の追加 軍曹っぽい🎉
25. 1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5. コードレビュー時のカスタム命令の追加
26. コミットメッセージ生成時のカスタム命令の追加 - setting.jsonで github.copilot.chat.commitMessageGeneration.i nstructionsに設定した値を参照する - テキストのみならず、ファイルを参照させることもできる
27. コミットメッセージ生成時のカスタム命令の追加 VS CodeのGitタブで自動生成する コミットメッセージに反映された🎉 設定なし 設定あり
28. 1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. ⭕コミットメッセージ生成時のカスタム命令の 追加 4. Pull Request作成時のカスタム命令の追加 5. コードレビュー時のカスタム命令の追加
29. Pull Request作成時のカスタム命令の追加 - setting.jsonで github.copilot.chat.pullRequestDescriptionGene ration.instructionsに設定した値を参照する - テキストのみならず、ファイルを参照させることもできる
30. Pull Request作成時のカスタム命令の追加 別途Github Pull Requestsの拡 張機能が必要なので インストール
31. Pull Request作成時のカスタム命令の追加 Github Pull Requestsの タブから PRを作成し、AI生成のボタン (✨みたいなやつ)を押すと。。
32. Pull Request作成時のカスタム命令の追加
33. 1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. ⭕コミットメッセージ生成時のカスタム命令の 追加 4. ⭕Pull Request作成時のカスタム命令の追加 5. コードレビュー時のカスタム命令の追加
34. もう軍曹じゃん！！
35. コードレビュー時のカスタム命令の追加 - setting.jsonで github.copilot.chat.reviewSelection.instructions に設定した値を参照する(はず) - テキストのみならず、ファイルを参照させることもできる (は ず)
36. コードレビュー時のカスタム命令の追加 - MacだとShift + Command + Pでコマンドパレット を呼び出し「review」などと検索することでレビュー 機能が使える - まだpublic previewらしい - 選択したコードに対してレビューしてくれる
37. コードレビュー時のカスタム命令の追加 私の環境ではプロンプトが反 映されませんでした；； (public previewだから、、？)
38. 1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. ⭕コミットメッセージ生成時のカスタム命令の 追加 4. ⭕Pull Request作成時のカスタム命令の追加 5. ❌コードレビュー時のカスタム命令の追加
39. まだ軍曹じゃないじゃん！！
40. まとめ - Github Copilot Chatにも共通プロンプトを読み込ませる機能がある - コミット作成やコード生成など、用途ごとに読み込ませるプロンプトを分けられる - コードレビュー機能だけはまだ動作しないっぽい(結果論) - Github Copilot Chatは本日よりケ◯ロ軍曹になることはなかった
41. 良いGithub Copilot ライフを！！ よかったら繋がってくださいmm Twitter: https://x.com/Yu_yukk_Y 今日使ったコード: https://github.com/Yoshino-Yukitaro/copilot-chat-to-keroro