Magento の Hyva テーマ: 何を、なぜ、どのように?

最近、オランダの Webwinkel Vakdagen、Meet Magento NYC/ UK、ドイツの Hyva Camp などの多くのオフライン イベントから仮想イベント (Hyva meetup、Hyva Hackathon) まで、さまざまな場所で「Hyva」という名前に出くわしたかもしれません。 さらに、いくつかの一般的な Magento 拡張機能プロバイダーは、自社製品が Hyva テーマと互換性を持つようになったことを発表しました。

まだ、Builtwith によると、現在 Hyva テーマを使用している 1,178 の Web サイトがあり、そのうち 246、202、および 168 がそれぞれベルギー、オランダ、および米国にあります。

したがって、Magento の開発者または Magento の商人であれば、Hyva テーマとは何か疑問に思うかもしれません。 この記事では、この特別なテーマについて知っておくべきすべてのことを明らかにします – それが提供する利点から、それを使い始める方法まで. 始める準備はできましたか？ 読む！

Hyva Magento 2 テーマとは?

テーマのアイデアはどのように思いついたのですか？

Magento には、カスタマイズ可能な柔軟性や Web ストアのマルチストア機能など、多くの利点があります。 残念ながら、Magento のフロント エンドはこのプラットフォームの長所ではありません。 その UI コンポーネントは非常に洗練されており、開発プロセスに多大な労力を追加します。 熟練したコーダーでさえ、マイナーな変更を実行するには広範なトレーニングが必要です。 Magento Luma テーマのもう 1 つの問題は、かなりの量の JavaScript コードがあることです。これにより、読み込み時間が長くなり、最適化が困難になります。

一般に、Magento の既定のテーマを使用することには、次の 3 つの大きな欠点があります。

• それは非常に遅いです
• デッドコードが多い
• カスタマイズに時間がかかる

そんなわけでハイヴァ登場。

Hyva テーマの概要

Hyva は型破りな Magento 2 テーマです。 RequireJS、KnockoutJS、jQuery などの面倒なライブラリを標準の Adob​​e Magento テンプレート キャンバスから削除し、代わりに軽量な AlpineJS と TailwindCSS を使用することで、Hyva は現在最速の Magento テンプレートの 1 つになります。

もっと簡単にしましょう！ Hyva は、Magento 2 のテーマであり、コード内の不要なものをすべて排除し、開発用の一部のライブラリを変更して、より効率的に動作させるようにします。

料金

Hyva テーマの価格は? Hyva では、1,000 ユーロ (VAT 抜き) のライセンスを 1 回限り購入できます。

Hyva テーマのライセンスがあれば、ソース コードへのフル アクセスと無制限のアップデートを利用できます。 これは、追加料金を支払うことなく、常に最新の機能と改善を最新の状態に保つことができることを意味します。 さらに、無制限のドメインとストアビューが含まれた 1 つの Magento 2 インストールを取得します。

>>> Hyva テーマを購入する

その価値はありますか？

Web サイトの速度とパフォーマンスを向上させたい場合は、いくつかのオプションを利用できます。 1 つのオプションは、Magento 2 Page Speed Optimization 拡張機能をインストールすることです。 これらの拡張機能の価格は、インストール費用を除いて、年間 99 ドルから 599 ドルの範囲です。

別のオプションは、速度最適化サービスを使用することです。 これらのサービスは通常、500 ドルから 2,000 ドルの費用がかかります。

最後に、PWA (Progressive Web App) を Web サイトに統合することも選択できます。 このオプションの費用は、3,000 ～ 20,000 ドルです。

比較すると、Hyva テーマを使用する場合、それを購入するコストとカスタマイズには、PWA を実装するのと同様のコストがかかる可能性があります.

Magento サイトの速度を改善する最善の方法を探している場合は、PWA および Hyva ソリューションのみを検討する必要があります。 これらは、サイトのパフォーマンスを真に改善できる唯一のオプションです。 他のすべての Magento ページ速度最適化拡張機能は、比較すると効果がありません。 (記事の別の部分で、これら 2 つのソリューションを簡単に比較します。)

資力

• Hyva テーマのデモ
• Hyva テーマのオンライン ドキュメント
• Hyva テーマ github

40 Hyva テーマのアプリケーション/ケーススタディの例:

Hyva テーマを選ぶ理由彼らのコアバリューは何ですか?

なぜ Magento ストアの所有者が Hyva テーマを使用したいのか、開発者がなぜそれを有益だと考えるのか疑問に思われるかもしれません。 ストア オーナーにとっての最大のメリットは、ウェブサイトのページの読み込み速度と SEO を向上させることです。 Magento の開発者は、Hyva テーマがシンプルで賢明な構造のおかげで、学習曲線が短縮され、カスタマイズが容易になることにも気付きます。

さらに、Hyva チームは、コア原則の 6 つのうち 4 つが開発者向けである (2 つは販売者向け、1 つは両方向け) ことから、販売者のメリットよりも開発者エクスペリエンスの向上に重点を置いているようです。

• 複雑さの軽減(開発者向け)
• パフォーマンスの向上(マーチャント向け)
• 開発者エクスペリエンスの向上(開発者向け)
• 開発速度の向上(開発者と販売者向け)
• 依存関係の削減(開発者向け)
• 学習曲線の短縮(開発者向け)

起業家やコーダーが Magento ストア/プロジェクトに Hyva テーマの使用を検討すべき理由をさらに掘り下げてみましょう。

Magento ストアのオーナー向け – Google PageSpeed Insights でページ速度の高速化と高得点を達成

Hyva は、サーバー上でページをレンダリングするために必要なデータ量を大幅に削減するサーバー側レンダリング (SSR) ソリューションを提供します。 これにより、ページの読み込みが速くなり、ストアのパフォーマンスとエンド ユーザーにとって明らかにメリットがあります。 さらに、非常に高速な Hyva を搭載した Web サイトは、Google のランキング要因として確認されているページ速度の 1 つであるため、検索結果でより高い位置を占める可能性があります。

以下は、Google ページの速度テストにおける Hyva Magento テーマの結果です。 ご覧のとおり、すべてのスコア (デスクトップ バージョンとモバイル バージョンの両方) は 91 から 100 まで素晴らしいものです。

Hyva のデモ Web サイトがパフォーマンスを考慮して構築されていることは注目に値します。これは、ページ速度の結果が優れていることを説明しています。 ただし、より複雑な e コマース Web サイトを構築している場合、結果は異なる場合があります。 これは、Hyva のデモ サイトには非常に基本的な機能が含まれているためです。バナー スライダーも洗練されたスタイルもありません。製品の数はわずかです。

対照的に、ほとんどの実際の Magento Web サイトには、通常、各アイテムの複数の画像に関連付けられた数百から数千の製品と、サイト上の多くのプロモーション バナーがあります。 そのため、Hyva テーマをインストールした場合にサイトのパフォーマンスがどのように向上するかを予測できる専門家に相談することが重要です。

Magento 開発者向け – 少ない時間ですばやく学習し、より効率的にコーディング

開発者であれば、Hyva の学習曲線がはるかに緩やかであることに気付くでしょう。 これは、使い慣れた Magento のフロントエンドおよびバックエンド開発ツールを使用できるためです。 したがって、テーマを起動して実行し、Magento Hyva 開発者になるのにそれほど時間はかかりません。

公式ドキュメントは、Hyva の使用方法を学習するだけでなく、テーマの構造と、AlpineJS と Tailwind CSS の 2 つの依存関係のみを使用してテーマを構築する方法を理解するための優れたリソースです。 これらの基本を十分に理解したら、独自のカスタマイズをテーマに組み込むことができます。

つまり、Magento Hyva テーマはすぐに習得でき、時間と労力を節約して、完全にレスポンシブで高速な Magento ストアフロントを作成できます。

Hyva テーマを Magento Web サイトに適用する方法

Magento ストアのオーナー向け

Magento Hyva テーマの開発に関しては、選択できるサービス プロバイダーの数が増えています。 現在のサイトのパフォーマンスをアップグレードしたり、新しい Web 開発プロジェクトを開始しようとしている場合は、信頼できる経験豊富な Hyva テーマ開発会社を見つけることが重要です。

Magento 2 Hyva テーマ開発会社を選択する際に留意すべき点がいくつかあります。 まず、このテーマに関する彼らの経験と専門知識について必ず尋ねてください。 また、予算内に収まるように、必ず価格について問い合わせてください。

潜在的な候補者を数人見つけたら、連絡を取り、プロジェクトについて話し合う時が来ました。 会社が正確な見積もりを提供できるように、できるだけ詳細を提供する必要があります。 少しの調査とデューデリジェンスで、ニーズに最適な Magento Hyva テーマ開発会社を見つけることができます。

Tigrenは、Magento Web サイト開発で 10 年以上の経験を持つ主要な Hyva テーマ開発サービスです。 Hyva テーマ開発の専門家である熟練した経験豊富な開発者のチームがあり、投資を最大限に活用するのに役立ちます。 当社のサービスの詳細、無料の見積もり、およびお客様のビジネスを次のレベルに引き上げるお手伝いをする方法については、今すぐお問い合わせください。

Magento 開発者向け

開発者で、Hyva テーマの使用方法を学びたい場合は、2 つの優れたリソースを利用できます。Yireo のオンライン トレーニング コース (年間 259 ユーロ/個人から)、または Hyva の公式ドキュメントと独自の調査結果に基づいて自分で学習する方法です。 AlpineJS と TailwindCSS について。

どちらのオプションにも利点があります。オンライン コースは、ビデオ チュートリアルとインタラクティブな演習が含まれているため便利ですが、自己学習では、最も関心のある特定のトピックに集中できます。 Hyva テーマを Magento 2 Web サイトにインストールする方法に関する無料のチュートリアルも多数あり、役に立つと思われます。

Hyva とプログレッシブ Web アプリ (PWA) のテーマ: 簡単な比較

Hyva と Magento PWA のどちらの Magento テーマが優れているかについて、オンラインで多くの議論があります。 しかし、どちらもそれぞれの強みがあり、Magento ストアにとって有益な、機能と目的が異なる左手と右手のようなものだと考えています。

したがって、どちらがより強力かを比較して把握することは意味がありません。 つまり、他に勝るものはありませんが、ニーズに最適なテーマを選択するには、2 つのタイプのテーマの違いを知る必要があります。

類似点

• どちらも、Magento Web サイトの速度を大幅に向上させるのに役立ち、SEO に適しています。
• どちらもサードパーティの Magento 2 拡張機能では直接動作しません
• どちらもMagento 2専用です
• どちらも完全対応
• どちらも、さまざまなニーズに合わせて簡単にカスタマイズできます
• どちらも、プロジェクトの複雑さと開発者の能力に応じて、開発に数日/数週間から数か月かかる場合があります。

違い

• Hyva の主な目的は、ウェブサイトの速度を上げて開発者の作業負荷を軽減することですが、Magento PWA の主な目的は、アプリのようなルック アンド フィールでユーザー エクスペリエンスを向上させることです (読み込み速度が速いだけでなく、モバイルに追加する機能も含まれます)。ホーム画面とプッシュ通知の送信)。
• Hyva は Magento に統合されたフロント エンドですが、PWA は Magento のフロント エンドを置き換える別のストアフロントです。
• Hyva テーマは Hyva 社によって提供されます。 一方、Magento PWA テーマを提供するさまざまな Magento 開発会社があります。
• Hyva テーマの費用は 1,000 ユーロですが、Magento の PWA テーマの費用は、無料から 1,000 ドルまでさまざまです。 テーマのカスタマイズ料金は、選択した開発パートナーによって異なります。

では、どちらが好ましいでしょうか？

あなたが Magento 開発者である場合は、Hyva テーマの方が開発者にとってより使いやすいため、好むかもしれません。 とはいえ、開発者の努力の要素を無視する店主の立場からすれば、答えは五分五分かもしれません。

Web ページの速度のみを最適化するソリューションを探している人には、Hyva テーマの Magento 2 が最適です。 しかし、ウェブサイトを高速化するだけでなく、デスクトップとモバイル デバイスの両方で完全に機能し、マーケティング目的でプッシュ通知を送信できるプラットフォームも必要とする場合は、Magento PWA テーマの方が適している可能性があります。

よくある質問

1. Hyva テーマ開発の長所と短所は何ですか?

長所：

• 速度: Web サイトの速度は、顧客が購入を完了するか、別のサイトに移動するかの違いになる可能性があります。 Hyva を使用すると、サイトがすばやく効率的に読み込まれるので安心できます。 このテーマは、顧客に高速でシームレスなオンライン体験を提供したいマーチャントに最適です.
• シンプルさ: Hyva Magento 2 テーマは、複雑さのレベルを下げることに重点を置いて構築されています。 依存関係が少なく構築されているため、不要なライブラリや関数を管理する必要がありません。 これにより、調整とカスタマイズがより迅速かつ簡単になります。 これにより、開発者がプロ​​ジェクトで Hyva テーマを適用およびカスタマイズするために必要な時間と労力が削減されます。
• コミュニティ:強力で成長しているコミュニティからのサポートにより、Hyva テーマは多くのマーチャントにとってより魅力的な選択肢になります。 Hyva テーマの使用を選択すると、Slack ルームから Hyva コミュニティにアクセスできます。 Hyva コミュニティの Slack チャンネルは、アイデアを交換したり、コミュニティの他のメンバーからサポートを得たりするのに最適な場所です。 何か問題が発生したり、緊急の質問がある場合は、コミュニティの誰かがあなたを助けてくれます。 さらに、コミュニティの努力のおかげで、Hyva 用に常に新しい拡張機能と機能が開発されています。

短所：

• 拡張機能の互換性: Hyva ベースのテーマを使用している場合、一部のサードパーティの拡張機能に互換性がないことがあります。 これは、Hyva が非互換性の問題を引き起こす可能性がある余分な依存関係をすべて削除するためです。 この問題を克服するために、Hyva チームはいくつかの人気のある Magento 2 拡張プロバイダーと提携して、互換性モジュールを提供しています。 現在、Hyva と互換性のあるプラグインは 53 個あります。

• コスト: Magento ストア用の高速で信頼性の高いテーマを探している場合は、Hyva が最適です。 ただし、Hyva の費用はライセンスあたり 1,000 ユーロの 1 回限りの料金であることを覚えておくことが重要です。 これは中小企業にとっては少し高価になる可能性があるため、予算に必ず考慮してください. さらに、インストールとカスタマイズの料金は 5,000 から 50,000 ユーロの範囲になる可能性があるため、最終決定を下す前に複数のプロバイダーから見積もりを取得する必要があります.
• デザイン: e コマース ストアのシンプルでクリーンなデザインを探している場合は、Hyva が最適な選択肢となる可能性があります。 テーマは速度を最大化するように構築されているため、バナーや効果が多いストアには適していない可能性があります.

2. Hyva テーマを Magento 1 ストアに適用できますか?

Magento 1 Web サイトを実行している場合は、Hyva テーマをインストールして使用する前に、Magento 2 に移行する必要があります。 これは面倒に思えるかもしれませんが、実際には、Web サイトのセキュリティとパフォーマンスを向上させる良い機会です。

Magento 1 はサポートされなくなりました。つまり、発見されたセキュリティの脆弱性は修正されません。 これにより、Web サイトがハッキングまたは侵害されるリスクにさらされます。

Magento 2 にアップグレードすると、速度とパフォーマンスを重視して設計された Hyva テーマにもアクセスできるようになります。 Hyva をインストールすると、Web サイトの読み込みがこれまでになく高速になり、訪問者のエクスペリエンスが向上します。

3. Hyva テーマは、Magento Web サイトの読み込みが遅い問題をすべて解決できますか?

Web サイトの読み込みが遅いことに気付いた場合は、速度を上げるためにできることがいくつかあります。 1 つは、Hyva テーマを使用することです。これにより、デスクトップとモバイルの両方で結果をより速く読み込むことができます。 ただし、それでもパフォーマンスが低下する場合は、データベースへのクエリが遅いことが原因である可能性があります。 これは、複数の Web サイトを実行しているためにデータベースのサイズが大幅に増大した場合に特に当てはまります。

Hyva は読み込み時間を数秒短縮するのに役立ちますが、最適なパフォーマンスを得るには、バックエンド操作を確認し、クエリを最適化し、データベースを適切に構成する必要もあります。 さらに、MySQL と PHP の最新バージョンへの移行を検討してください。 これらの手順を実行することで、Web サイトがすべてのユーザーに対して迅速かつスムーズに読み込まれるようにすることができます。

4. Hyva テーマは Magento Open Source および Adob​​e Commerce と互換性がありますか?

Hyva によって開発されたテーマは、現在、Magento 2 オープン ソースとのみ互換性があります。 ただし、これは Adob​​e Commerce には当てはまりません。 Adobe Commerce は、Magento のエンタープライズ レベルのエディションであり、確立された e コマース ビジネスで主に使用されています。 Hyva テーマは、そのフレームワークをすべての Adob​​e Commerce 機能と互換性を持たせることに重点を置いており、新しい数か月以内にこれが完了することを期待しています。

Hyva は、使用している Magento のエディションに関係なく、ユーザーに可能な限り最高のエクスペリエンスを提供することに取り組んでいます。 これを念頭に置いて、Hyva は近い将来、Magento Open Source と Adob​​e Commerce の両方を完全にサポートできるようになると確信しています。

5. Hyva テーマのセットアップには、どの Magento バージョンが必要ですか?

古いバージョンの Magento を現在実行している場合、Hyva テーマを使用するには、Magento 2.4 以降にアップグレードする必要があります。 それが完了したら、Hyva が提供するすべての優れた機能と利点を利用できるようになります!