PWAの追加方法について
What is PWA?
PWAとは、Webサイトをアプリのように扱えるようにする技術です。
Ucho-tenはコチラ▶︎ https://ucho-ten.net/
PWAのメリット
- Ucho-tenをスマホアプリのようにホーム画面に追加できる
- ブラウザを開く必要がない
- プッシュ通知が使える
- フルスクリーンだからデザインが綺麗
ブラウザ | PWA版 |
---|---|
![]() |
![]() |
PWAの追加方法
iOS
手順 | スクリーンショット |
---|---|
1. SafariでUcho-tenにアクセスし 「共有」ボタンをタップ |
![]() |
2. 「ホーム画面に追加」をタップ | ![]() |
3. 「追加」をタップ | ![]() |
4. ホーム画面にUcho-tenが追加されます | ![]() |
5. Ucho-tenをタップすると PWA版が起動します |
![]() |
Android
手順 | スクリーンショット |
---|---|
1. ChromeでUcho-tenにアクセスし 「メニュー」をタップ |
![]() |
2. 「アプリをインストール」をタップ | ![]() |
3. 「インストール」をタップ | ![]() |
4. ホーム画面にUcho-tenが追加されます | ![]() |
5. Ucho-tenをタップすると PWA版が起動します |
![]() |