# ER図

## 概要

本ドキュメントは、Tailwind CSS プロジェクトの ER 図（Entity-Relationship Diagram）を記載するものである。

## 調査結果

Tailwind CSS はユーティリティファーストの CSS フレームワーク/ビルドツールであり、リレーショナルデータベースや NoSQL データベースを使用していない。そのため、データベースのエンティティやリレーションシップは存在せず、ER 図の対象となるテーブルは存在しない。

## ER図

該当なし。

本プロジェクトにはデータベーステーブルが存在しないため、ER 図を作成することができない。

## 参考：プロジェクト内部のデータ構造関係図

データベースは使用していないが、参考としてビルド処理における主要なインメモリデータ構造の関係を以下に示す。これはデータベースの ER 図ではなく、ビルド時にメモリ上で構築されるデータの概念的な関係を示したものである。

```mermaid
graph TD
    A[ソースファイル] -->|スキャン| B[Oxide Scanner<br/>Rust crate]
    B -->|候補抽出| C[候補クラス名一覧]
    C -->|解析| D[Design System]

    E[CSS 設定ファイル] -->|解析| D
    F[tailwind.config.js] -->|読み込み| D

    D -->|テーマ参照| G[Theme<br/>Map構造]
    D -->|ユーティリティ生成| H[Utilities]
    D -->|バリアント生成| I[Variants]

    G -->|値解決| J[CSS 出力]
    H -->|CSS ルール生成| J
    I -->|CSS ルール修飾| J

    J -->|ファイル出力| K[生成された CSS ファイル]
```

## 備考

- 上記の図はデータベースの ER 図ではなく、ビルドパイプラインにおけるデータフローの概念図である
- 全てのデータ構造はインメモリで処理され、外部データベースへの永続化は行われない
- 将来的にデータベースが導入された場合は、本ドキュメントに正式な ER 図を追加する必要がある
