ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ギターはコードを覚えて弾き方をマスターしていきます。今はオンライン上にもたくさんのギターコードがアップロードされています。しかし、表示形式が特殊なので、画像でできているものが殆どです。

画像の場合、別なコードを作成したり、修正するのも面倒です。そこで使ってみたいのがSVGuitarです。

SVGuitarの使い方

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

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

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

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

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

SVGuitar Demo

omnibrain/svguitar: Create beautiful SVG guitar chord charts

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2