TajaMap (ハングルタイピング・ヒートマップ＆ストローク分析)

TajaMap（タジャマップ）は、韓国語の文章を入力した際に「2ボル式（2-Beolshik）キーボードのどのキーを何回打つか」をリアルタイムで可視化する分析ツールです。

✨ 機能

• キーボードヒートマップ: よく使うキーが赤くハイライトされ、運指のクセや頻出キーがひと目で分かります。
• 左右の割合 (左手/右手): 子音（左手）と母音（右手）のタイピング比率を計算し、グラフで可視化します。
• キーストローク頻度ランキング: 全キーの使用回数を棒グラフで分かりやすく表示します。

🛠 技術スタック

• React (v18)
• TypeScript
• Vite
• Recharts (グラフ描画用)

🚀 ローカル環境でのセットアップ

1. パッケージのインストール

npm install

2. 開発サーバーの起動

npm run dev

起動後、ブラウザで http://localhost:5173 にアクセスしてください。

📁 主要なディレクトリ構成

• src/components/ - UIコンポーネント (ヒートマップ用キーボード、グラフ)
• src/utils/ - ハングルの分解およびキーストローク計算ロジック (hangul.ts)
• src/App.tsx - メインのアプリケーションロジックと状態管理

📝 ライセンス

MIT