このページは Cloud Translation API によって翻訳されました。

ウェブ開発エコシステムチーム - 2 月のまとめ

Mariko Kosaka

ウェブデベロッパーエコシステムチームの最新情報を毎月まとめた記事の第 1 回です。

私たちは、このウェブサイトのウェブの基礎や新しいポータル web.dev など、記事やコードサンプルを制作するエンジニアとコミュニケーション担当者のチームです。YouTube チャンネルでも私たちの取り組みを確認できます。@ChromiumDev のフォローもお忘れなく。

2 月は短い月ですが、コンテンツは充実しています。まず、チームによる大きなリリースから見ていきましょう。

リリース

Workbox

先日、Workbox 4.0 がリリースされました。🎉このリリースには、workbox-window などの優れた新機能と、既存の多くの Workbox パッケージの改善が含まれています。workbox をすでに使用している場合は、v3 から v4 への移行ガイドをご覧ください。既存のプロジェクトで Workbox を使用する方法については、任意のバンドルツールで使用するためのガイドをご覧ください。Workbox が解決する問題がわからない場合は、State of the Web 番組のService Worker に関するインタビューをご覧ください。

lit-html と LitElement

ポリマープロジェクトのチームは、2 つの次世代ウェブ開発ライブラリである lit-html と LitElement の安定版リリースに取り組んできました。試してみたい場合は、LitElement を試すガイドをご覧ください。

信頼できるウェブアクティビティ

Chrome 72 のリリースにより、Trusted Web Activity（TWA）がリリースされました。TWA を使用すると、Android アクティビティ内に Chrome を全画面表示できるため、ウェブコンテンツをアプリに組み込むことができます。スタートガイドをご覧ください。また、@svenbudak が PWA を Google Play ストアに掲載する方法もご覧ください。

今後の予定

Chrome 73 の Stable 版リリース（3 月 12 日）が近づいてきました。今回は、このリリースに含まれる多くの新機能についてご紹介します。

V8 - Chrome の JavaScript エンジンには、Object.fromEntries や String.prototype.matchAll など、多くの更新が含まれています。v8 リリースノートをご覧ください。

ウェブ上の音声と動画を扱っていますか？ハードウェアメディアキーのサポートが開始され、ピクチャーインピクチャーウィンドウの [広告をスキップ] がオリジントライアルで利用可能になりました。詳しくは、Chrome 73 の音声/動画のアップデートをご覧ください。

オリジントライアルについて言えば、Fetch Priority でFetch Priority の準備をしましょう。デベロッパーは、<script>、<img>、<link> 要素の重要度を設定して、ブラウザに読み込み方法を指定できます。この機能はまだ試験運用版であるため、ぜひお試しいただき、フィードバックをお寄せください。

レンダリングパフォーマンスは常に最優先事項です。Chrome 73 では、ルートターゲット（ウィンドウ、ドキュメント、body）に登録された wheel リスナーと mousewheel リスナーは、デフォルトでパッシブリスナーになり、デフォルトで高速なホイールスクロールが提供されます。

新機能の導入とともに、サポート終了や削除も行われます。Chrome 73 のサポート終了と削除もご確認ください。

新規開発

以下に、近日中にブラウザに導入される予定の機能の一部をご紹介します。

クロスサイトスクリプティングを防ぐため、Trusted Types という新しい API を開発中です。（コンテンツセキュリティポリシーを介して）Trusted Types を有効にすると、DOM インジェクションからドキュメントがロックダウンされます。Google では、この機能に関するコード例とガイドをさらに提供できるよう取り組んでいますが、それまでは、信頼できる型の詳細を読んで試してみてください。

Chrome の「戻る」ボタンと「進む」ボタンの操作が、まもなく非常に高速になる可能性があります。ユーザーが他のページに移動したときにページをメモリ内にキャッシュする、新しいバック/フォワードキャッシュを検討しています。この投稿の bfcache の説明とプロトタイプをご覧ください。

最後に、インターセクションオブザーバー v2 では、ターゲットの実際の「可視性」をトラッキングするコンセプトが導入されています。

開発中の機能

Google の取り組みはブラウザの機能にとどまりません。また、ウェブアプリケーションのパフォーマンス、ウェブアプリの構築、世界中のウェブデベロッパーを支援するさまざまな方法についても説明します。今月は以下の点について調整を行いました。

新しい動画とポッドキャスト

Martin が新しいシリーズ「JavaScript SEO」を開始します。最初のエピソードは、Google 検索が JavaScript サイトをインデックスに登録する仕組みについてです。Meggin は最近、ミートアップで web.dev プロジェクトの反省を発表しました。ジェイクとサーマが画像の回転テストについて語る新しい HTTP203 ポッドキャストエピソードを公開しました。

また、YouTube チャンネルでは、「Chrome の新機能」、「DevTools の新機能」、「ウェブの現状」などの定期的な番組も配信しています。

特別な紹介

Puppeteer の例をご覧になりましたか？昨年、Eric Bidelman のツイート「📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁」でご覧になったかもしれません。Puppeteer コードサンプルの素晴らしいコレクションで、ブラウザでできることをクリエイティブに考えることができます。ぜひご確認ください。

（新しい取り組みの成功をお祈りいたします。ご利用ありがとうございました。

まとめ

最初の月次レポートはいかがでしたか？気に入った、または改善のアイデアがある場合は、Twitter の @kosamari までお知らせください。

ここで紹介した機能を使用して新しいものを作成したり、この記事に基づいてコードベースを変更したりした場合は、@ChromiumDev までお知らせください。

3 月には、モバイルウェブエクスペリエンスについてインドで学ぶために、Google の社員数名がインドに出発します ✈️ 学んだことを共有できることを楽しみにしています。

来月お会いしましょう👋

ウェブ開発エコシステム チーム - 2 月のまとめ