これは何ですか？ abcjs を使うと、ブログ記事中で五線譜の表示や MIDI 再生をすることができます。 以前の記事： はてなブログで abc 記譜法を使用してみた - kit84 talks abc 記譜法をカスタマイズしていくよ - kit84 talks abc 記譜法で音を鳴らすよ - ki…

これは何ですか？せっかく ブログ記事で音を鳴らせるようになりました ので、音が鳴る記事を書いてみたいと思います。目標まずはこちらをご覧ください。カデンツについて話すとき、変終止、不完全終止、半終止、偽終止、完全終止が１回ずつ出てくるような簡…

これは何ですか？ 前回の記事： abcjs で楽譜を表示するabcjs を使って、記事中に楽譜を表示するとともにプレーヤーを表示してみます。※音が出ます。 追加したコード 外部ソースの読み込み（変えました） <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/abcjs/3.1.1/abcjs_basic_midi-min.js">…</link>

これは何ですか？ 前回やってみた abcjs の表示を、ちょっといい感じにします。 追加したコード 外部ソースの読み込み（ここは変更なし） <script src="https://cdnjs.cloudflare.com/ajax/libs/abcjs/3.1.1/abcjs_plugin-min.js"> </script> 楽譜データ本体（察してください） <div class="score"> M:2/2 L:2/4 %%score={1|2 [V:1] "C"[CEG] "G7"[B,DFG] | "C"[CEG]2 |] w: T D </div>…

これは何ですか？ abcjs を用いた五線譜の表示を、やってみます。 追加したコード 外部ソースの読み込み <script src="https://cdnjs.cloudflare.com/ajax/libs/abcjs/3.1.1/abcjs_plugin-min.js"> </script> 楽譜データ本体 <div style="background-color:#ffe"> <div class="score">% M:4/4 L:1/4 K:C CD EF | GA Bc || </div></div> 変換処理を呼び出し <script> var scoreObj = docum…