お問い合わせ

コース概要

Hyväテーマの紹介

  • Hyvastとは何か、そしてなぜ作成されたか
  • LumaおよびPWA Studioとの比較
  • Hyväの互換性とモジュールエコシステム

Hyväのインストールとセットアップ

  • 要件とライセンス
  • Composerを使用したHyvastのインストール
  • Magento 2でのHyväテーマの有効化と設定

Tailwind CSSとAlpine.jsの活用

  • Tailwind CSSユーティリティクラスの概要
  • カスタムスタイルとレイアウトの適用
  • インタラクティブコンポーネントへのAlpine.jsの使用

テンプレートとレイアウトのカスタマイズ

  • Hyvastテンプレート構造の理解
  • ブロックおよびレイアウトXMLの拡張
  • PHTMLテンプレートの作成とオーバーライド

モジュール統合と互換性の処理

  • Hyvast互換モジュールとの連携
  • 非互換モジュールへの対処
  • フォールバック機構(LumaまたはHyvä Checkout)の利用

Hyvastによるフロントエンド最適化

  • パフォーマンスベンチマークとLighthouseスコア
  • アセットのミニファイおよび配信の最適化
  • レイジーローディングと高度なカッシング戦略

高度なユースケースとカスタムコンポーネント

  • Alpine.jsによる再利用可能コンポーネントの構築
  • Hyvast UIコンポーネントライブラリの使用
  • フォーム統合とユーザー入力の処理

ベストプラクティスと保守

  • コード構造とモジュール化のガイドライン
  • Hyvastと依存関係の最新版維持
  • デプロイメントとテーマのバージョン管理

まとめと次のステップ

  • 主要コンセプトの振り返り
  • 本番環境デプロイメントへの準備
  • Hyvastエコシステムにおける継続的学習のためのリソース

要求

  • Magento 2のフロントエンドおよびバックエンド開発の経験
  • HTML、CSS、JavaScript、PHPの知識
  • テンプレートエンジンおよびMagentoテーマアーキテクチャの熟悉

対象読者

  • Hyväテーマへの移行を検討しているMagento開発者
  • Adobe Commerceのストアフロントに取り組むフロントエンド開発者
  • Magento 2のパフォーマンスとUXを最適化しようとする技術アーキテクト
 21 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (3)

今後のコース

関連カテゴリー