Miradance — お手本動画と自分を並べて踊りを学べるアプリ

Miradance とは

Miradance(ミラダンス) は、ダンス練習に特化した デュアル動画再生アプリ です。お手本となる動画と、自分が踊った動画を画面に並べて同時再生。速度・ミラー反転・タイミング をそれぞれ独立してコントロールできるので、「お手本と自分の差はどこか」が一目で分かります。

YouTube や TikTok で見つけたダンスを、自分のスマホ1台で 客観的に振り返れる 練習環境を作ります。

こだわったポイント

1. お手本(A)と自分(B)のデュアル再生

フォトライブラリから2本の動画を選ぶだけで、画面に並べて再生開始。ポートレート / ランドスケープを自動で切り替え、横向き時は動画を大きく表示しつつ右側にコントロールパネルを配置します。背景はあえて黒で、コンテンツへの没入感を高める設計。

2. 各動画を個別に速度調整

A動画とB動画それぞれに 0.1倍〜2.0倍速 の独立スライダーがあります。お手本だけスローにして自分は通常速度のまま見比べる、といった使い方が可能。Free版は0.5x / 1.0x の2択、PRO版は連続スライダーで自由に調整できます。

3. タイミング調整スライダー

お手本と自分の動画は、撮影開始タイミングが違うため、そのままだとズレます。Miradance では 0〜5秒の範囲でオフセットを±ボタンとスライダーで微調整可能。「最初の1拍がぴったり合う」状態を簡単に作れます。

4. ミラー反転で「鏡像学習」に対応

ダンスの先生が動画内で「右」と言ったら、見ている側からは「左」に見える。Miradance はワンタップで動画を 左右反転(ミラー) できるので、混乱せずに動きをコピーできます。

5. ループ範囲指定で苦手なパートを集中練習

PRO版では、好きな範囲を指定してループ再生可能。「サビの振りだけ何度も練習する」といった効率的な反復学習ができます。Free版でも10秒固定でループに対応。

開発プロセス

工程	使用ツール
企画	ChatGPT(自分のダンス練習体験)
動画再生	AVPlayer のデュアル管理
UI	SwiftUI + .ultraThinMaterial(ガラスモーフィズム)
実装	Claude Code (Codable + FileManager 暗号化保存)

動画ファイルはデバイス内の暗号化されたファイル名で保存され、外部に流出しないよう配慮しました。チュートリアルは TipKit と AppStorage で「初回のみ表示」を実現しています。

振り返り

• 比較が学習の本質 であり、その比較を最大限ラクにするのが UI の役割
• ガラスモーフィズム + 黒背景は、ダンス動画系アプリと相性が抜群に良い
• AVPlayer のデュアル制御は意外と奥が深い。AIに任せて時間を稼げた領域
• 1人ダンサーから生まれた「自分が欲しいアプリ」は、同じ課題を持つ人に確実に刺さる

ダンスを練習中の方、振りコピが苦手な方は、ぜひ Miradance を試してみてください。