16ステップ×4トラックの1小節ループを最短で作って遊べる、Webベースの音楽制作ツールです。

OpenAI GPT-5-mini による自動パターン生成と、Tone.js シンセサイザーによる高品質なWeb Audio再生を搭載。

• AIパターン生成: OpenAI GPT-5-mini（2025年8月リリース）でDance Music風のパターンを自動生成
• シンセサイザー音源: Tone.jsシンセサイザーによる高品質なドラム＆ベースサウンド（外部サンプル不要）
• リアルタイム再生: Tone.jsによる高精度なシーケンス再生
• WAV録音: ブラウザで8秒録音→即ダウンロード
• プリセット: House / Boom Bap / Trap の3スタイル搭載
• 完全フロントエンド: GitHub Pagesで公開可能な静的サイト
• URL共有: パターンをURLで簡単にシェア
• LLMなしモード: APIキーなしでも手動編集で楽しめる

GitHub Pagesで公開されたデモサイトにアクセス:

https://[your-username].github.io/loop-sequencer/

# リポジトリをクローン
git clone https://github.com/[your-username]/loop-sequencer.git
cd loop-sequencer

# 静的サーバーで起動（例：Python）
python3 -m http.server 8000

# ブラウザで開く
open http://localhost:8000

AIパターン生成を利用する場合は、OpenAI Platform でAPIキーを取得してください。

⚠️ 注意: このアプリはプロトタイプ用途です。APIキーは保存されません（メモリのみ）。

💰 料金: GPT-5-mini は $0.25/1M入力トークン、$2/1M出力トークンです。通常のパターン生成は1回あたり数セント程度です。

1. プリセット選択: Style ドロップダウンから House / Boom Bap / Trap を選択
2. パラメータ調整: BPM（60-200）とSwing（0.50-0.62）を設定
3. 再生: ▶ボタンで再生、■ボタンで停止
4. 手動編集: グリッド上のステップをクリックしてON/OFF

1. サイドバーにOpenAI APIキーを入力
2. 「✨ GPT-5-miniで生成」ボタンをクリック
3. 約1-2秒でパターンが生成され、自動的に適用されます

1. ●録音ボタンをクリック
2. 8秒間自動録音
3. 完了するとWAVファイルが自動ダウンロードされます

1. 「🔗 共有URLを作成」ボタンをクリック
2. 生成されたURLをコピー＆シェア
3. URLを開くと同じパターンが復元されます

1. サイドバーの「パターンJSON」セクションでJSONを確認
2. 「📥 復元」セクションにJSONをペーストして復元可能

パターンは pattern-v1 JSONフォーマットで表現されます:

{
  "version": "pattern-v1",
  "meta": {
    "style": "house",
    "bpm": 124,
    "swing": 0.55,
    "scale": "C minor"
  },
  "tracks": [
    {
      "id": "kick",
      "type": "drum",
      "sound": "kick-01",
      "steps": [1, 5, 9, 13]
    },
    {
      "id": "bass",
      "type": "mono",
      "synth": "square",
      "notes": [
        { "step": 1, "pitch": "C2", "len": "8n" }
      ]
    }
  ]
}

詳細はPRD（要件定義書）を参照してください。

• Tone.js (v14.8.49) - Web Audio フレームワーク
  • MembraneSynth（キック）
  • NoiseSynth（スネア）
  • MetalSynth（ハイハット）
  • MonoSynth（ベース）
• OpenAI GPT-5-mini - AIパターン生成（Structured Outputs使用）
• Vanilla JavaScript - フレームワークなし
• GitHub Pages - 静的ホスティング

/
├── index.html          # メインアプリケーション（単一ファイル、すべてのロジックを含む）
├── samples/            # （オプション）外部サンプル音源用ディレクトリ
│   └── README.md       # 音源の入手方法（シンセサイザーがデフォルト）
└── README.md           # このファイル

注意: 現在のバージョンはTone.jsシンセサイザーを使用しているため、samples/ディレクトリの音源ファイルは不要です。

• APIキーは保存されません: メモリのみで保持され、ページをリロードすると消去されます
• ローカルストレージは使用しません: クッキーや永続ストレージにキーは保存されません
• プロトタイプ用途: 本番環境ではバックエンドプロキシ経由での利用を推奨

• サイドバーでキー未入力でも起動可能（LLMなしモード）
• キー入力→[GPT-5-miniで生成]実行でpattern-v1 JSONを受け取り、1.5s程度で再生
• ▶再生 / ■停止 / ●録音(8s) が動作し、WAVが保存できる
• プリセット3種が選択できる
• JSON貼付→即反映、?p= 共有で復元できる
• リロードでAPIキーが空に戻る（保存していない）
• Tone.jsシンセサイザーで外部音源なしで動作する

プルリクエスト歓迎です！以下のような改善案があります:

• より多くのプリセットスタイル
• 追加のエフェクト（リバーブ、ディレイ等）
• 複数小節対応
• MIDIエクスポート

MIT License

• Tone.js - 素晴らしいWeb Audioフレームワーク
• OpenAI - GPT-5-miniとStructured Outputs API

• OpenAI Platform Documentation
• OpenAI Structured Outputs Guide
• Tone.js ドキュメント
• Web Audio API

楽しい音楽制作を！ 🎧✨