Hyvaが無料化、PWA Studioは開発縮小へ：2026年のMagentoフロントエンドの選択肢

標準的なMagentoストアフロントでネットワークタブを開き、JavaScriptの数を数えてみてください。1枚の商品画像が読み込みを完了する前に、jQuery、数十もの小さなモジュールを読み込むRequireJS、そしてカートやチェックアウトを制御するKnockout.jsが見つかるはずです。それがLumaテーマであり、10年間にわたりMagentoのデフォルトの顔となってきました。また、非常に多くのMagentoストアがCore Web Vitalsで密かに不合格となっている理由でもあります。長年、この状況からの脱出手段には費用がかかりました。そして、2025年後半のわずかな期間に、フロントエンドをめぐる状況全体が足元から大きく一変したのです。

2025年後半に何が変わったのか

異なる方向性を示す2つの重大な出来事がありました。第1に、Hyvaの無料化です。2025年11月10日、HyvaはそのテーマをOpen Software License 3.0（OSL-3.0）およびAcademic Free License 3.0（AFL-3.0）の下で再ライセンスすることを発表しました。これにより、無料での利用や商用ライセンス下での再配布が可能になります。それまで、Hyva Themeにはストアごとに約1,000ユーロ（約1,000ドル）とされる有料ライセンスが必要でした。この価格設定は、多くのチームがLumaにとどまり続ける大きな障壁となっていました。

第2に、AdobeがPWA Studioから次の段階へと移行したことです。これは正式な終了という形ではなく、注力分野の転換によるものでした。Adobeの関心はEdge Delivery Servicesへと移り、PWA StudioはLumaの長年の状況と同様のメンテナンスモードに置かれることになりました。

なぜLumaが問題だったのか

Hyvaがなぜ人気を集めたのかを理解するには、それが何から脱却しようとしていたのかを見る必要があります。従来のLumaフロントエンドは、2015年当時は理にかなっていたものの現在では時代遅れとなった4つの技術で構築されています。データバインディング用のKnockout.js、モジュール読み込み用のRequireJS、DOM操作用のjQuery、そしてスタイル用のLESSです。問題はこれらの技術のどれかが致命的に悪いということではなく、それらが合わさったときの重さにあります。Lumaのアーキテクチャでは、ストアフロントが大規模なJavaScriptバンドルを配信することが多く、パフォーマンス指標の悪化を招いてしまいます。

制作会社・代理店からは、典型的なLumaの商品ページでは数百ものファイルにわたり1メガバイトを優に超えるJavaScriptが読み込まれることがあると報告されています。最適化することは可能ですが、それでもそのアーキテクチャによる制約を受けます。

Hyvaの解決策：JavaScriptの削減

Hyvaは極めて重要なアーキテクチャ上の決定を下しました。サーバー側でレンダリングを行い、ブラウザにはJavaScriptをほとんど送信しないという手法です。Knockout、RequireJS、jQuery、LESSを排除し、代わりにスタイリングにはTailwind CSSを、必要なわずかなインタラクティブ性にはAlpine.jsを採用しています。Alpine.jsを使用すれば、モジュールローダーの複雑さを伴わずにHTMLマークアップへ直接振る舞いを追加できます。

これは、ページがサーバーから完全にレンダリングされた状態で届き、Alpineがわずかなインタラクティブ要素を処理することを意味します。ダウンロード、パース、実行するJavaScriptが単純に少なくなるため、パフォーマンスの大幅な向上が得られます。Hyvaへ移行したチームからは、メインスレッドの処理を削減できたことで、Core Web Vitalsの不合格から合格へと転換できたとの報告が寄せられています。

「無料」の現実

この文脈における「無料」が何を意味するのかを明確にしておくことが重要です。Hyva Themeとその互換モジュールは現在オープンソースとなっています。しかし、Hyva Checkout、Hyva Enterprise、Hyva Commerceは引き続き有料製品です。したがって、無料のHyvaテーマで構築されたストアは純粋に無料ですが、Hyva専用のチェックアウトを導入したいストアには依然として費用が発生します。それでも、以前のストアあたり1,000ドルという要件と比較すれば十分に魅力的な条件です。

PWA Studio：終了したわけではなく、立ち位置が変わっただけ

AdobeのReactベースのヘッドレスストアフロントであるPWA Studioは、廃止されたり非推奨になったりしたわけではありません。現在もアップデートは提供されており、2026年5月にはバージョン14.5.1がリリースされました。しかし、Adobeの注力対象はそこから移っています。現在のリリースは新機能ではなく、互換性とセキュリティの更新が中心となっています。要するに、PWA Studioは依然として機能しますが、もはやAdobeの将来の方向性ではなくなっているのです。

Adobeの新たな方向性：Edge Delivery Services

Adobeが将来的に注力しているのはEdge Delivery Servicesであり、コンポーネントを組み立ててエッジからコンテンツを配信することで高速なストアフロントを提供することを目指しています。このアプローチは軽量かつ効率的であるように設計されていますが、ユーザーが考慮すべきトレードオフも存在します。

まとめ

Magentoのフロントエンド情勢は、2025年後半にかけて大きな変化を遂げました。Hyvaが無料化され、PWA Studioがメンテナンスモードに入ったことで、マーチャントは2026年のストアフロントに向けて新たな選択肢を検討できるようになりました。

メリット

• 優れた費用対効果： Hyvaが無料になったことで、より多くのマーチャントが利用しやすくなりました。
• パフォーマンスの向上： Hyvaのアーキテクチャにより、Core Web Vitalsのスコアが向上します。
• 開発の簡素化： JavaScriptが削減されることで、保守が容易になり、読み込み速度が向上します。

デメリット

• 互換性の問題： Luma向けに構築されたレガシーな拡張機能は、Hyvaでは動作しない可能性があります。
• 有料機能： Hyvaの一部の機能は商用のままであり、追加費用が発生する可能性があります。

注意事項

この記事は教育目的で作成されています。プレースホルダーの値は実際のデータに置き換える必要があり、読者は主張に依拠する前に元の情報源と照らし合わせて検証する必要があります。

よくある質問

• Hyvaとは何ですか？ — HyvaはLumaテーマを置き換えるMagento向けのフロントエンドソリューションであり、現在は無料で利用可能です。
• なぜHyvaは無料化されたのですか？ — フロントエンドのパフォーマンス向上を目指すマーチャントの障壁を下げるために無料化されました。
• PWA Studioとは何ですか？ — PWA StudioはAdobeによるMagento向けのReactベースのヘッドレスストアフロントであり、現在はメンテナンスモードに入っています。
• Edge Delivery Servicesとは何ですか？ — Edge Delivery Servicesは、エッジ技術を活用して高速なストアフロントを配信するためのAdobeの新たな注力分野です。
• Hyvaはどのようにパフォーマンスを向上させますか？ — Hyvaはブラウザに送信されるJavaScriptの量を削減し、読み込み時間とインタラクティブ性を向上させます。
• Hyvaに関連する費用はありますか？ — Hyva Themeは無料ですが、Hyva Checkoutなどの一部の機能は有料のままです。

タグ

#magento #ecommerce #frontend #webdev #hyva #pwa #adobe #corewebvitals #performance #webdevelopment