refactor: CLAUDE.mdを.claude/rules/にモジュール分割

コーディング規約・SVGナレッジマップ規則・モーダル実装ガイドを
独立したルールファイルに切り出し、CLAUDE.mdをスリム化。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: rojoudotcom

.claude/rules/coding-conventions.md

@@ -0,0 +1,20 @@
+# コーディング規約
+
+## コミットメッセージ
+
+- Conventional Commits 形式を使用: `fix:`, `feat:`, `docs:` など
+- 日本語での記述を推奨
+- 例: `fix: SVGとモーダルのパスを相対パスに統一`
+
+## ブランチ運用
+
+- `main` ブランチへの直接コミット（トランクベース開発）
+
+## ファイル命名
+
+- ナレッジマップのID属性は **ケバブケース** で統一（Figmaで管理されているSVG画像のレイヤー名として埋め込まれている）
+- 各ID属性に対応するMarkdownファイルは必ず `-summary.md`（サマリー）と `-detail.md`（詳細）のペアで作成
+
+## パス指定
+
+- SVG やモーダルコンテンツのパスは **相対パス** を使用する（ローカル環境と GitHub Pages の両方で動作させるため）

.claude/rules/modal-implementation.md

@@ -0,0 +1,21 @@
+# モーダル実装ガイド
+
+## モーダルベースの情報開示
+
+SVG ナレッジマップをクリックすると軽量なモーダルが開き、概要を表示する。
+「Learn more」ボタンで詳細ページへ遷移する。ページ遷移を最小限に抑え、ブラウジング体験を重視。
+
+## デュアルコンテンツ戦略
+
+各トピックに summary（概要）と detail（詳細）の 2 ファイルを用意し、モーダルで表示する。情報の粒度を分離する。
+
+## キーボードナビゲーション
+
+- 矢印キー: タブ切り替え
+- 数字キー（1, 2）: タブジャンプ
+- ESC: モーダルを閉じる
+
+## 関連ファイル
+
+- `docs/javascripts/knowledge-map-modal.js` — モーダル機能
+- `docs/javascripts/navigation.js` — タブキーボード操作

.claude/rules/svg-knowledge-map.md

@@ -0,0 +1,23 @@
+# SVG ナレッジマップ規則
+
+## ID属性のプレフィックス規則
+
+SVG内のID属性はFigmaで管理されており、レイヤー名として埋め込まれている。
+
+- `ifs-*` : Instrument Flight System
+- `pc-*` : Product Core
+- `pqm-*` : Product Quality Management
+- `pdm-*` : Product Management
+- `sp-*` : Software Process
+- `pjm-*` : Project Management
+- `tm-*` : Team Management
+- `pbm-*` : Product Business Management
+- `pim-*` : Process Improvement Management
+- `im-*` : Innovation Model
+
+## ファイル構成ルール
+
+`docs/soda-knowledge-map/{topic}/` 配下に、各ID属性に対応するファイルをペアで作成する:
+
+- `{id}-summary.md` — サマリー（モーダルで表示される概要）
+- `{id}-detail.md` — 詳細ページ（「Learn more」で遷移する先）

CLAUDE.md

@@ -58,55 +58,6 @@ mkdocs build          # サイトビルド（出力先: site/）
 └── .github/workflows/pages.yml   # CI/CD
 ```
 
-## コーディング規約
-
-### コミットメッセージ
-
-- Conventional Commits 形式を使用: `fix:`, `feat:`, `docs:` など
-- 日本語での記述を推奨
-- 例: `fix: SVGとモーダルのパスを相対パスに統一`
-
-### ブランチ運用
-
-- `main` ブランチへの直接コミット（トランクベース開発）
-
-### ファイル命名
-
-- ナレッジマップのID属性は **ケバブケース** で統一（Figmaで管理されているSVG画像のレイヤー名として埋め込まれている）
-- 各ID属性に対応するMarkdownファイルは必ず `-summary.md`（サマリー）と `-detail.md`（詳細）のペアで作成
-- ID属性のプレフィックス規則:
-  - `ifs-*` : Instrument Flight System
-  - `pc-*` : Product Core
-  - `pqm-*` : Product Quality Management
-  - `pdm-*` : Product Management
-  - `sp-*` : Software Process
-  - `pjm-*` : Project Management
-  - `tm-*` : Team Management
-  - `pbm-*` : Product Business Management
-  - `pim-*` : Process Improvement Management
-  - `im-*` : Innovation Model
-
-### パス指定
-
-- SVG やモーダルコンテンツのパスは **相対パス** を使用する（ローカル環境と GitHub Pages の両方で動作させるため）
-
-## 設計方針
-
-### モーダルベースの情報開示
-
-SVG ナレッジマップをクリックすると軽量なモーダルが開き、概要を表示する。
-「Learn more」ボタンで詳細ページへ遷移する。ページ遷移を最小限に抑え、ブラウジング体験を重視。
-
-### デュアルコンテンツ戦略
-
-各トピックに summary（概要）と detail（詳細）の 2 ファイルを用意し、モーダルで表示する。情報の粒度を分離する。
-
-### キーボードナビゲーション
-
-- 矢印キー: タブ切り替え
-- 数字キー（1, 2）: タブジャンプ
-- ESC: モーダルを閉じる
-
 ## やってほしいこと
 
 - パス指定は相対パスを使う（ローカルと GitHub Pages 両対応のため）