私はPWAの利点について読んでいましたが、なぜこの技術を使わなければならないのか分かりません。これはSPAに似ていますか?それとも、これはまったく別のものですか?プログレッシブウェブアプリケーション(PWA)のガイドラインを使用するとどのようなメリットがありますか?
答えて
SPAはPWAとは異なるものです。あなたはあなたのウェブサイトの機能強化としてPWAを見ることができます。 service workerとmanifestを追加することで、ウェブサイト(SPAかどうか)をブラウザから取り除くことができ、モバイルアプリのように動作し、パフォーマンスを向上させることができます。
単一ページのアプリケーション(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
Googleのページを見ると、ブラウザからの技術で構築された「純粋なウェブ」アプリケーションのように見えるが、必ずしもブラウザではない。言い換えれば、ユーザーがブラウザベースの技術でモバイルで使用する「ネイティブのような」アプリを作る方法。これは、Facebookが5〜6年前の*本物の*ネイティブアプリ向けにHTML5を投げ捨てた理由です。 –
Googleのネイティブのようなアプリを構築するための「愚かでない」チェックリストは次のとおりです:https://developers.google.com/web/progressive-web-apps/checklist –
- 1. プログレッシブウェブアプリケーションPWAフォーマットビデオ
- 2. Djangoの移行 - どのようなメリットがありますか?
- 3. PWAのアプリケーションシェルをアップグレードする方法(プログレッシブウェブアプリケーション)
- 4. どのようなメリットがありますか?
- 5. コントローラを作成するためにangular.moduleを使用するとどのようなメリットがありますか?
- 6. プログレッシブウェブアプリケーション(PWA)を使用してバッジ通知を追加する方法はありますか?
- 7. プログレッシブウェブアプリケーションでJqueryとAngularJsを使用する必要がありますか?
- 8. Gradle:GroovyからKotlinに切り替えるとどのようなメリットがありますか?
- 9. Java Generics。私の場合、どんなメリットがありますか?
- 10. ODT(Observation Driven Testing)のメリットと落とし穴にはどのようなものがありますか?
- 11. リリースブランチをトランクにマージしないと、どのようなメリットがありますか?
- 12. プログレッシブウェブアプリケーション(PWA)に表示されるページを管理する
- 13. text/plainよりもapplication/jsonを使用するメリットはありますか?
- 14. J#を使用することの本当のメリットはありますか?
- 15. EJSなどのテンプレートエンジンをPWAで使用できますか?
- 16. Cassandraにヘーゼルキャストを使用するメリットはありますか
- 17. * .component.scssをstyles.scssに書くのではなく、どのようなメリットがありますか?
- 18. どのようなVisualStateManagerを使用する必要がありますか?
- 19. どのようなテストを使用する必要がありますか?
- 20. Pysparkの使用時にKryoシリアライザのメリットはありますか?
- 21. open3の代わりにsystemuを使用するメリットはありますか?
- 22. 単純なヌルチェックで(フラット)マップを使用するメリットはありますか?
- 23. 閉鎖の特定の用途は迅速にありますか?どのようなメリットがありますか?
- 24. ANDの代わりに&&を使用すると、スクリプトにどのような違いがありますか?
- 25. どのような違いがありますかmodelEventsとthis.model.on
- 26. このIPブロックにはどのようなIPがあり、どのように使用するのですか?
- 27. jqGrid PostDataをどのように使用する必要がありますか?
- 28. どのような方法がwinio64.dllにあり、どのように使用するのですか?
- 29. プロシージャのパラメータに "const"を使用すると、どのような違いがありますか?
- 30. iOSアプリケーションのコンパイル時にarmv7を使用するとパフォーマンスにどのような影響がありますか?
プログレッシブウェブ強化(私は「技術として「プログレッシブウェブアプリケーション」のことを聞いていませんでしたJavascriptを有効にしていない(つまり、サイトが少なくとも最小限の有用性を持つことを意味している)ユーザーを扱うこととは関係がありませんでした。これは前者にとってはあまり問題にはならないと思われ、決してスクリプタでは役に立たない "ウェブベースのアプリケーション"を作ることは、生産性を損なう可能性があります(ハードリンクとPOSTBACKフォームしかなければSlackと思う)。いつものように、YMMV。 –
タイトルを変更して、それほど挑発的でないようにしました。私が思う根本的な問題は良いことであり、確かに答えることができます。 –