プログレッシブウェブアプリとは何ですか？ネイティブアプリとどのように比較しますか？

技術愛好家として、プログレッシブアプリの素晴らしさ、アプリの未来、そしてすべてのサイトにアプリをどのように持たせるかについて言及している記事に出くわしたことでしょう。

しかし、プログレッシブアプリとは正確には何ですか？プログレッシブアプリは、標準のウェブアプリと完全に異なるわけではありませんが、デベロッパーが満たす必要のある特定の概念があります。

プログレッシブウェブアプリとは

プログレッシブウェブアプリ（PWA）は、ブラウザに常駐し、CSS、HTML、JavaScriptで作成されたウェブアプリです。 PWAは、モバイルWebサイトとアプリのクロスと見なすこともできます。言い換えれば、それはハイブリッドです。

PWAは最新のWebテクノロジーを使用しており、開発者はユーザーにモバイルアプリのようなエクスペリエンスを提供するだけでなく、パフォーマンスを向上させ、安全性を高め、読み込みを高速化するサイトを作成できます。これらは通常のWebサイトですが、ユーザーにとってはアプリケーションのように見えます。

また、最新のWeb標準を使用し、ほぼすべてのブラウザーで正しく迅速に動作するように作られています。

プログレッシブウェブアプリも、インターネット接続がどれほど遅いかに関係なく、即座に読み込まれます。動的コンテンツがなくても、インターネット接続がない場合でもアプリを使用できます。

プログレッシブウェブアプリをオフラインで使用する方法

プログレッシブアプリをオフラインで使用するには、いくつかの実験的なChrome機能をオンにする必要があります。 Chromeのアドレスバーに次のコマンドを入力します：chrome：// flags /＃bypass-app-banner-engagement-checks

下部に「今すぐ再起動」ボタンが表示されます。それをクリックすると、次にプログレッシブアプリを使用するサイトにアクセスすると、インストールするように求められます。

現在のところ、プログレッシブウェブアプリはSafari/iOSでは機能しません。これは、オフラインモード、プッシュ通知、ホーム画面のインストールを楽しむことができないことを意味します。うまくいけば、Appleはすぐにプログレッシブアプリに切り替えます。

プログレッシブウェブアプリの例は、Twitterのサイトです。プログレッシブウェブアプリが行うべきことを実行します。「ホーム画面に追加」プロンプトがあり、データ消費量が少なく、ServiceWorkerスクリプトでほぼ瞬時に読み込まれます。

プログレッシブアプリセキュリティ

これらはブラウザに存在するため、アプリストアは必要なく、セキュリティのために常にHTTPSを使用します。サイトがHTTPSで動作しない場合、プログレッシブアプリとして認定することはできません。サイトには、ブラウザにSSLまたはTLS証明書がインストールされている必要があります。

プログレッシブアプリはどのデバイスにも対応しています。携帯電話、タブレット、パソコンなどは関係ありません。プログレッシブアプリはシェルモデルで作成されているため、アプリスタイルのナビゲーションとインタラクションをお楽しみいただけます。

Service Workerの更新プロセスによりコンテンツが更新され続けるため、古いアプリの使用について心配する必要はありません。プログレッシブアプリはURLを介して簡単に共有でき、アプリストアに依存せずにホーム画面に簡単に表示できます。

また、モバイルホーム画面に追加したり、プッシュ通知を送信したりすることもできます。プログレッシブウェブアプリは、メンテナンスの時間とコストを削減するのに役立つため、それらを使用する企業にとってもメリットがあります。

FirefoxはChromeの例に従っており、Firefox 58を使用すると、プログレッシブウェブアプリを楽しむことができます。有効なマニフェストがあり、HTTPS経由で提供されるサイトに出くわした場合は、アドレスバーにバッジが表示されます。

これを選択すると、「ホーム画面に追加」というメッセージが表示されます。ホーム画面からアプリを起動するときに外部リンクをタップしても、サイトでの進捗状況が失われることはありません。

PWAとネイティブアプリ

プログレッシブウェブアプリは、開発者が複数のプラットフォーム用のアプリを作成する必要がなくなるため、ネイティブアプリよりも優れています。これにより、経済的な節約は言うまでもなく、開発者は時間とお金を大幅に節約できます。

開発者は、現在のすべてのプラットフォームとデバイスで動作する1つのアプリを作成するだけで済みます。プログレッシブウェブアプリでは、ネイティブアプリとは異なり、使用する前に何もインストールする必要はありません。

PWAは優れていますが、まだ比較的新しいため、欠点があります。たとえば、タブレットやスマートフォンの機能と統合しようとすると、機能が制限されます。

彼らはまだBluetoothなどの機能と統合することはできません。指紋センサー、加速度計、またはNFC。今のところ、ネイティブアプリはPWAよりも信頼性がありますが、その話がどのように終わるかは時が経てばわかります。

PWAとネイティブアプリは、互いにそれほど違いはありません。たとえば、どちらもホーム画面で起動され、非常によく似たWebエクスペリエンス/ユーザーインターフェイスを提供します。

PWAの制限

プログレッシブウェブアプリは次の大きなものになるはずですが、欠点もあります。たとえば、Edge、Safari、Internet Explorer、その他のカスタムブラウザなどのすべてのブラウザで機能するわけではありません。 PWAは、SamsungのAndroidブラウザ、Opera、Chromeなどの新しいバージョンのブラウザで動作します。

すべてのデバイスがサポートできるわけではないため、この制限はデバイスにも影響します。 AndroidはPWAをサポートしていますが、まだ比較的新しいため、サポートの問題がいくつかあります。

iOSは、デバイスのホーム画面での通知とショートカットプロンプトのサポートに問題があるため、現在PWAをサポートしていません。これまでのところ、AppleはPWAを採用するかどうかを公式に発表していません。

アプリケーション間のログインが重要な場合は、PWAを避けたいと思うかもしれません。独立してデータを収集できないため、サポートされていません。

結論

プログレッシブアプリはまだ比較的新しいものであり、調整中または少なくともそれについて考えている企業がまだあります。ユーザーのモバイルエクスペリエンスの向上にのみ役立つため、間違いなく未来です。

プログレッシブアプリは今後も続くと思いますか、それともフェードアウトしますか？コメントであなたの考えを共有してください。