VS Code Update for GitHub Copilot

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