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

コロナ禍にあって、自宅で過ごす時間が長くなっている中、新しい趣味を見つけている人が大勢います。そんな中にはギターなどの楽器をはじめてみたという人もいるのではないでしょうか。ハイレベルなものではなく、趣味としてはじめてみるのはよさそうです。

そんなギターの練習としてReact Guitarを使ってみてください。いわゆるギターコードをビジュアル的に確認できます。

React Guitarの使い方

メイン画面です。実際に音が流せます。

レフトハンドにして左手にも対応します。

ウクレレなど他の弦楽器にも対応しています。

React Guitarは名前の通り、Reactで作られています。利用としてはかなり限定的な気もしますが、目的にぴったり当てはまる場合もあるでしょう。マウスでコードを指定して、音を鳴らして確認できるのは便利です。ぜひギターの練習や、弦楽器のサイトを作る際に使ってみてください。

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

React Guitar

4lejandrito/react-guitar: A beautiful and flexible guitar component for React. ⚛️ ?

 

MOONGIFTの関連記事

  • DevRel
  • Com2