iPhone Safari で PWA を「ホーム画面に追加」する方法
コツコツ。は、Web ブラウザ版を PWA(Progressive Web App)として提供しています。iPhone の Safari から「ホーム画面に追加」しておくと、アプリのようにアイコンから直接起動でき、しかも Safari の ITP による 7 日削除の対象外 になります。これは、Web アプリで習慣記録を続けるうえで極めて重要な設定です。
ホーム画面に追加する手順(3 ステップ)
- iPhone の Safari で「kotsukotsu.clearnets.org」を開きます。Chrome や他のブラウザではなく、必ず Safari で開いてください。
- 画面下部の「共有」アイコン(□ に ↑)をタップします。共有シートが下から出てきます。
- 共有シート内をスクロールして「ホーム画面に追加」をタップします。アイコン名を確認して「追加」を選ぶと、iPhone のホーム画面にアイコンが追加されます。
ホーム画面に追加すると何が変わるのか
1. アドレスバーが消える(standalone モード)
ホーム画面から起動すると、Safari のアドレスバー・タブ・戻るボタンが消えて、フルスクリーンのアプリのような体験になります。習慣記録に集中しやすくなります。
2. ITP による 7 日削除の対象外になる(最重要)
iPhone の Safari は、プライバシー保護機能(Intelligent Tracking Prevention, ITP)によって、7 日間アクセスがなかったサイトの localStorage を自動的に削除 します。これは通常の Web サイトには適切な仕様ですが、Web アプリで習慣記録を保存している場合、久しぶりに開いたときにデータが消えているという事故が起こります。
ところが、「ホーム画面に追加」済みの PWA は、この 7 日削除の対象外 になります。Apple は PWA を「アプリ」として扱うため、通常のブラウザストレージとは分離されて保護されます。
3. スプラッシュ画面が表示される
PWA のマニフェストで指定した色とアイコンで、起動時にスプラッシュ画面が表示されます。ネイティブアプリのような起動体験になります。
Android Chrome の場合
Android Chrome では、Web サイトを開くと自動的に「アプリをインストール」のバナーが表示されます。もし表示されない場合は、右上のメニュー(︙)から「ホーム画面に追加」または「アプリをインストール」を選択してください。手順は Safari とほぼ同じですが、Chrome の場合はプラットフォームがより PWA を優遇するため、より自然にアプリのように扱われます。
ネイティブアプリはいつ出るの?
コツコツ。は今後、iOS / Android のネイティブアプリを App Store / Google Play からリリース予定です。ネイティブ版では、iOS Widget や通知の実装がより高度になります。ただし、PWA 版でも主要機能はすべて利用できるので、まずは PWA から使ってみてください。