Mr.Splitter
PWA インストールガイド·4 分で読める

PWA インストールガイド:ホーム画面に追加してアプリのように使おう!

アプリストア不要!ホーム画面に追加するだけ

PWA とは?

PWA(Progressive Web App)は、ウェブサイトをスマホのホーム画面に「インストール」できる技術です。App Store や Google Play からダウンロードする必要がなく、ブラウザから直接追加できます。

iPhone での手順(Safari)

  1. Safari で mrsplitter.com を開く
  2. 下部の「共有」ボタンをタップ
  3. 「ホーム画面に追加」を選択
  4. 「追加」をタップして完了

Android での手順(Chrome)

  1. Chrome で mrsplitter.com を開く
  2. 右上の「︙」メニューをタップ
  3. 「アプリをインストール」または「ホーム画面に追加」を選択
  4. 「インストール」をタップして完了

PWA のメリット

  • 容量が小さい:5MB以下で、スマホの容量を圧迫しない
  • 自動更新:開くたびに最新版になる
  • リアルタイム同期:インターネット接続が必要、データはクラウドに即時同期
  • フルスクリーン:ブラウザのバーがなく、アプリのような体験

よくある質問

Q1. What is a PWA and how does it differ from an App?
A PWA (Progressive Web App) is a website that behaves like a native app. It can be added to your home screen, work offline, and send push notifications — but you don't need an app store to install or update it.
Q2. What are the benefits of adding Mr.Splitter to my home screen?
(1) Opens as fast as a native app; (2) full-screen mode with no browser address bar; (3) push notifications for reminders and settlement alerts; (4) certain features work offline.
Q3. How do I install on iOS and Android?
iOS Safari: open https://mrsplitter.com → tap the Share button → choose "Add to Home Screen". Android Chrome: open the same URL → tap the "Install app" prompt or choose "Add to Home screen" from the menu.
Q4. Does installing the PWA require any permissions?
No special permissions are required. Installing simply places the icon on your home screen — no personal data is accessed. The browser will ask separately when you enable notifications.

関連記事