「ちゃんと弾けてるのか、自分ではよくわからない」
「先生のレッスンとレッスンの間、何を練習すればいいか迷う」
「録音して聴き返しても、結局どこをどう直せばいいかわからない」
そんな”ひとり練習のもやもや”を、少しでも軽くしたくて作りました。
カテゴリ | 技術 | バージョン | 役割 |
|---|---|---|---|
フレームワーク | Next.js (App Router) | 16.2.4 | SSR・Server Components・Server Actions |
UI ライブラリ | React | 19.2.3 | クライアントコンポーネント |
言語 | TypeScript | 5.x | 型安全 |
スタイリング | CSS Modules + Tailwind CSS v4 | — | 既存はモジュールCSS、新規にTailwind導入準備 |
楽譜表示 | OpenSheetMusicDisplay | 1.9.6 | MusicXML を SVG レンダリング |
音源再生 | Tone.js | 15.1.22 | バイオリン音源での楽譜再生 |
アイコン | react-icons | 5.5.0 | UI アイコン |
カテゴリ | 技術 | 役割 |
|---|---|---|
認証 | Supabase Auth ( | ユーザー認証、セッション管理、Cookie ベース SSR |
データベース | PostgreSQL on Supabase | リレーショナル DB |
ORM | Prisma 7.4 + PrismaPg adapter | スキーマ管理、マイグレーション、型安全クエリ |
ストレージ | Supabase Storage | MusicXML / 録音音声ファイル |
メール送信 | Resend 6.12 | フィードバック・お問い合わせ通知 |
API | Next.js Route Handlers + Server Actions | RESTful API + フォーム送信 |
いつも見ている同じ譜面の上に、自分の演奏のズレを直接重ねて表示しています。「ここの音がこうだった」を、楽譜という一番自然な場所で確認できるのが Arcoda の核です。
曲・音階・アルペジオ・エチュード ── レッスンで使う基本のすべてに録音と分析を対応させています。
バイオリン音源でお手本再生ができて、テンポ変更・一時停止・任意の位置からの再生にも対応。譜面の上をクリックするとその場所からスタートします。録音しない日でも、譜読みのお供として普通に便利です。
note記事に使い方動画を掲載しています!
シェア!