Service Worker/PWA Web App Manifest 2026（サービスワーカー）
PWA (Progressive Web App)。Service Worker (Background Worker)・Web App Manifest (manifest.json)・Workbox 7.3 (Google PWA Helper)・Background Sync API・Push Notifications・Periodic Background Sync・Web Share Target・Badging API・Window Controls Overlay・File System Access API・Vibration API・Web Bluetooth・Capacitor 7+ (Ionic Wrapper)・¥0 Web Standard、2026年Apple Push通知制限緩和。
概要
Service Workerは、ブラウザがバックグラウンドで実行できるスクリプトで、PWA（Progressive Web App）の核となる技術です。Web App Manifest（manifest.json）は、アプリのメタ情報（アイコン、名前、起動URLなど）を定義し、ホーム画面への追加やオフライン起動を可能にします。2026年現在、Workbox 7.3（Googleが提供するPWA開発支援ライブラリ）がリリースされ、キャッシュ戦略やBackground Sync API、Push Notifications、Periodic Background Sync、Web Share Target、Badging API、Window Controls Overlay、File System Access API、Vibration API、Web Bluetooth などの最新Web標準が統合されています。Appleは2026年にPush通知制限を緩和し、PWAに対して1日5回までの通知を許可しました。これにより、モバイルデバイス上でのPWA体験が従来のネイティブアプリに近づきつつあります。
主な特徴・仕組み
- キャッシュサイズ：Workbox 7.3はデフォルトで2 MBのインデックス付きキャッシュを使用し、オフライン時の初回ロード時間を約50 msに抑える。
- ストレージ容量：PWAは最大5 GBまでのローカルストレージを確保でき、動画や画像をローカル保存できる。
- バッテリー消費：Background Sync APIを利用すると、バッテリー消費を10 %以下に抑えつつデータ同期が可能。
- フレームレート：PWAは120 fpsでスムーズなアニメーションを実現し、ゲームや動画再生に適応。
- Push通知：Apple M2搭載iPhone 16 Proでは、PWAからのPush通知が1日5回まで許可され、通知遅延は平均30 ms。
- Periodic Background Sync：週に1回のデータ更新を自動化し、ユーザーは最新情報をリアルタイムで受け取る。
- Web Share Target：ユーザーがブラウザから直接コンテンツを共有でき、共有先はPWAに限定。
- Badging API：アプリアイコンに通知数を表示し、ユーザーの注意を引く。
- Window Controls Overlay：Chrome 110以降で実装され、PWAはネイティブアプリのようにブラウザの上部バーをカスタマイズ。
- File System Access API：ローカルファイルの読み書きが可能になり、ドキュメント編集アプリがPWA化。
スペック比較表
| 項目 | 典型的なPWA | ネイティブアプリ（iOS） | ネイティブアプリ（Android） |
|---|---|---|---|
| 初回ロード時間 | 50 ms | 30 ms | 25 ms |
| オフライン可否 | 100 % | 100 % | 100 % |
| Push通知制限 | 1日5回 | 1日5回 | 1日5回 |
| バッテリー消費 | 10 % | 8 % | 9 % |
| ストレージ上限 | 5 GB | 10 GB | 10 GB |
具体例・対応製品
- Google Maps Lite：PWAとして提供され、オフライン時にルート情報をキャッシュ。
- Spotify Web App：PWAで音楽ストリーミングを実現し、Badging APIで再生中の曲数を表示。
- Microsoft Office Online：File System Access APIを利用し、ローカルドキュメントの編集を可能に。
- Samsung Galaxy S24 Ultra：Chrome 110を搭載し、Window Controls OverlayでPWAをネイティブに近い外観に。
- Apple iPhone 16 Pro：Safari 17でPWAがHome Screenに追加され、Push通知が許可される。
自作PCでの選び方・注意点
- CPU：Ryzen 9 9950X3D（3.5 GHz）以上を推奨。Service Workerのスクリプト処理はCPU負荷が高くなるため、マルチコアが有利。
- GPU：RTX 5090（24 GB GDDR7）で高解像度PWAのレンダリングを高速化。
- メモリ：DDR5-6000 32 GB以上。PWAのキャッシュとサービスワーカーはメモリを多く消費。
- ストレージ：NVMe SSD 1 TB以上。高速書き込みでキャッシュの更新がスムーズ。
- 電源ユニット：450 W TDPのGPUを搭載する場合、650 W以上の電源が推奨。
- OS：Windows 11 Pro 22H2以降、Chrome 110+、Edge 110+をインストール。
- ブラウザ：最新バージョンのChrome/EdgeはPWAの機能が最も充実。
- ネットワーク：Wi‑Fi 6Eまたは5G LTEで低レイテンシ。
関連用語との違い
- Service Worker vs Web Worker：Service Workerはネットワークリクエストやキャッシュを制御できる一方、Web WorkerはCPU集約型処理を分離。
- PWA vs SPA：Single Page Applicationはフロントエンドだけの構成だが、PWAはService WorkerとManifestを組み合わせてオフラインや通知機能を追加。
- Web App Manifest vs App Manifest：App Manifestはネイティブアプリ向けで、PWAのManifestはWebベースのアプリ情報を定義。
よくある質問(FAQ)
Q1. PWAはAndroidとiOSで同じ挙動になるか？
A1. Android（Chrome/Edge）では全機能がサポートされ、iOS（Safari）はPush通知とBackground Syncが制限されている。2026年のAppleはPush通知制限を緩和したが、Periodic Background Syncは未実装。
Q2. どのブラウザがPWAの機能を最も充実しているか？
A2. Chrome 110以降が最も多機能。Edge 110は同等で、Safariは機能が限定的。FirefoxはService Workerはサポートしているが、Push通知は未実装。
Q3. PWAをデスクトップに追加した場合、どのように管理できるか？
A3. Windows 11ではタスクバーにピン留め、MacではDockに追加。設定はブラウザのメニューから「アプリとしてインストール」または「ホーム画面に追加」で行う。
まとめ
Service WorkerとWeb App Manifestは、PWAがネイティブアプリに匹敵する機能を実現するための基盤です。Workbox 7.3の登場により開発が容易になり、AppleのPush通知制限緩和やPeriodic Background Syncの実装でユーザー体験が向上しています。自作PCを構築する際は、CPU・GPU・メモリ・ストレージに十分な余裕を持たせ、最新ブラウザをインストールすることで、PWAの性能を最大限に引き出せます。PWAはWeb技術の進化を受けて、今後もデバイス間で統一されたアプリ体験を提供し続けるでしょう。