どうもーこんにちは！
育休中ナースメン。
おかずっちです。
今回は「html」、「JavaScript」を使って
「ピアノのコードを覚えるためのWebアプリ」作ってみたよ！
紹介するね！
「html」についてはこの記事を参照してください！↓↓
どんなアプリ？
「メジャーコード」「♭♯コード」「セブンスコード」「メジャーセブンスコード」を指定すると
自動でコード進行を作成してくれるアプリです！
これでコード弾きの練習するぞ！
コードのサンプル
コードのサンプルをのせるね。
もとネタはパスワード生成アプリだよ！
こちらのホームページを参照しました！
<html><body>
<script>
let password_numeric = ‘7’;
let password_majour = ‘ABCDEFG’;
let password_majour7 = ‘M7’;
let password_symbol = ‘♭♯’;
function genPassword(length = 20)
{
let password = ”;
let password_base = ”;
//生成ルールの確認
if (document.getElementById(‘rule_numeric’).checked) password_base += password_numeric;
if (document.getElementById(‘rule_majour’).checked) password_base += password_majour;
if (document.getElementById(‘rule_majour7’).checked) password_base += password_majour7;
if (document.getElementById(‘rule_symbol’).checked) password_base += password_symbol;
for (let i = 0; i < length; i++) {
password += password_base.charAt(Math.floor(Math.random() * password_base.length));
}
return password;
}
function setPassword(id)
{、d(‘rule_length’).value;
document.getElementById(id).value = genPassword(rule_length);
}
</script>
<form>
<fieldset>
<legend>パスワード生成ルール</legend>
<input type=”checkbox” id=”rule_numeric” checked>セブンスコード
<input type=”checkbox” id=”rule_majour” checked>メジャーコード
<input type=”checkbox” id=”rule_majour7″ checked>メジャーセブンスコード
<input type=”checkbox” id=”rule_symbol” checked>♭♯<br>
長さ<input type=”number” id=”rule_length”>
</fieldset>
<p>
<input type=”button” onclick=”setPassword(‘passwd’);” value=”パスワード生成”>
<input type=”text” id=”passwd”>
</p>
</form>
</body></html>
問題点
- 「♭」「♯」が連続して生成されることがある
- メジャーセブンスコードを指定してもほとんど「”M7”」のようにセットで生成されない←超問題！！
- 「7」が連続して生成されることがある
- 「♭」「♯」「7」が先頭に生成されることがある
- 「7」のあとに「♭」「♯」が生成されることがある、などなど
結局使えるの？
使えるところもあるけど、工夫が必要なこともある
使える点
メジャーコードのみの練習用としては使える
工夫すれば使える点
♭♯7Mの連続を無視して使えば「♭♯コード」「セブンスコード」の練習には使える
使えるというには苦しいけど…
Mを「メジャーセブンスコード」と頭の中で置き換えれば「メジャーセブンスコード」の練習に使えなくもない…
おわりに
「メジャーセブンスコード滅多に生成されない問題」は解決したいな！
あと、スマホでこのアプリが見れるようにした方が使いやすいかも。
ピアノの横にノートPC置く場所ないからね！
ではでは、また次の記事で。
コメント