Magento PWA Studio vs Vue Storefront:どちらがあなたに適していますか?
公開: 2020-04-17目次
かなり長い間市場に出回っていたMagentoPWAStudioとVueStorefrontは、プレゼンスを拡大したいブランドにとって現在頼りになるプラットフォームです。 しかし、それらのどれが本当にあなたのビジネスを助けることができるかを知ることは、もちろん、簡単なことではありません。
上記の2つのプラットフォームなどの人気のあるPWAeコマースプラットフォームに関する現在の一般的な知識にはギャップがあることに気づき、本日SimiCartの記事で、最終的に選択できるように、この問題について詳しく説明します。あなたのビジネスにふさわしいプラットフォーム。
プログレッシブウェブアプリとその理由
まず、理由から始めましょう。
eコマース分野での開発トレンドに追いついているのであれば、 P rogressive W ebAppが今注目されていることをご存知でしょう。 この理由は比較的単純です。PWAは、このオムニチャネル時代にオンラインストアが必要とするすべてのものを提供します。
PWAを利用した店舗で買い物をする顧客は、タッチポイントの削減、即時読み込み時間、オフライン機能、そして最も重要なプログレッシブウェブアプリのアプリのようなインターフェースなどの変更を含む、ショッピング体験の顕著な違いに気付くことがよくあります。

PWAは、最新の技術的進歩を利用した最先端の機能により、典型的なWebエクスペリエンスに革命をもたらし、ショッピングエクスペリエンスをより良いものに変えることができます。 PWAを利用した新しいショッピング体験は、すべてのデバイスで高速で魅力的で応答性に優れています。
推奨読書:あなたのビジネスのためのプログレッシブウェブアプリの利点
MagentoPWAStudioとVueStorefrontPWAの簡単な紹介
MagentoPWAスタジオ
Magento自身によって最近導入されたMagentoPWAStudioは、Magento2の上にプログレッシブウェブアプリの要素を実装することで、マーチャントが店舗を最大限に最適化するのに役立つツールのセットです。MagentoPWA Studioを使用すると、マーチャントは最新のフロントにアクセスできます。アーキテクチャを終了し、Web APIを開いて、ストアを最新の標準に再構築します。
MagentoPWAStudioの利点
- 最新の開発ツールへのアクセス:Magento PWA Studioが提供するツールは常に最新であり、最も広範なドキュメントが含まれています。
- 開発のしやすさ:Magento PWA Studioは、PWAの採用を促進することを目的として作成されたため、開発のしやすさが最優先されました。
- 強力なコミュニティ:Magento PWA Studioコミュニティは、新参者を支援するために常に存在しています。
- GraphQL:GraphQLを主要なテクノロジーとして使用することで、PWA Studioで構築されたPWAは、さまざまなソースからの複数のユーザーを他に類を見ないほどオーバーフェッチし、より適切に処理できます。
MagentoPWAスタジオの短所
- プラットフォーム固有:Magento PWA Studioでは、ストアがMagento2.3以降である必要があります。 これは良いことでも悪いことでもあります。このように、Magento PWA Studioで開発および改善する余地があり、プラットフォームの互換性について心配する必要がないためです。
- 古いバージョンとの互換性の欠如:ストアがMagento PWA Studioの採用を躊躇する理由の1つは、古いバージョンとの互換性がないためです。これは主に、更新間のGraphQLスキーマの変更によるものです。

Vueストアフロント
eコマースPWA開発用に最近登場したもう1つのプラットフォームは、オープンソースでプラットフォームに依存しないPWAであるVueStorefrontです。 プラットフォーム自体はヘッドレスであり、どのeコマースプラットフォームでも機能するため、VueStorefrontは完全な機能のために特定のタイプのバックエンドを必要としません。
Vueストアフロントの長所
- プラットフォームにとらわれない:VueStorefrontはすべてのeコマースプラットフォームで機能します
- オープンソース:誰でもフロントエンドプラットフォームの改善に貢献できます
Vueストアフロントの短所
- 非互換性:既存のeコマースプラットフォームに関する多くの未解決の問題
- 許可しない jQueryまたはその他の依存関係の使用
- ドキュメントが不足している:Vue Storefrontの面倒なインストールプロセスと、包括的なドキュメントの不足について、さまざまな苦情があります。
詳細な比較
賛否両論を見るだけでは不十分だと感じている方のために、私たちはあなたをカバーします。 以下では、2つの人気のあるeコマースPWAプラットフォームを詳細に比較します。

概要

一般的な比較を見ると、ここではVueStorefrontが優れた選択肢であることが明らかです。 しかし、よく調べてみると、そのようには見えません。
Magento PWA Studioは2018年後半(Vueのリリース日からほぼ1年後)にリリースされたばかりですが、プラットフォームが成熟するのにまったく時間がかかりません。 現在、Vueのものに匹敵する多くの貢献者がいます。 コミュニティは強力で、それを学びたいと思っている人に役立ち、可能性に満ちています。
技術比較

技術的には、これら2つのeコマースPWAプラットフォームは非常に似ており、どちらもサーバー側のレンダリングを提供して、ストアの検索エンジンの最適化を部分的に支援します。 しかし、ここで見ることができる小さな違い、つまりReactJSは、結果として、一方のプラットフォームが他方よりもパフォーマンスの点で優れている理由です。 Vue Storefrontで使用されているVueJSと比較すると、ReactJSは開発とショッピングの両方のエクスペリエンスに非常に優れています。 ReactJSを使用すると、Magento開発者は、Magento内外のユーザーの最大、最強、そして最も有名なサポートコミュニティからのサポートを享受できます。
機能の比較

提供される機能に関しては、これら2つのPWAプラットフォームは互いに対峙しており、VueStorefrontは機能の点で少し遅れています。 それほど昔のことではありませんが、Vue Storefrontはここで高い地位を築くためのプラットフォームでした。そのため、Magentoの開発の進歩は実際に印象的であり、実際、プラットフォーム自体がプラットフォームであるという性質のおかげで、他の多くの製品よりも優れています。特定のアプローチ。
お客様の声
結局のところ、最もよく知っているのは顧客です。 これらのプラットフォームのいずれかを試した他のストア所有者が何を言っているかを調べてみましょう。
MagentoPWAスタジオ
ビアンカネラは、世界中の女性に畏敬の念を起こさせるオートクチュールのコレクションを提供することを使命とするブランドとして、自社製品の優雅さを最もよく表す店先を必要としていました。当然、プログレッシブウェブアプリがそれです。

Magento PWA Studioを使用して開発作業全体を合理化し、SimiCartをソリューションプロバイダーとして選択することで、ブランドはオンサイトでのショッピング方法の刷新と、既存のバックの大幅なアップグレードを確認できました。 -インフラストラクチャを終了します。
新たに見つかった速度と、PWAの特徴であるアプリのようなルックアンドフィールのおかげで、BiancaNeraは次のような優れた結果を得ることができました。
- セッションあたりのページ数が45%増加
- 平均ページ読み込み時間が103%高速
- オンライン収益が61%増加
ストアのバックエンドインフラストラクチャで行われた作業により、Magento独自のコンテンツ管理システム(CMS)のおかげで、コンテンツをより直感的に管理できるようになりました。これにより、ストアはコンテンツを簡単に管理および構築できるだけでなく、新しいコンテンツを作成することもできました。絶え間なく変化するトレンドに追いつくために、魅力的なショッピング体験を提供します。
Vueストアフロント
PWA市場の古いプラットフォームであるため、VueStorefrontには名前を付ける顧客ストーリーが不足していません。 頭に浮かぶ顕著な事例の1つは、久保田の話です。

ポーランドの靴ブランド、クボタは、以前は有名なブランドでも、よくやっているブランドとしても知られていませんでした。 実際、PWA eコマースを採用するというブランドの決定は、「成功するか失敗するか」というものでした。 しかし、PWAが失望することはあまり知られていないため、幸運でした。
スマートフォンでの買い物の利便性を好む現代の買い物客の大部分を対象としたモバイルファースト戦略により、クボタは比類のない結果を達成することができました。
- 毎日の訪問者の192%の成長
- 前年比トップ3で94%多いキーワード
- 読み込み時間が30%向上
PWAを採用するという決定、特にVue Storefrontプラットフォームを採用するという決定は、ブランドがeコマース市場に復帰するために非常に必要とされていました。 この後、このブランドはそれ以来どこでもレトロファッション愛好家の間でセンセーションを巻き起こし、レトロファッションが波に戻ってきているので、今後数年間でさらに関連性が高まると予想されています。
十分な情報に基づいた決定を行う
今、あなたがしなければならないのは、どちらを使うべきかを決めることだけです。 これらのプラットフォームには両方とも特典がありますが、常に自分のニーズと店舗のニーズに最適なプラットフォームを選択する必要があります。
ただし、Magentoストアの所有者にとっては、Magento PWA Studioはストアの既存のインフラストラクチャに最適なサポートを提供するため、間違いはないと思います。 Magento PWA Studioが提供する利用可能なツールは、開発ニーズに合わせて高度に調整できるため、あらゆる状況で適切に機能することが証明されています。
また、Magentoストアに信頼できるソリューションが必要な場合に備えて、ここSimiCartでは、8年以上の経験を持つMagentoエキスパートのチームであり、Magentoストアを非常に高速なPWAに変換する準備ができています。
続きを読む:
PWAをMagento2に統合する方法