コンテンツにスキップ

アプリのように使う(ホーム画面に追加)

このコミュニティは PWA(Progressive Web App) に対応しています。会員はスマホのホーム画面にアイコンを追加でき、次からはブラウザのアドレスバーやタブが出ないアプリのような全画面で起動できます。インストール(アプリストア)は不要で、追加も無料です。

ホーム画面に並ぶアイコンは、設定 › デザイン の「ロゴ」で登録したマーク画像から自動で作られます

  • マーク画像を登録していれば、それを正方形に整えたアイコンが iPhone・Android とも優先 で使われます(保存した時点で自動生成されます)。
  • マーク画像が無い場合は、ロゴ画像やファビコンから作られ、それも無ければ 既定のアプリアイコン が使われます。

ブランドのアイコンを出したいときは、設定 › デザイン の「ロゴ」で マーク画像(PNG または WebP) を登録してください。

ホーム画面追加をうながす「このサイトをアプリとして使う」バナーは、会員が迷わないよう、次の条件をすべて満たしたときにだけ、画面下部からそっと表示されます。

  • スマホ(SP) で開いている
  • ログイン済みでサイトを開いている
  • サイトにログインして使い始めたとき(同じ利用の間は一度だけ表示します)
  • ページを開いてから約 2.5 秒後

さらに、端末ごとに次の違いがあります。

  • iPhone / iPad(Safari 本体): 上記の条件を満たせば、手順を示す案内バナーが表示されます(Safari 以外の iOS 内ブラウザでは出ません)。
  • Android(Chrome など): 上記に加えて、ブラウザが「インストール可能」と判断したときに「追加」ボタン付きで表示されます(Chrome 側の利用実績にもとづく判定のため、多くは 2 回目以降の訪問で有効になります)。
操作挙動
「追加」を押して承認/実際にインストール以後、案内バナーは表示されなくなります(インストール済みのため)
×(閉じる)14 日間は表示されません。14 日後、条件を満たすタイミングで再び表示されます
「今後表示しない」二度と表示されません(ブラウザのデータを消去するまで)

すでにホーム画面から起動している(アプリのように開いている)ときも表示されません。

会員への案内(手動で追加する方法)

Section titled “会員への案内(手動で追加する方法)”

案内バナーが出ないときや、自分で追加したいときは、次のように操作します。

  1. 画面下(または上)の 共有ボタン(□に↑のアイコン)をタップします。
  2. メニューから 「ホーム画面に追加」 を選びます。
  3. 「追加」をタップすると、ホーム画面にアイコンが並びます。
  • 案内バナーの 「追加」ボタン をタップします。
  • ボタンが出ないときは、ブラウザ右上の メニュー(⋮) から 「アプリをインストール」 または 「ホーム画面に追加」 を選んでも追加できます。