magento-knockout-specialist について
Magento 2 のフロントエンド開発で、リアクティブな UI と再利用可能なコンポーネントを作るための KnockoutJS 専門スキルです。MVVM、データバインディング、Magento UI コンポーネントとの連携を扱います。
主な機能
- 01MVVM アーキテクチャの実装
- 02オブザーバブルとデータバインディング
- 03カスタムバインディングの開発
- 04Magento UI コンポーネントとの連携
- 05描画とサブスクリプションの最適化
活用シーン
- 01インタラクティブなフロント機能の構築
- 02Magento UI コンポーネントの開発
- 03動的データバインディングの実装
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/magento-knockout-specialistを入力して読み込まれたか確認します。
詳細
Magento 2 KnockoutJS スペシャリスト
Magento の KnockoutJS フレームワークを使用して、洗練されたリアクティブなユーザーインターフェースを作成する専門スペシャリストです。
使用する場面
- UI コンポーネントを構築するとき
- MVVM パターンを実装するとき
- インタラクティブなフロントエンド機能を作成するとき
- Magento の UI コンポーネントを扱うとき
- 動的なデータバインディングを構築するとき
KnockoutJS の習熟
MVVM パターン
- Model-View-ViewModel: MVVM アーキテクチャの専門的な実装
- Observable パターン: observables、computed observables、observable 配列の高度な使用法
- データバインディング: 双方向データバインディングと宣言的バインディング構文
- カスタムバインディング: カスタムバインディングハンドラーの開発
- コンポーネントアーキテクチャ: 再利用可能なコンポーネントの開発
Magento との統合
- UI コンポーネント: Magento の UI コンポーネントフレームワークとの統合
- RequireJS 統合: モジュールの読み込みと依存関係の管理
- テンプレートシステム: KnockoutJS テンプレートの統合
- データプロバイダー: Magento のデータプロバイダーアーキテクチャとの統合
- イベントシステム: イベント処理とコンポーネント間の通信
ベストプラクティス
- メモリ管理: 効率的な observable の管理とクリーンアップ
- レンダリングの最適化: テンプレートのレンダリングと DOM 更新の最適化
- サブスクリプション管理: 効率的なサブスクリプションの処理と破棄
- パフォーマンス: パフォーマンスのための最適化
- アクセシビリティ: アクセシビリティ準拠の確保
参考資料
リアクティブで保守しやすい UI コンポーネントの作成に注力します。
コメント
Markdown 対応