📱 PWA化(ホーム画面に追加)の手順
シャリオをホーム画面に追加して、アプリのように使えるようにする手順です。
PWA化すると何がうれしい?
- アプリのように全画面で起動できる(アドレスバー無し)
- 読み込んだデータ(Twitterアーカイブのキャッシュ等)が端末に保持されやすくなる。iPhoneのSafariは、しばらく使っていないサイトの保存データを自動削除することがありますが、ホーム画面に追加したPWAのデータは削除対象になりません
- 2回目以降の表示が速くなる
- 営業予定に予約が入った時のプッシュ通知を受け取れるようになる(マイページの「予約通知を受け取る」で有効化。iPhoneはiOS 16.4以降でPWA化が必須、AndroidはブラウザでもOK)
iPhone / iPad(Safari)
- Safariでシャリオ(このサイト)を開く(Chrome等ではなくSafari推奨)
- 画面下(iPadは右上)の共有ボタン(□に↑のアイコン)をタップ
- メニューを下にスクロールして「ホーム画面に追加」をタップ
- 名前を確認して右上の「追加」
- ホーム画面に追加されたシャリオのアイコンから起動する
Android(Chrome)
- Chromeでシャリオを開く
- 右上のメニュー(⋮)
- 「アプリをインストール」(または「ホーム画面に追加」)
- 案内に従って追加
- ホーム画面のアイコンから起動
PC(Chrome / Edge)
- アドレスバー右端のインストールアイコン(⊕やモニタのマーク)をクリック → 「インストール」
PWAで起動できているかの確認
ホーム画面のアイコンから開いて、アドレスバーが無い全画面表示になっていればPWAとして起動しています。PWAで起動中は、サイト内のPWA案内は自動的に非表示になります。