VS Code Update for GitHub Copilot

『AI Codingを極める会 - VS Code Meetup × GitHub dockyard』でお話しした、最近のVS CodeのGitHub Copilot関連のアップデートの紹介です

https://vscode.connpass.com/event/358179/

Transcript

1. #vscodejp #GitHubDockyard VS Code Update AI Codingを極める会 VS Code Meetup x GitHub dockyard 2025-06-28
2. #vscodejp #GitHubDockyard 現在のVS Codeのバージョンをご存じでしょうか？ 1.xx 2
3. #vscodejp #GitHubDockyard 3
4. #vscodejp #GitHubDockyard VS Codeは毎月定期アップデートを繰り返しています 2025年5月に v1.100 に到達しました🎉 4
5. #vscodejp #GitHubDockyard 最近のVS Codeのアップデートは 7割がGitHub Copilot関連！ 5
6. #vscodejp #GitHubDockyard 最近のVS Code GitHub Copilotの代表的なアップデート • GitHub Copilot Edit (v1.95) ◦ 複数箇所、複数ファイルの編集をまとめてできるように • GitHub Copilot Free (v1.96) ◦ 無料アカウントでも利用可能に • Next Edit Suggestion (v1.97) ◦ カーソル直後以外の箇所も、ジャンプして補完する機能 • Copilot Vision (v1.98) ◦ 画像認識して回答。以後、 HTML要素をクリックして渡す機能などが追加。 • Copilot Agent Mode (v1.99) • MCP Server対応(Tool) (v1.99) • MCP Server対応(Tool以外も) (v1.101) • Premium Request制度が開始 6
7. #vscodejp #GitHubDockyard Premium Request制度が開始 • 毎月固定クレジットがあり、 Standard Model以外を使用するとクレジット消費 • クレジットを全部消費すると、追加従量課金になる 7
8. #vscodejp #GitHubDockyard 最近のVS Code GitHub Copilotで見落としがちな所 • フローティングモード • カスタムインストラクション(v1.97) • カスタムプロンプト(v1.99) • カスタムチャットモード(v1.101) • ツールセット(v1.101) • Search、Taskに対応 • JupyterNotebookに対応 • VS Codeの拡張機能としてMCP Serverをインストール 8
9. #vscodejp #GitHubDockyard フローティングモード 9
10. #vscodejp #GitHubDockyard カスタムインストラクション(v1.97) • Chatで常に参照される指示ファイル • ユースケース ◦ コーディングルールの準拠、コードレビュールール ◦ 利用フレームワーク、プロジェクト要件などプロジェクト理解の助けになる情報 • 適用したいファイルを選択できる ◦ ワークスペース内共通 : .github/copilot-instructions.md ◦ Globで指定したファイルにのみ適用 : .github/instructions/xxx.instructions.md ◦ Globで指定したファイルにのみ適用ユーザ設定 : USER/prompts/xxx.instruction.md 10
11. #vscodejp #GitHubDockyard カスタムインストラクション(v1.97) 11 適用するファイルを指定
12. #vscodejp #GitHubDockyard カスタムプロンプト(v1.99) • よく使うプロンプトを登録できる指示ファイル • 使うMCP Server Toolも指定できる • Chat上で /prompt_name で実行する • ユースケース ◦ コードレビューを今行うようにする指示 ◦ 特定のMCPServerを使う指示 ◦ よくやる指示の再利用 • ワークスペースと個人設定で分かれている ◦ ワークスペース内: .github/prompts/xxx.prompts.md ◦ 個人設定: USER/prompts/xxx.prompts.md 12
13. #vscodejp #GitHubDockyard カスタムプロンプト(v1.99) 13 使用するMCP Server Toolを列挙 引用：https://code.visualstudio.com/updates/v1_101
14. #vscodejp #GitHubDockyard カスタムプロンプト(v1.99) 14
15. #vscodejp #GitHubDockyard カスタムチャットモード(v1.101) • Ask/Edit/Agentのところに、追加で モードが増やせる • ユースケース ◦ 計画用チャットモードとして、 編集Toolを付与しない ◦ 特定のMCP Serverを使う リサーチモード ◦ 特定の知識を与えたチャットモード • 設定箇所 ◦ ワークスペース内: .github/chatmodes/xxx.chatmode.md ◦ 個人設定: USER/chatmodes/xxx.chatmodes.md 15 引用：https://code.visualstudio.com/updates/v1_101
16. #vscodejp #GitHubDockyard カスタムチャットモード(v1.101) 16 引用：https://code.visualstudio.com/docs/copilot/copilot-customization
17. #vscodejp #GitHubDockyard ツールセット(v1.101) • MCP Server Toolの数は128個までという制限がある • toolsetsとしてまとめておくと、それらだけを有効にできる 17 引用：https://code.visualstudio.com/updates/v1_101
18. #vscodejp #GitHubDockyard VS CodeのSearch、Taskが使える • VS Codeの全文検索がAgentからも使える ◦ パッケージマネージャの書き換え poetry → uv 「poetryを全文検索して、uvを使うように書き換えて」 • VS Codeのタスク機能がAgentからも使える ◦ 「タスクのlintを実行して、リンターエラーを修正して」 ◦ インストラクションに 「作業の終わりには、タスクの lintを実行して、リンターエラーがないかをチェックして」 18
19. #vscodejp #GitHubDockyard Jupyter Notebookに対応 19
20. #vscodejp #GitHubDockyard Jupyter Notebookに対応 20
21. #vscodejp #GitHubDockyard Jupyter Notebookに対応 • 74thの場合、カスタムインストラクションに、 分析DB（BigQuery）のテーブル定義と、データの概念を記載した。 欲しい分析依頼内容をAgentに指示したところ、 SQLを組んで、実行し、表にして結果を表示できた。 21
22. #vscodejp #GitHubDockyard VS Codeの拡張機能として MCP Serverをインストール • 拡張機能として MCP Serverを提供できる • MCP Server設定を書かなくても 拡張機能をインストールするだけで 導入できる 22
23. #vscodejp #GitHubDockyard まとめ • Premium Request制度 • フローティングモード • カスタムインストラクション(v1.98) • カスタムプロンプト(v1.99) • カスタムチャットモード(v1.101) • ツールセット(v1.101) • Search、Taskに対応 • JupyterNotebookに対応 • VS Codeの拡張機能としてMCP Serverをインストール 23
24. #vscodejp #GitHubDockyard VS Code Monthly Update定期開催中 • アップデートから1-2週間程度で、 VS Code MeetupオーガナイザでUpdateをフォローする会を定期開催中 • 過去の動画もYouTube配信中 24