本記事は、多数あるアプリ作成方法の中から最適なものを選択するためのポイントを解説していく連載記事の最後のひとつです。

連載

1. モバイルアプリとWebアプリの比較
2. ネイティブアプリとクロスプラットフォームアプリの違い
3. クロスプラットフォームアプリ開発技術の比較（やや技術者向け）
4. Webアプリの擬似モバイルアプリ化（PWA）について（本記事）

スマホで動作するアプリの全体像

下図はスマホで動作するアプリの全体像です。これまでの記事でWebアプリとモバイルアプリの違いや、ネイティブアプリとクロスプラットフォームアプリの違いを説明しましたが、最後に、Webアプリをモバイルアプリのように利用できる技術PWA（Progressive Web Apps）について説明します。PWAとは？

PWAは、簡単に表現すると「Webサイト／Webアプリをモバイルアプリのように使えるようにするための技術」です。
PWAの正式名称はProgressive Web Apps（プログレッシブウェブアプリ）です。
Progressiveは「段階的に進化する」という意味合いを持ちます。PWAは「Webアプリを段階的に拡張してモバイルアプリのように使えるようにする」ものだとお考えください。

詳しい違いは以前の記事（モバイルアプリとWebアプリの比較）を参照していただきたいのですが、Webアプリはモバイルアプリと比較するといくつか明らかなデメリット（実現できないこと）があります。
しかし、PWAという技術によってそのデメリットを一部克服できるのです。

PWA対応をしたWebアプリでできるようになることの一例としては以下です。

• スマホのホーム画面にアプリとしてアイコン表示できる（ブラウザのブックマーク表示ではない）
• 一部のタスクがオフラインでも実行できる
• 基本的なプッシュ通知機能であれば通知できる
• 一部のバックグラウンド処理が実行できる

PWAの事例としてよく旧Twitterが用いられるので、こちらを例に説明します。
下図はiPhoneの画面です。
左のアイコンがPWAのアイコン、右のアイコンがStoreからインストールしたネイティブアプリのアイコンです。このように見た目だけではPWAなのかネイティブアプリなのかは区別がほとんどつきません。

PWAのメリット

PWAの主なメリットは、前述の通り「モバイルアプリでしかできなかったことがWebアプリでも一部実現ができるようになること」です。
いくつかご紹介します。

まずは上記の通り、アプリアイコンとしてホーム画面に表示できることで、ユーザーの利便性向上に繋がります。
通常のWebアプリでは、ユーザーが繰り返し利用する際にユーザーに自ら特定のURLを訪問してもらう必要があるため、手間がかかります。しかし、ホーム画面にアイコンがあればタップするだけで瞬時にアクセスできるため、Webアプリへの再訪が容易になり、継続的な利用を促進できます。

同様に、ユーザーに定期的なアクセスを促したい場合や、必要な時にすぐにアプリを起動してもらいたい場合に、PWA化によって基本的なプッシュ通知であれば実現できるようになるのは大きなメリットです。

また、最初に書いた通りPWAは「Webサイト／Webアプリをモバイルアプリっぽく使えるようにする」技術なので、一からモバイルアプリをつくるのと比べると開発期間やコストの大幅な削減が期待できます。
さらに、モバイルアプリとは異なり、App StoreやGoogle Playストアなどを通さずにユーザーにアプリを提供できることもPWAの特長です。ユーザーはストアからインストールする手間が無く、開発者はリリース時のストア申請の手間が省け、迅速な展開が可能となります。

OSの種類や設定次第では一部機能がオフラインでも利用できることもPWAの特長です。
通常のWebアプリはインターネット接続が必須ですが、PWAはWebから取得したデータをキャッシュ（一時保存）しておけるため、設計次第ではオフラインでも一部機能を利用できます。（例えば、記事一覧や過去に閲覧した記事であれば、オフラインでも閲覧できる場合があります。）

PWAのデメリット

ここまでの説明ではPWAが魅力的に見えるかもしれませんが、もちろんデメリットも存在します。
簡単にいえば、PWAは「OSやブラウザによって、挙動差異や制約があること」が最大のデメリットです。

PWAはGoogleが推奨していることもあり、ChromeとAndroidの組み合わせでは多くの機能が実現できるようになってきています。一方、AppleのiOSでは長らく対応が限定的で、実現できないことや制限を強く受ける部分が多く存在していました。

例えば、iPhoneでPWAからプッシュ通知を送れるようになったのは2023年のiOS 16.4からと、比較的最近です。しかもこの機能は「ユーザーがホーム画面にアプリとして追加した場合に限り利用できる」といった条件付きで、Androidほど気軽には使えません。
ただし、最近は状況が改善方向に向かっていることも事実です。プッシュ通知の仕組みが簡素化されたり、ホーム画面に追加したサイトが自動的にアプリのように動作する仕様が追加されたりと、AndroidとiPhoneの機能差は少しずつ縮まってきています。

とはいえ、ネイティブアプリにしかできないことは依然として残っています。
例えば、ユーザーがアプリを開いていない間に裏側で最新データを取得しておくような処理や、iPhone特有のリッチな通知表現（ロック画面でリアルタイムに配達状況を表示するようなもの）は、PWAでは実現できません。こうした差がある点は認識しておく必要があります。

このような背景も合わさり、他の成熟した開発技術と比較すると、PWAに関する技術記事や実装情報が相対的に少ないこともデメリットのひとつです。
メジャーな確立された技術であれば開発中にトラブルが発生しても解決策を容易に見つけられますが、仕様変化の多いPWAではそうはいきません。実際、PWA自体の紹介記事は豊富にあるものの、具体的な実装に関する技術記事などは他の技術に比べると少ない印象を受けます。

また、一般ユーザーにとってPWAという存在自体が十分に認知されていないという課題もあります。
前述の通り、PWAはApp StoreやGoogle Playストアを通さずに利用できますが、一般ユーザーの多くは「モバイルアプリ＝ストアからインストールするもの」という認識を持っているため、ストアを経由せずホーム画面にアイコン追加する形式を提示されても戸惑い、PWA利用に至らないユーザーが一定数いると考えられます。
実際にPWA対応のWebアプリを利用するには、ユーザー自らが特定の操作を行う必要があるため、詳細なホーム画面追加手順を示す工夫が必要です。

上記を踏まえ、凝った機能をPWAで実現しようとすると、結局OSやブラウザの違いによってそれぞれ個別の対応が必要となり、実装や保守の手間が大幅に増えてしまう可能性がある点には注意が必要です。

上記を踏まえ、凝った機能をPWAで実現しようとすると、結局OSやブラウザの違いによってそれぞれ個別の対応が必要となり、実装や保守の手間が大幅に増えてしまう可能性がある点には注意が必要です。

PWAが適しているか否か選択のポイント

最後に、PWAを導入するかどうかで迷われている場合の、選択のポイントをいくつか紹介したいと思います。

既にWebアプリがあり、かつ、開発コストをできるだけ抑えつつ、モバイルアプリのようなロイヤリティ向上を図りたい場合、PWAは選択肢になりえます。
とくに既存のWebアプリをより頻繁に使ってもらえるようにしたい、というような目的の場合は、ユーザーのホーム画面にアプリアイコンを配置でき、制約はあるもののプッシュ通知も可能であることは大きなポイントになると思います。

また、ユーザーのOSやブラウザをある程度限定できるのであれば、PWAのメリットを得やすいです。
例えば、業務用のアプリで、会社が社員に支給している特定のAndroid端末とChromeブラウザでの利用だけを想定している場合などは選択肢になり得ます。

一方で、Android、iOSの両方に対応する必要がある場合は、各OSの対応状況を詳細に調査・対応できるエンジニアがプロジェクトに不可欠です。特にプッシュ通知やカメラ機能などの端末側の機能(ネイティブ機能)を利用する場合は、OSやバージョンによる差異を十分理解しておかないと、意図した機能が実際は一部のユーザーにしか利用できないといった問題が生じかねません。

「凝った高度なネイティブ機能はPWAでは対応できない。ちょっとしたシンプルなネイティブ機能を使いたいだけであれば有効な選択肢の１つ」と考えておくと良いかもしれません。

※実際にはもっと多様な選択のポイントや考慮すべき制約がありますが、この記事ではわかりやすく単純な例を用いた説明に留めています。

まとめ

本記事では、Webアプリの擬似モバイルアプリ化（PWA）についてご紹介しました。

どの手法を採用するか正しく判断を下すためには、アプリに求める機能性、開発コスト、保守のしやすさ、技術の将来性…などさまざまな観点を持って考える必要があります。
そのため、ビジネスサイドの方とITサイドの方、両者が参加するプロジェクトチームで協議するのがお勧めです。外部ベンダーに開発を依頼する場合は実装方式の相談にも乗ってくれるようなパートナーを選定するのが良いでしょう。

NCDCは、モバイルアプリを用いたサービスの全体像を検討するところから、アプリ開発の要件定義、UX/UIデザイン、実装まで一元的にお客様をご支援することを得意としています。
目的に応じた適切な技術の選定からご相談いただけますので、モバイルアプリの開発を検討されている方はぜひお問い合わせください。