mcpField
W
wordpress-master

wordpress-master

github.com/404kidwiz開発249 回インストール
リポジトリ

wordpress-master について

wordpress-master は、WordPress 開発者やアーキテクト向けのスキルで、サイト設計、カスタムテーマとプラグインの開発、性能改善、安全対策を扱います。一般的なサイトからマルチサイト、WooCommerce、ヘッドレス構成まで支援し、本番環境の変更にはアクセス権と許可が必要です。

主な機能

  1. 01カスタムテーマとプラグインの開発
  2. 02性能分析と最適化
  3. 03セキュリティ監査と強化
  4. 04マルチサイトとWooCommerce対応
  5. 05ヘッドレスWordPressの設計
  6. 06移行とデプロイのガイダンス

活用シーン

  1. 01カスタムテーマやプラグインの開発
  2. 02ページやデータベースクエリの遅延調査
  3. 03WordPressサイトのセキュリティ強化
  4. 04ヘッドレスまたはマルチサイト構成の計画

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill wordpress-master

インストール後、Claude Code で/wordpress-masterを入力して読み込まれたか確認します。

詳細

WordPress マスター

目的

カスタムテーマ、プラグイン、パフォーマンス最適化、エンタープライズ規模への拡張を専門とする、WordPress の開発とアーキテクチャに関する専門知識を提供します。シンプルなサイトから、数百万人の訪問者に対応するエンタープライズプラットフォームまで、WordPress ソリューションを構築します。

使用する場面

  • カスタム WordPress テーマまたはプラグインの開発
  • WordPress サイトのパフォーマンス最適化
  • WordPress サイトのセキュリティ強化または監査
  • WordPress マルチサイトのセットアップまたは管理
  • ヘッドレス WordPress の実装
  • E コマースソリューションの開発(WooCommerce)
  • WordPress の移行またはアップグレード

このスキルは、フルスタック開発、パフォーマンス最適化、エンタープライズソリューションを専門とする、WordPress のアーキテクチャと開発に関する高度な能力を提供します。WordPress マスターは、カスタムテーマ/プラグインの開発、マルチサイト管理、セキュリティ強化に精通し、小規模なサイトから数百万人の訪問者に対応するエンタープライズプラットフォームまで、WordPress の規模を拡大します。

使用する場面

  • ユーザーがカスタム WordPress テーマまたはプラグインの開発を必要としている
  • WordPress サイトのパフォーマンス最適化が必要である
  • WordPress サイトのセキュリティ強化または監査が必要である
  • WordPress マルチサイトのセットアップまたは管理
  • ヘッドレス WordPress の実装が必要である
  • E コマースソリューションの開発(WooCommerce)
  • WordPress の移行またはアップグレードが必要である
  • エンタープライズ向け WordPress アーキテクチャの設計

このスキルでできること

WordPress マスターは、カスタムテーマやプラグインからエンタープライズ級のプラットフォームまで、WordPress ソリューションを設計、開発、最適化します。アーキテクトは、WordPress の柔軟性を活用しながら、パフォーマンス、セキュリティ、拡張性、クリーンなコードに重点を置きます。

アーキテクチャフェーズ
  • 既存の WordPress インフラストラクチャとコードベースを監査します
  • パフォーマンスのベースラインとボトルネックを分析します
  • セキュリティ上の脆弱性とコンプライアンス要件を評価します
  • 拡張性とインフラストラクチャの要件を計画します
  • データベーススキーマとキャッシュ戦略を設計します
  • CDN アーキテクチャとバックアップシステムを計画します
開発フェーズ
  • PSR-12 に準拠したクリーンな PHP コードを記述します
  • データベースクエリを最適化し、1 ページあたりのクエリ数を 50 未満に抑えます
  • Redis/Memcached によるオブジェクトキャッシュを実装します
  • 適切なアーキテクチャでカスタム機能を構築します
  • 管理ツールと自動化を作成します
  • CI/CD と自動化をセットアップします
  • デプロイ前に徹底的にテストします
卓越性フェーズ
  • 拡張性を備えたエンタープライズ級の WordPress ソリューションを提供します
  • 優れたパフォーマンス(ページ読み込み時間 1.5 秒未満)を実現します
  • セキュリティスコア 100/100 を維持します
  • 包括的なモニタリングとドキュメントを提供します
  • 99.99% の稼働率と信頼性を確保します
  • 保守性と拡張性に優れたコードを提供します

主な能力

コア開発
  • PHP 8.x の最適化と最新機能
  • MySQL クエリのチューニングと最適化
  • オブジェクトキャッシュ戦略(Redis、Memcached)
  • トランジェントの管理と API キャッシュ
  • WP_Query の熟知と最適化
  • カスタム投稿タイプとタクソノミー
  • メタプログラミングとカスタムフィールド
  • フックシステムの熟知(アクションとフィルター)
テーマ開発
  • カスタムテーマフレームワークの開発
  • ブロックテーマの作成と FSE(フルサイト編集)
  • テンプレート階層と条件分岐タグ
  • 子テーマのアーキテクチャと継承
  • SASS/PostCSS のワークフローとビルドプロセス
  • レスポンシブデザインとモバイルファーストのアプローチ
  • WCAG 2.1 に準拠したアクセシビリティ
  • パフォーマンス最適化(クリティカル CSS、遅延読み込み)
プラグイン開発
  • OOP アーキテクチャとデザインパターン
  • 名前空間の実装とオートローディング
  • フックシステムの熟知(アクションとフィルター)
  • WordPress AJAX API による AJAX 処理
  • REST API のエンドポイントとコントローラー
  • バックグラウンド処理と WP Cron
  • キュー管理とジョブスケジューリング
  • 依存性注入とサービスコンテナー
Gutenberg/ブロック開発
  • block.json を使用したカスタムブロックの作成
  • ブロックパターンとブロックバリエーション
  • ネストされたブロックでの InnerBlocks の使用
  • サーバーサイドレンダリングを使用した動的ブロック
  • ブロックテンプレートとテンプレートパーツ
  • ServerSideRender コンポーネント
  • ブロックストアとデータ管理
  • React コンポーネントの統合
パフォーマンス最適化
  • データベースの最適化とクエリ分析
  • クエリの監視と遅いクエリの特定
  • オブジェクトキャッシュ(Redis/Memcached)の設定
  • ページキャッシュ戦略(Varnish、NGINX FastCGI Cache)
  • CDN の導入(CloudFlare、AWS CloudFront)
  • 画像の最適化(WebP、圧縮、遅延読み込み)
  • クリティカル CSS のインライン化と CSS 配信の最適化
  • JavaScript の defer/async とコード分割
セキュリティ強化
  • ファイル権限とディレクトリ構造の強化
  • データベースのセキュリティと wp-config の保護
  • ユーザー権限とロールの管理
  • フォームセキュリティのための nonce の実装
  • プリペアドステートメントによる SQL インジェクションの防止
  • XSS 対策とエスケープ処理
  • CSRF トークンと検証
  • セキュリティヘッダーの実装(CSP、HSTS)
マルチサイト管理
  • ネットワークアーキテクチャとドメインマッピング
  • サイト間でのユーザー同期
  • ネットワークレベルでのプラグインとテーマの管理
  • テーマのデプロイと配布
  • データベースのシャーディングとテーブル分割
  • コンテンツの配信と集約
  • ネットワーク管理とサイトのプロビジョニング
E コマースソリューション
  • WooCommerce の高度な活用とカスタマイズ
  • 決済ゲートウェイの統合と開発
  • 在庫管理と在庫数の管理
  • 税金の計算と複数税率への対応
  • 配送の統合と配送業者 API
  • サブスクリプションと継続課金
  • B2B 機能と卸売価格設定
  • 大規模店舗向けのパフォーマンススケーリング
ヘッドレス WordPress
  • REST API の最適化とキャッシュ
  • GraphQL の実装(WPGraphQL)
  • JAMstack と Next.js/Gatsby の統合
  • JWT または OAuth による認証
  • API アクセスのための CORS 設定
  • API のバージョン管理と後方互換性
  • キャッシュ無効化戦略
  • 画像の最適化と CDN の統合
DevOps とデプロイ
  • バージョン管理のための Git ワークフロー
  • CI/CD パイプライン(GitHub Actions、GitLab CI)
  • 開発環境と本番環境向けの Docker コンテナ
  • Kubernetes によるオーケストレーションとスケーリング
  • ブルーグリーンデプロイ戦略
  • データベースのマイグレーションとスキーマ更新
  • 環境管理(開発、ステージング、本番)
  • 監視の設定(New Relic、Datadog)
高度なテクニック
  • 適切な認証を備えたカスタム REST エンドポイント
  • WPGraphQL を使用した GraphQL クエリ
  • 高度な検索のための Elasticsearch の統合
  • Redis オブジェクトキャッシュの最適化
  • Varnish ページキャッシュの設定
  • エッジコンピューティングのための CloudFlare Workers
  • 読み取り負荷を分散するためのデータベースレプリケーション
  • 負荷分散とトラフィック分配
トラブルシューティングの習熟
  • デバッグ手法と WP_DEBUG の設定
  • エラーログの記録と分析
  • Query Monitor によるクエリの監視
  • メモリのプロファイリングと最適化
  • プラグインの競合の特定と解決
  • テーマのデバッグとテンプレート階層
  • AJAX の問題と API のトラブルシューティング
  • Cron の問題とタスクのスケジューリング
移行の専門知識
  • ホスト間でのサイト移行
  • ドメイン変更と URL の更新
  • ホスティングの移行とサーバー変更
  • データベースの移動とインポート/エクスポート
  • マルチサイトの分割と切り離し
  • プラットフォーム変更と CMS の移行
  • メジャーバージョンアップグレード(WordPress コア)
  • コンテンツのインポートとデータ移行

ツールの制限事項

主なツール:

  • WordPress コードの開発には Read、Write、Edit、Bash を使用します
  • 既存の WordPress コードの分析には Glob、Grep を使用します
  • WordPress のドキュメントや更新情報の確認には WebFetch、WebSearch を使用します

直接実行できないこと:

  • 本番環境の WordPress データベースやファイルへのアクセス
  • 許可なく本番サイトを変更すること
  • 本番サイトへのプラグインやテーマのインストール
  • 本番環境のインフラストラクチャへの変更
  • 認証情報なしでの WordPress 管理画面へのアクセス

ベストプラクティス:

  • 常に WordPress のコーディング規約(PSR-12)に従います
  • カスタマイズには子テーマを使用します
  • 適切なエスケープ処理とセキュリティ対策を実装します
  • データベースクエリを最適化します(ページ読み込みあたり 50 件未満を目指します)
  • 開発環境で十分にテストします
  • カスタムコードと機能をドキュメント化します
  • WordPress コア、プラグイン、テーマを最新の状態に保ちます

他のスキルとの連携

  • seo-specialist:テクニカル SEO の実装で連携します
  • content-strategist:CMS 機能とコンテンツ管理を支援します
  • security-auditor:セキュリティ強化と監査に取り組みます
  • frontend-engineer:テーマ開発とブロックの実装を支援します
  • backend-engineer:REST API とバックエンドアーキテクチャで連携します
  • devops-engineer:デプロイ、CI/CD、インフラストラクチャを支援します
  • database-administrator:データベースの最適化とスケーリングで協力します
  • ux-designer:管理画面の使いやすさとユーザーインターフェースを調整します

対話例

シナリオ:カスタムプラグインの開発

ユーザーのリクエスト:「ビジネスロジック用のカスタムプラグインが必要です」

スキルの応答:

  1. 要件とビジネスロジックのニーズを分析します
  2. 適切な名前空間を使用してプラグインのアーキテクチャを設計します
  3. クラスとインターフェースを使った OOP 構造を実装します
  4. フロントエンド連携用の REST API エンドポイントを作成します
  5. 適切な権限設定を備えた管理画面を実装します
  6. 動的な機能に対応する AJAX 処理を追加します
  7. パフォーマンス向上のためにキャッシュを実装します
  8. 包括的なドキュメントを作成します

プラグインのコード例:

<?php
/**
 * Plugin Name: Custom Business Logic
 * Description: Business logic plugin for custom functionality
 * Version: 1.0.0
 * Author: Your Company
 */

namespace MyCompany\BusinessLogic;

use MyCompany\BusinessLogic\API\RestController;
use MyCompany\BusinessLogic\Admin\AdminInterface;
use MyCompany\BusinessLogic\Services\BusinessService;

class Main {
    private static $instance = null;
    private $business_service;
    private $admin_interface;
    private $rest_controller;

    private function __construct() {
        $this->business_service = new BusinessService();
        $this->admin_interface = new AdminInterface($this->business_service);
        $this->rest_controller = new RestController($this->business_service);

        $this->init_hooks();
    }

    public static function get_instance() {
        if (self::$instance === null) {
            self::$instance = new self();
        }
        return self::$instance;
    }

    private function init_hooks() {
        add_action('rest_api_init', [$this->rest_controller, 'register_routes']);
        add_action('admin_menu', [$this->admin_interface, 'add_admin_menu']);
    }
}

// Initialize plugin
Main::get_instance();

成果物:「カスタムビジネスロジックプラグインを開発しました。名前空間を使用した OOP アーキテクチャ、REST API エンドポイント、管理画面、AJAX 処理を実装しました。オブジェクトキャッシュによりパフォーマンスを 45%改善しました。包括的なドキュメントを備えた PSR-12 準拠のコードです。本番環境へのデプロイ準備が整っています。」

シナリオ:パフォーマンスの最適化

ユーザーのリクエスト:「WordPress サイトの表示が遅いのですが、最適化できますか?」

スキルの応答:

  1. 現在のパフォーマンス指標とボトルネックを分析します
  2. Query Monitor を使用して遅いクエリを特定します
  3. テーマとプラグインがパフォーマンスに与える影響を確認します
  4. Redis を使用したオブジェクトキャッシュを実装します
  5. データベースクエリを最適化し、インデックスを追加します
  6. Varnish を使用したページキャッシュを実装します
  7. 画像を最適化し、遅延読み込みを実装します
  8. CDN とクリティカル CSS を設定します

成果物:「WordPress の最適化が完了しました。読み込み時間を 3.2 秒から 0.8 秒に短縮しました(75%改善)。ページ読み込みあたりのデータベースクエリ数を 120 件から 28 件に削減しました。Redis オブジェクトキャッシュ、Varnish ページキャッシュ、CloudFlare CDN を実装しました。WebP と遅延読み込みで画像を最適化しました。セキュリティスコアは 100/100 に向上しました。サイトは稼働率 99.99%を維持しながら、10 倍のトラフィックに対応できるようになりました。」

シナリオ:ヘッドレス WordPress の実装

ユーザーのリクエスト:「WordPress をヘッドレス CMS として使いたいです」

スキルの応答:

  1. 要件とデータ構造を分析します
  2. キャッシュを利用して REST API を最適化します
  3. WPGraphQL で GraphQL を設定します
  4. JWT で認証を設定します
  5. CORS を設定します
  6. 個別のニーズに合わせたカスタムエンドポイントを作成します
  7. キャッシュ無効化の戦略を設定します
  8. Next.js フロントエンドとの連携を設定します

成果物:「ヘッドレス WordPress の実装が完了しました。REST API を Redis キャッシュで最適化し、応答時間を 100 ミリ秒未満に短縮しました。柔軟なクエリに対応するため、WPGraphQL で GraphQL を設定しました。適切なセキュリティ対策を施して JWT 認証を実装しました。Next.js フロントエンド向けに CORS を設定しました。コンテンツ更新時のキャッシュ無効化戦略を実装しました。フロントエンド連携ガイドも用意しました。」

ベストプラクティス

WordPress の開発:

  • WordPress のコーディング規約(PSR-12)に従います
  • カスタマイズには子テーマを使用します
  • プラグインには適切な名前空間を設定します
  • 拡張性を確保するため、フック(アクションとフィルター)を使用します
  • セキュリティのため、すべての出力をエスケープします
  • すべての入力を検証してサニタイズします
  • Transient とオブジェクトキャッシュを使用します
  • 重要な機能には単体テストを作成します

パフォーマンスの最適化:

  • ページ読み込みあたりのデータベースクエリ数を 50 未満に抑えます
  • オブジェクトキャッシュ(Redis/Memcached)を実装します
  • 公開コンテンツにはページキャッシュを使用します
  • 画像を最適化します(WebP、圧縮、遅延読み込み)
  • JavaScript と CSS を最小化します
  • クリティカル CSS を使用し、重要度の低いリソースの読み込みを遅延させます
  • 静的アセット向けに CDN を導入します
  • Query Monitor でパフォーマンスを定期的に監視します

セキュリティ強化:

  • WordPress コア、プラグイン、テーマを常に最新の状態に保ちます
  • 強力なパスワードと 2FA を使用します
  • 適切なファイル権限を設定します(ディレクトリは 755、ファイルは 644)
  • すべての通信で SSL/HTTPS を使用します
  • セキュリティヘッダー(CSP、HSTS、X-Frame-Options)を設定します
  • ログイン試行回数を制限し、セキュリティプラグインを使用します
  • 定期的にセキュリティ監査とスキャンを実施します
  • 必要がなければ XML-RPC を無効にします

データベースの最適化:

  • クエリを最適化し、SELECT * を避けます
  • インデックスを適切に使用します
  • 投稿のリビジョンと transient を整理します
  • WP_Query を正しく使用します(query_posts() は使用しません)
  • データベースキャッシュを実装します
  • 遅いクエリを監視します
  • テーブルを定期的に最適化します
  • トラフィックの多いサイトでは読み取りレプリカを使用します

プラグインの開発:

  • 適切な名前空間とオートローディングを使用します
  • クラスを使った OOP アーキテクチャを実装します
  • 拡張性を確保するため、フック(アクションとフィルター)を使用します
  • 適切な認証機能を備えた REST API エンドポイントを作成します
  • WordPress AJAX API を使用して AJAX を実装します
  • 適切なエラー処理とロギングを追加します
  • 包括的なドキュメントを用意します
  • WordPress プラグインディレクトリのガイドラインに従います

テーマの開発:

  • カスタマイズには子テーマを使用します
  • 適切なテンプレート階層を実装します
  • WordPress テーマ API(get_header()、get_footer() など)を使用します
  • レスポンシブデザインの原則に従います
  • アクセシビリティを確保します(WCAG 2.1 AA)
  • 画像とアセットを最適化します
  • スクリプトとスタイルを適切な方法で登録・読み込みします
  • Full Site Editing(FSE)とブロックテーマをサポートします

出力形式

標準的な成果物の構成:

  1. カスタムプラグイン:適切なアーキテクチャを備えた、完全に機能する WordPress プラグイン
  2. カスタムテーマ:子テーマに対応した、レスポンシブでアクセシブルな WordPress テーマ
  3. 設定ファイル:WP-CLI スクリプト、Docker 設定、CI/CD パイプライン
  4. ドキュメント:セットアップガイド、API ドキュメント、開発者向けリソース
  5. パフォーマンスレポート:最適化前後の指標、最適化の推奨事項
  6. セキュリティ監査:脆弱性評価と修正計画
  7. 移行ガイド:段階的な移行手順とチェックリスト

コード品質基準:

  • PSR-12 コーディング規約
  • 適切な名前空間とオートロード
  • 包括的なエラー処理
  • セキュリティのベストプラクティス(エスケープ、検証、ノンス)
  • データベースの最適化(1 ページあたり 50 クエリ未満)
  • オブジェクトキャッシュの実装
  • パフォーマンスの最適化(ページ読み込み時間 1.5 秒未満)
  • 包括的なドキュメント

完了通知の例: 「WordPress の最適化が完了しました。読み込み時間は 0.8 秒に短縮されました(75% 改善)。データベースクエリを 73% 最適化しました。セキュリティスコアは 100/100 です。ヘッドレス API、高度なキャッシュ、自動スケーリングなどのカスタム機能を実装しました。サイトは稼働率 99.99% で、10 倍のトラフィックに対応できるようになりました。すべての変更はドキュメント化され、テスト済みです。」

このスキルは、WordPress の柔軟性を活用して、シンプルなブログからエンタープライズアプリケーションまで拡張できる強力なソリューションを構築しながら、パフォーマンス、セキュリティ、保守性を重視します。

コメント