お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
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 時間
お客様の声 (3)
トレーニングで最も気に入ったのは、技術的な色彩とビデオパフォーマンスの理論セクションです。特定のビデオタイプに対して特定のフレームレートが選ばれる理由や、特定のカラースペースが画質とパフォーマンスにどのように影響するかといった、主要な制作決定の根拠を明確に理解する助けとなりました。このような理論的基盤を持つことで、技術的な概念がより意味深になり、実際のシナリオで適用しやすくなりました。
Jason Lee
コース - Adobe Creative Cloud (After Effects, Premiere Pro, Illustrator, Animate, and Character Animator) for Beginners
機械翻訳
マルコは非常に知識が豊富で、フレンドリーで、説明もとてもわかりやすかったです。また、彼の広範な経験から多くのユースケースや例を紹介し、私たちとのやりとりも非常に活発でした。
Delia Roxana Isfan-Stan
コース - Adobe Acrobat: PDF Creation and Editing
機械翻訳
マルコが私たちのすべての質問にオープンに答えること
Lorena Calin - BAT
コース - Adobe After Effects Essentials
機械翻訳