AI

エーアイ

公開：2024-10-23

GoogleがChrome DevToolsにGemini搭載のAIアシスタンス パネルを導入、開発者の効率向上に貢献

text: XEXEQ編集部
（記事は執筆時の情報に基づいており、現在では異なる場合があります）

記事の要約

• Google ChromeのDevToolsにGeminiとの対話機能を追加
• AI アシスタンス パネルをCanary版Chrome 131以降で実装
• DOMツリーの要素やCSSの変更について質問可能に

Google ChromeのDevToolsにGemini搭載のAIアシスタンス機能が登場

GoogleはChrome DevToolsの新機能として、チャットAI「Gemini」と直接対話できるAIアシスタンス パネルを2024年10月に導入した。この実験的機能はCanary版Chrome 131以降で利用可能となり、開発者はDOMツリーの要素やCSSの変更について直接AIに質問できるようになっている。^[1]

AIアシスタンス パネルはDevToolsに組み込まれたGeminiの機能を拡張し、より柔軟な開発支援を実現している。従来のコンソールエラーや警告の説明機能に加えて、チャットUIを通じて開発者が抱える様々な技術的な疑問に対して、AIが詳細な回答を提供することが可能となった。

新機能の利用には18歳以上でサポート対象地域に居住していることや、GoogleアカウントでChromeにログインしていることなどの要件を満たす必要がある。また、DevToolsの言語設定を英語（米国）にし、AI Innovation設定を有効化することで、More toolsメニューからAIアシスタンス パネルを利用できるようになる。

AIアシスタンス パネルの利用要件まとめ

DevToolsについて

DevToolsとは、Webブラウザに組み込まれた開発者向けの総合的なデバッグツールであり、以下のような機能を提供している。

• DOM要素の検証と編集が可能
• CSSスタイルのリアルタイム調整
• JavaScriptのデバッグとパフォーマンス分析

ChromeのDevToolsは、従来からコンソールでのエラー表示やネットワーク通信の監視などの機能を提供してきた。今回のAIアシスタンス パネルの導入により、開発者はより直感的にDOMツリーの要素について質問したり、CSSの変更が反映されない理由を調査したりすることが可能になるだろう。

AI アシスタンス パネルに関する考察

AIアシスタンス パネルの導入は、開発者の生産性向上に大きな可能性をもたらすものだ。特にWebアプリケーション開発における問題解決や学習支援において、AIが24時間体制で開発者をサポートできる点は画期的である。ただし、AIの回答が常に正確とは限らないため、重要な判断を下す際には開発者自身による検証が必要となるだろう。

今後の課題としては、AIアシスタントの精度向上や多言語対応の拡充が挙げられる。現状では英語（米国）設定が必須となっているが、より多くの開発者が活用できるよう、各国語でのサポートが望まれる。また、AIの回答の正確性を担保するための仕組みづくりも重要となってくるだろう。

将来的には、AIアシスタントがコードレビューやセキュリティチェックなどの高度な開発支援機能を提供することも期待できる。DevToolsとの統合により、開発者は従来の手作業による確認作業から解放され、より創造的な業務に注力できるようになるはずだ。

参考サイト

1. ^ Chrome for Developers. 「AI assistance panel | Chrome DevTools | Chrome for Developers」. https://developer.chrome.com/docs/devtools/ai-assistance, (参照 24-10-23).
2. Google. https://blog.google/intl/ja-jp/

※上記コンテンツはAIで確認しておりますが、間違い等ある場合はコメントよりご連絡いただけますと幸いです。

「AI」に関するコラム一覧「AI」に関するニュース一覧