PWA 【Progressive Web Application】 プログレッシブウェブアプリ

概要

PWA(Progressive Web Application)とは、スマートフォンなどのモバイル機器向けに設計されたWebアプリケーションを、アプリ(ネイティブアプリケーション)のように扱えるようにする技術。

Webアプリケーションインターネット上の特定のWebサイトアクセスすることで利用できるが、PWAによってホーム画面にアイコンを作成してアプリを起動するようにアクセスできるようになる。実体Web上にあるためアプリのようにストアからインストールする手順は不要である。

Webブラウザ内部にスクリプト常駐させることができるService Worker(サービスワーカー)の仕組みを利用して、サイトデータや機能の一部または全部をブラウザ内に送り込み、オフラインの状態でも起動して動作させることができる。オフラインでどの程度まで動作するかはアプリ設計による。

一度読み込んだデータプログラムキャッシュとして保管され、機能や内容をあらかじめ読み込んでおく先読み(プリキャッシュ)機能もあるため、ネットワークから読み込むWebアプリよりも軽快に動作させることができる。

従来はネイティブアプリにのみ可能だったプッシュ通知も扱うことでき、サイト側から能動的に情報を告知することができる。ブラウザ側のメニューの一部を非表示とするなど、表示・操作画面の構成などもネイティブアプリ風に設計することができる。

サイトをPWA化するには伝送経路を暗号化するHTTPSへの対応が必須となる。その上で、ページ内にService Workerの動作を定義するスクリプトを記述し、Webサーバ上にアプリの設定や概要をJSON形式で記述したマニフェストファイル拡張子.webmanifestのファイル)を用意する必要がある。

PWAという用語および概念は米グーグルGoogle)社が2015年に発表したもので、当初は同社の(Androidスマートフォン上の)Google Chromeでの利用を想定していたが、他のブラウザ製品でもService Worker実装が進み、Apple SafariMozilla FirefoxMicrosoft Edgeなど主要なWebブラウザで利用可能となっている。

(2021.2.4更新)

他の辞典による解説 (外部サイト)

この記事の著者 : (株)インセプト IT用語辞典 e-Words 編集部
1997年8月より「IT用語辞典 e-Words」を執筆・編集しています。累計公開記事数は1万ページ以上、累計サイト訪問者数は1億人以上です。学術論文や官公庁の資料などへも多数の記事が引用・参照されています。
ホーム画面への追加方法
1.ブラウザの 共有ボタンのアイコン 共有ボタンをタップ
2.メニューの「ホーム画面に追加」をタップ
閉じる