アプリ化（PWA）ガイド

もぐトーンをスマホやPCの「ホーム画面」に追加して、もっと快適に使いましょう！

1. アプリ化する理由

通常のブラウザで使っていると、他のタブに埋もれてしまったり、上のアドレスバーのせいで画面が狭く感じてしまいます。

💝 アプリ化するとこう変わります！

  • ワンタップで起動： ホーム画面からお守りのようにすぐ開けます。
  • すっきり全画面： ブラウザの枠が消え、箱庭が広く可愛く見えます。
  • サクサク快適： 容量をほぼ使わず、いつでも最新版が自動反映。

2. PWAとは？

PWA（プログレッシブ・ウェブ・アプリ）とは、WebサイトをスマホやPCの「アプリ」と同じようにインストールして使える最新の仕組みです。

💡 知っておいてほしいこと
  • App StoreやGoogle Playなどのストアを通さないため、追加方法が少し特殊です。（下のガイドを参考にしてね）
  • お使いの端末やブラウザによって、追加時のメニュー名が少し異なる場合があります。

3. ホーム画面への追加方法

お使いの端末・ブラウザを選択してください。

  1. Safariで「もぐトーン」のページを開きます。
  2. 画面下部（iPadは上部）にある「共有（四角から矢印が飛び出たアイコン）」をタップします。
  3. メニューを下にスクロールし、「ホーム画面に追加」を選択します。
  4. 右上の「追加」をタップするとホーム画面にアイコンが登場します！
※iPhoneのChromeやLINE内ブラウザ等ではPWA化ができません。必ずSafariで開き直してください。
  1. Chromeで「もぐトーン」のページを開きます。
  2. 画面右上にある「︙（三点リーダー）」メニューをタップします。
  3. 「アプリをインストール」または「ホーム画面に追加」を選択します。
  4. 確認画面で「インストール（追加）」をタップすると完了です！
  1. Firefoxで「もぐトーン」のページを開きます。
  2. アドレスバーの右側にある「高度なメニュー（︙）」をタップします。
  3. 「ページをホーム画面に追加」または「インストール」を選択します。
  1. ブラウザで「もぐトーン」のページを開きます。
  2. URLが表示されているアドレスバーの右端にある「パソコンに矢印が乗ったようなアイコン（アプリをインストール）」をクリックします。
  3. （アイコンがない場合）右上メニュー「︙」または「･･･」から「保存と共有」➔「もぐトーンをインストール」を選択します。
  4. 確認画面でインストールを押すと、PCのデスクトップにアプリ版が登場します！