開発者がバンド管理のためのSetForgeウェブアプリを構築するためにClaude Codeを使用

最近バンドに加入した開発者が、Claude Codeを使用してSetForgeを構築しました。これは、バンドの曲ライブラリとセットリストを管理するための本格的なウェブアプリです。開発者はClaude Codeに問題を説明し、アーキテクチャを書いたりプロジェクトの骨組みを作ったりせず、必要なものを説明しただけでした。

Claude Codeで構築された主な機能

結果として生まれたReactアプリはVercelにデプロイされ、setforge.liveで利用可能で、以下を含みます：

• Jam Set: ライブラリをインポートし、バンドメイトとコラボリンクを共有すると、SetForgeが全員が知っている曲を見つけて、重複部分から開始セットを構築します
• Excel/CSVインポート: SheetJSを使用し、柔軟な列マッピングと重複排除ロジックを備えています
• フロー採点: セットリストを60％のトランジションスコア（エネルギー＋キーの距離）＋40％のアークスコアで採点します。ピークが適切なウィンドウに収まっているか、強く締めくくっているかをチェックします。曲にタグが付けられている場合にのみ表示されます
• 自動アレンジ: 5つのモード：Wave、Slow Build、Front-loaded、Smooth Keys、Drama Arc。セグメントを認識し、Opener/Closerカテゴリタグを尊重し、トースト経由で元に戻せます
• Gig Mode: フルスクリーンの曲ごとのビューで、lrclib.netからライブで歌詞を取得し自動スクロール、休憩カウントダウンタイマー、速度制御を備えています
• コラボリンク: バンドメイトが/c/:token経由で同じセットリストをリアルタイムで編集します。認証なし、アカウントなし - UUIDが「アカウント」です
• スマートペーストパーサー: 生のUGお気に入りダンプ、乱雑な「アーティスト - タイトル」リスト、タブURLを処理します。既存のライブラリに対して自動的に重複排除します
• 印刷ビュー + CSVエクスポート

AI支援開発に関する開発者の洞察

プロフェッショナルとしてUXチームを管理するこの開発者は、Claude Codeが迅速に骨組みと機能を構築・デプロイした一方で、洗練された体験には人間の介入が必要だったと指摘しました。技術的には正しいが、ギグ中のiPhoneでは使いづらいマイクロインタラクションや、機能はするが手が期待するように反応しないドラッグ動作などは、実際の人々が文脈の中でアプリを使用したときにのみ表面化しました。

開発者は、UXに費やす時間が減ったのではなく、「より良く、より生産的な時間」を費やしていると感じました - レイアウトロジックやピクセル調整のデバッグではなく、意図の検証に集中できたのです。「このジェスチャーはユーザーが意図するもののように感じられるか？」や「このフローは暗いステージ上で午後9時にミュージシャンが必要とするものと一致するか？」といった質問が焦点となりました。

開発者は結論として次のように述べています：「Claudeはものを作ります。それはものを感じません。AIは参入障壁 - 決して価値のある部分ではなかった仕事の部分 - を取り除いています。ユーザーが実際に経験することについての判断は依然として完全に人間のものであり、それが何かを使用する価値があるものにする部分です。」