配信・解説向けのキャンバス最大化戦術ボード（zoneboard.app）。
登録不要 · ローカル保存 · ユーザーロゴ透かし · 配信モード。
cd C:\asl_dev\zoneboard
npm install
npm run devブラウザで http://localhost:5173 を開く。
| コマンド | 内容 |
|---|---|
npm run dev |
開発サーバ |
npm run build |
本番ビルド（dist/） |
npm run preview |
ビルド結果のプレビュー |
| 項目 | 値 |
|---|---|
| Build command | npm run build |
| Build output | dist |
| Node | 20 推奨 |
- Cloudflare Dashboard → Workers & Pages → Create → Pages → Connect to Git →
Kaoru-Stats-Lab/zoneboard - 上記 Build 設定でデプロイ（
public/_redirectsで SPA ルーティング） - Custom domains →
zoneboard.app/www.zoneboard.appを追加 - お名前.com で DNS を Cloudflare に向ける（ネームサーバー移管 または CNAME）
公開 URL: https://zoneboard.app/ja/board
| パス | 内容 |
|---|---|
docs/SPEC.md |
実装仕様 |
docs/PRODUCT_NOTE.md |
プロダクト方針 |
docs/TOKEN_ECONOMY.md |
RTK · CodeGraph |
docs/AGENT_HANDOFF.md |
Agent 引き継ぎ |
docs/OSS_SURVEY.md |
GitHub OSS 調査（流用候補なし） |
docs/OBS.md |
OBS キャプチャ手順 |
docs/SOCIAL_OUTPUT.md |
SNS 投稿向け出力の逆算 |
docs/BALL_DESIGN.md |
ボールアイコンのデザイン言語（Nanobanana 用） |
docs/SPORTS_SCOPE.md |
スポーツ市場 MECE と v1 対象競技 |
docs/UI_UX.md |
chrome・パネル・カードの指針 |
docs/BACKLOG.md |
未着手・Later・決定済み方針の駐車場 |
docs/FUTSAL_BEACH_RESEARCH.md |
フットサル・ビーチの戦術ボード／配信リサーチ |
docs/FUTSAL_BEACH_OVERSEAS_BRIEF.md |
海外強豪国・言語圏（Gemini 用プロンプト） |
docs/BASKETBALL_RESEARCH_BRIEF.md |
バスケ戦術ボード／配信リサーチ用プロンプト |
docs/BASKETBALL_RESEARCH.md |
バスケ調査統合・実装対応 |
| キー | 動作 |
|---|---|
B |
配信モード トグル |
Esc |
設定を閉じる / 配信解除 |
1 / 2 / 3 |
パス / ラン / ドリブル |
V |
選択 |
Ctrl+Z |
UNDO |
Ctrl+S |
保存 flush |
SUGUDASU とは別プロダクトです。