コツコツ アプリを開く

← ブログ一覧 · PWA · 2026-07-22

iPhone Safari で PWA を「ホーム画面に追加」する方法

コツコツ。は、Web ブラウザ版を PWA(Progressive Web App)として提供しています。iPhone の Safari から「ホーム画面に追加」しておくと、アプリのようにアイコンから直接起動でき、しかも Safari の ITP による 7 日削除の対象外 になります。これは、Web アプリで習慣記録を続けるうえで極めて重要な設定です。

ホーム画面に追加する手順(3 ステップ)

  1. iPhone の Safari で「kotsukotsu.clearnets.org」を開きます。Chrome や他のブラウザではなく、必ず Safari で開いてください。
  2. 画面下部の「共有」アイコン(□ に ↑)をタップします。共有シートが下から出てきます。
  3. 共有シート内をスクロールして「ホーム画面に追加」をタップします。アイコン名を確認して「追加」を選ぶと、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 から使ってみてください。

アプリを開いて追加する →


関連記事