プログレッシブWebアプリとは何ですか？

Webアプリを本物のアプリのように動作させたいと思ったことはありませんか。プログレッシブWebアプリは、それを実現することを目的とした新しいテクノロジです。.

ショートバージョン：プログレッシブWebアプリとは?

簡単な要約は次のとおりです。Google、Microsoft、Mozillaなどの企業が新しい、最新のWebアプリケーション標準に取り組んでいます。アップルでさえもそれに従ってサポートを実行しています。これらのアプリケーションはWebアプリケーションですが、ネイティブアプリケーションのように動作します。既存のWebアプリと同様に、それらは関連するWebサイトで直接ホストされます。開発者はそれらの更新を複数の異なるアプリストアに送信することなくWebサーバー上で直接更新することができ、同じアプリがすべてのブラウザとプラットフォームで実行されます。.

プログレッシブWebアプリをインストールすると、ホーム画面、タスクバー、またはアプリを起動するデスクトップショートカットが表示されます（プラットフォームによって異なります）。アプリはすばやくロードされ、オフラインサポート、プッシュ通知、バックグラウンド同期サポート、その他のモダンな機能が含まれます。.

これらのアプリは、既存のWebテクノロジを使用して、位置情報サービス、Webカメラ、その他ネイティブアプリに通常関連付けられているその他の機能にアクセスすることもできます。もちろん、アプリはこれらにアクセスする前にあなたに尋ねてあなたの許可を得なければなりません。.

テクニカルバージョン：それらはどのように機能するのか?

プログレッシブWebアプリは、最新のWebテクノロジで強化された従来のWebアプリケーションであり、アプリのようなエクスペリエンスを提供できます。 「プログレッシブ」の部分は、最新のWeb機能で「漸進的に強化」されていることを意味します。つまり、新機能をサポートしない古いブラウザでも機能しますが、最新のブラウザではより多くの機能で機能します。.

これらのアプリはあなた自身のウィンドウとショートカットをあなたのタスクバーに（Windows 10とChromeを実行しているものは何でも）またはあなたのホームスクリーンにアイコンを（Androidデバイスと他のスマートフォンで）得るでしょう。あなたがそれらを開くとき、それらはあなたのデバイス上にアプリのリソースとデータを保存するCache APIとIndexedDBのおかげで素早くロードされ、それらがオフラインであってもそれらが動作することを可能にします。 Service Workersやプッシュ通知などのテクノロジを使用すると、ネイティブアプリのように、アプリが実行されていなくても同期や通知の送信などのバックグラウンドタスクを実行できます。 Fetch APIは、アプリがデータをリクエストするのをより早く簡単にします。 Webアプリケーションマニフェストファイルがあり、名前、アイコン、作成者、およびホームスクリーンまたはデスクトップにアプリケーションをインストールするときに使用される説明を提供します。それらは常に暗号化されたHTTPS経由で提供されます。つまり、安全であり、送信中にデータを改ざんすることはできません。.

プログレッシブWebアプリは、GoogleのChromeパッケージアプリやマイクロソフトのホステッドWebアプリとは異なります。そのため、アプリをファイルとして「パッケージ化」してアプリストアに送信する必要がありました。アプリ全体は小さなオフラインバンドルの中にあり、ユーザーはChromeウェブストアまたはWindowsストアのどちらかからインストールする必要がありました。これらもプラットフォーム固有であり、ChromeまたはWindowsでしか機能しません。開発者はオフラインアプリのファイルを変更し、それを更新するために新しいバージョンをアプリストアに送信する必要がありました.

代わりに、PWAがオフラインファイルにパッケージ化されることはありません。今日使用している従来のWebアプリケーションと同様に、それらは完全にアプリケーションのサーバー上でホストされています。開発者がプロ​​グレッシブWebアプリを更新したい場合は、サーバー上のWebアプリを更新するのとまったく同じように更新します。 PWAをサポートするすべてのプラットフォームとブラウザは、同じプログレッシブWebアプリを使用できます。.

PWAは、検出とインストールを容易にするためにアプリストアに一覧表示できますが、アプリストアはWebアプリのサーバーを指すだけです。アプリがアプリストアのコンテンツポリシーと互換性がない場合でも、ユーザーは自分のブラウザから直接検索してインストールすることができます。.

なぜこれが重要なのか

これは、Webアプリケーションを少しだけ良くすることだけではありません。これは、すべてのプラットフォームがサポートするインストール可能なアプリの新しい標準を制定することです。それは近い将来にいくつかの驚くべき出来事を意味するかもしれません.

たとえば、この作業が完了すると、GoogleはGmailやGoogleカレンダーなどのサービスをPWAとして機能させることができます。これは、それらがWindows 10上でネイティブスタイルのアプリケーションとして実行され、Windowsストアにリストされることを意味します。グーグルはマイクロソフトのユニバーサルウィンドウズプラットフォーム（UWP）をサポートしたくないので、これはウィンドウズストアのアプリケーション問題を解決するのに長い道のりを行くでしょう。別のUWPアプリを作成したくない他の開発者は、ネイティブスタイルのPWAを使って突然Windows 10をサポートできるようになるでしょう。.

開発者は、アプリストアのフープを飛び越えることなく、さまざまなデバイス上でより強力で統合された方法でWebアプリを機能させるためのより簡単な方法があります。いたるところで動作するWebアプリケーションは、単一のプラットフォームで動作するネイティブアプリケーションと競合することができます。 iOS、Android、Windows、Web用に別々のアプリケーションを作成するのではなく、1つのアプリケーションを作成するだけのリソースがある企業であれば、PWAを作成してすべてをサポートできます。.

そして、開発者が提供するWeb App Manifestファイルのおかげで、検索エンジンはWebをクロールし、オンラインで利用可能なPWAを簡単に見つけることができるようになります。これは、Webページと同じように、PWAを簡単に見つけられるようにします。.

どのプラットフォームがサポートされていますか?

プログレッシブWebアプリはしばらく前から開発中ですが、世間の注目を集めています。.

Windows 10の次のアップデートである4月30日にリリースされるRedstone 4というコードネームの2018年4月アップデートで、MicrosoftはPWAのサポートを有効にしている。他のプラットフォームと同様に、PWAのWebサイトにアクセスしてMicrosoft Edgeからインストールすることができます。ただし、マイクロソフトは、インストールを容易にするためにストアにProgressive Web Appsも掲載する予定です。開発者は自分のアプリをストアにリストすることができますが、マイクロソフトはBingを使用してWeb上で優れたPWAを見つけて自動的にリストすることもできます。それらはまだ彼らのウェブサイト上で通常通りホストされ開発者によって更新されますが、マイクロソフトはそれらを見つけてインストールすることをより簡単にしています。 Windows 10上でPWAを見つけてインストールして実行するためにEdgeブラウザを開く必要さえないでしょう。これはWindowsストアの一括処理に役立ちますが、MicrosoftのUWPアプリプラットフォームにとっては悪いニュースのように見えます。 PWAが問題なく複数のオペレーティングシステムで実行されているのに、なぜ多くの開発者がUWPアプリを作成するのでしょうか。?

Google Chromeの場合 - Windows、Mac、Linux、Chrome OSのいずれを対象とするか - PWAは、廃止された「Chrome Apps」プラットフォームに代わるものです。グーグルは、PWAのデスクトップインストールのサポートは、「2018年半ばに」概ね達成されるべきだと述べている。そうすれば、これらのPWAはデスクトップ上のChromeと連携するようになります。この機能は、Canaryという名前のChromeの不安定な開発バージョンで既にテストされています。.

Androidでは、Google ChromeはすでにMozilla Firefox、Opera、Samsungブラウザなどの他のモバイルブラウザと同様にPWAのインストールをサポートしています。 Googleは、他のアプリと同様に、PWAをAPKファイル（Androidアプリファイル）に変換してデバイスにインストールできるようにするWebAPKというテクノロジに取り組んでいます。 Chromeのプロジェクトマネージャは、PWAもPlayストアに追加できると示唆しています.

Appleはここでは積極的な支持者でも参加者でもありませんでしたが、現在ではSafariブラウザにもPWA機能を追加しています。.

2018年はPWAにとって大きな年となるでしょう。特にWindows 10では、Microsoftがアプリのギャップを埋め、ネイティブスタイルのアプリを増やす手助けをすることができます。.

画像クレジット：Prabowo96