Magento PWA StudioとVueストアフロント：比較とアドバイス

公開: 2022-05-25

プログレッシブウェブアプリは、マーチャントが顧客に最高のエクスペリエンスを提供するためにウェブサイトに統合する必要があるトップテクノロジーとして成長しています。現在、Magentoストア用のPWAを構築するための最も人気のあるプラットフォームは、Magento（Adobe）のPWAStudioとVueStorefrontです。この投稿では、これら2つのPWAフレームワーク（Magento PWAStudioとVueStorefront）の比較に取り組み、どちらがビジネスに最も適しているかを企業にアドバイスします。

さぁ、始めよう！

1 /MagentoPWAスタジオ

Magento PWA Studioは、現在のMagentoサイトのPWAをセットアップするためにMagentoが提供するツールのセットです。

このツールはMagento2にのみ適用されます。したがって、Magento 1から2に移行していない企業は、Magento PWA StudioでPWAを開発する前に、最初に移行を行う必要があります。

PWA Studioは、React、JavaScript、Redux、およびGraphQLに基づいています。

長所：

詳細なドキュメント

マーチャントは、Magento PWA Docs内で注意深く説明されている懸念事項のほとんど（PWA Studioの概要、基本概念、PWAストアフロントのセットアップ、チュートリアル、APIリファレンス、リリースノート、FAQなど）を見つけることができます。

促進された開発アプローチ

有用なリソースであるMagentoを使用すると、開発者はPWA統合プロセスの複雑さが軽減される場合があります。

強力なコミュニティ

Magento PWA Studioは、膨大な数の開発者を抱えるMagentoコミュニティによってサポートおよび提供されています。したがって、必要に応じてPWAの支援を求める方が簡単な場合があります。

完全なPWA機能

マーチャントは、すべてのPWA機能をMagento PWA Studioを使用してストアに統合します（ホーム画面への追加、オフラインモード、プッシュ通知、バックグラウンド同期など）。

成功した過去のプロジェクト

PWA Studioに基づく多くのPWA開発プロジェクトでは、ShopEddiesやBoonthavornなどの肯定的な結果が報告されています。

短所：

プラットフォーム間の非互換性

Magento PWA Studioを使用する主な制限は、Magentoとのみ互換性があることです。また、Magento 2.3以降のバージョン専用に構築されており、Magento1はサポートされていません。

大ざっぱなデザイン

Magentoのデフォルトテーマ（Luma＆Blank）と同様に、Venia PWA Studioテーマは非常に基本的で、あまり魅力的ではありません。その結果、まれなMagentoストアはこのテンプレートをすぐに適用しますが、大幅なカスタマイズを行うか、PWAStudioから構築された他のMagentoPWAテーマを探します。

2/Vueストアフロント

Vue Storefrontは、Magentoを含む複数のeコマースプラットフォーム向けのオープンソースのPWAフロントエンドです。

Vue Storefrontは、Vue.JS、Nuxt.JS、JavaScript、およびCompositionAPIを使用します。

長所

さまざまなデザイン

このPWAソリューションは、企業のさまざまなニーズに対応できる設計に関する幅広いオプションを商人に提供します。

互換性

Vue Storefrontは、Magento、Shopify、Shopwareに適用でき、将来的にはより多くのeプラットフォームに接続する予定です。

Magentoの互換性に関して、VueStorefrontはMagento1とMagento2の両方をサポートしています。

柔軟なカスタマイズ

誰でもプラットフォームにアクセスし、Githubから取得して、拡張を行うことができます。したがって、これにより、開発者は、マーチャントのニーズに最適なソリューションを提供するための優れた柔軟性と簡単なカスタマイズが可能になります。

よく書かれた文書

提供されるドキュメントは非常に詳細であるため、開発者はVueStorefrontでPWAテーマを設定するときに多くの問題に遭遇することはありません。

短所

Magentoとの競合

MagentoWebサイトがMagentoPWAに変換された後、そのフロントエンドはVue StorefrontのPWAフロントエンドに置き換えられますが、Magentoバックエンドは同じです。したがって、新しいストアフロントがMagentoのコア機能をサポートすることが極めて重要です。

それが問題です。

まず、Vue Storefrontは、現時点ではMagentoWebサイトのすべてのコア機能をサポートしているわけではありません。

第二に、マーチャントが将来、より多くの機能を備えた新しいバージョンのMagento 2にストアを更新したい場合、更新されたバックエンドはVueStorefrontによるPWAストアフロントと競合する可能性があります。

その結果、ストアの所有者がPWAに機能を追加し、MagentoとVueの間で発生する可能性のある競合を解決するには時間がかかります。

カスタマイズおよび開発料金

デザインを運用に移す前にさらに調整が必要なため、マーチャントはカスタマイズの費用を支払う必要があります。

このツールはマーチャントに料金を請求しませんが、特にVue Storefrontの開発者を雇う場合、開発サービスはかなり高価です。

Magento PWA StudioとVueストアフロント：どちらが勝ちますか？

全体として、MagentoPWAStudioはMagentoユーザーにとってより優れたソリューションのようです。 Magento 2の進行と並行して頻繁に更新されます。また、Magentoからのものであるため、コードの競合は問題にならない可能性があります。さらに、PWAStudioはMagento開発者に精通しています。したがって、プロジェクトのパートナー（エージェンシーまたはプログラマー）を探す方が簡単です。

それに比べて、Vue StorefrontはMagentoに焦点を当てていませんが、さまざまなプラットフォームに焦点を当てているため、コア機能が欠落し、コードが混乱している可能性があります。

ただし、VueStorefrontがPWAStudioを超える理由は2つあります。まず、Magento 1と互換性があります。次に、ストアフロントのデザインに関してより多くのオプションを提供します。

したがって、Magento 2ストアを所有していて、それをMagento PWAに変換したい場合は、PWA Studioまたはそれに基づく既製のPWAテーマを使用することは、間違いなく賢明な方法です。反対に、現在のWebサイトがMagento 1であり、それをMagento 2に変換する予定がない場合は、PWA開発用のVueのソリューションを使用することをお勧めします。

Magentoプログレッシブウェブアプリの開発に関しては、 Tigrenは最初に検討する必要のある企業の1つです。 PWA Studioで構築されたMagento用の機能豊富なPWAテンプレートであるTigrenPWA、カスタムPWA開発（ゼロから）から、Magento Webサイト、PWA移行まで、さまざまなソリューションを提供します。何か質問はありますか？今すぐ[email protected]に送ってください！

続きを読む：

Magento PWA Studioとは何ですか？ –完全な説明

Magento 2 PWA Studioデモ（ベニア）対TigrenPWAテーマ

Magento 2 PWA Studioをセットアップする方法は？