Add CLAUDE.md for project guidelines

Author: myoshi2891

CLAUDE.md

@@ -0,0 +1,86 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## プロジェクト概要
+
+マルチ言語・マルチAIによる競技プログラミング学習リポジトリ。各問題に対して**2×3×3マトリックス**（2 AIプロバイダー × 3言語 × 3ドキュメント階層 = 18ファイル）で成果物を生成する。
+
+## 開発コマンド
+
+```bash
+# セットアップ
+make setup          # venv + Jupyterカーネル設定
+make install        # pip + bun install
+
+# テスト
+make test           # pytest + vitest 両方実行
+bunx vitest run     # JS/TSテストのみ
+bunx vitest run path/to/file.test.ts  # 単一テスト
+
+# リント・フォーマット
+make lint           # ruff + black + prettier + eslint
+make fmt            # ruff --fix + black + prettier
+bunx prettier -c .  # prettier チェックのみ
+bunx prettier -w .  # prettier 修正
+
+# 実行
+bunx tsx path/to/file.ts   # TypeScript実行
+make lab                   # JupyterLab起動
+```
+
+パッケージマネージャは**Bun**。`npm`ではなく`bun install`を使用。
+
+## アーキテクチャ
+
+### 6階層ディレクトリ構造
+
+```
+{Domain}/{Subcategory}/{Platform}/{Problem}/{AIProvider}/{Artifact}
+```
+
+- **Domain**: `Algorithm/`, `DataStructures/`, `Mathematics/`, `SQL/`, `Shell/`, `Concurrency/`
+- **Platform**: `leetcode/`, `hackerrank/`, `atcoder/`, `codeforces/`
+- **AIProvider**: `Claude Sonnet 4.5/`, `Claude Code Sonnet 4.6 extended/`, `gpt 5.1 thinking customized/` など
+- **Artifact**: `*.py`, `*.ts`, `*.js`, `README.md`, `README.html`, `README_react.html`
+
+**例外**: `JavaScript/` ディレクトリは LeetCode 30-Day JS Challenge 専用で、上記6階層に従わない。`SQL/` ドメインはAIプロバイダーが`gpt/`単一フォルダで`.ipynb`形式。
+
+### デュアルAI実装哲学
+
+- **Claude実装**: 競技最適化、型アノテーション信頼、単一メソッド、50-150 LOC
+- **GPT実装**: 本番堅牢性、ランタイム検証、複数メソッド、80-200 LOC
+
+### 3階層ドキュメントシステム
+
+| ファイル            | スタック                        | 用途                                                                                 |
+| ------------------- | ------------------------------- | ------------------------------------------------------------------------------------ |
+| `README.md`         | 純粋Markdown                    | 5セクション構造（Overview / Algorithm / Complexity / Implementation / Optimization） |
+| `README.html`       | Prism.js + Tailwind CSS         | ステップコントロールUI、SVGフローチャート                                            |
+| `README_react.html` | React 18 UMD + Babel Standalone | リアルタイム入力操作、AI比較                                                         |
+
+### コード構造パターン
+
+**Python** (Claude): `class Solution: def methodName(self, ...) -> ReturnType:`
+**TypeScript**: `function functionName(...): ReturnType { ... }`
+**JavaScript**: `var functionName = function(...) { ... }; module.exports = { functionName };`
+
+## 依存関係ポリシー
+
+- **Algorithm/DataStructures/Mathematics**: 標準ライブラリのみ（`typing`, `collections`, `itertools`, `math`, `heapq`）。外部ライブラリ禁止
+- **JS/TS実装**: ビルトインのみ。lodash等の外部ライブラリ禁止
+- **SQLドメインのみ**: Pandas/NumPy許可（`.ipynb`形式）
+
+## コードスタイル
+
+- **TypeScript**: `strict: true`, `noImplicitAny: true`, target ES2022
+- **Prettier**: semi, singleQuote, tabWidth: 4, printWidth: 100
+- **Python**: ruff + black
+
+## SVGフローチャートガイドライン
+
+`.agent/workflows/svg_flowchart_guidelines.md` に詳細あり。主要ポイント:
+
+- `refX` はarrowhead長未満に設定（arrowheadがノードに隠れる問題を防止）
+- viewBoxに30-50pxのpadding追加
+- Prism.jsコピーボタンはTailwindのpreflightで消えるため `!important` オーバーライドが必要