コードリストファイル、楽譜ファイルをロードして、ボタンをクリックしていくことで順番に和音を出力していくPGMを作りました。

githubURL: https://github.com/NanjoMiyako/outputChord.io
サンプルページURL: https://nanjomiyako.github.io/outputChord.io/

以下の手順でPGMを作りました。

1:サイトAの和音一覧の画像をpowershellでダウンロードするPGMを作る
サイトA:コード一覧

2: 1で取得した画像をpowershellからwindows標準のペイントを起動し、jpeg形式で自動保存しなおすPGMを作る
(PGM名: ImageDownload2.ps)

3: 2で作成した画像から各画像の隣り合う黒鍵と白鍵の差分x座標をPGM上の変数で初期化しておく
(書き込みPGM名: KenbanHanbetu2.py、設定変数名:DiffWidth)

4: 2で作成した各画像から、先頭コード1文字目と次に'sharp'の文字が続いているものとそうでないものでグループごとの画像で分けて、各コードの左端にある黒鍵あるいは白鍵の種類と位置をファイルに入力し保存する
(書き込みファイル名:CodeImgPos.txt)

5: 3と2と4で入力した内容から各コードの構成を自動で読み込んでファイルに
保存するPGMをpythonで作る
(PGM名: KenbanHanbetu2.py)(保存ファイル名: codeCompose1.txt, codeCompose2.txt)

6: 5で作成したファイルと楽譜ファイルをロードすることで和音を順番に出力していくPGMをJavaScriptで作る
(PGM名: PlayCodeIndex.html、playCodeJS.js)