PWAをもっとアプリらしくする方法

Apple PodcastsアプリをPWAで作ると仮定し、各機能の実装に使えるWeb技術を説明

• オフライン対応 : App Shell Model

• オフラインコンテンツ : Workbox, Cache, IndexedDB, Persistent Storage

• バックグラウンドダウンロード : Background Fetch API

• 共有および他アプリ連携 : Web Share / Web Share Target / Async Clipboard / Contact Picker / Get Installed Related Apps APIs

• バックグラウンドで更新 : Periodic Background Sync API

• クラウド同期 : Backoung Sync API

• ハードウェアのメディアキー制御 : Media Session API

• コンテキストメニューのクイックアクション : PWA App Manifest

• 特定のURLスキームでデフォルトアプリとして動作させる : URL Protocol Handling

• ネイティブファイルシステム連携 : Native File System API, browser-nativefsライブラリ

• ネイティブなルック＆フィール : user-select, system-ui, prefers-color-scheme, overscroll-behavior および各種CSSプロパティ

• カスタムタイトルバー : Edgeブラウザが Title Bar Customization 仕様を提案中

• アニメーション : Web Animations API

• アプリ外部（ウィジェット、Siriの提案など）でコンテンツを表示 : Content Index API

• ロック画面のメディアコントロールウィジェット : Media Session API

• プッシュ通知 : Push API , Notification Triggers API

• アプリアイコンにバッジを付ける : Badging API

• 省電力 / スリープモード移行防止 : Screen Wake Lock API

• アプリストアで閲覧可能にする : Androidでは Trusted Web Activity コンテナで可能