エージェント型開発を探求する -

Visual Studio Code の AI スマートアクション

いくつかの一般的なシナリオでは、プロンプトを記述しなくても スマートアクション を使用して AI から支援を受けることができます。これらのスマートアクションの例として、コミットメッセージの生成、ドキュメントの生成、コードの説明や修正、コードレビューの実行などがあります。これらのスマートアクションは、VS Code UI 全体で使用可能です。

コミットメッセージと PR 情報の生成

コード変更に基づいて、コミットメッセージやプルリクエスト (PR) のタイトルと説明を生成する支援を受けられます。ソース管理ビューまたは GitHub PR 拡張機能にある キラキラ (sparkle) アイコンを使用して、変更内容を要約したタイトルと説明を生成します。

Hover over Source Control input box sparkle buttons shows Generate Commit Message

AI によるマージ競合の解決 (実験的)

AI を使用して Git のマージ競合を解決します。エディター内の Resolve Merge Conflict with AI (AI でマージ競合を解決) ボタンを選択すると、チャットビューが開き、マージ競合の解決を支援するエージェントフローが開始されます。マージベースと各ブランチからの変更内容が、AI へのコンテキストとして提供されます。

Screenshot of the proposed merge conflict resolution in the editor.

TODO コメントの実装

GitHub Pull Requests 拡張機能がインストールされている場合、Copilot コーディングエージェント を使用して、コード内の TODO コメントを実装できます。

  1. GitHub Pull Requests 拡張機能がインストールされていることを確認してください。

  2. コードに TODO コメントを追加します。コメントの横にコードアクション (電球アイコン) が表示されます。

  3. コードアクションを選択し、Delegate to coding agent (コーディングエージェントに委任) を選択します。

    Screenshot that shows a Code Action menu with Start Coding Agent option for a TODO comment.

シンボルの名前変更

コード内のシンボルの名前を変更する際、そのシンボルとコードベースのコンテキストに基づいて、AI が生成した新しい名前の候補を取得できます。

Inline chat suggesting a new name for a symbol in a Python file

Markdown 内の画像に対する代替テキスト (alt text) の生成

AI を使用して、Markdown ファイル内の画像に対する代替テキスト (alt text) を生成または更新します。代替テキストを生成するには:

  1. Markdown ファイルを開きます。

  2. カーソルを画像リンクの上に置きます。

  3. コードアクション (電球アイコン) を選択し、Generate alt text (代替テキストの生成) を選択します。

    Screenshot that shows a Code Action menu with Generate alt text option for a Markdown image link.

  4. すでに代替テキストがある場合は、コードアクションを選択し、Refine alt text (代替テキストを洗練) を選択します。

ドキュメントの生成

AI を使用して、複数の言語でコードドキュメントを生成します。

  1. アプリケーションコードファイルを開きます。

  2. 必要に応じて、ドキュメント化したいコードを選択します。

  3. 右クリックして Generate Code (コードの生成) > Generate Docs (ドキュメントの生成) を選択します。

    Inline chat /doc example to generate documentation code comments for a calculator class

テストを生成する

プロンプトを記述せずにアプリケーションコードのテストを生成するには、エディターのスマートアクションを使用できます。

  1. アプリケーションコードファイルを開きます。

  2. 必要に応じて、テストしたいコードを選択します。

  3. 右クリックして Generate Code (コードの生成) > Generate Tests (テストの生成) を選択します。

    VS Code は、既存のテストファイルにテストコードを生成するか、存在しない場合は新しいテストファイルを作成します。

  4. 必要に応じて、インラインチャットプロンプトで追加のコンテキストを提供し、生成されたテストを洗練させます。

コードの説明

エディター内のコードブロックの説明について支援を受けます。

  1. アプリケーションコードファイルを開きます。

  2. 説明が必要なコードを選択します。

  3. 右クリックして Explain (説明) を選択します。

    VS Code が、選択したコードブロックの説明を表示します。

コーディングエラーの修正

プロンプトを記述せずにアプリケーションコードのコーディング問題を修正するには、エディターのスマートアクションを使用できます。

  1. アプリケーションコードファイルを開きます。

  2. 説明が必要なコードを選択します。

  3. 右クリックして Generate Code (コードの生成) > Fix (修正) を選択します。

    VS Code がコードを修正するための提案を表示します。

  4. 必要に応じて、チャットプロンプトで追加のコンテキストを提供し、生成されたコードを洗練させます。

あるいは、コードファイルにコンパイルエラーやリンティングの問題がある場合、VS Code は問題を解決するためのコードアクションをエディターに表示します。

Screenshot of the editor showing the sparkle icon and Copilot context menu to explain or fix the issue.

テストエラーの修正

Test Explorer から直接、コードベースで失敗しているテストを修正するための支援を受けられます。

  1. Test Explorer で、失敗したテストにマウスホバーします。
  2. Fix Test Failure (テストの失敗を修正) ボタン (キラキラアイコン) を選択します。
  3. Copilot が提案した修正を確認して適用します。

あるいは、以下の操作も可能です。

  1. チャット ビューを開く
  2. /fixTestFailure コマンドを入力します。
  3. Copilot の提案に従ってテストを修正します。
ヒント

エージェントを使用する場合、エージェントはテスト実行時にテスト出力を監視し、自動的に失敗したテストを修正して再実行を試みます。

ターミナルエラーの修正

ターミナルでコマンドの実行に失敗すると、VS Code は何が起きたのかを説明するクイックフィックスを提供するキラキラアイコンをガターに表示します。

Fix with Copilot option in the terminal after a failed terminal command.

コードレビュー

VS Code は、エディター内のコードブロック、またはプルリクエストに含まれるすべての変更のコードレビューを支援できます (GitHub Pull Requests 拡張機能が必要です)。

エディター内のコードブロックをレビューするには:

  1. アプリケーションコードファイルを開きます。

  2. 説明が必要なコードを選択します。

  3. 右クリックして Generate Code (コードの生成) > Review (レビュー) を選択します。

    VS Code は Comments (コメント) パネルにレビューコメントを作成し、エディター内にもインラインで表示します。

プルリクエスト内のすべての変更をレビューするには:

  1. GitHub Pull Requests 拡張機能を使用してプルリクエストを作成します。

  2. Files Changed (変更されたファイル) ビューで Code Review (コードレビュー) ボタンを選択します。

    VS Code は Comments (コメント) パネルにレビューコメントを作成し、エディター内にもインラインで表示します。

セマンティック検索結果 (プレビュー)

VS Code の検索ビューを使用すると、ファイル全体でテキストを検索できます。セマンティック検索では、テキストが完全に一致しなくても、検索クエリと意味的に関連する結果を見つけることができます。これは、特定の用語ではなく概念に関連するコードスニペットやドキュメントを探している場合や、検索する正確な用語がわからない場合に特に役立ちます。

Search view showing semantic search results that are not an exact match for the search criteria.

検索ビューでのセマンティック検索は、 search.searchView.semanticSearchBehavior Open in VS Code Open in VS Code Insiders 設定で構成します。セマンティック検索を自動的に実行するか、明示的に要求した場合のみ実行するかを選択できます。

検索ビューでは、AI が生成したキーワードの候補を取得して、関連する代替検索用語を確認することもできます。検索キーワードの提案は、 search.searchView.keywordSuggestions Open in VS Code Open in VS Code Insiders 設定で有効にします。

Search view showing keyword suggestions based on the search query.

Add Context (コンテキストの追加) クイックピックから Get results from the search view (検索ビューから結果を取得) を選択することで、チャットプロンプト内で検索結果を参照できます。または、チャットプロンプトに #searchResults と入力します。

AI による設定の検索

変更したい設定の正確な名前がわからない場合は、AI を使用して検索クエリに基づいた関連設定を見つけることができます。例えば、「increase text size (テキストサイズを大きくする)」と検索して、エディターのフォントサイズを制御する設定を見つけることができます。

この機能は workbench.settings.showAISearchToggle Open in VS Code Open in VS Code Insiders 設定で有効にします。設定エディターでは、Search Settings with AI (AI で設定を検索) ボタンを使用して AI 検索結果のオン/オフを切り替えることができます。

Screenshot that shows the Settings editor showing AI-generated suggestions for settings.

© . This site is unofficial and not affiliated with Microsoft.