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

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

名前: ゆっきー。 TwitterX: @Yu_yukk_Y 仕事: 某マッチングアプリの　　サーバーサイドエンジニア趣味: ポケモンなどなど
技術: 仕事ではRuby、個人では　　　　　　 TypeScriptを書きがち　　その他色々その他: 前橋市出身です。今月末に　　　　　　東京から高崎市に引越します。

そもそもGithub Copilotって？？ - Microsoft製のAIコーディングアシスタント - 人間が記述したコードを元に追加のコードを提案したり、コメントで質問に答えてくれる

そもそもGithub Copilot Chatって？？ - 既存のファイルを参照しながらコーディング関連の質問に答えてくれるインターフェース - スラッシュコマンドを用いてテストを書かせたりもできる -
commit messageを考えさせたりできる - PRのtitleとdescriptionを考えさせることもできる - 同梱されたCopilot Editsを用いて、テキストで指示を出しながらファイルを編集させることもできる - cursorやclineのように実行までしてくれるわけではない - Agents Modeでは上記のようなこともできるが、現状 GAされていない

私の感じているGithub Copilot Chatの優位性 - Microsoft製 - 日系企業でも比較的導入提案しやすい - Copilot本体に危険なコードが混入する可能性が低い -
GithubやVS Codeとの連携が強い - 当分はメンテナンスされ続ける - Github登録のついでに使える

私の感じているGithub Copilot Chatへの課題感 - 実装経緯などのコンテキストなしに会話を進めてしまう - 都度チャットで指示を出さねばならず、守ってほしい設計や規則などを適用させるのが面倒 - 共通ルールセットが設定できれば。。
- テストの実行とか依存関係の追加までやってほしい - Github Copilot Agent待ってれば良さそう

本当に？？

できるじゃん🫠

現状できること(ドキュメント調べ) - そもそも現段階ではVS Code, VS, Web Editorでしかサポートされてない - コード生成時のカスタム命令の追加 -
テストコード生成時のカスタム命令の追加 - コミットメッセージ生成時のカスタム命令の追加 - Pull Request作成時のカスタム命令の追加 - コードレビュー時のカスタム命令の追加 ref: https://code.visualstudio.com/docs/copilot/copilot-customization

とりあえず試してみよう！

目標ケロロ軍曹

1. コード生成時のカスタム命令の追加 2. テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5.
コードレビュー時のカスタム命令の追加

ベースとなるプロンプトの作成

1. コード生成時のカスタム命令の追加 2. テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5.

コード生成時のカスタム命令の追加 - .github/copilot-instructions.mdというファイルに書いた命令が参照される - chatの返答とeditsの返答などの際に自動で参照される

コード生成時のカスタム命令の追加命令追加前命令追加後

コード生成時のカスタム命令の追加いつでも軍曹っぽく答えてくれるようになった🙌

コード生成時のカスタム命令の追加 editsも同様

1. ⭕コード生成時のカスタム命令の追加 2. テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5.

テストコード生成時のカスタム命令の追加 - setting.jsonで github.copilot.chat.testGeneration.instructionsに設定した値を参照する - テキストのみならず、ファイルを参照させることもできる

テストコード生成時のカスタム命令の追加 fizzbuzz関数に対してテストコードを生成させてみると。。 ※一度生成した際に写真を撮り損ねており、再度同じことをして写真だけとっています

テストコード生成時のカスタム命令の追加軍曹っぽい🎉

1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加 5.

コミットメッセージ生成時のカスタム命令の追加 - setting.jsonで github.copilot.chat.commitMessageGeneration.i nstructionsに設定した値を参照する - テキストのみならず、ファイルを参照させることもできる

コミットメッセージ生成時のカスタム命令の追加 VS CodeのGitタブで自動生成するコミットメッセージに反映された🎉 設定なし設定あり

1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. ⭕コミットメッセージ生成時のカスタム命令の追加 4. Pull Request作成時のカスタム命令の追加
5. コードレビュー時のカスタム命令の追加

Pull Request作成時のカスタム命令の追加 - setting.jsonで github.copilot.chat.pullRequestDescriptionGene ration.instructionsに設定した値を参照する - テキストのみならず、ファイルを参照させることもできる

Pull Request作成時のカスタム命令の追加別途Github Pull Requestsの拡張機能が必要なのでインストール

Pull Request作成時のカスタム命令の追加 Github Pull Requestsのタブから PRを作成し、AI生成のボタン (✨みたいなやつ)を押すと。。

Pull Request作成時のカスタム命令の追加

1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. ⭕コミットメッセージ生成時のカスタム命令の追加 4. ⭕Pull Request作成時のカスタム命令の追加
5. コードレビュー時のカスタム命令の追加

もう軍曹じゃん！！

コードレビュー時のカスタム命令の追加 - setting.jsonで github.copilot.chat.reviewSelection.instructions に設定した値を参照する(はず) - テキストのみならず、ファイルを参照させることもできる (はず)

コードレビュー時のカスタム命令の追加 - MacだとShift + Command + Pでコマンドパレットを呼び出し「review」などと検索することでレビュー機能が使える -
まだpublic previewらしい - 選択したコードに対してレビューしてくれる

コードレビュー時のカスタム命令の追加私の環境ではプロンプトが反映されませんでした；； (public previewだから、、？)

1. ⭕コード生成時のカスタム命令の追加 2. ⭕テストコード生成時のカスタム命令の追加 3. ⭕コミットメッセージ生成時のカスタム命令の追加 4. ⭕Pull Request作成時のカスタム命令の追加
5. ❌コードレビュー時のカスタム命令の追加

まだ軍曹じゃないじゃん！！

まとめ - Github Copilot Chatにも共通プロンプトを読み込ませる機能がある - コミット作成やコード生成など、用途ごとに読み込ませるプロンプトを分けられる - コードレビュー機能だけはまだ動作しないっぽい(結果論) -
Github Copilot Chatは本日よりケ◯ロ軍曹になることはなかった

良いGithub Copilot ライフを！！よかったら繋がってくださいmm Twitter: https://x.com/Yu_yukk_Y 今日使ったコード: https://github.com/Yoshino-Yukitaro/copilot-chat-to-keroro

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

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

More Decks by ゆっきー

Other Decks in Technology

Featured

Transcript