ギターはコードを覚えて弾き方をマスターしていきます。今はオンライン上にもたくさんのギターコードがアップロードされています。しかし、表示形式が特殊なので、画像でできているものが殆どです。 画像の場合、別なコードを作成したり、修正するのも面倒です。そこで使ってみたいのがSVGuitarです。

SVGuitarの使い方

左側の設定に沿って、右側にコードが表示されています。

手書き風なんて表現もできます。

線の太さを変えたり、色も変更できます。

SVGuitarはJSONで表現されるコードを使ってSVGで綺麗なギターコードを表示します。JSONであれば修正も簡単ですし、データベースにあるものを使って表示するのも簡単でしょう。ギターコードをよく使うサイトで使うと便利そうです。

SVGuitarはTypeScript製のオープンソース・ソフトウェア（MIT License）です。

SVGuitar Demo omnibrain/svguitar: Create beautiful SVG guitar chord charts