Initial commit

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: 1000-x-t30

.agents/skills/react-doctor/SKILL.md

@@ -0,0 +1,19 @@
+---
+name: react-doctor
+description: Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.
+version: 1.0.0
+---
+
+# React Doctor
+
+Scans your React codebase for security, performance, correctness, and architecture issues. Outputs a 0-100 score with actionable diagnostics.
+
+## Usage
+
+```bash
+npx -y react-doctor@latest . --verbose --diff
+```
+
+## Workflow
+
+Run after making changes to catch issues early. Fix errors first, then re-run to verify the score improved.

.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npx tsc:*)"
+    ]
+  }
+}

.claude/skills/react-doctor/SKILL.md

@@ -0,0 +1,93 @@
+---
+name: react-doctor
+description: Reactコンポーネントを診断する。パフォーマンス・アクセシビリティ・設計上の問題を検出してレポートを出力する。特定ファイルの診断、またはプロジェクト全体のスキャンが可能。
+allowed-tools: Read, Grep, Glob, Bash
+---
+
+## React Doctor — Reactコンポーネント診断ツール
+
+引数 `$ARGUMENTS` に応じて動作を切り替えてください：
+
+- **引数あり（ファイルパス指定）**: 指定されたファイルのみ診断する
+- **引数なし（または `--all`）**: プロジェクト全体の `src/**/*.tsx` をスキャンして診断する
+
+---
+
+## 診断手順
+
+### ステップ1: 対象ファイルの特定
+
+- 引数がある場合: そのファイルを読み込む
+- 引数がない場合: Glob で `src/**/*.tsx` と `src/**/*.ts` を列挙し、コンポーネントファイルを特定する
+
+### ステップ2: 各ファイルを以下の観点で診断する
+
+#### パフォーマンス
+- [ ] `memo` / `useMemo` / `useCallback` の不足または過剰使用
+- [ ] 不要な再レンダリングを引き起こすオブジェクト・配列のインライン生成
+- [ ] `useEffect` の依存配列が正しいか（空配列の乱用、依存漏れ）
+- [ ] 大きなコンポーネントを分割すべき箇所（100行超のJSXが目安）
+- [ ] `key` プロップが適切か（index使用の問題など）
+
+#### アクセシビリティ
+- [ ] インタラクティブ要素（`div`, `span`）に `onClick` のみでキーボード操作が欠落していないか
+- [ ] `img` に `alt` 属性があるか
+- [ ] フォーム要素に `label` または `aria-label` があるか
+- [ ] `role` や `aria-*` 属性の適切な使用
+- [ ] カラーコントラストや非テキスト要素への代替テキスト（コードから判断できる範囲で）
+
+#### 設計・コード品質
+- [ ] 単一責任原則: 1コンポーネントが複数の責務を持っていないか
+- [ ] Props の肥大化（5つ以上のPropsは要検討）
+- [ ] カスタムフックに切り出せるロジックがないか
+- [ ] `any` 型の使用
+- [ ] コンポーネント内での直接的なAPI呼び出し（フックやサービス層に切り出すべき）
+- [ ] マジックナンバー・ハードコードされた文字列
+
+### ステップ3: レポートの出力形式
+
+```
+## 実行コード
+npx -y react-doctor@latest . --verbose --diff
+```
+
+```
+## React Doctor 診断レポート
+診断日時: <現在日時>
+対象: <ファイルパスまたは "プロジェクト全体">
+
+---
+
+### 📋 サマリー
+- 診断ファイル数: N
+- 問題あり: N ファイル
+- 重大度別: 🔴 Critical N件 / 🟡 Warning N件 / 🔵 Info N件
+
+---
+
+### 🔍 詳細結果
+
+#### <ファイルパス>
+
+**🔴 Critical（修正必須）**
+- [行番号] 問題の説明 → 推奨する修正方法
+
+**🟡 Warning（修正推奨）**
+- [行番号] 問題の説明 → 推奨する修正方法
+
+**🔵 Info（改善提案）**
+- [行番号] 問題の説明 → 推奨する修正方法
+
+✅ 問題なし（問題がない場合）
+
+---
+
+### 💡 優先対応リスト（上位5件）
+1. ファイル名:行番号 — 問題の概要（重大度）
+...
+```
+
+重大度の基準:
+- **Critical**: バグやセキュリティリスク、またはアクセシビリティの根本的な欠如
+- **Warning**: パフォーマンス劣化・保守性の問題
+- **Info**: ベストプラクティスへの改善提案

.editorconfig

@@ -0,0 +1,68 @@
+root = true
+# 初めの行に記述する。この記述をすることで、フォルダ以下のディレクトリのみにルールが適用される
+
+#[*.css] // 適用したいファイルを指定
+#indent_style = space // シャープでコメントできる
+
+[*]
+# すべてのファイルに適用する
+charset = utf-8
+# 文字コードを統一
+indent_style = space
+#インデントを統一する。「tab」か「 space」
+indent_size = 2
+# インデントの数を統一
+trim_trailing_whitespace = true
+# 行末のホワイトスペースを削除
+insert_final_newline = true
+# フォルダの最後の行に改行
+end_of_line = lf
+
+[*.php]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+
+[*.js]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+[*.ts]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+[*.tsx]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+[*.scss]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+[*.html]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+
+[*.yaml]
+indent_style = space
+indent_size = 2

.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+build
+dist-ssr
+*.local
+
+app/bundle
+
+/vendor
+.phplint-cache
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.node-version

@@ -0,0 +1 @@
+v22.20.0

app/GET/AI.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace Acms\Plugins\AI\GET;
+
+use ACMS_GET;
+use Zend\Filter\Boolean;
+
+class AI extends ACMS_GET
+{
+    protected $authorized = false;
+    protected $configField = [];
+    protected $modelCur = '';
+    protected $aiOrganizationId = '';
+    protected $aiProjectId = '';
+    protected $aiApiKey = '';
+    protected $authorizedModels = [];
+    protected $aiCertKey = [];
+    protected $aiCustomPrompt = [];
+}

app/GET/AI/Admin.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace Acms\Plugins\AI\GET\AI;
+
+use Tpl;
+use Template;
+use ACMS_Corrector;
+use Acms\Plugins\AI\GET\AI;
+use Acms\Plugins\AI\Services\AI as ServiceAI;
+
+class Admin extends AI
+{
+    public function get()
+    {
+        $Tpl = new Template($this->tpl, new ACMS_Corrector());
+        $models = [];
+
+        try {
+            $ServiceAI = new ServiceAI();
+            $config = $ServiceAI->getConfig();
+            $cert = $ServiceAI->getCertification($config);
+
+            $models = $ServiceAI->auth($cert['ai_organization_id'], $cert['ai_project_id'], $cert['ai_api_key']);
+            if ($models !== null) {
+                $this->authorized = $models !== [] ? true : false;
+            }
+            if ($cert['ai_model']) {
+                $this->modelCur = $cert['ai_model'];
+            }
+
+            if (is_array($models) && $models !== []) {
+                foreach ($models as $model) {
+                    $this->authorizedModels[] = [
+                        'model' => $model,
+                        'model_cur' => $this->modelCur
+                    ];
+                }
+            }
+
+            $this->configField = Tpl::buildField($config, $Tpl);
+        } catch (\Exception $e) {
+        }
+
+        $obj = array_merge(
+            ['model' => $this->authorizedModels],
+            ['authorized' => $this->authorized ? 'true' : 'false'],
+            $this->configField
+        );
+
+        return $Tpl->render($obj);
+    }
+}

app/GET/AI/Config.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace Acms\Plugins\AI\GET\AI;
+
+use Tpl;
+use Template;
+use ACMS_Corrector;
+use Acms\Plugins\AI\GET\AI;
+use Acms\Plugins\AI\Services\AI as ServiceAI;
+
+class Config extends AI
+{
+    public function get()
+    {
+        $Tpl = new Template($this->tpl, new ACMS_Corrector());
+
+        try {
+            $ServiceAI = new ServiceAI();
+            $config = $ServiceAI->getConfig();
+            $cert = $ServiceAI->getCertification($config);
+            $this->configField = Tpl::buildField($config, $Tpl);
+
+            if (
+                isset($cert['ai_api_key']) &&
+                isset($cert['ai_model']) &&
+                $ServiceAI->availableModel($cert['ai_model'])
+            ) {
+                $this->authorized = true;
+                $this->configField = Tpl::buildField($config, $Tpl);
+            }
+        } catch (\Exception $e) {
+        }
+
+        $obj = array_merge(
+            [
+                'authorized' => $this->authorized ? 'true' : 'false',
+            ],
+            $this->configField
+        );
+
+        return $Tpl->render($obj);
+    }
+}

app/Hook.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace Acms\Plugins\AI;
+
+class Hook
+{
+    /**
+     * JSが更新された場合に、以前のバージョンで作られたキャッシュを使用しないようにキャッシュバスティングを行う
+     * scriptタグでJSを読み込む際に、acmsのグローバル変数を経由する
+     *
+     * @param \Field &$globalVars
+     */
+    public function extendsGlobalVars(&$globalVars)
+    {
+        $globalVars->set(
+            'AI_JS',
+            cacheBusting(
+                '/' . DIR_OFFSET . 'extension/plugins/AI/bundle/acms-ai.js',
+                SCRIPT_DIR . '/extension/plugins/AI/bundle/acms-ai.js'
+            )
+        );
+
+        $globalVars->set(
+            'AI_CSS',
+            cacheBusting(
+                '/' . DIR_OFFSET . 'extension/plugins/AI/bundle/acms-ai.css',
+                SCRIPT_DIR . '/extension/plugins/AI/bundle/acms-ai.css'
+            )
+        );
+    }
+}