ChordWikiの書き方が気に入らんコード譜に対して、DOMの書き換えとCSSで表示を整えるブラウザ拡張です。
- 行頭に前の小節の最後の歌詞があるものを、前の行の最後に持って行きます（例：前の小節の４拍目から歌詞が始まるケース）
- コードの行に、「|（小節線扱い）」がある場合、歌詞の行に移行します。
- （オプション）歌詞行へ移した
|を、コード行の高さまで上に延伸して表示します（「コード行に|を延伸」。親オプション ON 時のみ）。 - （オプション）コメント行・空行で区切ったブロック内で、小節線の位置を揃えます（「ブロック内の小節線を揃える」。親オプション ON 時のみ。小節が少ない行は先頭から合わせ、末尾は閉じません）。
- テンションコードが()で括られている場合、｛｝に置換します（MNoto Sans 向けの上付きテンション表示）
- コードが長い時に、歌詞の位置が右になるので、少々左に寄せます（トグルでオンオフ）
- コード行内の記号（-, =, ≫, ≧ 等）のフォントサイズ・縦位置を調整します
拡張のポップアップから rem 単位で調整でき、変更はページをリロードせず反映されます。
- コードの歌詞に対する縦位置（
span.chordのtop） - 譜面行の行間（
p.lineのpadding-top） - コメント行の縦位置（
p.line.comment） - 空行の高さ（譜面内の
<br>のみ） - コメント行（
p.line.comment strong）の前景色・背景色・フォントサイズ（rem） - キー行（
p.key）の前景色・背景色・フォントサイズ（rem）
Stylebot で行っていた広告非表示・譜面まわりの基本スタイルも、拡張 ON 時に適用します。
コード表示用に MNoto Sans (alpha) の v2（MNotoSans-alpha-ExtraBold-v2.ttf）を同梱しています。
- ライセンス: SIL Open Font License 1.1（拡張内
fonts/OFL.txtに全文） - MNoto 本家: https://github.com/ykwe/MNoto-Sans-alpha
「MNoto Sansフォント対応」トグル OFF 時は @font-face を読み込まず、DOM の ()→{} 変換も行いません。
譜面ページに、Chordwiki-AutoScroller に近い見た目の簡易パネルを出します。
- 対象: ポップアップの「行レイアウト」より上の常用トグル
（拡張の有効化、歌詞位置調整、MNoto、はみ出し歌詞移動、|の歌詞行へ移動、およびその子オプション「|延伸」「小節線揃え」） - 既定: 折りたたみ（右端付近・AutoScroller より少し下）
- 操作:
≫で展開/収納、タイトルバーをドラッグして移動（位置・開閉は端末のlocalStorageに保存） - rem / 色などの詳細設定は、従来どおりツールバーのポップアップ側
「|延伸」「小節線揃え」など DOM 加工系の切り替え後は、表示の都合でページ再読込が入ります。譜面の書き方が揃っていない曲では、揃えをオフにした方が読みやすい場合もあります。
| プレーン表示 | 適応後の表示 |
 |
 |
リポジトリには manifest.example.json を置き、実際の manifest.json は Git に含めません（.gitignore）。公開したくない Chrome 拡張の key などは manifest.json にだけ書いてください。
manifest.example.jsonをmanifest.jsonにコピーする。- 必要なら
manifest.jsonにkeyを追加する（初回ストア審査後）。 - バージョン自動 bump を使う場合:
git config core.hooksPath .githooks（リポジトリごとに一度）
ローカルで編集した manifest.json を正とし、key フィールドだけを除いた内容でテンプレを上書きします。
node scripts/sync-manifest-example.jsその後、manifest.example.json をコミットしてください。コード変更の pre-commit でも同様に manifest.example.json が更新されます。
バージョン番号の**唯一のソースは manifest.json の version**です。
- Chrome ウェブストアの公開版は patch 番号だけ上げる運用を推奨します（例:
1.0.0→1.0.1）。 - 手動 bump:
.\bump-version.ps1またはnode scripts/version-sync.js bump - コード（
.js/.html/.css/.json）をコミットすると、pre-commit で patch が自動 increment されmanifest.example.jsonがステージされます。
.\package-extension.ps1
# または明示的に
.\package-extension.ps1 -Target chromedist\Chordwiki-Ex-<version>.zip が作成されます。ローカルの manifest.json（本物） が ZIP に入ります。
.\package-extension.ps1 -Target firefox- Zip:
dist\Chordwiki-Ex-<version>-firefox.zip - 一時読込用フォルダ:
dist\firefox-unpacked\（about:debugging→「一時的なアドオンを読み込む」でこの中のmanifest.jsonを選択）
Firefox 用マニフェストは manifest.firefox.json（browser_specific_settings.gecko.id 付き）。バージョンは manifest.json と pre-commit / version-sync で同期されます。
.\package-extension.ps1 -Target firefox- Firefox で
about:debugging#/runtime/this-firefox - 「一時的なアドオンを読み込む」→
dist\firefox-unpacked\manifest.json - ChordWiki の曲ページで確認
- リポジトリをクローンまたは ZIP を展開する
- 上記のとおり
manifest.jsonを用意する - Chrome の「パッケージ化されていない拡張機能を読み込む」でこのフォルダを指定する
- ChordWiki の曲ページを開く
- ページ内クイックパネル（右上付近）で常用トグルを切り替えられる
- ツールバーの Chordwiki-Ex アイコン（ポップアップ）で全設定・数値調整ができる
長いコード時の歌詞位置調整・MNoto・小節線まわりなどの DOM 加工トグル切り替え時は、タブのリロードが入ります。
このツールを使った事でなんぞ不利益や不具合が発生しても、責任取りません。取れません。各自、ソースコードを調整してください。