公開日: 2024 年 12 月 13 日
ウェブが始まったばかりの頃にオンラインになるということは、遅いダイヤルアップを辛抱強く待ち、Perl と HTML のビットをいじくり回すことを意味していました。しかし、ウェブは瞬く間に指数関数的に進化しました。食料品の当日配達を依頼する場合でも、AI を使用して大量の長い記事を要約する場合でも、リンクは無限の可能性へのポータルとなっています。
だからこそ、多くの人がウェブを愛しているのです。世界中のより多くのユーザーを魅了できるよう、フロントエンド、フルスタック、初心者、プロフェッショナルを問わず、すべてのウェブ デベロッパー向けの新しいツールをリリースしてきました。
2024 年の革新的な機能のまとめをご覧ください。これらの機能を使用すると、より少ない労力で想像力にあふれるウェブ エクスペリエンスを構築できます。
Chrome に組み込まれた AI により、デベロッパーは Gemini の強力な機能を活用
Google I/O 2024 では、Chrome に直接組み込まれた Gemini Nano を使用して AI でウェブを強化する方法を発表しました。現在までに 13,000 人以上の方々が早期プレビュー プログラムに参加し、ウェブの未来を一緒に形作ってくださっています。皆様のご貢献に心より感謝申し上げます。皆様が構築する革新的な AI エクスペリエンスに期待しています。
AI を最大限に活用していただくため、オリジン トライアルにいくつかの組み込み API を導入しました。たとえば、試験運用版の Prompt API、Translator API、Summarizer API、Language Detector API などです。これらのすべてで、サーバー呼び出しなしでブラウザで AI を活用したタスクを実行できます。独自の AI モデルを管理してデプロイする必要はありません。Google Chrome Built-in AI Challenge には 8,600 人を超えるデベロッパーが登録し、これらの API を使用してウェブアプリや Chrome 拡張機能を作成しました。1 月中旬に受賞者を発表しますので、お楽しみに。
WebAssembly（Wasm）と WebGPU の強化により、オンデバイス AI が強化
Google は、ウェブが、あらゆるユーザーにリーチできる AI 対応アプリを構築するための最適なランタイムであると考えています。組み込み AI API の取り組みを補完するため、独自の AI モデルをウェブに導入して高速で実行できるようにする 2 つのテクノロジー（WebGPU と Wasm）も改善しました。
WebGPU の 16 ビット浮動小数点値とパックされた整数ドット積を導入しました。これにより、コンピューティング シェーダーでデバイスの GPU をより柔軟に使用できるようになります。WebGPU の今後の改善点としては、サブグループとサブグループ行列が予定されています。これらの機能により、アプリは GPU スレッド間で迅速に通信し、固定サイズの行列乗算を最大限に活用できます。また、2025 年には Wasm に Memory64 を導入し、より大きな AI モデルをメモリ内で処理できるようにする予定です。
View Transition API により、サイトのナビゲーションがスムーズになり、サイト間のつながりがこれまで以上に感じられるようになります
ドキュメント間のビューの切り替えなどの新機能により、複数のページをシームレスかつスムーズに移動できます。CSS を数行記述するだけで、厄介なリロードの「ちらつき」を解消できます。その結果、ネイティブ アプリのようなスムーズなナビゲーションを実現し、マルチページ アーキテクチャのメリットを維持しながら、より没入感のあるエクスペリエンスを提供できます。
CSS ポップオーバーとアンカーの配置により、JavaScript を使用せずにインタラクティブなオーバーレイが可能に
popover を使用してツールチップ、メニュー、その他のオーバーレイを作成し、CSS アンカー ポジショニング API を使用してトリガー要素に視覚的に接続できるようになりました。オーバーレイがアンカーされ、ユーザーがスクロールしたりウィンドウのサイズを変更したりしても表示されるようにするには、CSS と HTML を少しだけ使用します。ユーザーはより信頼性の高い動的なウェブ エクスペリエンスを利用できるようになり、デベロッパーは z-index の管理や複雑な JavaScript の位置計算から解放されます。相乗効果が生まれます。
Speculation Rules API でページを事前レンダリングして高速ナビゲーションを実現
今年は Speculation Rules API により、ページの読み込み時間が高速からほぼ瞬時に短縮されました。この API は、数行の JSON を実装するだけで、ページをバックグラウンドで完全にプリレンダリングして、ユーザーがいつでも利用できるようにします。
Interaction to Next Paint（INP）が Core Web Vital に
INP は、3 月に Core Web Vitals として First Input Delay に代わりました。これにより、最初のユーザー入力だけでなく、ページ レスポンシブをより包括的に測定できるようになります。それ以来、モバイルで「良好」な INP を持つサイトの数が 9% 増加しました。これは、ウェブ全体でより高速で快適なユーザー エクスペリエンスが実現されたことを意味します。
自動入力で、オンライン購入手続きをスムーズにしてユーザーを満足させましょう
自動入力を有効にすると、ブラウザでユーザーの保存済み情報がフォームの入力欄に自動的に入力されるため、フォームの送信を完了するようユーザーを促すことができます。Chrome チームが数千ものオンライン フォームの匿名化された集計データを分析したところ、自動入力を使用するとフォームの離脱率が平均で 75% 減少することがわかりました。購入手続きの満足度を高める要因は数多くありますが、データによると、自動入力は有用な役割を果たす可能性があります。
自動入力は、特に e コマースの購入手続きフローで役立ちます。Shopify では、自動入力を使用したゲスト購入手続きのコンバージョン率は、自動入力を使用しないゲスト購入手続きよりも 45% 高くなっています。
Chrome DevTools が AI 活用ソリューションでレベルアップ
以前、コンソール インサイトで Gemini を Chrome DevTools に導入し、AI を活用したデバッグにアクセスして、より効率的にトラブルシューティングを行えるようにしました。Google I/O 2024 以降、この機能は全世界で利用できるようになりました。
また、Gemini を使用して、スタイリング、ネットワーク リクエスト、ソース、パフォーマンスなどのページの技術的な詳細を把握できる AI アシスタンス パネルもリリースしました。
パフォーマンス パネルも、今年は大幅に改善されました。たとえば、ウェブに関する主な指標をリアルタイムでモニタリングしたり、アノテーションを追加したりできるようになりました。また、パフォーマンス分析情報により、Lighthouse の機能を [パフォーマンス] パネルに統合しました。
AI を活用した機能強化、パフォーマンス パネルの改善、スクロール バッジなどの利便性を高める多数の更新により、Chrome DevTools はこれまで以上に便利になりました。新しい Gemini 2.0 モデルによるパフォーマンスのアップグレードなど、さらなる改善が 2025 年に予定されています。
5 つの方法をご覧ください。ベースライン 2024 で、デベロッパーは新しいクロスブラウザ ウェブ機能を利用可能に
グラデーション補間から登録済みのカスタム プロパティまで、Baseline 2024 には、これまでに 39 個の新しいクロスブラウザ ウェブ機能が含まれています。機能が 30 か月以上 Baseline に含まれていれば、相互運用性について心配する必要はありません。ただし、新機能を使用することでリーチが低下する可能性があるかどうかを判断する場合は、Akamai の RUM Archive Insights で各ベースライン バージョンの機能とグローバル ユーザー シェアを確認してください。
今年のお気に入りの Baseline の発表は、ウェブ プラットフォーム ステータス ダッシュボードです。このダッシュボードには、すべてのウェブ機能と、クロスブラウザ サポートのレベルが示されています。さらに、Web Platform Status ダッシュボードの基盤となるデータはオープンで利用可能であり、独自のツールで使用したり、統合したりできます。その好例がベースライン バナーです。
主要ブラウザが Interop 2024 でより多くの機能をベースラインに
Baseline にさらに多くの機能を追加するため、Google はパートナーと協力して Interop 2024 に取り組んでいます。今年のターゲット機能には、ポップオーバー、CSS ネスト、font-size-adjust、相対色構文が含まれます。
Interop では、試験運用版と安定版のブラウザ リリースのスコアも概説しています。安定版ブラウザの全体的な Interop スコアは現在 87 で、年末に向けて Chrome Stable のスコアは 98 に達しています。ブラウザの進捗状況は、Interop Dashboard で確認できます。2025 年の Interop についてもすでに計画しており、2 月に発表する予定です。
新年に向けてウェブの成長を共に形作る
2024 年の進捗状況は目覚ましいものですが、今後さらに明るい未来が待っていると確信しています。これはすべて、デベロッパー コミュニティの皆様の情熱、フィードバック、イノベーションのおかげです。BrazilJS Conference や DevFest Paris から Google I/O 2024 や 初の Web AI Summit まで、世界各地のイベントで、私たちは何度も確信しました。皆様は私たちと同じように、ウェブの力と可能性を信じているということです。
これまで以上に大胆なアイデアが浮かびます。Google は、お客様のアイデアを形にするお手伝いをさせていただきます。X、YouTube、LinkedIn で最新情報をチェックして、ウェブの力を再考しましょう。