一覧に戻る
Lv.2

PWA(プログレッシブウェブアプリ)

Progressive Web Apps

Webサイトなのに、スマホアプリのように使える技術

簡単に説明すると

PWAは、Webサイトをスマホの専用アプリと同じような感覚で利用できるようにする仕組みのことだよ。 アプリストアからダウンロードせず、普段のブラウザからアクセスして利用するのが基本的な使い方なんだ。 一度読み込んだデータを保存してオフラインでも画面を表示したり、ホーム画面にアイコンを追加してワンタップで起動したりする機能があるよ。 開発側では、一つのWebサイトを作るだけで異なるスマホのユーザーにアプリのような体験を提供する仕組みになっているんだ。

名前のヒミツ

Progressive Web Apps(プログレッシブウェブアプリ)の略だよ。 Progressiveには「段階的な」という意味があるんだ。 使う端末やブラウザに合わせて、できる機能を段階的に足していくWebアプリ、という考え方からこう呼ばれているよ。

くわしく見てみよう!

PWAとは、Webサイトをスマホのアプリと同じような感覚で使えるようにする仕組みのことだよ。
普段使っているWebブラウザでアクセスするだけで、専用のアプリをインストールしなくても快適に利用できるんだ。

この技術の大きな特徴は、Webサイトの手軽さとアプリの便利さを両立している点にあるね。
例えば、一度読み込んだデータを保存しておくことで、インターネットに繋がっていないオフラインの状態でも画面を表示できたりするんだ。
また、スマートフォンのホーム画面にアイコンを追加すれば、そこからワンタップで起動できるようになるよ。

利用者にとっては、わざわざアプリストアからダウンロードする手間が省けるのが嬉しいポイントだね。
開発する側にとっても、iPhone用とAndroid用を別々に作る必要がなく、基本的には一つのWebサイトを作るだけで両方のユーザーにアプリのような体験を届けられるメリットがあるんだ。

カテゴリWebアプリ