Chrome DevToolsで表示されるエラーを生成AIのGeminiが解説してくれる新機能、日本でも利用可能に

今回は「Chrome DevToolsで表示されるエラーを生成AIのGeminiが解説してくれる新機能、日本でも利用可能に」についてご紹介します。

関連ワード (期待、画面、英語等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


Chrome DevToolsのコンソールで表示されるエラーメッセージなどをGoogleの最新AIであるGeminiが解説し、解決方法などを提案してくれる機能が日本でも利用可能になっていることが分かりました。

この機能は今年(2024年)5月に米国で実験的機能として利用可能になっており、日本での提供開始が待たれていました。

下記のChrome DevToolsのドキュメント「コンソールの分析情報: Gemini でエラーと警告をより深く理解する | Chrome DevTools | Chrome for Developers」で、この機能が「コンソールの分析情報」として日本でサポートされていることが記述されています。

「コンソールの分析情報」が日本でサポート

DevToolsでGeminiを利用する設定手順

コンソールの分析情報、すなわちChrome DevToolsでGeminiによる解説を得るには、次の手順で設定します。

まず、バージョン125かそれ以後のChromeにGoogle IDでログインし、同期の設定をしていることを確認します(同期を設定していないと利用できませんでした)。

次に「F12」キーなどでDevToolsを起動し、右側にある歯車のアイコンをクリックして設定画面を表示。言語を「日本語 – Japanese」から「英語(アメリカ) – English(US)」に変更します。

残念ながら日本語での利用はまだできないようです。

DevToolsの言語を英語に

DevToolsを再読み込みするため、右側の閉じるボタン「×」をクリックしてDevToolsを閉じた後に、Webページを再読込し、再び「F12」キーなどでDevToolsを起動します(Chromeを再起動しなくてもよいようです)。

すると画面が英語に切り替わっているはずです。

再び右側の歯車アイコンをクリックし「Settings」画面を表示して「Preference」の項目を下にスクロールしていくと、「Understand console messages with AI」にチェックが入っているはずです。

このチェックがGeminiによる解説を有効にするための設定です。

「Understand console messages with AI」にチェック

設定を確認したら、実際にエラーのあるWebページを表示させてみましょう。エラーやワーニング表示にマウスカーソルを載せると、その右側に電球のアイコンが表示されます。

電球アイコンにマウスカーソルを合わせると、下図のように「Understand this error」の表示に切り替わります。

「Understand this error」の表示

クリックすると、データをAIに送信する上でプライバシー関連に同意するための説明がいくつか表示された後に、次のようなGeminiによって生成された解説が表示されます。

Geminiによって生成された解説が表示される

日本語でこの機能が利用可能になることが期待されます。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
GitHubがSubversionのサポート終了を発表、2024年1月8日まで。その後は全面的にGitに注力予定
Git
2023-01-26 21:46
ポケモンGOで強ポケ入手のチャンス到来 ホウエン地方イベント開始 “コメパングロス”も
くらテク
2021-01-21 08:29
クラウドエンジニアなら知っておきたいプログラミング言語
IT関連
2021-05-29 07:09
中国版TikTokのライバル動画アプリKuaishouが上場初日に194%急騰、時価総額19兆円超に
ネットサービス
2021-02-07 17:06
東北新社の衛星放送事業、5月に認定取り消し 外資規制違反で
ネットトピック
2021-03-29 05:06
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど
Adobe
2023-10-25 06:30
ServiceNow、「Now Platform」新バージョンを提供–「San Diego」リリース
IT関連
2022-03-31 08:08
デジタルトランスフォーメーション:バリューを最大化する予算配分を実現するためのヒント
IT関連
2021-08-10 05:31
「ファミコンカセット」オークションの落札最高額が更新、NES版「ゼルダ」未開封・初期生産品が約9600万円で落札
ゲーム / eSports
2021-07-13 10:59
UberがドライバーにRosetta Stoneの語学レッスンを無料で提供へ
シェアリングエコノミー
2021-07-31 15:45
日本NPOセンター、NTTデータらIT企業4社とNPOにおけるデジタル人材育成を促進
IT関連
2023-09-08 05:38
eコマースのグローバルな荷物追跡プラットフォームを提供する香港AfterShipが71.2円調達
ネットサービス
2021-04-25 14:56
NECとアサヒ飲料、AIによる新商品の需要予測を実証–商品の欠品や余剰在庫を防止
IT関連
2023-12-23 11:53
Facebookがラップを制作・公開できるTikTok風アプリ「BARS」を発表
ネットサービス
2021-03-01 14:10