PWA対応サイトをスマホのホーム画面に追加する
個人でPWA対応サイトを開発しており、ホームに追加するための手順です。
PWA対応サイトとは
以前「WordPressのサイトをPWAでアプリにする手順」の記事でも説明しましたが、簡単に言うと下記がPWAサイトになります。
当ブログもPWA対応していますよ。
PWA(Progressive Web Apps)とは簡単に言うと「スマホでウェブサイトを表示する際、アプリのように動作をさせる仕組み」のことです。
https://mikepon.jp/stepmake_app/
iPhone等のiOSデバイスでの追加方法
まずは下部のボタンをタップ。
メニューが表示されるので、「ホーム画面に追加」をタップします。
必要に応じてサイト名を編集し、「追加」ボタンをタップすればOKです。
Android端末での追加方法
Chromeの場合
右上のメニューをタップして開き、「ホーム画面に追加」をタップします。
確認ダイアログが開くので、「追加」をタップすればOK。
Firefoxの場合
URLの右に表示されるホームボタンのようなアイコンをタップ。
ボタンが表示されるので、「ホーム画面に追加」をタップすればOKです。