プログレッシブWebアプリ - 現代のWebの未来は？

最近ではプログレッシブWebアプリ（PWA）が街の話題になっています。これは主に、その優れた使いやすさと独自のユーザーエクスペリエンスのためです。 Webサイトとネイティブアプリの機能を組み合わせることで、PWAはマルチデバイスWebアプリケーションの標準となりつつあります。 開発者が高速ロードの動的アプリケーションを構築できるようにする ハイブリッドフレームワークを使わずに.

プログレッシブWebアプリは ウェブサイトの未来 - 以下の記事では、全体像を説明するためにその利点と使用例について説明します。それに乗りましょう.

プログレッシブWebアプリとは?

用語 “プログレッシブWebアプリ” Alex Rusell（Google Chromeの開発者）とFrances Berriman（デザイナー）によって最初に造られました。 Alexは、プログレッシブWebアプリについて自分の考えを共有しました。 “これらのアプリはパッケージ化されているわけではなく、店舗を通じて展開されているのではありません。 正しいビタミンをすべて摂取したWebサイト“.

“通知を送信したり、ホームスクリーンに表示したりするサイトは、使用頻度が増えるにつれてそのうち稼ぐ必要があります。それらは次第にになります “アプリ”“, アレックスはPWAの有用性について書いた。最後に、彼は結論を下しました, “これらのアプリは、 従来のWebアプリよりも優れたユーザーエクスペリエンス“.

WebアプリとプログレッシブWebアプリ

Webアプリケーション、または従来のWebアプリケーションは、クライアント側のアプリケーションです。 Webブラウザで直接実行する. 彼らはウェブサイトよりも優れていますが、まだ彼らは彼らの問題を抱えています。 Webアプリとサイトの違いがわからない場合、Webアプリはネイティブアプリのように見えるので、WebアプリはWebサイトとは異なります。.

そうは言っても、プログレッシブWebアプリは 次世代のWebアプリ これは、デバイスのネイティブ拡張機能を利用することで、ネイティブアプリのように機能します。たとえば、プログレッシブWebアプリは ネイティブ機能を利用する カメラ、ビーコンなどの機能、オフラインキャッシュ、プッシュ通知などの機能.

プログレッシブWebアプリが必要な理由?

一方では、低速または無接続などの最悪の状況でも信じられないほど高速で信頼性の高いネイティブアプリがあります。しかし、その一方で、私たちにはウェブサイトやウェブアプリがありますが、それは遅くて、どんなネットワーク状況でもうまく機能しません。だからこそ、ほとんどの人が ネイティブアプリを好む.

Googleによって奨励されたプロジェクトであるAccelerated Mobile Pages（AMP）は、2016年に開始されました。 遅い接続の問題を解決する, 特にスマートフォンでは、モバイルユーザーにより良いユーザーエクスペリエンスを提供します。ただし、AMPはネットワーク問題がないという問題を解決しません。また、ネイティブアプリほどロード時間が短縮されることはありません。また、この速度を達成するにはいくつかの制限があります。.

それが、プログレッシブWebアプリが必要な理由です。 PWAは提供します 低速またはネットワークなしで可能な限り最高のユーザーエクスペリエンス 条件。たとえば、PWAはコンテンツをロードしているときは進捗画面を、Web接続がないときはスプラッシュ画面をそれぞれ表示できます。.

プログレッシブWebアプリが理にかなっている理由?

comScoreの2017年米国モバイルアプリレポートで指定されているように、アプリユーザーはほぼ費用をかけています。 上位3つのアプリに費やす時間の77％, それ以外のアプリはアイドル状態のままですが、それでもメモリを含むシステムリソースをブロックします。また、それも共有しています ユーザーの50％が毎月ゼロのアプリをダウンロードしています. この事実は、ユーザーが新しいアプリをインストールすることを躊躇していることを示唆しているため、PWAには優位性があります。.

私は人々が主にデスクトップのウェブサイトに行くのを見つけますが、 モバイル機器のアプリを好む （もちろんネイティブアプリ）。その理由は、コンピュータはスマートフォンよりもはるかに多くのネットワークリソースを提供し、アプリケーションはそれらの対応するWebサイトよりも少ないリソースを消費することです。また、彼らは迅速かつ信頼性があります.

さらに、ネイティブアプリはWebサイトよりもはるかに高価で、プロジェクトの種類によっては5倍から10倍以上もかかります。また、コードベースが異なる複数のプラットフォーム（AndroidやiOSなど）向けにネイティブアプリを開発する必要がある場合、それらのコストが増大する可能性があります。しかし、PWAは役に立ちます そのような高い開発コストを最小限に抑える, さまざまなプラットフォームをサポートしているおかげで.

プログレッシブWebアプリの機能

プログレッシブWebアプリには、より単純なもの、つまりWebアプリ（またはより単純なもの - Webサイト）とは一線を画す多くの直接的な機能があります。

レスポンシブ. 任意の画面サイズのすべてのデバイスで動作します.
オフライン優先. 低速またはネットワークなしでもロード.
アプリ風の感じ. ネイティブアプリのように見え、対話する.
最新の. ほぼ透過的に自分で更新する.
安全で安心. HTTPSを使用してページリソースを読み込む.
発見可能. 検索エンジンに役に立つコンテンツ.
再エンゲージ可能. 通知を使用して発言する.
インストール可能. あなたのホーム画面に配置することができます.
リンク可能. アプリのようなページを読み込むがURLは.

私が面白いと思うのは、プログレッシブWebアプリはネイティブアプリのように見えるだけでなく、持っているということです。 デバイスのネイティブ機能へのアクセス. それはPWAがあなたのデバイスのカメラを使ってあなたの写真を撮ることができることを意味します。しかし、私はそれが場所、電話、またはSMSのような限定された機能へのアクセスを得ないことを共有しなければなりません.

注意： あなたはこの記事でその機能と他の詳細についてもっと読むことができます.

プログレッシブWebアプリの作成?

Googleは提供します “プログレッシブWebアプリのチェックリスト” - 初心者がプログレッシブWebアプリを作成するのに役立つ詳細リスト。このガイドなしリストは、 PWAを作成するために必要な機能 - ある “ベースラインPWA” と “PWAの例”;前者は基本的なアプリにとって重要なものを、後者は高度なアプリにとって重要なものをリストしています.

さらに、PWAを構築する際にあなたを支援するためのさまざまなツールがあります。たとえば、Lighthouseは無料のオープンソースです。 Webページを改善するためのツール アクセシビリティ、パフォーマンス、およびPWA機能の品質チェックを含みます。もう1つの便利なツールはWorkboxです。 オフライン優先のアプリを構築する.

プログレッシブWebアプリは未来なのか?

プログレッシブWebアプリは近い将来にすべてのアプリの問題を解決したりネイティブアプリを置き換えたりするわけではありませんが、それでも、私はそれが重要な役割を果たすと思います。 その限界よりはるかに大きいその利点. そして、ほとんどすべての大規模プラットフォームがPWAをサポートし始めているので、それは私たちがどこでもそれらを見ることは遠くないです.

AppleはSafari 11.1でBeacon API、Service Workers、Web App Manifestなどを含むPWA機能（Web API）を導入しました。まだそうでない場合は、このようにすぐにiOSにPWAを持ってくる。 GoogleはすでにAndroid for ChromeでPWAをサポートしており、デスクトッププラットフォームにも提供する予定です。 Microsoftはまた、Microsoft EdgeでPWAのサポートを追加し、それらをMicrosoftストアにも掲載する予定です。.

どう思いますか - プログレッシブWebアプリは未来? あなたの返事を残すために私に@aksinghnetで直接知らせるか、または下のコメント欄を通してコメントを書いてください.