PWA vs Electron：詳細

公開: 2020-05-20

目次

今日、この分野にはあまりにも多くの新しい技術があり、私たちが追跡することはできないようです。 つい最近、私たちが毎日使用するそれほど少数ではない人気のあるアプリの背後にある強力なプラットフォームであるElectron.jsの出現が見られます。次に、新しい方法となるはずのプログレッシブWebアプリもあります。途中でパフォーマンスを犠牲にすることなく、一流の魅力的な顧客体験を提供するWebサイト。

これらすべての新しく発見されたテクノロジーを追跡するのに最も役立つように、今日のSimiCartの記事では、最も包括的な方法で、ElectronとPWAの2つを比較します。

PWAとは何ですか？

PWAは、Google自身が支援するテクノロジーであり、Microsoft StoreをPWAで満たすという野心的な計画で、Microsoftなどの大物の注目を集めているため、最近は非常に人気があるようです。 それがとても人気がある理由は、PWA自体が何年にもわたってウェブから来るのに最適なものであるということです—その実績はそれ自体を物語っています。

簡単に言うと、プログレッシブWebアプリは、アプリのように見えるWebサイトです。 このテクノロジーは、Webアプリケーションとネイティブアプリケーションの両方の最高の機能を組み合わせたものです。つまり、PWAを使用するユーザーは、プッシュ通知やジオロケーションなど、これまでネイティブアプリ専用だったすべての機能を利用できます。

Twitter PWA
MicrosoftStoreのTwitterはPWAです

電子とは何ですか？

PWAと比較すると、Electronは多くの点で類似しており、Webのテクノロジー（HTML、CSS、JavaScriptなど）を利用して、クロスプラットフォームの課題に最もよく取り組んでいます。 ただし、PWAとは異なり、Electronを利用したアプリは、ネイティブAPIとChromiumのレンダリングエンジンを利用しているため、完全に機能するデスクトップアプリケーションにすることができます。 実際、非常に機能的であるため、ネイティブデスクトップアプリケーションと区別がつかないことがよくあります。たとえば、Skype、Slack、Discordなど、重要なアプリケーションのいくつかはおそらくElectronベースであるとは知らずに、Electronベースであることに気付く可能性があります。 、およびVisualStudioCode。

不和の電子

エレクトロンはまっすぐに聞こえるだけではないですか？

ええと、あなたがそれをそのように言うとき…それは一種のことです。 いいえ、それよりも微妙な違いがあります。 最近、Electronベースのアプリの数が減少しているのには理由があります。これは、特にユーザーがPWAが提供するオムニチャネルエクスペリエンスをこれまで以上に要求している現在、Electronがその時代を示しているためです。 。

ElectronとPWAの両方の経験豊富な開発者に意見を求めると、次のパターンに気づきました。

  • 可用性：Electronベースのアプリはデスクトップアプリケーションのハイブリッドバージョンであり、モバイルデバイスにはまったくインストールできないため、PWAは、PWA互換のブラウザーを備えたほとんどすべてのデバイスで利用できる優位性があります。
  • パフォーマンス：Electronベースのアプリは、正しく実行された場合、テキストアプリケーションと同じくらい高速で軽量に感じるはずですが、それはあなたが得ることができる最高のパフォーマンスではありません。 PWAの既知の利点の1つは、最初の読み込みで（Electronと比較して）パフォーマンスが向上し、すべてがオンザフライでキャッシュされるため、以降の読み込みでほぼ瞬時の読み込み時間を実現できることです。代わりに、JavaScriptのオーバーヘッドの多くをにシフトできます。 PWAの不可欠な部分であるサービスワーカー。
  • 更新：ご存知のとおり、更新（および一般的なデプロイ）は、あらゆる種類のネイティブアプリケーションにとって大きな問題であり、Electronも例外ではありません。 これは、更新プロセス全体をサーバー側で実行できるPWAアプローチを選択することで回避できます。これにより、クライアントは更新のインストールプロセスから解放されます。
  • サイズ：Electronは、通常のデスクトップアプリケーションよりも軽量ですが、PWAよりもかなり重いです。 ほとんどのPWAは1メガバイト未満ですが、重量が50MB未満のElectronアプリを見つけるのは困難です。
  • セキュリティ：PWAは、ブラウザ側で維持される安全な接続（HTTPS）に完全に依存しているため、セキュリティに関しては優れています。一方、ネイティブアプリコンテナにラップされたWebアプリケーションであるElectronは、すべてを手動で行う必要があります。

PWAの人気が高まっている理由

これが真実です、Electronは時代遅れのテクノロジーです。 現在、多数のデスクトップアプリケーションで使用されていますが、それらの多くは、既存のElectronベースのデスクトップアプリをPWAに変換する計画をすでに持っています。 はい、ElectronベースのアプリをPWAに変換できますが、PWAからElectronに変換するプロセスに比べてプロセスはスムーズではありませんが、可能です。

すべての欠点のない電子

プログレッシブウェブアプリは、機能性を維持し、ユーザーエクスペリエンスに関与しながら、Electronの基本的な問題である互換性と配布の容易さを解決するため、より優れた、潜在的に進化するテクノロジーであると言えます。 これは、今日のブラウザが、要求できるすべての機能を備えた独自のユニバーサルOSになりつつあるという事実によるものです。その副作用として、PWAなどのWebに依存して実行されるテクノロジは、時間の経過とともに向上します。 。

 続きを見る： 
デスクトップPWA-ソフトウェア配信の未来
Magento2のPWA

オムニチャネル

オムニチャネルエクスペリエンスに関しては、レスポンシブマルチデバイスエクスペリエンス向けに特別に構築されているため、PWAは想像できるあらゆる点で優れています。 関係するビジネスの種類に応じて、PWAは、すべてのデバイスでユーザーエクスペリエンスを同じにしたいビジネスの頼みの綱になる可能性がありますが、Electron JSでは、プラットフォームごとに異なるコードベースを開発する必要があるため、増加します。開発コスト。

Electronを選択するタイミング

PWAはその特典を備えていますが、すべてのビジネスモデルを網羅するソリューションになることはできません。これがElectronのニッチな分野です。 Electronに基づくアプリは通常、通常のブラウザーの制約に遭遇せず、Node.js機能に基づいて自由に開発できます。これにより、ElectronはオペレーティングシステムのすべてのネイティブAPIにアクセスできます。 これは、Electronベースのアプリが常にユーザーモードで実行され、ユーザーの安全で安定したオペレーティング環境を効果的に保証することを意味します。

Electronコミュニティ内の経験則として、単なるWebサイトになり得るものにElectronを使用することは決して良い考えではありません。 したがって、ネイティブアプリケーションの追加の自由度と機能が必要な場合に、アプリがごく少数のケースに該当すると思われる場合は、Electronを選択してください。 ただし、それ以外の場合は、PWAで十分です。

ラッピングワード

テクノロジーを備えたWebは急速に追いついており、大手ブランドからPWAの採用を推進する動きと相まって、将来的にPWAがさらに増えることは驚くべきことではありません。 しかし、それはエレクトロンが死の床にあるということでもありません。なぜなら、テクノロジーはまだ非常に機能的であり、かなり長い間ここにあると予想されているからです。 しかし、あなたが2つの間で検討している人の一人なら、PWAは、テクノロジーがまだ比較的新鮮であり、そのサポートが近い将来急増すると予測されているため、簡単な選択です。

続きを読む：
PWAとFlutter：詳細な比較

プログレッシブウェブアプリについて知っておくべきことすべて

プログレッシブウェブアプリケーション：インスピレーションを得るための実際のブランドからの12の例

Magento PWA Studio：Vueストアフロントとの詳細な比較