MagentoテーマとPWAストアフロントの比較

プログレッシブウェブアプリがあらゆる場所でのウェブ開発への新しいアプローチであるため、Magento自体も立ち止まっておらず、 PWAStudioでより多くのPWAの採用を推進する新しい方法を導入しました。 この新しいアプローチをよりよく理解するために、本日の記事では、PWAストアフロントを従来のMagentoテーマと比較し、この新しいアプローチが本当に価値があるかどうかを判断するのに役立ちます。

Magentoのテーマを理解する

意味

Magentoのテーマは、素人の言葉で言えば、カスタムテンプレート、レイアウト、スタイル、画像を組み合わせて、ストアフロントとMagento管理者に統一されたルックアンドフィールをもたらすことです。

使い方

従来のMagentoテーマは継承の概念に従います。つまり、カスタムMagentoテーマは、常にMagento（空白）によって提供される基本テーマの上に構築され、機能についてはコアMagentoアプリケーションに大きく依存します。 Magentoテーマは、あなたのような技術に精通していない商人のために簡単にインストールおよび構成できるように作られていますが、使用中のインフラストラクチャ（従来のCMS）に固有の欠点があるため、独自の制限があります。

例

Magentoのテーマは、インターネット上のさまざまなプラットフォーム、特にMagentoマーケットプレイスとThemeForestで見つけることができます。 特にThemeForestには、たとえば、さまざまな業界に600を超えるMagentoのテーマとテンプレートがあります。

PWAストアフロントとその違い

意味

要するに、PWAストアフロントは、プログレッシブWebアプリを搭載したストアフロントであり、最先端の機能とパフォーマンスの強化を推進するためのWebからの最新の進歩です。

使い方

Magentoテーマで採用されている継承の概念とは対照的に、PWAストアフロントは、インフラストラクチャの接続方法（ヘッドレスで、Magentoバックエンドから切り離されている）により、より柔軟性があります。 このインフラストラクチャは、PWA Studioなどの開発ツールを使用して可能になり、ストアフロントが本質的にモジュール式であり、最新の機能とテクノロジーを備えていることを保証します。

例

PWAストアフロントは、利用可能な例の数がまだ遅れていますが、そこに到達しています。 基本的でベアボーンエクスペリエンスを実現するには、MagentoのVeniaストアフロントまたは独自のSiminiaストアフロントをお勧めします。 さらに魅力的な体験が必要な場合は、ファッション業界がビジュアルに特別な焦点を当てるように調整されているため、ファッションストアフロントが最適です。

MagentoのテーマとPWAストアフロントの比較

概要

PWAストアフロントは、挑戦的なソリューションではありますが、長期的で実用的なソリューションとしてより理にかなっています。ただし、Magentoの新しいマーチャントがプラットフォームを理解し、 Magentoストアフロントの基本と、魅力的なストアフロントがより多くのコンバージョンを促進する方法について学びます。

詳細に入る

インストールのしやすさ

従来のMagentoのテーマは古いものですが、店先の外観を変更することを可能にし、素人でもより親しみやすいものにするという目的を果たしていなかったとは言えません。 Magentoテーマを使用している販売者は、独自のMagentoテーマまたはサードパーティのMagentoテーマを簡単にインストール/アンインストールするだけで、ストアフロントの外観を変更できます。 このように、商人が洗練された魅力的な店先体験を提供することは、たとえあったとしても、それほど労力を要しません。

一方、PWAストアフロントは、使いやすさよりも実用性と機能性を重視する別の哲学（ヘッドレスCMS）に従います。 これが、PWAストアフロントの一般的なインストールプロセスが、平均的なマーチャントにとって技術的すぎて開発者志向であると見なすことができる理由です。

テーマ/ストアフロントの数

継承の概念のおかげで、Magentoテーマに取り組んでいる開発者は、比較的少ない労力でカスタムMagentoテーマを作成できる基盤として、堅実で便利な基本テーマ（空白）を持つことができます。 現在、さまざまな業界に600を超えるMagentoのテーマとテンプレートがあり、この数は今日まで増え続けています。

比較的新しいテクノロジーであるため、PWAのストアフロントには、その強みと同じように数字を持っているという贅沢はありません。 PWAストアフロントの開発プロセス全体は、PWAストアフロントの開発プロセス全体がそのMagentoテーマの対応物。

ただし、PWAストアフロントの数は急速に増加しており、Magentoテーマの数をすぐに超える可能性があります。 個人的には、近い将来市場に出回る準備ができているPWAストアフロントがたくさんあり、PWAストアフロントの採用を効果的に前進させるのに役立ちます。

柔軟性とスケーラビリティ

Magentoテーマの開発者は特定のテーマファイルしか変更できないため、開発プロセス全体は本質的に制限されています。 これは中小企業には影響しないはずですが、店舗の外観を定期的に変更したい大企業の場合、この柔軟性の欠如により、スケーラビリティの問題がさらに発生する可能性があります。

Magentoテーマの古いスケーラビリティと柔軟性の問題に対処するために、PWAストアフロントはヘッドレスアーキテクチャを採用しています。これは、プレゼンテーション層（Magentoストアフロントなど）がビジネスロジック層（Magentoバックエンドなど）から分離されたシステムです。 この2つの基本的なレイヤーの分離のおかげで、ストアフロントで作業する開発者は開発の柔軟性を高めることができ、その結果、新興ブランドにとってよりスケーラブルなアプローチになります。

PWAルートを通過した店舗は、成功を積極的に報告し、平均コンバージョン率の上昇は52％に達しました。

 推奨読書：ヘッドレスコマース、およびそれが商人にどのように役立つか

信頼性

信頼性はMagentoのテーマの懸念事項です。 カスタムMagentoテーマは、ほとんどのファイルを親テーマから継承し、バックエンドがフロントエンドと緊密に結合されているため、親テーマの更新が失敗すると（まれですが可能です）、ストアフロント全体が破損し、ビジネスが麻痺する可能性があります何日も続く。

対照的に、PWAストアフロントは親テーマを中心に構築されておらず、その性質上ヘッドレスです。つまり、ストアフロント（フロントエンド）はMagentoバックエンドから切り離されており、直接通信するのではなく、中間のAPIレイヤーを介して通信します。 。 また、ストアフロントはMagentoバックエンドとの緊密な結合が緩和されているため、フロントエンドを壊すことなく、更新をバックエンドに個別にインストールできます。 PWAストアフロントは基本的にReactモジュールを組み合わせたものであるという事実と相まって、ストアフロントの更新はリスクを最小限に抑える方法で展開することもできます。モジュールを次々に展開して、より安全な操作を保証します。

特徴

提供される機能に関しては、Magentoテーマはある意味で機能的ですが、ハードウェアのアクセシビリティが制限された従来のWebサイトであるため、この点ではあまり優れていません。

一方、PWAストアフロントが提供する機能は、使用中のデバイスのシステムとの緊密な統合のおかげで、ネイティブモバイルアプリに匹敵します。 PWAを利用したWebサイトは、Webの最新テクノロジーを活用して、プッシュ通知、位置情報サービス、ホーム画面への追加、オフライン機能など、これまでネイティブモバイルアプリにしかなかった機能を提供しますが、Webのメリットを維持します。

 関連記事：eコマース向けPWAの9つの必須機能

パフォーマンス

Magentoテーマでは、Magentoテーマに取り組んでいる開発者が何に変更を加えることができるかを制御できないため、ストアフロントの全体的なパフォーマンスが打撃を受ける可能性があります。 また、一部のMagentoテーマはパフォーマンスが最適化されていると主張していますが、最適化されたテーマと最適化されていないテーマの違いはほとんど無視できます。

PWAストアフロントのパフォーマンスは、最先端のテクノロジーを使用しているため、Magentoテーマのストアフロントよりも大幅に優れている可能性があります。 PWA Studioストアフロントは、データモデリングにGraphQLを使用します。これは、ネットワークトラフィックと処理速度を削減するための最新のより効率的な方法です。

さらに、知覚されるパフォーマンスの観点から、PWAストアフロントは、その優れたキャッシュメカニズム（サービスワーカー）の結果として、接続されたスムーズなフローエクスペリエンスを買い物客にもたらします。 そのため、PWAストアフロントは高速であるだけでなく、買い物客の接続が遅く不安定な場合でも高速に感じられます。

コスト優位性

ストアフロントに大規模なカスタマイズや機能を必要としない中小企業にとって、Magentoのテーマには当然コスト面での利点があります。 これは、典型的なMagentoテーマの開発プロセスが時間とともに実際に成熟しており、ストアフロントに新しい外観をもたらしたいマーチャントが、ThemeForestの豊富なMagentoテーマからMagentoテーマを簡単に選択してインストールできるためです。 、およびインストールされたテーマに付属するすべての視覚的およびパフォーマンスの強化の恩恵を受けます。

PWAストアフロントについても同じことは言えません。これは、この新しいアプローチでは可用性が依然として大きな問題であるためです。 たとえば、PWAストアフロントを作成するには、Magentoが提供する無料のVeniaストアフロントをインストールするか、専任の開発者チームを雇ってPWAストアフロントで作業する必要があります。コストが考慮されます。

プラス面として、PWAストアフロントでは、従来のMagentoテーマを開発するよりもMagento固有の知識が少なくて済みます。 PWAストアフロント開発に必要なツールと概念もフロントエンド開発者の間でより一般的であるため、PWAストアフロントは、フロントエンド開発者を雇って作業する方が簡単であるため、長期的にはより費用効果の高いソリューションになる可能性があります。 Magento開発者を雇うのではなく、PWAストアフロント。

 関連記事：Magento用のPWAを構築するのにどれくらいの費用がかかりますか？

PWAストアフロントをお試しください

現在のPWAストアフロントの選択肢はそれほど多くはありませんが、急速に増えています。 基本的なPWAストアフロントのルックアンドフィールについては、SimiCartPWAデモをざっと確認することをお勧めします。

ここSimiCartでは、機能満載でインストールが簡単なPWAストアフロントをビジネスに提供します。 私たちのソリューションを使用すると、PWAストアフロントのすべてのメリットを、デメリットなしで享受できます。

続きを読む：
PWAをMagento2に統合する方法