「VexFlow」の版間の差分
編集の要約なし |
編集の要約なし |
||
| 2行目: | 2行目: | ||
<script></script> | <script></script> | ||
<script id="VexFlow-script" src="https://cdn.jsdelivr.net/npm/vexflow@4.0.3/build/cjs/vexflow.js"></script> | <script id="VexFlow-script" src="https://cdn.jsdelivr.net/npm/vexflow@4.0.3/build/cjs/vexflow.js"></script> | ||
</yjavascript> | |||
== '''概要''' == | == '''概要''' == | ||
MathJaxの楽譜版みたいな。MathJax？な人もいますから説明しますと、Webサイトにおいてネットワーク越しに準備されているJavaScriptライブラリを使って、自分のWebサイトで楽譜を描画する仕組みです。楽しい。 | MathJaxの楽譜版みたいな。MathJax？な人もいますから説明しますと、Webサイトにおいてネットワーク越しに準備されているJavaScriptライブラリを使って、自分のWebサイトで楽譜を描画する仕組みです。楽しい。 | ||
| 19行目: | 19行目: | ||
<yjavascript> | |||
const { Factory, EasyScore, System } = Vex.Flow; | const { Factory, EasyScore, System } = Vex.Flow; | ||
2022年12月9日 (金) 18:33時点における版
概要
MathJaxの楽譜版みたいな。MathJax？な人もいますから説明しますと、Webサイトにおいてネットワーク越しに準備されているJavaScriptライブラリを使って、自分のWebサイトで楽譜を描画する仕組みです。楽しい。
簡単な使い方
<script src="https://cdn.jsdelivr.net/npm/vexflow@4.0.3/build/cjs/vexflow.js"></script>
<script>
// ここにあなたのコードを書く。
</script>