コースレイアウトエディタ

マイコンカーラリー（JMCR）のコースをブラウザ上で組み立てる Web アプリです。パーツを並べてコースを設計し、PDF / DXF で出力できます。

機能

• 2つの編集モード
  • たどり編集：パーツを順につないでコースを作る
  • 自由編集：パーツをドラッグで移動。接続点に近づけて向きが合うと自動で吸着
• パーツ：ストレート5種 / カーブ（R450・R600）/ クランク（逆向き可）/ レーンチェンジ / 坂
• 途中編集：任意のパーツを選んで差し替え・並べ替え・反転・削除・挿入
• 必要パーツ表：使用パーツの種類と個数を集計
• 出力：PDF（画面と同じ色分けの図面）/ DXF（CAD用・レイヤー色分け）/ JSON（保存して再編集）
• Undo / Redo（200手）、キーボードショートカット対応

寸法

競技規則と実測図面にもとづく実寸（mm）で作図しています。

項目	値
コース幅	300
ストレート	T100 / T150 / T250 / T300 / T600
カーブ	R450・R600（内径）、1ピース45°
カーブ中心たどり	R450 = 471.23889…mm（47.124cm）、R600 = 589.04862…mm（58.905cm）
クランク	90°旋回。外形 600 × 350
レーンチェンジ	700進んで300横移動。外形 700 × 600
坂	傾斜1500 + 繋ぎ300 = 1800（下りは繋ぎが先）

内部計算では長さを丸めていません。

ショートカット

キー	動作
← →	選択を前後に移動
Ctrl + ← →	選択パーツを並べ替え
F	左右反転
R / Shift+R	45°回転（自由編集モード）
Delete	削除
M	編集モード切替
Ctrl+Z / Ctrl+Shift+Z	元に戻す / やり直し
0 / + / -	全体表示 / 拡大 / 縮小

マウスホイールで拡大縮小、背景ドラッグで移動します。

開発

npm install
npm run dev      # 開発サーバー起動
npm run build    # dist/ に本番ビルド
npm run preview  # ビルド結果を確認

ライセンス

MIT