PWAとは？ ホーム画面から開けるWebアプリ

PWAは「インストールできるWebアプリ」

Webアプリは、スマホやパソコンのブラウザでURLを開いて使うアプリです。予約フォームや社内の日報のように、画面で入力して保存できるものを指します。PWAは、そのWebアプリを端末にインストールできるように作ったものです。

MDN（Mozillaが公開しているWeb技術の開発者向け資料）は、PWAをインストールすると、アイコンが端末に置かれ、ほかのアプリと同じように起動でき、ブラウザの画面ではなく独立したアプリとして開けると説明しています。アドレスバーや戻るボタンのない画面で開くので、見た目はストアから入れたアプリに近くなります。

中身はWebの技術で動いているので、画面を直したときは、サーバー側の更新だけで全員の画面が新しくなります。ストアに出すアプリのように、修正のたびに審査へ出す手順はありません。

ホーム画面に追加すると、何が変わるのか

iPhoneのSafariには、以前から「ホーム画面に追加」があります。MDNは、普通のホームページを追加した場合はブラウザでそのページを開くアイコンができるだけで、PWAとして作られたサイトを追加した場合にアプリとしてインストールされる、と説明しています。

ただしiPhoneでは、この違いが小さくなりました。AppleのSafari 26のリリースノートには、iOS・iPadOSでどのWebサイトでもWebアプリにできるようになったと書かれています。iOS 26以降は、普通のホームページでも、ホーム画面から開くとブラウザの枠のない画面にできます。

それでも、見た目がアプリのようになることと、アプリとして使えることは別です。後で説明する通知や、電波のない場所で開ける機能は、作る側がPWAとしての準備をしておかないと動きません。今のホームページに「ホーム画面に追加してください」と案内するだけでは、通知は送れません。

PWAにするために、作る側が用意するもの

MDNは、インストールできるようにする最低限の条件として、アプリの名前やアイコンを書いた設定ファイル（Webアプリマニフェスト）を置くことと、HTTPS（鍵マークの付く通信）で公開することを挙げています。

電波の届かない場所でも画面を開けるようにするには、サービスワーカーという仕組みを加え、画面の部品を端末に保存しておきます。インストールの条件には含まれないので、PWAならオフラインで必ず動く、というわけではありません。オフラインで何をさせたいかを決めて作ります。

iPhoneで通知を送るための条件

「Webアプリだと通知が送れない」と聞いたことがあるかもしれません。Appleの開発者向け資料では、iOS 16.4以降、ホーム画面に追加したWebアプリへ通知（Web Push）を送れるとしています。通知を送るためにApple Developer Programへ登録する必要もありません。作る側は、通知を受け取るためのサービスワーカーと、通知を送り出すサーバーの仕組みを用意します。

ただし、条件があります。Appleの資料がiPhoneで通知の対象にしているのは、ホーム画面に追加したWebアプリです。また、通知の許可は、利用者がボタンを押すなどの操作をしたときに求める決まりです。最初の案内で「ホーム画面に追加して、通知を許可するボタンを押す」という2つの手順を、利用者にやってもらう必要があります。

通知が届く人の割合は、この2つの手順をやってもらえたかで決まります。紙やメールの案内をしばらく並行する前提で考えておくと安心です。

知っておきたい、PWAの注意点

手軽に配れる一方で、ストアアプリとは違う性質があります。作り始める前に、次の4つを確かめておきます。

PWAとストアアプリ、どちらを選ぶか

ストアに出すアプリには、Appleの年会費やストアの審査があります。費用の内訳は札幌でアプリを作るといくらかかるのかで整理しています。また、Appleの審査ガイドラインは、Webサイトを単に包み直しただけのアプリはApp Storeにふさわしくないとしています。「今のWebアプリをストアに出したい」だけなら、PWAのほうが素直な選び方になることがあります。

次は当社が想定した向き不向きの例で、導入事例ではありません。

自分で試してみるなら

よく使うサイトを、iPhoneなら共有ボタンの「ホーム画面に追加」、Androidならブラウザのメニューから追加してみてください。追加したアイコンから開くと、ブラウザで開いたときとの違いが分かります。

触ってみると、「自分のアプリもこの形で足りそうか」がつかみやすくなります。足りるかどうか迷う点が、通知なのか、見つけてもらう方法なのか、端末の機能なのかが分かれば、相談するときもその点から話を始められます。