【製作中】ピアノ教室のレッスンメモを表示するアプリ

楽譜を読まずに弾ける!

YouTubeチャンネル「むつこピアノ教室」では、「楽譜を読まずに弾ける!」と題した、いろんな曲のレッスン動画が公開されています。譜読みの苦労から解放され、少しずつ弾けるようになるのが楽しい、オススメのチャンネルです(楽しめること、自分にとっては、これが大事)。

むつこピアノ教室

楽譜を読まないということは、暗譜しないといけないということなので、繰り返し動画を見たり、メモを取りながら覚えていく必要があります。私の場合、↓こんな感じ。

その場しのぎのメモなので、時間がたってから見ると意味不明だったりします。

そして、暗譜したパートを忘れないようにするのが、また、なかなか大変(毎日弾かんといけん)。少しブランクが空くと忘れてしまうし、忘れた箇所を動画から探し出すのも時間がかかります。

そんなわけで、パソコンに入力したレッスンメモをカッコ良く表示するアプリを作りたいと思います(探せばあるのかもしれないけど…)。

コンセプト

重視するのは以下の点です。

・打鍵するキーが分かる
・指番号が分かる
・ペダルのタイミングが分かる

逆に、以下の点は妥協します。

・音の長さが分かる
・音の強さが分かる

この、音楽表現を左右する大事な2点を妥協する、という暴挙…。でも、ここはお手本の音源を聞いて耳で覚えることにします。

「ピアノ教室のおと」バージョン0.0を公開

【2020-07-08追記】
その後、バージョンアップしました。詳しくはこちらのノートを参照。

Webアプリなのでインストール作業は不要です。パソコンやiPadなどのブラウザで、アプリのページ(https://gpsoft.github.io/mpnote/)を開くと使えます。

・左端に、ペダルを踏む(踏みなおす)タイミングを表示
・右端には、小節番号を表示
・赤いバーが、いま弾く箇所
・再生ボタンを押すと、自動的にバーが移動する
・早送り、巻き戻しボタンを押すと、次の/前の小節へジャンプする

見れるデータは、いまのところ、ベートーベンのピアノソナタ「月光」第1楽章レッスン1のみ、という寂しい状態…。

課題

最大の課題は、データ入力です。

{:title "ベートーヴェン - Op.27.No.2 -「月光 - 第1楽章」 Lesson1"
:url "https://www.youtube.com/watch?v=S73r-xb1d6c"
:steps
[{:bar-top? true
  :pedal :on
  :notes
  [{:note-no 37 :hand :left :finger-no 4 :length 12}
   {:note-no 49 :hand :left :finger-no 1 :length 12}
   {:note-no 56 :hand :right :finger-no 1}]}
 {:notes [{:note-no 61 :hand :right :finger-no 2}]}
 {:notes [{:note-no 64 :hand :right :finger-no 4}]}
 {:notes [{:note-no 56 :hand :right :finger-no 1}]}
 {:notes [{:note-no 61 :hand :right :finger-no 2}]}
 {:notes [{:note-no 64 :hand :right :finger-no 4}]}
 {:notes [{:note-no 56 :hand :right :finger-no 1}]}
 {:notes [{:note-no 61 :hand :right :finger-no 2}]}
 {:notes [{:note-no 64 :hand :right :finger-no 4}]}
 {:notes [{:note-no 56 :hand :right :finger-no 1}]}
 {:notes [{:note-no 61 :hand :right :finger-no 2}]}
 {:notes [{:note-no 64 :hand :right :finger-no 4}]}
 {:bar-top? true
  :pedal :on
  :notes
  [{:note-no 35 :hand :left :finger-no 54 :length 12}
   {:note-no 47 :hand :left :finger-no 1 :length 12}
   {:note-no 56 :hand :right :finger-no 1}]}
 { :notes [{:note-no 61 :hand :right :finger-no 2}]}
 { :notes [{:note-no 64 :hand :right :finger-no 4}]}
 { :notes [{:note-no 56 :hand :right :finger-no 1}]}
 ...
 ...
]

↑こんな感じで書いていくんですが、これが思った以上にめんどい……。でも動画制作に比べれば、全然たいしたことないんだと思います。