2017-06-16 4 views
6

私はPWAの利点について読んでいましたが、なぜこの技術を使わなければならないのか分かりません。これはSPAに似ていますか?それとも、これはまったく別のものですか?プログレッシブウェブアプリケーション(PWA)のガイドラインを使用するとどのようなメリットがありますか?

+0

プログレッシブウェブ強化(私は「技術として「プログレッシブウェブアプリケーション」のことを聞いていませんでしたJavascriptを有効にしていない(つまり、サイトが少なくとも最小限の有用性を持つことを意味している)ユーザーを扱うこととは関係がありませんでした。これは前者にとってはあまり問題にはならないと思われ、決してスクリプタでは役に立たない "ウェブベースのアプリケーション"を作ることは、生産性を損なう可能性があります(ハードリンクとPOSTBACKフォームしかなければSlackと思う)。いつものように、YMMV。 –

+0

タイトルを変更して、それほど挑発的でないようにしました。私が思う根本的な問題は良いことであり、確かに答えることができます。 –

答えて

3

SPAはPWAとは異なるものです。あなたはあなたのウェブサイトの機能強化としてPWAを見ることができます。 service workermanifestを追加することで、ウェブサイト(SPAかどうか)をブラウザから取り除くことができ、モバイルアプリのように動作し、パフォーマンスを向上させることができます。

12

単一ページのアプリケーション(SPA)プログレッシブWebアプリケーション(PWA)ことができますが、PWAは、SPAである必要はありません。彼らは2つの異なるものです。 Googleが定義したPWAは:

信頼性 - 不安定なネットワーク状態であっても、即座にロードしてダウンソウルを表示しません。 ファスト - 滑らかで滑らかなアニメーションとjankyスクロールなしのユーザーインタラクションに素早く応答します。 エンゲージング - 没入型のユーザーエクスペリエンスを備えた、デバイス上の自然なアプリのような感じです。

Google PWAサイトは、PWAについて、またその理由と構築方法について学習するのに適しています。

https://developers.google.com/web/progressive-web-apps/

SPAは、単に単一のページがブラウザにロードされ、それ以降のすべてのルーティングとページビューのレンダリングはJavaScriptを使用して、クライアント(ブラウザ)上で処理されたWebアプリケーションです。

PWAとSPAの原則を適切に組み合わせると、特にインターネット接続が信頼できない携帯電話では、ユーザーエクスペリエンスが大幅に向上する可能性があります。

今日、よく実装されたPWAの最も良い例はおそらくTwitter Liteです。

https://mobile.twitter.com/home

を...と、ここでそれについて読む:ここでそれをチェックアウト

https://blog.twitter.com/en_us/topics/product/2017/introducing-twitter-lite.html

+0

Googleのページを見ると、ブラウザからの技術で構築された「純粋なウェブ」アプリケーションのように見えるが、必ずしもブラウザではない。言い換えれば、ユーザーがブラウザベースの技術でモバイルで使用する「ネイティブのような」アプリを作る方法。これは、Facebookが5〜6年前の*本物の*ネイティブアプリ向けにHTML5を投げ捨てた理由です。 –

+0

Googleのネイティブのようなアプリを構築するための「愚かでない」チェックリストは次のとおりです:https://developers.google.com/web/progressive-web-apps/checklist –

関連する問題