VS Codeのエージェントモードを拡張するには、を試してください!

VS Code から GitHub のコーディング エージェントを指揮する

2025年7月17日 Burke Holland (@burkeholland) 著

本日、Visual Studio Code の Copilot コーディング エージェントの最初のプレビューをお届けできることを嬉しく思います。

VS Code で同期的に動作するエージェントが 1 つだけという状況から、今では複数のエージェントを同時に実行し、あなたに代わって作業させることができるようになりました。これこそが *まさに* 10 倍の開発者になるということです。公式にそうなりました。AI のチームメイト集団に、必要な作業をすべて任せることができるのです。

今すぐお使いのエディターでこの動作を確認するには、GitHub Pull Requests 拡張機能をインストールし、以下の VS Code 設定を追加してください。

"githubPullRequests.codingAgent.uiIntegration": true,

この記事では、コーディング エージェントとは何か、VS Code との連携機能の限定プレビュー、そして今後の予定についてご紹介します。

GitHub Copilot コーディング エージェントとは?

GitHub Copilot コーディング エージェントは、任意の GitHub Issue に割り当てることができる自律的な AI 開発者です。このエージェントは GitHub 上で実行され、リポジトリのメンバーとして完全に統合されており、Issue へのコメント、PR の作成、コードレビューなどを行うことができます。エージェントは複雑な作業に取り組み、コードベース全体にわたって機能を実装し、さらには Model Context Protocol (MCP) ツールを使用してデータベースやクラウドサービスと連携することも可能です。

仕組みは以下の通りです。

  1. GitHub の設定でエージェントを有効にします
  2. Issue を Copilot に割り当てます。
  3. エージェントが作業を行い、プルリクエストを作成し、進捗を報告します。
  4. あなたが PR をレビューし、変更が必要な場合はコメントを残すと、エージェントは完了するまで修正を繰り返します。

Copilot Coding Agent on GitHub

やることはこれだけです。既にご存知のワークフローにエージェントが加わった形です。

エージェントは、一時的に隔離された開発環境内で実行されます。この環境は、エージェントがコードベースを調査し、変更を加え、コードをビルドし、テストを実行するなど、完全に自律的に機能できるように用意された専用の開発環境です。

そして今、私たちはコーディング エージェントとそのすべてのワークフローを VS Code に直接統合しています!

Visual Studio Code の Copilot コーディング エージェント

Copilot コーディング エージェントは、GitHub Pull Requests 拡張機能と統合されています。ブラウザーに切り替える必要なく、サイドバーから直接、任意の Issue を Copilot コーディング エージェントに割り当てることができます。選択して割り当てるだけで、あとはエージェントに任せられます。

A GIF showing Copilot assigned to an issue from within VS Code

すべての VS Code 機能と同様に、VS Code チーム自身も自分たちの開発でコーディング エージェントの統合機能を使用しています。実際に、VS Code リポジトリでどれだけの PR が Copilot コーディング エージェントに割り当てられているかを確認でき、その数は増え続けています。

エージェントの進捗を追跡

Pull Requests ビューに新しいクエリ「Copilot on My Behalf」が追加されました。これにより、Copilot があなたのために作業しているすべての内容が表示されます。エージェントが何をしたかを正確に確認したいですか?「View Session」をクリックすれば、詳細な実行履歴を再生できます。すべてのコマンドと決定について、完全な透明性が確保されています。もし進行状況に満足できない場合は、エージェントを停止することもできます。そして、これらすべてをエディターを離れることなく操作できます。

A WIP PR shown under the "Copilot on my behalf" section with the "View Session" button highlighted

このスクリーンショットでは、エージェントがウェブサイトに「トレンド」セクションを実装し、UI とデータベースの変更も完了しています。これらすべてが 1 回のインタラクションであるため、プレミアムリクエストは 1 回分のみです。

レビュー、コメント、そしてイテレーション

エージェントが作業を終えると、PR をあなたに割り当て、レビューを依頼します。該当する場合にはスクリーンショットも含まれているため、正しい作業が行われたかを素早く確認できます。

PR from Coding Agent shown in VS Code with a screenshot

エージェントの PR をレビューし、コメントを残し、変更を依頼する、これらすべてを VS Code 内で行うことができます。エージェントはあなたのフィードバックを受け取り、PR を更新し、完了したら通知します。

このワークフローは、プルリクエストのプレビューを提供するサービスと非常にうまく連携します。例えば、Azure Static Web Apps、Vercel、Netlify などを使用している場合、ローカルでブランチをチェックアウトして実行することなく、エージェントの作業を確認できます。

Live preview of the site on Netlify but we have an error

おっと、よく見てみると、「トレンド」セクションがうまく機能していないようです。この場合、それは問題ありません。むしろ良いことです。エージェントは、必要なデータベースの変更を作成する権限がないため、一度で成功できませんでした。代わりに、PR の一部としてマイグレーションスクリプトを作成しました。これには手動で PR をチェックアウトする必要がありますが、そういった種類の変更については、自分で管理する方が安心できるかもしれません。

しかし、もし開発環境のデータベースに変更を加えるアクセス権を与えたい場合はどうすればよいでしょうか?コーディング エージェントは MCP サーバーをサポートしており、お使いのデータベース(この場合は Supabase)用の MCP サーバーがあれば、リポジトリでエージェント用の MCP サーバーを設定できます。すべてはあなた次第です。エージェントにどの程度の自律性を与えたいかによります。

MCP configuration shown for Copilot Coding Agent on github.com

しかし、さらに素晴らしいことがあります。これらすべてを VS Code から直接行えるのです。

Copilot チャットからセッションを開始

私たちは、VS Code のチャットパネルから直接、ますます多くのことを行いたいと思うようになっています。GitHub での作業も好きですが、私たちの多くは VS Code をホームベースだと感じています。コーディング エージェントをチャットに導入することで、Issue のワークフローに縛られることがなくなります。今では、チャットのどの時点でも、どんなに長くても、作業中のタスクを直接コーディング エージェントに委任できます。現在のチャットセッションの一部であるすべてのコンテキストが、コーディング エージェントに引き渡されます。

すると、コーディング エージェントは PR を作成し、Issue のステップを完全にスキップして直接作業に取りかかります。コンテキストを詳細な PR の説明に要約し、Copilot コーディング エージェントが「To-Do リスト」を活用していることがわかります。これにより、何をしているのか、プロセスのどこにいるのかを一目で確認できます。

今後の予定

Visual Studio Code の Copilot コーディング エージェント連携は現在プレビュー段階ですが、今日からすべてを使用できます! GitHub Pull Requests 拡張機能がインストールされていることを確認し、以下の設定を VS Code に追加するだけです...

"githubPullRequests.codingAgent.uiIntegration": true,

私たちは、コーディング エージェントとのこの統合をさらに深めていくことに非常に興奮しています。また、最近 VS Code の AI 機能を完全にオープンソース化するという動きがあったため、私たちのコーディング エージェントのイテレーション計画で進捗を追跡できます。現在、以下の点に取り組んでいます。

  • PR のパフォーマンスとレンダリング
  • コーディング エージェント セッション用の統合チャットビュー
  • Copilot エージェントのコマンドセンターを VS Code に導入
  • コーディング エージェントと VS Code 間でのカスタム指示の共有
  • ドキュメントの追加

この体験に関するご意見をお待ちしておりますので、VS Code リポジトリの Issue としてフィードバックをお寄せください!

さあ、自分自身を 100 倍にしよう

あなたと新しいエージェントの仲間たちが一緒に何を構築するのか、楽しみにしています! リリースノートCopilot のドキュメントで、この分野の新しい開発にご注目ください。

その間に、やりたくないことのリストを作り始めてください。なぜなら、あなたはもうすぐお気に入りの新しいチームメイトを何人か手に入れることになるからです。