次の方法で共有

Copilot in Edge を使用してソース コードを説明する

Microsoft Edge DevTools の ソース ツールは、ソース コードを理解するのに役立つ Copilot in Microsoft Edge と統合されています。

Web ページを検査するときに、[ソース] ツールに表示されるソース コードに関する詳細情報が必要になる場合があります。 次のコード行を説明する 機能を使用すると、Copilot in Edge のソース コードに関する詳細情報が表示されます:

Microsoft Edge サイドバーの Copilot。ソース コードと説明が表示されます。

サポートされるシナリオ

この機能は標準のブラウザー ウィンドウで使用するもので、以下のシナリオでは利用できません:

Copilot in Edge を有効にする

この説明機能を使用するには、Copilot in Edge を有効にします:

  1. Microsoft Edge にサインインします。 詳細については、「サインインしてデバイス間の Microsoft Edge を同期する」を参照してください。

  2. ブラウザー ツール バーの右上隅に Copilot アイコン (ブラウザー ツール バーの [Copilot] アイコン) が表示されていることを確認します。 そうでない場合は、Microsoft Edge で [設定とその他] (...) >[設定]>[サイドバー]>[Copilot] を選択し、[Copilot の表示] 切り替えをオンにします。

ソース コードについて説明する

ソース ツールで Copilot を使用してコードを説明するには:

  1. 説明するソース コードを含む Web ページを開きます。 たとえば、新しいウィンドウまたはタブで TODO アプリ のデモ ページを開きます。

  2. DevTools を開くには、Web ページを右クリックし、検査を選択します。 あるいは、Ctrl + Shift + I (Windows、Linux) または Command + Option + I (macOS) を押します。 DevTools が開きます。

  3. DevTools の アクティビティ バーで、[ソース] タブを選択します。そのタブが表示されない場合は、[その他のツール] (その他のツール アイコン) ボタンをクリックします。

  4. [ソース] ツールの [ページ] タブで、to-do.js ファイルを選択します。 そのファイルのソース コードが [エディター] ウィンドウに表示されます。

  5. to-do.js ファイルの数行のコードを選択します。 たとえば、changeTask 関数の内容を選択します:

    to-do.js ファイルが開き、数行のコードが選択されている Edge のソース ツール

  6. コードを右クリックし、[Copilot: 次のコード行について説明する] を選択します。

    Microsoft Edge サイドバーで Copilot が開き、ソース コード、DevTools のソース ツールからこれらのコード行を説明するメッセージ、ソース コードを説明する応答が表示されます:

    Microsoft Edge サイドバーの Copilot で、ソース コードと説明が表示されている

  7. ソース コードの詳細を取得するには、Copilot で追加の質問を入力します。

フィードバックの提供

上記の機能を使用すると、Copilot in Edge が提供する応答が自動的に生成されるため、驚きや間違いが発生する可能性があります。 応答の品質と精度のレベルは常に向上していますが、正しくない応答が表示された場合は、「Copilot in Edge 実験のエラーとソース コードの説明に関するフィードバック」にコメントを追加して、お知らせください。

関連項目

  • Last updated on