本番環境に対応した Service Worker のライブラリとツール。

Service Worker の概要

Service Worker がウェブサイトを段階的に強化する方法と、Workbox がどのように役立つかについてご確認ください。
Service Worker は、ウェブブラウザとウェブサーバー間のプロキシとして機能する特別な JavaScript アセットです。
オフライン アプリケーションを可能にするために Service Worker がどのように動作するかについて理解します。
Service Worker のフェッチ イベントと Cache インターフェースの間のインタラクションに関する戦略。
一般的な Service Worker のルーティングとキャッシュ保存を簡素化するモジュールのセット。

必知事項

Service Worker の作成時に考慮すべきガイダンス。
デプロイ後、Service Worker がウェブサイトに及ぼす影響について説明します。
問題の原因となっている Service Worker を修正する方法。
Service Worker の使用時に発生する可能性のあるローカル開発の問題をいくつか解決します。
Workbox のロギング機能と、ブラウザ内の Service Worker デバッグツールの概要。
2 種類のウェブサイト アーキテクチャの概要。
Application Shell モデルを SPA の Service Worker とペアリングする方法。
ナビゲーション プリロードの概要、ナビゲーションを高速化する方法、ワークボックスでの使用方法。
ワークボックス ストリームを使用してマルチページ アプリケーションを作成し、ほぼ瞬時にレンダリングされる高速なエクスペリエンスを作成します。
プレキャッシュの推奨事項と禁止事項について学習します。
ストレージ容量の問題を回避するために Workbox を構成するためのガイド。

ユースケースと手法

Workbox を最大限に活用するために、さまざまなユースケースに対処する方法を学びます。
ユーザーがオフラインになることがあります。状況に適応し、最終的にオンラインに戻ったときにリクエストを再開できるよう支援する方法について説明します。
クロスオリジン リソースなど、実行時にキャッシュ リソースを処理する方法について説明します。
ネットワーク接続が遅い場合に適切なタイミングでネットワーク タイムアウトを強制する方法について説明します。
キャッシュ インスタンスへのアクセスは、Service Worker のスコープに限定されません。ウィンドウ コンテキストからアクセスする方法を学習します。
workbox-range-request を使用して、音声と動画のリソース リクエストを予測可能な方法で処理する方法について説明します。
ときどき、お客様がネットワーク障害に遭遇したり、オフラインになったりすることがあります。このような状況に適応し、フォールバック レスポンスを提供する方法について学習します。
Service Worker の更新時にユーザーを更新する方法。
ユーザーがオフラインになることがあります。状況に適応し、オンラインに戻ったときにリクエストを再開できるようにする方法を学びます。
Workbox には既製のユーティリティが数多く用意されていますが、アプリケーションの要件を満たすために拡張が必要になる場合があります。

参考情報

ワークボックス モジュール、ソースコードなどについて詳しく説明します。
Service Worker は、ウェブブラウザとウェブサーバー間のプロキシとして機能する特別な JavaScript アセットです。
問題の報告、リリースノートの確認、ソースコードの閲覧ができます。