MEI（楽譜データ）をVerovioで描画・微調整するツール

① MEI（楽譜データ）

MEIテンプレート集(base)

<?xml version="1.0" encoding="UTF-8"?> <?xml-model href="https://music-encoding.org/schema/dev/mei-all.rng" type="application/xml" schematypens="http://relaxng.org/ns/structure/1.0"?> <?xml-model href="https://music-encoding.org/schema/dev/mei-all.rng" type="application/xml" schematypens="http://purl.oclc.org/dsdl/schematron"?> <mei xmlns="http://www.music-encoding.org/ns/mei" meiversion="5.1"> <meiHead> <fileDesc> <titleStmt> <title>{{title}}</title> <composer>{{composer}}</composer> <lyricist>{{lyricist}}</lyricist> </titleStmt> </fileDesc> </meiHead> <music> <body> <mdiv> <score> {{scoreDef}} <section> {{measure}} </section> </score> </mdiv> </body> </music> </mei>

MEIテンプレート集(scoreDef)

============================== scoreDef ============================== C major 4/4 bpm=80 <scoreDef keysig="0" key.mode="major" meter.count="4" meter.unit="4" midi.bpm="80"></scoreDef> ———- G major 3/4 bpm=80 <scoreDef keysig="1s" key.mode="major" meter.count="3" meter.unit="4" midi.bpm="80"></scoreDef> ———- F major 6/8 bpm=80 <scoreDef keysig="1f" key.mode="major" meter.count="6" meter.unit="8" midi.bpm="80"></scoreDef> ============================== Treble, Alto, Tenor, Bass ============================== <scoreDef keysig="" key.mode="" meter.count="" meter.unit="" midi.bpm=""> <staffGrp> <staffDef xml:id="" n="" clef.shape="G" clef.line="2" lines="5"/> <staffDef xml:id="" n="" lines="5" clef.shape="C" clef.line="3"/> <staffDef xml:id="" n="" lines="5" clef.shape="C" clef.line="4"/> <staffDef xml:id="" n="" lines="5" clef.shape="F" clef.line="4"/> </staffGrp> </scoreDef>

MEIテンプレート集(rest,note etc.)

xml:id=”” => data-id=”” , type=”” => class=”” ==================== rest ==================== <rest xml:id="" dur="" type="" /> ==================== note ==================== <note xml:id="" dur="" pname="" oct="" type="" /> ———- <note xml:id="" dur="" pname="" oct="" type=""></note> ==================== note accid ==================== <note xml:id="" dur="" pname="" oct="" accid="s" type="" /> ———- <note xml:id="" dur="" pname="" oct="" accid="n" type="" /> ———- <note xml:id="" dur="" pname="" oct="" accid="f" type="" /> ========== note with beam ========== <beam> <note xml:id="" dur="8" pname="" oct="" type="" /> <note xml:id="" dur="8" pname="" oct="" type="" /> </beam> ———- <beam> <note xml:id="" dur="8" pname="" oct="" type="" /> <note xml:id="" dur="16" pname="" oct="" type="" /> <note xml:id="" dur="16" pname="" oct="" type="" /> </beam> ==================== tuplet (triplet) ==================== <tuplet num="3" numbase="2"> <note xml:id="" dur="4" pname="" oct="" type="" /> <note xml:id="" dur="4" pname="" oct="" type="" /> <note xml:id="" dur="4" pname="" oct="" type="" /> </tuplet> ———- <beam> <tuplet num="3" numbase="2"> <note xml:id="" dur="8" pname="" oct="" type="" /> <note xml:id="" dur="8" pname="" oct="" type="" /> <note xml:id="" dur="8" pname="" oct="" type="" /> </tuplet> </beam> ==================== measure, staff, layer ==================== <measure n="" xml:id="" label=""> <staff n="" xml:id="" label=""> <layer n="" xml:id="" label=""> </layer> </staff> </measure> ==================== other ==================== </sb>

② options.yml（レイアウト設定）

③ tweak.yml（見た目の微調整）

プレビュー & 操作

※ Verovio WASM / js-yaml をCDNから読み込み、MEI→SVG描画 & tweak適用を行います。
※ まずは 1ページ目だけ表示。複数ページ対応は後で入れます。

メモ

• breaks: auto / none / encoded（<sb/>で改行）
• 紙サイズ: paper: A4 or paper: US_9x12 → Verovioへは 1/10 mm
• tweak: セレクタ（#id / .class / .a.b）＋ x 相対移動 / transform 追記（要素と子孫）