PWA 基本の「き」〜webメディアがPWAを導入するメリットとは？〜

こんにちは、メディアハッカー編集部です。

今回の記事では「PWA」についてご紹介いたします！

PWAは、下記のようなwebメディア担当者のみなさまにおすすめのソリューションです。

・ユーザーの訪問率やUXを高めたいけど何をやればいいかわからない…
・開発工数や管理コストをあまりかけずに対策ができないのか…

とお悩みのwebメディアご担当者にオススメのソリューションです。

「PWAについて関心があるけれど、よく知らない」という方はぜひ読んでみてください！

1 そもそもPWAってなに？
2 PWA化したウェブサイトとネイティブアプリとの違いは？
3 PWAの代表的な機能について
4 webメディアがPWAを導入するメリット
5 導入実例
6 まとめ

そもそもPWAってなに？

そもそもPWAとは、Progressive Web Appsの略称です。

現存のウェブサイトに様々な機能を追加することができます。

PC、スマホ問わず、ウェブサイト上でネイティブアプリのように操作することが可能で、いわばウェブサイトとネイティブアプリの中間のようなものになります。

PWA化したウェブサイトとネイティブアプリとの違いは？

機能の追加というとネイティブアプリをご想像される方も多いと思います。
ネイティブアプリと大きく異なる点として、使用できる機能や開発・管理工数が挙げられます。

以下、簡単な比較表です。

（*現状、「PWA化する」ということに関して明確な定義はないものの、一般的に①サービスワーカーと呼ばれるjsファイルと、②manifestファイルと呼ばれるjsonファイルを実装していることが要件といえます）

それでは具体的に、どのような拡張機能が追加できるのか、代表的なものをご紹介したいと思います。

PWAの代表的な機能について

1.アイコンのホーム画面への追加

ユーザーは、アプリストアを介さずウェブ上からインストールを行うことができ、インストル後はホーム画面からウェブサイトにダイレクトにアクセスすることができます。

また、ホーム画面のアイコンからアクセス時に通常のブラウジングで表示されるURLバーを無くしてフルスクリーンで表示することも可能で、回遊率の向上が期待できます。

2.プッシュ通知機能

プッシュ通知機能を使用することにより、1ユーザーあたりのサイトへの訪問数（session/user)の向上が期待できます。また読んで欲しい記事や訪れて欲しいページなどをこの機能を使ってユーザーに通知することもできます。
ちなみにこの機能、PC、スマホ問わずプッシュ通知を行うことができます。
（現在iOSでは対応しておりません）