プログレッシブウェブアプリとは何か、ネイティブアプリとどのように比較されるのか？

プログレッシブウェブアプリの特徴

テクノロジー好きのあなたは、プログレッシブアプリについて言及している記事に出会ったことがあるでしょう。彼らがどれほど素晴らしいか、アプリの未来であり、すべてのサイトが持つべきものであると。

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

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

プログレッシブウェブアプリ（PWA）は、ブラウザ内に存在し、CSS、HTML、JavaScriptで構成されたウェブアプリです。PWAは、モバイルウェブサイトとアプリの中間と見なすこともできます。言い換えれば、ハイブリッドです。

PWAは最新のウェブ技術を使用しており、開発者はユーザーにモバイルアプリのような体験を提供し、より良く、安全に、迅速に読み込むサイトを作成できます。彼らは通常のウェブサイトですが、ユーザーにはアプリのように見えます。

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

プログレッシブフォン

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

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

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

プログレッシブフラグ

下部に「今すぐ再起動」ボタンが表示されるはずです。それをクリックすると、次回プログレッシブアプリを使用するサイトを訪れたときに、インストールを促されます。

現時点では、プログレッシブウェブアプリはSafari/iOSでは動作しません。これは、オフラインモード、プッシュ通知、ホーム画面へのインストールを楽しむことができないことを意味します。Appleがすぐにプログレッシブアプリに切り替えることを願っています。

プログレッシブウェブアプリの例はTwitterのサイトです。これは、プログレッシブウェブアプリがすべきことを行っています：ホーム画面に追加するプロンプトがあり、データ消費を減らし、サービスワーカーのスクリプトでほぼ瞬時に読み込みます。

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

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

プログレッシブセキュア

プログレッシブアプリは、電話、タブレット、コンピュータなど、どのデバイスにも対応しています。プログレッシブアプリはシェルモデルで作られているため、アプリスタイルのナビゲーションとインタラクションを楽しむことができます。

古いアプリを使用する心配はありません。サービスワーカーの更新プロセスにより、コンテンツが常に最新の状態に保たれます。プログレッシブアプリはURLを通じて簡単に共有でき、アプリストアに依存せずにホーム画面に簡単に保持できます。

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

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

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

PWAとネイティブアプリ

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

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

PWAは素晴らしいですが、まだ比較的新しいため、欠点もあります。たとえば、タブレットやスマートフォンの機能と統合する際に制限があります。

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

PWAとネイティブアプリはそれほど異なりません。たとえば、どちらもホーム画面で起動され、非常に似たウェブ体験/ユーザーインターフェースを提供します。

プログレッシブ例

PWAの制限

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

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

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

クロスアプリケーションログインが重要な場合は、PWAを避けた方が良いでしょう。彼らは独立してデータを収集できないため、それをサポートしていません。