![見出し画像](https://assets.st-note.com/production/uploads/images/56340290/rectangle_large_type_2_4be4c2aaa0c9553fc8cf2ea9cad84078.png?width=1200)
【完成】ピアノ練習用アプリ「ピアノ教室のおと」
バージョン0.1完成
製作中だった、ピアノのレッスンメモを表示するアプリ「ピアノ教室のおと」のバージョン0.1が完成しました。YouTubeチャンネル「むつこピアノ教室」でピアノを練習する補助として作ったプログラムです。製作の動機やコンセプトについては、こちらのノートを参照してください。
Webアプリなのでインストール作業は不要です。パソコンやiPadなどのブラウザで、アプリのページ(https://gpsoft.github.io/mpnote/)を開くと使えます。
画面の見方
・上端に、レッスンタイトル(曲名など)を表示
・左端に、ペダルを踏む、または離すタイミングを表示
・右端には、小節番号を表示
・赤いバーが、いま弾く箇所
・青の丸が左手、緑の丸が右手
・丸の中の数字は指番号
縦軸が「時間」ですが、音の長さを正確に反映してるわけではありません(目安程度、と解釈してください)。
操作パネル
右上にある操作パネルには、
・五線譜(ヘ音記号)
・巻き戻しボタン
・再生/一時停止ボタン
・ウサギさん
・カメさん
・早送りボタン
が並んでいます。
・五線譜をつかんでパネルを移動可能
・巻き戻しボタンで、赤バーが前の小節へジャンプ
・早送りボタンで、赤バーが次の小節へジャンプ
・再生ボタンで、再生開始(赤バーが自動的に移動する。音は鳴りません)
[2021-07-13] 最新版では音も鳴らせます(画面右上のスピーカアイコン)。ただしOSやブラウザに制限されるかも…。
・ウサギさんとカメさんで、再生速度を調整可能
タイトルバー
レッスンタイトルは、「むつこピアノ教室」のレッスン動画へのリンクになっています。
また、ト音記号アイコンをクリック(タッチ)すると、いろんな方法でレッスンメモを読み込めるようになっています。
あらかじめ組み込まれたサンプルのレッスンメモの中から選ぶこともできます(少ないですが…)。
レッスンメモを自作するのは、パソコンに慣れた人でないと厳しいですね。どうすんべ…。