LoginSignup
0
1

More than 1 year has passed since last update.

【個人開発】コードネーム(和音)を判定するアプリを作った

Last updated at Posted at 2021-07-25

構成音をポチポチ選択するだけで、コードネームが判定されるウェブアプリを作りました!
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

ScreenShot-7202158172554.png

もう似たようなアプリあるでしょ?

…ぶっちゃけ、音の組み合わせからコードネームを検索するウェブアプリは他にもあります。

しかし、今回僕の作ったやつはひと味違います。

自ら「推しポイント」を語らせてください。
 
 

コードネームだけではなく…

  • コードの読み方
  • 詳細情報
  • コードの構成音を含む主なスケール

まで同時に表示してくれます!!

 
 
―――え?「だからどうした?」って?

コードの読み方が分かるメリット

慣れないうちは、複雑なコードネームはまるで呪文です。

しかし、当たり前ですけど読み方が併記されていれば読めます。

ScreenShot-7202111182521.png

コードに関する記事やアプリは、おそらく”コードネームが読める人”が書いたり作っていると思うので、意外と忘れがちな機能じゃないかと思います。

詳細情報が分かるメリット

こういうコードネーム検索アプリを使ってくださる方って、楽器を弾いていて…「お!いい感じの響きのコードを見つけた!」
→「コードネームなんだろう?」って流れで使われるんじゃないか…と思います。

でも、コードネームだけを見て「へぇ〜」で終わってしまうのは「もったいない」と感じるんですよね。
せっかくなら、コードの仕組みや成り立ちまで理解して応用できるところまでいければ良いのにな…と。

その点、コードの詳細情報を確認できると”せっかく発見した素敵な響き”を応用する大きな助けになるはずです。

ScreenShot-7202157112720.png

↑"ドミナント機能を持つコード(不安定なコード)"の場合は、"解決先のコード"の候補と、"手前にいそうなコード"の候補まで表示されます。(※トライトーンの有無から判定しています。)

コードの構成音を含む主なスケールが表示されるメリット

60種類を超える主なスケールの中から、”指定したコードの構成音を持つスケール”を自動で絞り込みます。

こちらもスケールの名前だけでなく、構成音、調号、親スケールの名前まで表示されます。

ScreenShot-7202110162653.png
コードは前後の流れや、使われているキーに対しての立ち位置によって役割が変わります。

しかし、この機能を使えばそれらが一望できます。

また、複雑なコードを見たときの鉄板リアクションは、「こんなコードいつ使うねん?」だと思います。

それに"答えられる"機能になっているはずです。

弱点

という感じで自画自賛の嵐でしたけど…

制作者が思う至らない部分についてもまとめておきます。

異名同音を厳密には判定していない

ある程度の異名同音を区別する処理はしてあります。

しかし、「異名同音を厳密に処理しようとすると色々面倒くさくなるなぁ」…と思って躊躇しました。

→ 対応しました。

UST(アッパー・ストラクチャー・トライアド)やハイブリッド・コードの解釈には対応していない。

操作の煩雑さを抑えつつ、同じUIで分かりやすく伝える方法が思い浮かばなかったので実装を見送りました。

ただ、有名なUSTやハイブリッド・コードと同じ構成音を持つコードに関しては詳細情報に表示されるようにしています。

→ 対応しました。

使ってね

というわけで、是非使ってみてください!
できれば感想などもらえると嬉しいです!!
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1