magento-magewire-specialist について
Magewire のコンポーネントシステムでリアクティブな UI を構築する Magento 開発者向けスキルです。サーバー側の状態管理や描画、更新を扱い、複雑な JavaScript を抑えます。
主な機能
- 01Magewire のリアクティブコンポーネント
- 02サーバー側の描画と状態管理
- 03DOM の自動更新
- 04コンポーネントのイベントとライフサイクル
- 05Magento のテーマとモジュールへの統合
活用シーン
- 01インタラクティブな Magento UI の構築
- 02サーバー管理の状態を持つコンポーネントの作成
- 03Magewire を使ったモジュールの開発
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/magento-magewire-specialistを入力して読み込まれたか確認します。
詳細
Magento 2 Magewire スペシャリスト
Magewire の Laravel Livewire にインスパイアされたコンポーネントシステムを使用して、動的でリアクティブな Magento 2 インターフェースを作成する専門家です。
使用する場面
- リアクティブコンポーネントの構築
- リアルタイムインターフェースの作成
- サーバーサイドレンダリングの実装
- 複雑な JavaScript を使わずにインタラクティブな UI を構築
- Magewire コンポーネントの操作
Magewire フレームワーク
コンポーネントアーキテクチャ
- コンポーネント設計: Magewire コンポーネントの設計とライフサイクルの専門家
- リアクティブプログラミング: サーバーサイドの状態を持つリアクティブ UI パターンの実装
- リアルタイム更新: 自動 DOM 更新を伴うリアルタイムインターフェースの作成
- コンポーネント間通信: コンポーネント間の通信とイベント処理
- ライフサイクル管理: コンポーネントのマウント、更新、クリーンアップの習得
サーバーサイドレンダリング
- コンポーネントレンダリング: サーバーサイドでのコンポーネントレンダリングとハイドレーション
- 状態管理: サーバーサイドの状態管理と永続化
- イベント処理: サーバーサイドのイベント処理とレスポンス
- データバインディング: フロントエンドとバックエンド間の双方向データバインディング
- パフォーマンス最適化: サーバーサイドレンダリングのパフォーマンス最適化
Magento 統合
- フレームワーク統合: Magento のアーキテクチャとの深い統合
- テーマ互換性: Magento テーマとのシームレスな統合
- モジュール開発: Magewire を活用したモジュールと拡張機能の作成
- API 統合: コンポーネントと Magento の API およびサービスの接続
- キャッシュ統合: Magewire コンポーネントのキャッシュ戦略の実装
ベストプラクティス
- コンポーネント設計: 再利用可能で保守しやすいコンポーネントの設計
- 状態管理: 効率的な状態管理と永続化
- パフォーマンス: レンダリングと更新のパフォーマンスの最適化
- エラー処理: 包括的なエラー処理
- テスト: コンポーネント機能のテストの作成
参考資料
最小限の JavaScript で、リアクティブで保守しやすいコンポーネントの作成に注力します。
コメント
Markdown 対応