開発
サービスワーカー とは
ブラウザバックグラウンド動作のスクリプト
サービスワーカー——ブラウザがウェブページとは別にバックグラウンドで実行するスクリプトで、ウェブページやユーザー操作を必要としない機能を提供します。
主な機能
- オフラインモード — インターネットなしでアプリが動作
- プッシュ通知 — ブラウザを閉じても通知を受信
- バックグラウンド同期 — バックグラウンドでのデータ同期
- キャッシング — リソースキャッシュ管理
- リクエストインターセプト — ネットワークリクエストのプロキシ
ライフサイクル
- 登録 — Service Workerの登録
- インストール — インストールとリソースキャッシング
- アクティベーション — アクティベーションと古いキャッシュのクリーンアップ
- Fetch — ネットワークリクエストのインターセプト
- 更新 — 新バージョンへの更新
キャッシング戦略
- Cache First — まずキャッシュ、次にネットワーク
- Network First — まずネットワーク、次にキャッシュ
- Stale While Revalidate — キャッシュ + バックグラウンド更新
- Cache Only — キャッシュのみ
- Network Only — ネットワークのみ
活用例
- PWA — プログレッシブウェブアプリ
- オフラインファースト — オフライン優先アプリ
- パフォーマンス — ページ読み込みの高速化
- Push API — ウェブプッシュ通知
- Background Sync — 遅延データ同期