🎛️ VJam ユーザーガイド

VJam の使い方をとことん書いていくとこ 📖 アプリの中の Help(？ボタン)は操作の早見表だけだから、ここには「なんで?」「どう使いこなす?」「作業の流れ」「困った時」まで全部書くよ 💪

なんで作るの? 今まで VJam の使い方はアプリ内 Help にしか無かった。イケてるソフトってドキュメントが充実してるよね 📚 それを VJam でもやる、ってわけ。 どう構成する? 一流の docs は4種類に分けて書かれてる(チュートリアル / How-to / リファレンス / 概念)。VJam もこの4本柱 + 困った時 + スマホ + 用語集でいくよ 🏛️

📑 目次

👋 はじめに

• VJam とは — 何ができるソフト? 設計の考え方 ✅

🎬 チュートリアル(手を動かして覚える)

• はじめかた — 初めての5分。音を入れて、映像を出して、切り替える ✅

🛠️ 使い方 / How-to(やりたいことから引く)

• 🔊 音を入れる & 反応しない時 — マイク / 音声ファイル / デモ + 詰まりの解決 ✅
• 🎨 プリセットを重ねる・切り替える — タップで重ねる / スワイプで切替 / Kill / レイヤー上限 ✅
• 🎱 Deck A / B とクロスフェード — 2デッキ独立 / クロスフェーダー / ブラウザで今の Deck を操作 ✅
• 🌈 ブレンドとフィルターを重ねる — 重なり方 × 色味の掛け算 ✅
• 🖼️ 画像・動画・テキストを乗せる — 画像8スタイル / 動画 / テキスト10種 / 曲情報 ✅
• ⭐ シーンと FAV で状態を保存する — プリセットFAV / シーン=Deck全状態 / 1-9スロット ✅
• 🔴 録画して MP4 で書き出す — 形式/長さ/音源設定 / 音入りはファイル必須 / MP4書き出し ✅
• 📡 配信で使う(OBS / ブラウザキャプチャ) — PROJ窓をOBSキャプチャ / 音の載せ方 / 負荷対策 ✅
• 📺 プロジェクター / 外部モニタに出す — PROJ=映像だけ別窓 / 2画面運用 / PC専用 ✅
• 🎹 MIDI コントローラで操作する — 接続 / MIDIラーンで割当 / global・deck系 ✅
• ✅ 本番前チェックリスト — 音/画面/仕込み/操作/安定性/録画の直前確認 ✅

📱 スマホで使う

• 📱 スマホで使う — 全ジェスチャー / PC専用機能 / スマホの注意 ✅
• 📲 PWA / アプリインストール — PWAとは / Chrome・Android・iPhoneの追加手順 / iOS注意 ✅

🆘 困った時(トラブルシュート)

• 🆘 困った時(トラブルシュート) — 症状から引ける(真っ黒 / 音 / タップ無反応 / iPhone / 重い / 録画 / MIDI / 外部出力) ✅

📋 リファレンス(全機能まるっと)

• 📋 リファレンス早見表 — 全ショートカット / ジェスチャー / ブレンド8 / フィルター7 / Cockpit / ミニバー ✅

💡 概念(なんでこの作り?)

• 💡 概念(なんでこの作り?) — デュアルエンジン / Deck独立 / 感じる映像 / モジュレーション ✅

📖 用語集

• 📖 用語集 — VJam 用語をサクッと引く ✅

🧑‍💻 開発者向け

• p5 プリセット作成ガイド — 自分でプリセットを書く(既存)
• p5 学習トラック — プリセットを書きながら音の反応を学んだ記録(既存)

全19章そろったよ 🎉 ホントの正解はいつもコード(src/)。ガイドが古くなってたらコードを信じて直す 🔧