TIPS: サイトをPWAにする方法

このページでは、サイトをPWAにする方法を説明していきます。

そもそもPWAってなに？

PWAという言葉を初めて聞いた方もいると思うので、まずPWAについて説明します。

PWAとは、一言で表すと「スマホ向けのWebサイトをアプリのように使える仕組み」です。
スマホのアプリのようにホーム画面にアイコンができて、そこを押すとWebサイトを閲覧できます。

iPhoneも普通のWebアプリもホームボタンに設定できますが（Androidは分かりませんが…）、そのアイコンを押すとSafariなどのブラウザアプリに飛びます。つまり、ブラウザアプリのショートカットボタンに過ぎないのです。

一方PWAは、アイコンを押すとブラウザアプリに移動せず、それ自体が独立のアプリとして起動します。なので、より手軽にサイトを閲覧することができるようになるのです。

まずブラウザで本サイトを開きます。次に下の真ん中のボタンを押してください。四角から矢印がぴよってしてるマークです。

次に、下の方にある「ホーム画面に追加」というところを押します。

これでホーム画面にアイコンが追加されていれば成功です！

BismはAndroidを持っていないので、説明は少々お待ちください。

今回は、サイトのPWA化の方法についてご紹介しました。もしPWAができない！などのご意見があれば、お問い合わせ掲示板までお知らせください。