Service Worker とは？

①オフラインキャッシュ（ネットワーク切断時にキャッシュからページを表示）、②プッシュ通知（ブラウザが閉じていても通知を受信）、③バックグラウンド同期（オフライン時のデータ送信を後から実行）、④ネットワークリクエストの制御（キャッシュ優先やネットワーク優先の戦略）。Webアプリをネイティブアプリに近づける技術だよ

install（初回登録時にキャッシュを準備）→activate（古いキャッシュを削除）→fetch（ネットワークリクエストをインターセプト）のライフサイクル。更新時は新しいService Workerがインストールされても、すぐには有効にならず古い方が動き続ける（waiting状態）。skipWaiting()で即時有効化できるけど、クライアントとの整合性に注意だよ

①Cache First（キャッシュ優先、なければネットワーク）→静的アセットに最適、②Network First（ネットワーク優先、失敗時キャッシュ）→APIレスポンスに最適、③Stale While Revalidate（キャッシュを即返しつつ裏でネットワーク更新）→ニュースフィード等に最適。Workbox（Google製ライブラリ）を使えば簡単に実装できるよ

Service WorkerはHTTPS必須（localhostは例外）。ネットワークリクエストをインターセプトできる強力な機能だから、悪意あるService Workerが仕込まれるとXSSより深刻な攻撃になる。スコープ（制御範囲）はService Workerファイルのパス以下に限定される。セキュリティヘッダー（CSP等）の設定も忘れずにね