ピアノのコード弾き鍛錬

make js html

DTMerにとって鍵盤は所詮入力装置なのだとおもいます。
コードが叩けたら充分。
なのでブラインドタッチと同じように鍛錬すればいいのだと思います。
そんなhtmlを作った。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>コード鍛錬生成Cメジャー</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery","1.3");</script>
</head>
<body>
<style>
* {margin:0;padding:0;}
</style>
<script>
function randArry(ar,r){
   if(ar.length > 0){
       var ret = removeArryAt( ar, Math.floor(Math.random() * ar.length) );
       r.push(ret["get"]);
       return randArry(ret["ary"],r);//recursive
   }
   else
       return r;
};
function removeArryAt(ar,id){
  var r = [];
  for(i = 0;i < id;i++)
     r.push(ar[i]);
  for(i = id + 1;i < ar.length;i++)
     r.push(ar[i]);
  return {"get":ar[id],"ary":r};
};
function Out(r,j,mode){
  var str = "<div style='font-size:50px;border:solid 1px;'>"+ j + ":　　";
  for(var i=0; i < r.length; i++)
    str += r[i] + "<span style='font-size:20px;'>("+ Math.floor(Math.random() * mode + 1) + ")</span>"+ "　";
  str += "</div>";
  return str
};
$(function(){
 //モード選択
 var mode;
 var m;
 if(confirm("4和音モード？")){
   m = ["Am7","Bm7-5","C△7","Dm7","Em7","F△7","G7"];
   mode = 4;
 }else{
   m = ["Am","Bm-5","C","Dm","Em","F","G"];
   mode = 3;
 }
 var str = "<div style='font-size:30px;border:solid 1px;'>"+ "説明：" + ":　　";
 str += "Chord" + "<span style='font-size:15px;'>("+ "転回の指定" + ")</span>"+ "　です。一行が終わったらクリックすると幸せになるかもしれません";
 str += "</div>";
 $("body").append(str);

 //生成・出力
 for(var j=0;j<100;++j){
   var r = randArry(m,(new Array()));
   $("body").append(Out(r,j+1,mode));
 }

 //イベントバインド
 $("div").each(function(){
     $(this).click(function(){
           $(this).css({"background-color":"lightgreen"}).toggle("slow");
     });
 });
});
</script>
</body>
</html>

Cメジャーキーだけでも転回が３つか４つある。縦横無尽になるまで結構しんどい。
キーは7*メジャーマイナーが2*転回3or4 = 42or56やべぇ。遠い。
目盲で高速に叩けるようになるまで鍛錬。



http://d.hatena.ne.jp/cast_everything/20090904/1252084898
がちょっとおかしかった。修正もかねて。