アプリのように使う(ホーム画面に追加)
このコミュニティは PWA(Progressive Web App) に対応しています。会員はスマホのホーム画面にアイコンを追加でき、次からはブラウザのアドレスバーやタブが出ないアプリのような全画面で起動できます。インストール(アプリストア)は不要で、追加も無料です。
アプリアイコンについて
Section titled “アプリアイコンについて”ホーム画面に並ぶアイコンは、設定 › デザイン の「ロゴ」で登録したマーク画像から自動で作られます。
- マーク画像を登録していれば、それを正方形に整えたアイコンが iPhone・Android とも優先 で使われます(保存した時点で自動生成されます)。
- マーク画像が無い場合は、ロゴ画像やファビコンから作られ、それも無ければ 既定のアプリアイコン が使われます。
ブランドのアイコンを出したいときは、設定 › デザイン の「ロゴ」で マーク画像(PNG または WebP) を登録してください。
案内バナーが出るタイミング
Section titled “案内バナーが出るタイミング”ホーム画面追加をうながす「このサイトをアプリとして使う」バナーは、会員が迷わないよう、次の条件をすべて満たしたときにだけ、画面下部からそっと表示されます。
- スマホ(SP) で開いている
- ログイン済みでサイトを開いている
- サイトにログインして使い始めたとき(同じ利用の間は一度だけ表示します)
- ページを開いてから約 2.5 秒後
さらに、端末ごとに次の違いがあります。
- iPhone / iPad(Safari 本体): 上記の条件を満たせば、手順を示す案内バナーが表示されます(Safari 以外の iOS 内ブラウザでは出ません)。
- Android(Chrome など): 上記に加えて、ブラウザが「インストール可能」と判断したときに「追加」ボタン付きで表示されます(Chrome 側の利用実績にもとづく判定のため、多くは 2 回目以降の訪問で有効になります)。
会員の操作と、その後の挙動
Section titled “会員の操作と、その後の挙動”| 操作 | 挙動 |
|---|---|
| 「追加」を押して承認/実際にインストール | 以後、案内バナーは表示されなくなります(インストール済みのため) |
| ×(閉じる) | 14 日間は表示されません。14 日後、条件を満たすタイミングで再び表示されます |
| 「今後表示しない」 | 二度と表示されません(ブラウザのデータを消去するまで) |
すでにホーム画面から起動している(アプリのように開いている)ときも表示されません。
会員への案内(手動で追加する方法)
Section titled “会員への案内(手動で追加する方法)”案内バナーが出ないときや、自分で追加したいときは、次のように操作します。
iPhone / iPad(Safari)
Section titled “iPhone / iPad(Safari)”- 画面下(または上)の 共有ボタン(□に↑のアイコン)をタップします。
- メニューから 「ホーム画面に追加」 を選びます。
- 「追加」をタップすると、ホーム画面にアイコンが並びます。
Android(Chrome など)
Section titled “Android(Chrome など)”- 案内バナーの 「追加」ボタン をタップします。
- ボタンが出ないときは、ブラウザ右上の メニュー(⋮) から 「アプリをインストール」 または 「ホーム画面に追加」 を選んでも追加できます。