今年の 8 月でウェブが誕生して 35 年になります。数世代にわたるデベロッパーがこの素晴らしい技術を形作り、私たちの生活に数え切れないほどの革新をもたらしてきました。今、AI によって新しい世代が始まろうとしています。デベロッパー向け基調講演と I/O セッションで発表された、便利なウェブ機能を簡単に利用できるようにして、より優れた開発を実現するための 10 の機能についてご紹介します。
1. Chrome パソコンに Gemini Nano を統合し、新しいオンデバイス AI 機能を提供
Chrome 126 以降、Gemini Nano は Chrome デスクトップに組み込まれます。このことが重要な理由は、プロンプト エンジニアリング、微調整、容量、費用を気にすることなく、Chrome の何十億人ものユーザーに強力な AI 機能を提供できます。Chrome の「文書作成サポート」は、オンデバイスのパワーを利用して、ユーザーが短いコンテンツを作成できるようにします。
早期プレビュー プログラムにご登録いただき、ウェブの未来を一緒に形作っていきましょう。
2. WebAssembly と WebGPU により、使用する AI モデルに関係なくオンデバイス AI を実現できます
Google は、WebGPU と Wasm（ウェブ上でオンデバイス AI を実現するための基幹技術）を使用して、AI モデルを迅速かつ効率的に実行できるよう多額の投資を行ってきました。WebGPU の 16 ビット浮動小数点値、WASM の Memory64 と JavaScript Promise の統合などの新機能により、AI の実行速度がさらに向上しています。Wasm と WebGPU を使用すると、AI ライブラリはさまざまなハードウェアで大規模にモデルを実行できます。
3. AI を活用した Chrome DevTools でデバッグ プロセスを効率化
Chrome DevTools は、アプリのデバッグとチューニングに最もよく使用される方法の 1 つです。AI により、デバッグが大幅に簡素化されます。Gemini を Chrome DevTools Console に導入し、分析情報を生成して問題の原因を特定し、解決方法を見つけられるようにします。
Chrome DevTools のコンソールの分析情報は、本日より米国で試験運用版として利用可能になり、まもなく他の国にも展開される予定です。
4. Speculation Rules API による即時ブラウジング エクスペリエンス
新しい Speculation Rules API により、ほぼ瞬時にページに移動できるようになりました。バックグラウンドでページをプリフェッチしてプリレンダリングすることで、ブラウジングの速度を大幅に向上させています。秒ではなくミリ秒単位で考えます。何よりも数行のコードを追加するだけで利用を開始でき、AI を使用してナビゲーション パターンをインテリジェントに予測できます。
5. マルチページ サイトの遷移を表示する
Google は、ユーザーがウェブを利用する方法を再定義したいと考えています。デベロッパーの方には、ウェブ向けの開発方法を変更していただく必要があります。View Transition API を使用すると、ページの状態を簡単にアニメーション化できます。マルチページ アプリでも動作するようになり、サイトのアーキテクチャに関係なくスムーズなナビゲーションを作成できるようになりました。Speculation Rules API と AI を組み合わせると、ページ遷移を完全にシームレスにできます。
6. ブラウザ全体の統合ビューを提供するウェブ プラットフォーム ダッシュボード
ブラウザ間でプラットフォームの最新の変更、API、フレームワークを常に把握するのは簡単ではありません。ベースラインを使用すると、すべてのブラウザでサポートされているウェブ機能を把握できます。ウェブ プラットフォーム ダッシュボードでは、ウェブ プラットフォーム全体を機能のセットとしてマッピングし、開発状況を追跡し、相互運用性のステータスを確認できます。
7. ワークフローに組み込めるベースライン ツール
ベースラインは、ワークフローに統合すると効果的です。本日より、Akamai の RUM Archive に、デベロッパー向けの新しいツール RUM Archive Insights が追加されました。初めて、ベースライン バージョンと、そのバージョンのベースラインでロック解除された機能のグローバルなユーザー シェアを並べて確認できるようになりました。
8. Angular の部分的なハイドレーションによりパフォーマンスが向上
Google は、ウェブアプリの構築とデプロイに最適なプラットフォームの一つが Angular であると考えています。現在、部分的なハイドレーションに取り組んでおり、JavaScript は必要な場合にのみアプリの一部を読み込み、ハイドレーションします。これにより、パフォーマンスに敏感なアプリの Core Web Vitals が大幅に改善されます。今後数週間以内にデベロッパー プレビューでご確認ください。
9. シグナルによる Angular のきめ細かいリアクティブ性（すぐに使用可能）
アプリの変更の検出と管理をより細かく制御できるようにしたいと考えています。入力: シグナルによるきめ細かい応答性。Angular には、シグナルによるファーストクラスのデベロッパー エクスペリエンスを実現する新しいリアクティブ API が用意されています。また、シグナルを使用すると、コンポーネント ツリーの一部のみをチェックして状態の変更を伝播するきめ細かい変更検出が可能になるため、UI を手動で最適化する必要がなくなります。
シグナルベースのリアクティブ API は、すぐに利用できます。きめ細かい変更検出は年内にリリース予定です。
10. Maps JavaScript API で没入感あふれる 3D エクスペリエンスを構築する
Google は、Google Maps Platform の使い慣れた Maps JavaScript API に Photorealistic 3D Maps を導入することで、没入型ウェブ エクスペリエンスを構築する方法の幅を広げています。デベロッパーは、Google のレンダリング技術を活用して、ユーザーが期待する速度で豊富な 3D マップを提供できるようになりました。最大のメリットは、1 行のコードで開始できることです。
皆様が作成される魅力的な没入型エクスペリエンスを楽しみにしております。 詳細
開発の複雑さを克服し、可能性の限界を押し広げています。皆様が楽しめる新しいエクスペリエンスを作成できるよう、Google はサポートさせていただきます。便利なウェブ機能を簡単に利用できるようにする取り組みについて詳しくは、developer.chrome.com と web.dev をご覧ください。X、YouTube、LinkedIn でもぜひつながってください。
次回の I/O でお会いしましょう。