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

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

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

コミット メッセージと PR 情報を生成する

コードの変更に基づいて、コミット メッセージと pull request (PR) のタイトルおよび説明を生成するための支援を得られます。[ソース管理] ビューまたは GitHub PR 拡張機能の キラキラ アイコンを使用して、変更を要約したタイトルと説明を生成します。

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

シンボルの名前を変更

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

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

Markdown 内の画像の代替テキストを生成

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

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

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

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

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

  4. 既に代替テキストがある場合は、コード アクションを選択し、[代替テキストを調整] を選択します。

ドキュメントを生成

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

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

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

  3. 右クリックし、[コードを生成] > [ドキュメントを生成] を選択します。

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

テストを生成する

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

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

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

  3. 右クリックし、[コードを生成] > [テストを生成] を選択します。

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

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

コードを説明

エディター内のコード ブロックを説明するのを手伝ってもらいます。

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

  2. 修正したいコードを選択します。

  3. 右クリックし、[コードを生成] > [説明] を選択します。

    VS Code は選択されたコード ブロックの説明を提供します。

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

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

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

  2. 修正したいコードを選択します。

  3. 右クリックし、[コードを生成] > [修正] を選択します。

    VS Code はコードを修正するためのコード候補を提供します。

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

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

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

テスト エラーを修正

コードベース内の失敗したテストの修正について、テスト エクスプローラーから直接支援を得られます。

  1. テスト エクスプローラーで、失敗したテストにカーソルを合わせます
  2. [テストの失敗を修正] ボタン (キラキラ アイコン) を選択します
  3. Copilot が提案した修正を確認して適用します

または、次のようにもできます

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

エージェント モードは、テスト実行時にテスト出力を監視し、失敗したテストを自動的に修正して再実行しようとします。

ターミナル エラーを修正

ターミナルでコマンドの実行に失敗すると、VS Code はガターにキラキラ マークを表示し、何が起こったかを説明するクイック修正を提案します。

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

コードをレビュー

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

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

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

  2. 修正したいコードを選択します。

  3. 右クリックし、[コードを生成] > [レビューとコメント] を選択します。

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

pull request のすべての変更をレビューするには

  1. GitHub Pull Requests 拡張機能で pull request を作成します

  2. [変更されたファイル] ビューで [コード レビュー] ボタンを選択します。

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

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

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

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

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

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

Search view showing keyword suggestions based on the search query.

[コンテキストを追加] クイック ピックから [検索ビューから結果を取得] を選択することで、チャット プロンプトで検索結果を参照できます。または、チャット プロンプトに #searchResults と入力します。

AI を使用した設定の検索 (実験的)

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

この機能を有効にするには、workbench.settings.showAISearchToggle 設定を使用します。設定エディターで、[AI を使用して設定を検索] ボタンを使用して、AI 検索結果のオン/オフを切り替えることができます。

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