[AI アシスタント] パネルを使用して、AI を活用したウェブサイトの動作について確認できます。
概要
AI アシスタント パネルを使用すると、DevTools で直接 Gemini とチャットできます。このパネルから開始した会話には、検査しているページの技術的な詳細に関するコンテキストが自動的に含まれます。
[AI アシスタント] パネルを使用する場合は、提供されたサンプル プロンプトまたは独自の質問を会話の出発点として使用し、タスクを解決するために必要な数のフォローアップ質問を続けます。
[AI アシスタント] パネルのチャットは、次のような情報を把握するのに役立ちます。
- スタイル設定: DOM ツリーの要素について質問し、要素が特定の方法で表示される理由や、要素同士の相互作用を学び、提供された修正方法でスタイル設定の問題を解決します。
- ネットワーク リクエスト。ページのコンテキストで送信されるリクエストについて質問します。エラーの発生元、所要時間、失敗の原因を把握します。
- ソース。ウェブページによって読み込まれたファイルについて質問します。内容と目的について確認する。
- パフォーマンス。[パフォーマンス パネル] に記録されたパフォーマンス プロファイルのアクティビティについて質問し、改善案を入手する。
要件
[AI 支援] パネルを使用するには、次の条件を満たしている必要があります。
- 18 歳以上で、サポートされている地域に居住している。
- Chrome Canary 131 以降を使用していること。
- Google アカウントで Chrome にログインしていること。
- の [設定] > [設定] > [外観] > [言語] で [英語（米国）] が選択されている。
- DevTools の [] [設定] > [AI イノベーション] で AI アシスタンスがオンになっている。
データの取り扱いについて
このお知らせとプライバシーに関するお知らせでは、Chrome DevTools の AI イノベーションがユーザーのデータをどのように取り扱うかを説明しています。よくお読みください。
Chrome DevTools の AI アシスタンスは、検査対象のページが Web API を介して公開しているデータを使用します。
Google は、この入力データ、生成された出力、関連する機能の使用状況に関する情報、フィードバックを収集します。Google ではこのデータを、Google のプロダクト、サービス、機械学習技術（Google Cloud など、Google の企業向けプロダクトも含む）の提供、改善、開発に使用します。
品質の向上とプロダクトの改善のため、人間のレビュアーが前述の入力データ、生成された出力、関連機能の使用情報、フィードバックを確認し、注釈を付け、処理を行う場合があります。メッセージやフィードバックには、ご自身や他人を特定できるような機密情報（部外秘など）や個人情報を含めないでください。データは誰によって提供されたものかわからないように保存されるため、削除のリクエストに応じることはできず、最大 18 か月間保持されます。Google アカウントが組織によって管理されている場合、Google はプロダクトの改善のためにデータを収集しないことがあります。
AI アシスタントを使用する際は、次の点にご注意ください。
- AI アシスタントは試験運用版の技術を使用しており、Google の見解を反映していない、不正確または不適切な情報を生成することがあります。回答に投票すると、この機能の改善に役立ちます。
- この機能は試験運用版であり、将来変更される可能性があります。
- 生成されたコード スニペットは慎重に使用してください。
この機能を使用するには、AI アシスタントの使用には Google 利用規約が適用されることに同意する必要があります。
既知の問題
AI アシスタントは、Google の大規模言語モデルを使用して説明を生成します。大規模言語モデル（LLM）は、新しい活発な研究分野です。LLM が生成する回答は、疑問の余地がある場合や、まったく間違っている場合もあります。結果が不正確または誤解を招く可能性があることを理解し、常に再確認することが重要です。
説明が正しくない
LLM は、ありそうでありふれたコンテンツを生成します。ほとんどの場合、このコンテンツには、関連するコンテキストでエラーや警告を理解するのに役立つ、真実で有用な分析情報が含まれています。最新のウェブ開発とデバッグは、高度な複雑さを伴う難しい作業であり、習熟するには何年もの経験が必要です。LLM が生成する回答は説得力があるように聞こえますが、実際には誤解を招くものや、人間のウェブ デベロッパーにとって意味のないものです。Google は、生成される回答の品質と正確性を継続的に改善するよう努めています。
間違った回答や説明の例:
- 幻覚の CSS 機能、プロパティ、構文
- 存在しない要素またはクラス名
誤った説明を見つけた場合は、フィードバックをお送りください。
プロンプト インジェクション
多くの LLM アプリケーションは、プロンプト挿入と呼ばれる一種の不正行為の影響を受けやすいです。この機能も例外ではありません。LLM を騙して、デベロッパーが意図していない命令を受け入れさせることが可能です。
次の無害な例をご覧ください。
