[Webツール] Mode List

OVERVIEW

指定コードを含むモーダルコードを一覧表示するWebツールです。

YEAR 2020

音楽理論の勉強中にNetlifyとNuxt.jsを触りたくなり作成しました。

指定したコードを含む(解釈できる)モーダルコードの一覧を表示します。

フッターにあるお問い合わせはGoogle Formsと連携しており送信されるとスプレッドシートに保存されます。



技術・使用ライブラリ

  • Nuxt.js(Vue.js)
  • VexFlow(SVGで五線譜を記述できます)
  • @tonaljs/tonal(音楽理論をJavaScriptで扱える神ライブラリです)
  • Beufy(Vue.js用のUIコンポーネントです)

誰も使わないようなツールを作ってしまいました(泣)

色々と勉強になったので良しとします。

WEBSITE