オーロラ
Chrome エンジニアとオープンソースのウェブ フレームワークが協力し、特にパフォーマンスに重点を置いてウェブ全体のユーザー エクスペリエンスを改善しています。
Aurora プロジェクトの概要
オープンソースのツールとフレームワークは、デベロッパーがウェブ向けの最新のアプリを構築できるようにするとともに、優れたデベロッパー エクスペリエンスをサポートするうえで大きな役割を果たします。
改良点
2024 年、Aurora チームは、ウェブ フレームワークを使用したアプリケーションの Core Web Vitals の改善に注力しています。現在、Next.js、Angular、Nuxt と提携してパフォーマンス機能をリリースしています。
ブログから
JavaScript フレームワークの新機能(2024 年 5 月)
JavaScript フレームワーク エコシステムの最近の開発をご紹介します。
サードパーティ ライブラリを管理するための Next.js パッケージ
YouTube、Google マップ、Google アナリティクスなどの一般的なサードパーティ向けの新しい Next.js ラッパー コンポーネントについてご確認ください。
Angular SSR を使用して DOM に安全にアクセスする
Angular で SSR とともに DOM を安全に使用する方法を学習します。
NgOptimizedImage の新機能
Angular アプリの画像パフォーマンスをさらに向上させる、Angular NgOptimizedImage ディレクティブに含まれる新機能について学びます。
フォント フォールバックのフレームワーク ツール
Next.js、Nuxt、Vite、Capsize のツールを使用して、Cumulative Layout Shift(CLS)を防ぐためにフォント フォールバックのサイズを調整する方法を理解します。
フォントの代替機能の改善
フォント フォールバックの生成方法と、size-adjust、acent-override、descent-override、line-gap-override API の各 API について、詳しく解説します。
コンテナ内のクエリ ポリフィル
ポリフィルの仕組み、それが克服する課題、優れたユーザー エクスペリエンスを提供するためのベスト プラクティスをご紹介します。
Angular の画像ディレクティブを使用して画像を最適化する
バージョン 14 から利用可能になった Largest Contentful Paint(LCP)を、Angular の画像ディレクティブを使用して改善する方法について説明します。
最近のテックトーク
最新の Aurora プロジェクト、機能、ベスト プラクティスについては、こちらの動画をご覧ください。
Next.js のマスター スクリプトとサードパーティ
Frontend Nation 2024: Script コンポーネントとサードパーティ統合の詳細をご確認ください。
JavaScript フレームワークのエコシステムを把握する
Google I/O 2024: JavaScript フレームワーク エコシステムの最近の発展をご確認ください。
Next.js での第三者読み込みの最適化
Next Conf 2023: Next 14 でリリースされた新しい Next/サードパーティのパッケージについてご確認ください。
画像最適化のためのフレームワーク ツール
perf.now() 2023 年イベント前: Google が Next.js と Angular で構築した、画像のパフォーマンスを向上させるフレームワーク ツールの詳細をご覧ください。
Chrome Aurora によるトーク セッション
Chrome Aurora チームの Houssein Djirdeh 氏による useReactNYC 2023 Fireside Chat をご覧ください。
Chrome Aurora
Infobip Shift 2022: Chrome Aurora チームが Next.js、Nuxt、Angular と連携し、ウェブ フレームワークのエコシステムを進化させるためにどのように取り組んでいるかをご覧ください。