プロジェクト構成とアーキテクチャ

概要

WordPressショートコード開発リポジトリ - MVCアーキテクチャとBootstrap・DIコンテナを使用したスロット攻略サイトの開発

機能設計ドキュメント

• 日別記事まわりの raw と機種別サマリテーブル（Issue #2072）: daily-article-summary-tables.md
• 機能ごとの設計メモ（コード照合・互換性契約の明記）の入口: docs/design/README.md
• 記述のひな型（機能設計書テンプレート）: docs/design/共通/機能設計書テンプレート.md
• 計画・検討段階を含む設計メモも docs/design/ 配下で管理する（置き場の詳細は同 README）

技術スタック

本プロジェクトの技術スタック一覧の**正（公式な定義源）**はこの節です。概要ルール・フロントエンドガイドラインなど、他ドキュメントで技術スタックに言及する場合は必ずこの一覧を前提として参照してください。

バックエンド・基盤

• PHP: 8.3 以上（core_src/composer.json）
• フレームワーク: WordPress
• データベース: MySQL
• テンプレートエンジン: Twig
• Composer: 依存関係管理（ルート＝開発用、core_src＝本番用）

開発ツール（ルートディレクトリ）

• PHPStan: 静的解析（Level 4、config/phpstan.neon）
• PHPCS: WordPress Coding Standards
• PHPUnit: テストフレームワーク
• Deptrac: アーキテクチャルールチェック

アプリケーション依存関係（core_src）

• Twig、その他アプリケーション固有ライブラリ（PhpSpreadsheet、PHP-DI 等）

フロントエンド

• React / TypeScript: ブロックエディター・メタフィールドUI（core_src/PostType/*/Admin/, core_src/Template/*/assets/src/）。ビルド: @wordpress/scripts, webpack
• Twig / jQuery: フロントテンプレート（core_src/View/templates/）。Twig を使う理由・画面設計書との分担は 各層と責務 の「ビュー層と Twig（補足）」節を参照。
• Node.js: 22.22.1 以上（22 系 LTS）。フォーマット・ビルド（lint-staged 17+）
• CSS: モダンCSS（レスポンシブ）
• Prettier: コードフォーマット