PWA(Progressive Web App)は、「ブラウザで動くけれど、アプリのように使える仕組み」のこと。
特徴: - アプリストアからダウンロードしなくていい - ホーム画面に追加すると、普通のアプリと同じように開ける - オフラインでも動く(データはスマホの中に保存される)
まめここはこのPWAという技術を使っているので、App StoreやGoogle Playからインストールする必要がない。その代わり、ブラウザから「ホーム画面に追加」する作業が必要だ。
iPhone(Safari)でのインストール方法
- Safariで
https://mamekoko-app.sion908.techを開く - 画面下部の「共有ボタン」(四角に上矢印のアイコン)をタップ
- 下にスクロールして「ホーム画面に追加」を選択
- 「追加」をタップ
これでホーム画面にまめここのアイコンが表示される。次回からはこのアイコンをタップするだけで開ける。
注意: - iPhoneでは必ずSafariを使うこと(ChromeやFirefoxではPWAとして追加できない) - プライベートブラウズモードでは追加できない
Android(Chrome)でのインストール方法
- Chromeで
https://mamekoko-app.sion908.techを開く - 画面上部に「ホーム画面に追加」のバナーが表示される場合は、それをタップ
- バナーが出ない場合は、右上の「︙」メニューから「ホーム画面に追加」を選択
- 「追加」をタップ
Androidの場合、アイコンはホーム画面またはアプリ一覧に追加される。
注意: - Android 8.0以降が推奨 - バナーが表示されない場合でも、メニューから手動で追加できる
PC(Chrome/Edge)でのインストール方法
- ChromeまたはEdgeで
https://mamekoko-app.sion908.techを開く - アドレスバー右側に「インストール」アイコン(パソコンに下矢印のマーク)が表示される
- アイコンをクリックして「インストール」を選択
PCにインストールすると、デスクトップアプリのように独立したウィンドウで開ける。
注意: - Firefoxでは現状、PWAのインストールに制限がある - Safariでも一部対応しているが、ChromeやEdgeが推奨
つまずきやすいポイント(FAQ)
Q1. 「ホーム画面に追加」が見つからない
- iPhone: Safariを使っているか確認。プライベートブラウズモードを解除。
- Android: Chromeのメニュー(︙)から手動で探す。
- PC: アドレスバー右側を確認。表示されない場合は、ブラウザを最新版に更新。
Q2. 追加したのにアイコンが表示されない
- ホーム画面を左右にスワイプして探す(別のページにある場合がある)
- Androidの場合、アプリ一覧(ドロワー)にある可能性も
Q3. アプリが更新されない
- PWAは自動更新されるが、反映に時間がかかる場合がある
- 完全に閉じてから再度開くと、最新版が読み込まれる
Q4. オフラインで使えない
- 一度オンラインで開いてから、オフラインで試してみる
- ブラウザのキャッシュが削除されると、再読み込みが必要になる
まめここの安心ポイント
PWAとしてインストールすることで、以下のメリットがある:
- ブラウザのタブに埋もれない: 独立したアイコンで、すぐに日記を開ける
- プッシュ通知が来ない: 静かに使える(通知機能はない)
- データは端末内: インストールしても、日記はスマホの中だけに残る
まめここは、あなたのペースで静かに使えるアプリだ。ホーム画面に置いて、気が向いたときにそっと開いてほしい。
次に読むと便利な記事: - オフライン日記って何が安心? - 端末だけで安心:バックアップと機種変更の考え方 - まめここノートの歩き方