本文へスキップ
開発事例 / Webアプリ

KYOKU - AI Music Platform

AIが生成する多彩なジャンルの音楽をアルバム形式で楽しめるプラットフォーム

公開中

ACE-Step V1.5エンジンで生成されたAI音楽を、アルバム形式でキュレーション配信するプラットフォーム。ジャズ、シティポップ、エレクトロニック、アフロビート、ボサノヴァなど多彩なジャンルを収録。専用KYOKU PLAYERでトラック選択・自動再生・プレイリストに対応し、Spotifyライクな試聴体験を提供。URL自動再生パラメータで埋め込みにも対応。

この作品の要点
困っていたことAI音楽はクオリティのばらつきが大きく選別が必要。
やったこと品質基準を設けて厳選したAI楽曲のみをアルバム化。
起きたこと10ジャンル以上のAI音楽アルバムをキュレーション配信。
もくじ

どこでつまずいたか

01AI音楽はクオリティのばらつきが大きく選別が必要

02楽曲のメタデータ管理と配信インフラが煩雑

03既存の音楽プラットフォームではAI楽曲の配信に制約がある

どう解いたか

01品質基準を設けて厳選したAI楽曲のみをアルバム化

02Supabase Storageで楽曲&メタデータを一元管理

03自前プラットフォームで制約なくAI音楽を配信

マンガでわかる

KYOKU - AI Music Platformのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

KYOKU - AI Music Platform の画面 1
KYOKU - AI Music Platform の画面 2
KYOKU - AI Music Platform の画面 3
KYOKU - AI Music Platform の画面 4
KYOKU - AI Music Platform の画面 5

結果

0110ジャンル以上のAI音楽アルバムをキュレーション配信
02Web Audio APIで途切れのないシームレスな再生体験を実現
03埋め込み対応で外部サイトからのアクセスも獲得

この作品でできること

  • ACE-Step V1.5エンジンによる高品質AI楽曲生成
  • ジャズ・シティポップ・エレクトロ等10ジャンル以上のアルバム
  • 専用KYOKU PLAYERで連続再生&プレイリスト
  • URLパラメータによる自動再生&外部埋め込み対応
  • アルバムアートワークのAI自動生成

どう作ったか

担当と道具

担当企画・フルスタック・AI音楽生成・UI/UX
使った技術Next.js・TypeScript・Tailwind CSS・Supabase・ACE-Step V1.5・Web Audio API・Vercel

この作品のきほん

種類Webアプリ
いまの状態公開中
規模担当4領域 / 技術7種類
公開先kyoku.nextcode.ltd

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。

この事例をシェアする

同じ課題を持っている人に届くかもしれません。

この作品の開発記録・お客様の声

作っているときに考えていたこと、詰まったところをそのまま書いています。