コンソールの分析情報: Gemini でエラーと警告をより深く理解する

Yang Guo
Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

DevTools コンソールから直接 Gemini に分析情報を提供してもらうため、エラーや警告について理解を深めることができます。

データの使用方法と既知の問題もご覧ください。

要件

コンソール分析情報機能を使用するには、次のことを確認してください。

DevTools で [AI を使用してコンソール メッセージを理解する] をオンにする

DevTools を開き、[settings] [Settings] に移動します。[設定] > [コンソール] で、[AI によるコンソール メッセージの確認] check_boxをオンにします。

ロケーションを設定しています...

[AI によるコンソール メッセージの理解] 設定。

チェックボックスをオンにできない場合、情報アイコン情報アイコンは、1 つ以上の要件が満たされていないことを示します。アイコンにカーソルを合わせると、詳細が表示されます。

コンソール メッセージの説明を取得する

説明を表示するには、Chrome で次の操作を行います。

  1. こちらのデモページにアクセスします。
  2. DevTools を開き、ページを調べます。
  3. コンソールを開き、コンソール メッセージを調べます。

  4. デモページで検索ボックス内をクリックします。プルダウン メニューの取得に失敗し、コンソールにエラーが表示されます。

    プルダウン メニューの取得に失敗すると、コンソールにエラーが表示されます。

  5. CORS エラー メッセージにカーソルを合わせます。エラー メッセージの右側に、電球がキラキラ光る。 [このエラーを把握] ボタンが表示されます。

    [このエラーについて理解する] ボタン。

  6. ダイアログを表示するには、電球がキラキラ光る。 [エラーの内容を理解する] をクリックします。

    この機能を初めて使用する場合

    1. プライバシーに関するお知らせを読み、Google がユーザーデータをどのように使用するかについて確認し、[次へ] をクリックします。 プライバシーに関するお知らせが表示されているダイアログ。

      ここで、ダイアログをキャンセルしたり、この機能を無効にすることもできます。

    2. 次のダイアログ ウィンドウで法的通知を読み、知っておくべき事項を確認します。関連する利用規約に同意するには、[check_box] チェックボックスをオンにして [続行] をクリックします。 法的通知が表示されたダイアログ。

      設定の [戻る] や [この機能を無効にする] を使って行うこともできます。

  7. ダイアログ ウィンドウで、Google に送信されるデータを確認します。データを新しいタブで表示するには、対応するリンクをクリックします。

    説明を表示するには、[続行] をクリックします。

    送信するデータのダイアログ。

  8. 数秒後、コンソール エラーの下に説明が表示されます。

    AI 生成のエラーの説明。

説明が不十分と思われる場合は、[代わりに検索を使用] をクリックすると新しいタブが開き、エラーの検索結果が表示されます。

皆様からのご意見をお待ちしております。高評価ボタン thumb_up または低評価 thumb_down ボタンをクリックして、この機能の継続的な改善にご協力をお願いします。

データの取り扱いについて

このお知らせおよび Google のプライバシーに関するお知らせでは、Chrome DevTools でのデータの取り扱いについて説明しています。よくお読みください。

Chrome DevTools は、コンソール メッセージ、関連するスタック トレース、関連するソースコード、関連するネットワーク ヘッダーを入力データとして使用します。[このメッセージの内容を理解する] を使用すると、Google は、この入力データ、生成された出力、関連機能の使用に関する情報、フィードバックを収集します。Google ではこのデータを、Google Cloud など、Google の企業向けプロダクトを含め、Google のプロダクト、サービス、機械学習技術の提供、向上、開発に使用します。

品質の向上とプロダクトの改善のため、上記の入力データ、生成された出力、関連機能の使用情報、およびユーザーのフィードバックを人間のレビュアーが確認し、注釈を付け、処理を行うことがあります。メッセージやフィードバックには、ご自身や他の人を特定できるような機密情報（機密情報など）や個人情報を含めないでください。データは、Google がデータ提供者を特定できない方法で保存され、削除リクエストには応じられず、最長 18 か月間保持されます。お使いの Google アカウントが組織によって管理されている場合、Google サービスの改善のためにデータを収集しないことがあります。

「このメッセージの内容を理解する」では、次の点にご留意ください。

  • Chrome DevTools は、コンソール メッセージ、関連するスタック トレース、関連するソースコード、関連するネットワーク ヘッダーを使用して回答を提供します。
  • Chrome DevTools は試験運用版の技術を使用しているため、生成される情報は不正確または不適切な場合がありますが、Google の見解を述べるものではありません。回答に投票して、この機能の改善にご協力ください。
  • この機能は試験運用中であり、将来変更される可能性があります。
  • 生成されたコード スニペットは慎重に使用してください。

この機能を使用するには、「このメッセージを理解する」の使用が Google 利用規約に従うことに同意する必要があります。

既知の問題

Chrome DevTools は、Google の大規模言語モデルを使用して説明を生成します。大規模言語モデル（LLM）は新しいアクティブな研究分野です。LLM が生成する回答は、疑問が生じた場合や、明らかに間違っている場合もあります。表示される結果は不正確または誤解を招くものである場合があるため、必ず再確認してください。

説明が間違っている

LLM は、もっともらしく聞こえると思われるコンテンツを生成します。ほとんどの場合、このコンテンツには、関連するコンテキストにおけるエラーや警告の理解に役立つ、信頼できる有益な分析情報が含まれています。最新のウェブ開発とデバッグは高度に複雑で難易度が高く、習得するには長年の経験が必要です。LLM からの回答には説得力があるものの、実際には人間のウェブ デベロッパーにとっては誤解を招く内容や、無意味な内容である場合があります。Google は、生成される分析情報の品質と正確性を継続的に改善するために最善を尽くしています。誤った説明を見つけた場合は、フィードバックを送信してください。

プロンプト インジェクション

LLM アプリケーションの多くは、プロンプト インジェクションと呼ばれる不正行為の影響を受けやすい状態です。この機能も同じです。LLM を欺いて、デベロッパーが意図していない指示を受け入れてしまう可能性があります。

次の害のない例をご覧ください。

プロンプト インジェクションの例。