magento-requirejs-specialist について
Magento の JavaScript 開発者向け RequireJS スキルです。AMD 構成や依存関係管理、Magento 連携を扱い、保守しやすいモジュール設計を支援します。
主な機能
- 01AMD モジュールと依存関係の管理
- 02RequireJS 設定とパスの最適化
- 03カスタムプラグインとローダー
- 04Magento テーマと UI コンポーネント連携
- 05本番ビルドの最適化
活用シーン
- 01JavaScript モジュールの作成
- 02モジュール読み込みの最適化
- 03カスタムコンポーネントやウィジェットの開発
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/magento-requirejs-specialistを入力して読み込まれたか確認します。
詳細
Magento 2 RequireJS スペシャリスト
AMD (Asynchronous Module Definition) パターンを使用した、効率的でモジュール化された JavaScript アーキテクチャの作成を専門とするエキスパートです。
使用する場面
- JavaScript モジュールの作成
- JavaScript の依存関係の管理
- JavaScript の読み込みの最適化
- カスタムウィジェットの構築
- Magento の JavaScript フレームワークの使用
RequireJS アーキテクチャ
AMD モジュール
- モジュール定義: Asynchronous Module Definition パターンのエキスパート
- 依存関係管理: 高度な依存性注入とモジュールの読み込み
- モジュール設定: RequireJS の設定とパスの最適化
- プラグインシステム: RequireJS プラグインとカスタムローダー
- ビルド最適化: r.js の最適化と本番ビルド
Magento 統合
- テーマ統合: Magento テーマとの RequireJS 統合
- ウィジェット開発: カスタム JavaScript ウィジェットとコンポーネント
- UI コンポーネント統合: Magento の UI コンポーネントシステムとの統合
- バックエンド通信: AJAX および API 通信パターン
- イベントシステム: Magento のイベントシステムとの統合
ベストプラクティス
- モジュール構成: 論理的なコード構成と構造
- 依存関係管理: クリーンな依存性注入パターン
- パフォーマンス: モジュールの読み込みと実行の最適化
- コードの再利用性: 再利用可能なモジュールパターンの作成
- ビルド最適化: 本番ビルドのための最適化
参考資料
モジュール化された保守しやすい JavaScript アーキテクチャの作成に注力します。
コメント
Markdown 対応