ポン出し自作ベースキット
ブラウザで即座に動く・改造できる開発ガイド付き
100%
サンプラー・操作盤
キーボードショートカット対応
使い方：
- パッドをクリックするか、左上に表示されている「**キーボードのキー**」を押すと音が鳴ります。
- 各パッドの下部にある「**編集**」から、好きな音楽・効果音ファイルを読み込ませたり、名前を変更したりできます。
- 初期状態では、Web Audio APIで自動合成されたシンプルな効果音が登録されています。
再生中のステータス
現在再生中の音声はありません
01 ポン出しアプリ開発に役立つAI
プログラミングの知識が少なくても、対話型AIや開発特化型AIを駆使すれば、数時間でオリジナルのポン出しアプリを自作できます。
Cursor（コードエディタAI） 最もおすすめ
VS CodeをベースにAI（Claude 3.5 SonnetやGPT-4o等）が統合されたエディタ。アプリ全体のソースコードを開きながら「**ここに音量フェーダーを付けて**」「**キー割り当てを変更できるようにして**」と日本語で指示するだけで、AIがファイルを直接書き換えてくれます。
v0.dev / Lovable（対話型UI生成AI） Webデザイン
「**洗練されたダークモードの音響ポン出しアプリを作って**」とチャットするだけで、一瞬で見た目の美しいプロトタイプを生成してくれるAIツール。ReactやTailwind CSSを駆使した美しいUIを即座に手に入れられます。
Claude 3.5 Sonnet / GPT-4o
汎用AI。コード作成能力が極めて高く、エラーが出た際に「**このエラーログを解決して**」と投げたり、「**JavaScriptのWeb Audio APIでドラッグ＆ドロップ再生の仕組みを書いて**」と質問すると、丁寧な解説と完璧なコードを出力してくれます。
AIへのプロンプト（指示文）のコツ
「ポン出しを作って」とだけ言うよりも、
"HTML/JSで、12個のボタンを持つ効果音プレイヤーを作りたい。ローカルファイルをドラッグ＆ドロップでボタンに登録でき、キーボードの「1〜9」キーに対応させたい。音量調整とフェードアウト機能も追加して。" のように、**「**ボタンの数**」「**ファイル読み込み方法**」「**操作方法**」**を具体的に指定するのが成功のコツです。
