もどる

2026-05-27

モチウタ!

カラオケ・ギター弾き語りの持ち歌を管理するWebアプリ。ジャンル・曲調・歌練度・ギター練度で登録管理、ランダム提案やセットリスト作成、Spotify連携、スプレッドシートインポートに対応。のちに弾き語り練習アプリ「うたがさね」へ発展したため、この記事はモチウタ!だった頃の記録です。

背景

カラオケの持ち歌が400曲以上に増え、選曲に迷うようになりました。さらに約1年半前からギターを始めて弾き語りもするようになり、「カラオケで歌える曲」「ギターで弾き語りできる曲」「その両方を練習中の曲」が混在して頭の中で整理できなくなっていました。

自分の音楽熟練度(ボーカル練度・ギター練度)を曲ごとに可視化し、発表できる曲を選びやすくすることを目的に作りました。

機能

  • 持ち歌管理:ジャンル・曲調・歌練度・ギター練度・タイアップで登録・フィルタできます
  • ランダム提案:今日歌う1曲をさっと決められます
  • セットリスト作成:ライブや発表会の曲順を組めます
  • Spotify連携:SpotifyトラックIDから楽曲情報(アーティスト・ジャケット等)を取得します
  • Googleスプレッドシートからのインポート:既存の持ち歌リストを一括取り込みできます

技術的なポイント

Next.js(App Router)をベースに、認証にClerk、DBにPostgreSQL + Prisma、UIにshadcn/ui + Tailwind CSSを使っています。外部APIとしてSpotify APIも連携しています。

現状

ローカルで自分用として動作確認済みで、Vercelへのデプロイは行っていません。DB・認証・外部APIを使う構成のため、まずは自分専用ツールとして使いながら、必要に応じて公開を検討する予定です。

その後

このアプリはギター弾き語りの練習アプリ「うたがさね」へと発展しました。持ち歌管理・セットリストといったここに書いた機能はそのまま引き継がれ、録音の管理や楽譜の閲覧が加わっています。この記事は、モチウタ!という名前だった頃の記録として残しています。