Hue — 使用言語

色	言語	主担当	目標使用量
🔴	Svelte	Main UI / UX	20%
🟠	Zig	Native core / editor engine	15%
🟡	JavaScript	Plugins / scripting	14%
🟢	Vue	Settings / dashboard	13%
☁️	Go	CLI / tooling / API	12%
🔵	TypeScript	Frontend services / types	11%
🟣	Elixir	Realtime collaboration	10%
⬜	その他	config / shell 等	5%

---

世界観

Svelte → 体験
Zig → 性能
JavaScript → 拡張性
Vue → 構造化UI
Go → 実務基盤
TypeScript → 型安全
Elixir → リアルタイム

---

推奨フォルダ構成

hue/
├── apps/
│   ├── explorer/               # 🔴 Svelte (Wails) - メインウィンドウ
│   ├── settings/               # 🟢 Vue - 設定画面
│   └── sync/                   # 🟣 Elixir - リアルタイム同期サーバー
│
├── core/
│   ├── fs/                     # 🟠 Zig - ファイルシステム走査
│   ├── watcher/                # 🟠 Zig - ファイル変更監視
│   ├── thumbnailer/            # 🟠 Zig - サムネイル生成
│   └── preview/                # 🟠 Zig - 画像・PDF・動画・コードのプレビュー処理
│
├── ui/
│   ├── components/             # 🔴 Svelte - 共通コンポーネント
│   ├── panels/                 # 🔴 Svelte - ファイルパネル・プレビュー
│   ├── toolbar/                # 🔴 Svelte - ツールバー・パンくず
│   └── themes/                 # 🔴 Svelte - テーマ
│
├── services/
│   ├── indexer/                # ☁️ Go - バックグラウンドインデックス
│   ├── operations/             # ☁️ Go - ファイル操作（コピー・移動・削除）
│   └── cli/                    # ☁️ Go - CLI
│
├── types/                      # 🔵 TypeScript
│   ├── file.ts                 # ファイルエントリ型定義
│   ├── plugin.ts               # プラグインインターフェース
│   ├── events.ts               # イベント型
│   └── settings.ts             # 設定型
│
├── plugins/                    # 🟡 JavaScript
│   ├── context-menu/           # 右クリックメニュー拡張
│   ├── preview/                # カスタムプレビュー
│   ├── actions/                # カスタムアクション
│   └── themes/                 # テーマプラグイン
│
├── tests/
│   ├── ui/                     # 🔴 Svelte
│   ├── core/                   # 🟠 Zig
│   ├── services/               # ☁️ Go
│   ├── types/                  # 🔵 TypeScript
│   ├── plugins/                # 🟡 JavaScript
│   └── sync/                   # 🟣 Elixir
│
├── examples/
│   ├── plugins/                # 🟡 JavaScript
│   ├── themes/                 # 🔴 Svelte
│   └── plugins/                # 🟡 JavaScript
│
├── scripts/
│   ├── build/                  # ☁️ Go
│   ├── generate/               # 🔵 Python
│   └── release/                # 🟡 JavaScript
│
├── docs/
│
├── .github/
│
├── build.zig
├── go.mod
├── mix.exs
└── package.json

---

目標使用量を維持するコツ

言語	増やし方
Svelte	UI component大量作成
Zig	benchmark / renderer
JavaScript	plugins / examples
Vue	settings限定
Go	tooling / CLI
TypeScript	frontend types
Elixir	collaboration限定

---

かなり重要なルール

🔴 Svelte

「ユーザーが直接触る場所」

全部ここ。

---

🟠 Zig

「速度が必要な場所」

全部ここ。

---

🟡 JavaScript　

「ユーザーが拡張する場所」

全部ここ。

---

🟢 Vue

「整理された設定UI」

専用。

---

☁️ Go

「裏方インフラ」

担当。

---

🔵 TypeScript

「型で守る場所」

担当。

---

🟣 Elixir

「リアルタイム同期」

専用。

---