Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Github Copilot Chatは本日よりケ◯ロ軍曹でありま〜〜〜すッ!!!(たぶん)
Search
ゆっきー
March 15, 2025
Technology
1
180
Github Copilot Chatは本日よりケ◯ロ軍曹でありま〜〜〜すッ!!!(たぶん)
ゆっきー
March 15, 2025
Tweet
Share
More Decks by ゆっきー
See All by ゆっきー
SAM × Dockerでサーバーレス開発が超捗った話
yu_yukk_y
1
3.9k
Other Decks in Technology
See All in Technology
GitHub Coding Agent 概要
kkamegawa
1
1.4k
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
1
1.2k
Swiftは最高だよの話
yuukiw00w
2
280
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
740
LT:組込み屋さんのオシロが壊れた!
windy_pon
0
300
GigaViewerにおけるMackerel APM導入の裏側
7474
0
430
積み上げられた技術資産と向き合いながら、プロダクトの信頼性をどう守るか
plaidtech
PRO
0
360
Azure Developer CLI と Azure Deployment Environment / Azure Developer CLI and Azure Deployment Environment
nnstt1
1
110
オープンソースのハードウェアのコンテストに参加している話
iotengineer22
0
480
CSS polyfill とその未来
ken7253
0
140
コードの考古学 〜労務システムから発掘した成長の糧〜
kenta_smarthr
0
560
Machine Intelligence for Vision, Language, and Actions
keio_smilab
PRO
0
470
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Done Done
chrislema
184
16k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
840
Thoughts on Productivity
jonyablonski
69
4.7k
The Language of Interfaces
destraynor
158
25k
Faster Mobile Websites
deanohume
307
31k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.3k
Art, The Web, and Tiny UX
lynnandtonic
298
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
25
2.8k
Transcript
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待ってれば良さそう
私の感じているGithub Copilot Chatへの課題感 - 実装経緯などのコンテキストなしに会話を進めてしまう - 都度チャットで指示を出さねばならず、守ってほしい設計や規則などを適用させる のが面倒 - 共通ルールセットが設定できれば。。
- テストの実行とか依存関係の追加までやってほしい - Github Copilot Agent待ってれば良さそう
本当に??
None
できるじゃん🫠
現状できること(ドキュメント調べ) - そもそも現段階では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