Google I/O 2022: 終了しました

今年の Google I/O での発表のまとめ

Paul Kinlan 氏

Google IO 2022 では、デバイスや帯域幅に関係なく、瞬時につながりのあるウェブを実現するための Google の取り組みに関する最新情報を共有しました。かつてはブラウザで実現できないと考えていたエクスペリエンスを実現するパワフルなプラットフォームです。ユーザーのデータを安全に保護できる、信頼できるデバイスです。ここでは、ユーザーに好まれるエクスペリエンスを簡単に構築するための Google の取り組みについてまとめます。

インスタント ウェブ

優れたウェブ パフォーマンスは、ブラウザとウェブ デベロッパーのパートナーシップです。そこで Google では、3 つの Core Web Vitals を使用してウェブサイトのパフォーマンスを簡単に測定できるようにしました。Vitals を最適化すると、ユーザー エクスペリエンスが向上し、Google 検索での見つけやすさが向上します。「Core Web Vitals in the real world」のセッションでは、世界中のウェブサイトがどのようにしてユーザー エクスペリエンスを向上させるためにどのようにスコアを最適化しているかをご紹介していますので、ぜひご覧ください。

Largest Contentful Paint（LCP）は、知覚される読み込み速度を測定するためのユーザー中心の重要な指標です。LCP が高速の場合、メイン コンテンツが読み込まれた時点がページ読み込みのタイムラインで示されるため、そのページが有益であるという安心感をユーザーに与えることができます。この複雑な指標について詳しくは、セッション「LCP の最適化の詳細」をご覧ください。

講演者の LCP 値は 52.7% の静止画

もう 1 つの新しいパフォーマンス指標に Interaction to Next Paint（INP）があります。初回入力遅延とは異なり、起点だけでなくページ上のすべてのインタラクションも考慮されます。したがって、INP はユーザーが経験するインタラクション レイテンシをより適切にキャプチャできます。詳しくは、The State of Respondness on the Web のセッションをご覧ください。パフォーマンスの向上に役立つよう、Chrome DevTools の新しい [パフォーマンス分析情報] パネルなど、さまざまなアップデートをご確認ください（フィードバックに基づく情報パネル）。

パワフルな機能

前回の I/O 以来、一連の新しい API が安定版の Chrome に導入されています。これにより、パワフルで新しいウェブ エクスペリエンスをユーザーに提供できます。私のお気に入りの例は、Adobe が Photoshop と Illustrator を皮切りに、Creative Cloud をウェブに導入した方法です。

また、Google では、ウェブサイトと基盤となるオペレーティング システムおよびハードウェアを統合する方法の拡張も続けています。高度なアプリはオペレーティング システムとシームレスに統合する機能が追加されました。これにより、ユーザーはデスクトップやホーム画面でアプリを見つけたり、ファイルに簡単にアクセスしたりできます。Google はインストール可能性の改善にも継続的に取り組んでおります。インストールの利便性を高める方法もご覧ください。

より充実したインストール UI の例を示した講演の静止画。

安全に保護

Chrome のイノベーションは、ユーザーのプライバシーとセキュリティに関する Google の取り組みにまで及んでいます。そのため Google では、ユーザーの安全を守りつつ、デベロッパーが機能を維持する道筋を示すという別のアプローチを採用しています。これが Google のプライバシー サンドボックスのビジョンです。詳しくは、サードパーティ Cookie を段階的に廃止し、クロスサイト トラッキングなしで新しい API を導入するための Google の取り組みをご覧ください。Google では、ユーザーのプライバシーを保護しながらウェブ機能を維持するのに役立つ、新しいオリジン トライアルを今すぐご利用いただけます。

講演者とともに Cookie 設定コードが表示されている、講演の静止画。

ユーザーをフィッシングから守るためには、より優れた認証方法が必要です。パスキーを使ったログインやパスワードの煩わしさを取り除きます。詳しくは、セッション「パスワードのない世界への道」をご覧ください。

美しくて楽しい

昨年は、すべてのブラウザで CSS とレイアウト プリミティブが大幅に改善されました。Chrome では、RenderingNG により、デベロッパーが長らく望んでいた多くの機能を提供できるようになりました。CSS の現状をご覧になり、現在および今後利用可能になる新しいスタイル設定 API（コンテナクエリ、サブグリッド、カラー関数）をご確認ください。また、ページ間のシームレスな遷移を実現する Google の取り組みについては、共有要素遷移のトークをご覧ください。

講演者による講演の静止画と、CSS のアクセント カラー プロパティを示すスライド。

ウェブ開発の簡素化

Google は Chromium を通じてそのイノベーションを共有しています。Chromium は、Android アプリ、テレビ、VR ヘッドセットにウェブを提供するオープンソース ブラウザ プロジェクトであり、他のブラウザを支えるエンジンです。

Google は、多くのブラウザで動作する機能を構築することを最優先に考えています。機能の相互運用性を確保することで、ユーザーがリッチなウェブ エクスペリエンスの構築に集中できるように、ウェブ向けの開発を容易にするために Google が他のブラウザとどのように連携しているかをご確認ください。

最後に、ウェブ プラットフォームの新機能の基調講演もぜひご覧ください。最新のウェブ プラットフォーム機能と各種ブラウザでのそれらの機能を、どのような場合にサイトやアプリで活用できるかをご紹介しています。

「ウェブ プラットフォームの最新情報」の静止画です。