![](https://developer.chrome.com/static/docs/workbox/workbox.png?hl=ja)
Workbox
本番環境に対応した Service Worker のライブラリとツール。
Service Worker の概要
Service Worker がウェブサイトを段階的に強化する方法と、Workbox がどのように役立つかについてご確認ください。
Service Worker の概要
Service Worker は、ウェブブラウザとウェブサーバー間のプロキシとして機能する特別な JavaScript アセットです。
ライフサイクル
オフライン アプリケーションを可能にするために Service Worker がどのように動作するかについて理解します。
キャッシュ戦略
Service Worker のフェッチ イベントと Cache インターフェースの間のインタラクションに関する戦略。
ワークボックスの概要
一般的な Service Worker のルーティングとキャッシュ保存を簡素化するモジュールのセット。
必知事項
Service Worker の作成時に考慮すべきガイダンス。
Service Worker のデプロイに関する期待事項
デプロイ後、Service Worker がウェブサイトに及ぼす影響について説明します。
バグのある Service Worker を削除する
問題の原因となっている Service Worker を修正する方法。
Service Worker の開発エクスペリエンスを改善する
Service Worker の使用時に発生する可能性のあるローカル開発の問題をいくつか解決します。
トラブルシューティングとロギング
Workbox のロギング機能と、ブラウザ内の Service Worker デバッグツールの概要。
さまざまなアーキテクチャの戦略
2 種類のウェブサイト アーキテクチャの概要。
Application Shell モデル
Application Shell モデルを SPA の Service Worker とペアリングする方法。
ネットワーク ファーストの HTML のナビゲーション プリロード
ナビゲーション プリロードの概要、ナビゲーションを高速化する方法、ワークボックスでの使用方法。
ストリームによるマルチページ アプリケーションの高速化
ワークボックス ストリームを使用してマルチページ アプリケーションを作成し、ほぼ瞬時にレンダリングされる高速なエクスペリエンスを作成します。
事前キャッシュの推奨事項と禁止事項
プレキャッシュの推奨事項と禁止事項について学習します。
ストレージの割り当て
ストレージ容量の問題を回避するために Workbox を構成するためのガイド。
ユースケースと手法
Workbox を最大限に活用するために、さまざまなユースケースに対処する方法を学びます。
ワークボックス ウィンドウを使用
ユーザーがオフラインになることがあります。状況に適応し、最終的にオンラインに戻ったときにリクエストを再開できるよう支援する方法について説明します。
実行時にリソースをキャッシュする
クロスオリジン リソースなど、実行時にキャッシュ リソースを処理する方法について説明します。
強制的にネットワーク タイムアウトを設定する
ネットワーク接続が遅い場合に適切なタイミングでネットワーク タイムアウトを強制する方法について説明します。
ウィンドウからキャッシュにアクセスする
キャッシュ インスタンスへのアクセスは、Service Worker のスコープに限定されません。ウィンドウ コンテキストからアクセスする方法を学習します。
キャッシュに保存された音声と動画を配信する
workbox-range-request を使用して、音声と動画のリソース リクエストを予測可能な方法で処理する方法について説明します。
代替レスポンスを管理する
ときどき、お客様がネットワーク障害に遭遇したり、オフラインになったりすることがあります。このような状況に適応し、フォールバック レスポンスを提供する方法について学習します。
更新をすぐに処理する
Service Worker の更新時にユーザーを更新する方法。
オンラインに戻ったときにリクエストを再試行する
ユーザーがオフラインになることがあります。状況に適応し、オンラインに戻ったときにリクエストを再開できるようにする方法を学びます。
Workbox プラグイン
Workbox には既製のユーティリティが数多く用意されていますが、アプリケーションの要件を満たすために拡張が必要になる場合があります。
その他のリソース
ワークボックス モジュール、ソースコードなどについて詳しく説明します。
ワークボックス モジュール
Service Worker は、ウェブブラウザとウェブサーバー間のプロキシとして機能する特別な JavaScript アセットです。
GitHub の Workbox
問題の報告、リリースノートの確認、ソースコードの閲覧ができます。