PWAとは｜ネイティブアプリとの違いと2級の要点

一言でいうと、「インストールできて、オフラインでも動く Webアプリ」です。MDN は PWA を、Web プラットフォームの技術で作られながら、OSごとのアプリのような使い心地を提供するアプリと説明しています。Web サイトのように1つのコードで複数の端末で動き、アプリのように端末にインストールでき、オフラインやバックグラウンドでも動作できる、という両方の性格を持ちます。

つまり PWA は、ネイティブアプリの一種ではなく Webアプリの発展形です。ストアの外枠を持たず、ブラウザの技術の範囲で「アプリらしさ」を足していきます。3つの方式の違いはネイティブ・Web・ハイブリッドアプリの違いで比べています。

PWA を支える2つの部品の役割を比べます。

Service Worker には決まった流れ（ライフサイクル）があります。MDN の説明を要約すると、次の順に進みます。

ページから登録された Service Worker は、次の段階を経て働き始めます。

1. 1ダウンロード：Service Worker が管理するサイトに初めてアクセスしたときに、ファイルが読み込まれる。
2. 2インストール：新しいか、内容が更新されていれば、インストールを試みる。オフライン用のファイルをキャッシュに入れる処理はこの段階で行うことが多い。
3. 3有効化：インストールに成功すると有効になる。古い版が動いている間は新しい版は待機し、古い版を使うページがなくなってから有効になる。
4. 4要求の仲介：有効になった後は、ページからの要求を受け取り、キャッシュから返すか、ネットワークに取りに行くかを決められる。

マニフェストの display では、起動したときの見え方を決めます。MDN によると、fullscreen はブラウザの表示を隠して画面全体を使い、standalone はアドレスバーなどを出さずに独立したアプリのように開き（ステータスバーなどは残りうる）、minimal-ui は戻る・再読み込みなど最小限の操作を残し、browser は通常のブラウザのタブで開きます。指定がなければ browser です。

できることと制約を並べます。対応の範囲はブラウザとOSによって異なり、変わり続けている点に注意してください。

WebKit は2023年2月、iOS・iPadOS 16.4 で、ホーム画面に追加した Webアプリが Push API・Notifications API・Service Worker を組み合わせて Web プッシュを使えるようにすると発表しました。通知の全体の流れはプッシュ通知の仕組みで扱います。PWA の読み込みを速くする通信の話はHTTP/2とHTTP/3の違いへ。

設備点検のPWAを地下で開く例です。事前に保存した画面や前回の点検結果を表示できても、通信がなければサーバー上の最新情報は確認できません。Service Workerは要求を仲介できますが、何を保存するか、通信が戻ったらどう送るかはアプリ側で設計します。

新しい点検結果を端末に保存する設計なら「未送信」を表示します。通信回復後、送信を試みただけで「送信済み」とせず、サーバーの受付結果を確認します。同じ記録を繰り返し送っても二重登録にならない扱いも、アプリ側で決めておきます。

端末内の保存や後日の同期は、PWAをインストールするだけで付く機能ではありません。通信回復後の送信・受付の設計と、プッシュ通知の受信も別の仕組みです。

MCPC の公式ページの図では、モバイルシステム技術検定 2級（100問・100分・4者択一）の出題カテゴリの一つ「モバイルインターネットとモバイルコンテンツ技術」の比率が20%と示されています（2026年9月27日確認）。当サイトでは、公式テキスト『モバイルシステム技術テキスト 第11版』の第9章「モバイルインターネットとコンテンツ技術」がこの範囲に当たると推定しています（章名からの当サイトの判断で、公式の対応表ではありません）。

4択での問われ方は、次のような型が考えられます。出題頻度の公式データはありません。

• ✓部品の役割：Service Worker とマニフェストの説明を入れ替えた選択肢から、正しいものを選ばせる。
• ✓前提条件：https での配信が必要なことを問う。
• ✓表示方法：display の値と見え方の組合せを問う。
• ✓ネイティブとの違い：配布の経路や端末機能の範囲の違いを問う。

試験全体の範囲はモバイルシステム技術検定2級とはで整理しています。

部品の名前を見たら「ファイルの中身は設定か、動くプログラムか」を先に決めてください。