─第3の選択肢PWA ─ 企業のモバイル戦略の新潮流 1/2

0425

PWA(Progressive Web Apps)と呼ばれる技術を使った、モバイル向けのWebアプリが増えてきている。PWAは、Webサイトとモバイルアプリの両方の特徴とメリットを兼ね備えている。本稿では、PWAの機能や技術について解説し、なぜ今PWAが注目されているのか、その背景となるBtoC向けモバイルアプリの潮流についても紹介する。


クラウド事業推進部長 佐々木 拓郎

モバイルアプリの現状とPWA

モバイルファーストという言葉が登場して久しい。モバイルファーストとは、サイトやサービスを提供する際に、PC版よりもモバイル版を優先して提供することである。

背景には、PCとスマートフォンの利用時間の比率が逆転している事実がある。総務省が実施した「平成29年情報通信メディアの利用時間と情報行動に関する調査報告書」によると、13歳から69歳のスマートフォン利用率は約8割を超え、機器別のインターネット平均利用時間でも6割超とトップであり、企業にとってスマートフォン対応は必須である。

スマートフォン対応といっても、いくつかの対応方法がある。主なものは次の2つである。1つはiTunes StoreやGoogle Playといったアプリストア経由で、モバイルアプリを提供する方法、もう1つは、スマートフォンのブラウザーでも見やすい形でWebサイトを提供する方法である。

ユーザーのスマートフォンの利用形態をみると、利用時間の8割以上はモバイルアプリの利用で、ブラウザーの閲覧時間は短い。企業としてはモバイルアプリを検討したくなるところだが、そう単純ではない。

ユーザーが月に1回以上利用するモバイルアプリは、30個程度で固定化している。一方でまた、モバイルアプリの新規ユーザーの獲得コストも増加している。単にモバイルアプリを出すだけでは効果は薄い。広告費を含めた開発運用コストが企業に重くのしかかってくる。

開発コストがかさむ要因として、スマートフォンのOSが複数あることが挙げられる。iOSとAndroidとで個別に開発しなければならず、必要なスキルセットも異なるため、OSごとに開発要員を確保しなくてはならない。どちらのOSもほぼ1年周期でメジャーバージョンアップを行っており、かつ端末自体も毎年のように新機種が発売されているため、モバイルアプリ側でも大なり小なり対応が必要になってくる。またOSのカバーする機能が広範囲化・高度化しており、モバイルアプリ側もそれに追随する必要がある。そのコストが年々上昇している。

またアプリ特有の問題として、アプリストアのレビューについてのリスクがある。アプリストアには、モバイルアプリの説明文と共にユーザーによるレビューが掲載される。悪い評価があれば、企業やブランド自体にもネガティブなイメージを持たれる可能性があり、モバイルアプリを出すことが、企業ブランド毀損のリスクに直結する可能性がある。

つまり、開発コストとレビュー対応の負担が重く、モバイルアプリから直接的な収益を得られない企業では、モバイルアプリを出すことに消極的になってきている。こうした流れのなかで注目されているのが、PWAである。

PWAの特徴

PWAはProgressive Web Appsの略で、ストアからダウンロードして利用する一般的なモバイルアプリ(以下、ネイティブアプリ)と、ブラウザーを使って利用するWebアプリの特長を兼ね備えており、Google ChromeやSafariなどのブラウザー上で動作するものである。

モバイル端末の場合、ホーム画面にショートカットを配置することで、あたかもネイティブアプリのように利用できる。ネイティブアプリと同様に、プッシュ通知の受け取り、バックグラウンド同期、オフラインでの動作といったことも可能である。動作もネイティブアプリと遜色ないUI/UX(UserInterface/User eXperience)が実現可能である。

PWAの実体は、Webサイトを記述するHTMLやWeb上でプログラムを実行するJavaScript、そしてWebサイトのデザインを指定するCSSによって構成されている。技術的な特徴としては、ブラウザーから直接Webサイトにアクセスするのではなく、ブラウザーに常駐するスクリプトを経由する点にある。このスクリプトはService Workerと呼ばれ、Web サイトとの通信やキャッシュのコントロールを行う。オフラインでの動作もこれにより可能となる。

PWAを提供する際の構成は、一般的なWebサイトを提供する場合と同じである。また、PWAはモバイル専用というわけではない。PWA対応のブラウザーであればPC版でも問題なく動く。さらにレスポンシブWebデザイン(画面サイズに応じて自動的にレイアウトを調整するデザイン)で作成しておけば、同一のHTMLソース、つまり1つのWebサイトで、PCとモバイル両方に提供もできる。うまく活用すると、モバイル対応のコストを下げることが可能である。

またPWAはWeb サイト上のファイルなので、Googleなどからキーワード検索での閲覧が期待できる。Webサイト閲覧後に端末のホーム画面に登録されるようなUIを用意しておけば、キーワード検索からホーム画面への登録、リピート利用までの流れがシームレスに実現できる。

なお、IonicなどJavaScriptのフレームワークを使うことで、Webアプリとして作ったものを、ネイティブアプリとして変換することも可能である。この場合、iOSやAndroidの知識もほぼ不要である。

このように、メリットが多いPWAであるが、幾つかの課題はある。最も大きなものは、一部のブラウザーで利用できないことだ。PWAの提唱者はGoogleである。そのためAndroid端末での標準ブラウザーであるChromeの対応は早く、利用は比較的問題ない。一方でiOSの標準ブラウザーであるSafariは、iOS11.1以降のものでないと利用できないだけでなく、PWAの全ての機能に対して部分的にしかサポートしていない。

お問い合わせ

当社のサービス・製品に関するご相談やご質問、お見積りのご依頼など、こちらからお問い合わせください。