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

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

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

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

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 内の画像の代替テキスト生成

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

  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.

テストエラーの修正

テストエクスプローラーから直接、コードベース内の失敗したテストの修正をサポートします。

  1. テストエクスプローラーで、失敗したテストの上にマウスを置きます。
  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 設定を使用します。セマンティック検索を自動的に実行するか、明示的にリクエストしたときのみ実行するかを選択できます。

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

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 設定を使用します。設定エディターでは、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.