読み込み中……
エラーが発生しました。ページをリロードしてください。

ChordWiki 用コード譜エディター

ブラウザにセーブ済み

ヘルプ

ChordWiki 用コード譜エディターへようこそ!

本エディターは、ChordWiki などで使われる ChordPro 形式のコード譜作成を省力化するものです。

Shiftキーを押さなくても、必要最小限のキーを押すだけでコード譜を作れるように目指しています。

以下、各機能を雑に紹介します。

エラー検出機能

{key:キー}で記入した調の情報を元に、表記が間違っている可能性の高いコードを検出する機能です。

例えば{key:D#m}(嬰ニ短調)のときに[Bb/D]と記載した場合、Bb の修正候補として A# を表示し、右側の「エラー一括修正」ボタンを押すとことで[A#/C##]に修正することができます。

キーは長調・短調以外に、教会旋法(Dorian や hypomixolydian など)にも対応しております。

移調ツール

{key:キー,移調先}の形式で移調先を指定することで、コードを全て移調することができます。

例えば{key:D#m,Eb}を入力して右側の「移調ツール」ボタンを押すと、記載しているコードが嬰ニ短調から変ホ短調に移調されます。

コード入力モード

コード入力モードでは、Shift(シフト)キーなしでコードを入力できるように、ショートカットキーを用意しています。

例えばgvlj[w9]/dfとタイプすると、[GbbaugM7(#9)/Db]と入力されます。

覚えるのが面倒かもしれませんが、慣れたらめっちゃ楽になりそうなのでぜひやってみてください!

 

ショートカットキーはコード表記にほとんど使われない文字に設定しています。そのため、このモードをオンにしたままGbbaugM7(#9)/Dbなどと直接入力することもできます。

ショートカットは以下の通りです。(全半角・大小文字は区別せず

※コードの表記は ChordWiki でよく使われる表記に準拠しています。ダブルフラットはbb、ダブルシャープは##で入力されます。

W#Km7-5
FbYadd
X##Laug
VbbZsus
JM7Qomit
Rm7P+
HdimN[N.C.]

AGを入力すると自動的に[]で囲まれます。

また、[コード]内で[を入力すると自動的に()に変換されます。

 

音符や小節線を入力するショートカットはこちら。

\または/|(小節線)
^または`=(16 分音符)
:または'----(音符4つ)
;または@>(アクセント)
コードクリップボード

歌詞以外のコード部分のみをコピー&ペーストできる機能です。1番の歌詞に記載したコードと同じものを2番にも記載したい場合などに役に立ちます。

コードコピー」ボタンを押すと選択したコードが全てクリップボードバーに記録されます。この状態で「コード貼り付け」ボタンを押すと、クリップボードバーの一番左のコードがコード譜に挿入され、クリップボードバーから消去されます。

また、「コードを飛ばす」ボタンを押すと、クリップボードバーの一番左のコードをコード譜に挿入せずに消去できます。

コードトラバーサルとコード再生機能

入力中のコードの構成音が右上に表示され、これをクリックするとコードを鳴らすことができます。音色などの設定は「再生設定」から変更できます。

また、「前のコード」「次のコード」をクリックすることで、入力中のコードを順番に鳴らすこともできます。

追加予定の機能

いずれも完成の見通しは立っていません。

検索と置換

歌詞に影響せずにコード部分の文字のみ置き換えられる機能、またはその逆。

コード入力候補

コードの使用頻度だけでなくコード進行から候補の順を決めるのもいいですね。

歌詞合わせモード

公式に歌詞がまだ発表されていない曲の場合、独自に書き起こした歌詞を元にコード譜を作成することがあります。これらを公式歌詞に修正する際に役に立つ機能です。

ChordWiki 用コード譜作成ダイアログ

ChordWiki のコード譜のフォーマットを標準化するためのタイトル・サブタイトル・カポ表記・タグなどを出力するダイアログ。(そもそも標準フォーマットを作成することの是非が問題になりそう……)

使用ライブラリ

  • UIkit(UI デザイン)
  • FontAwesome(アイコン)
  • CodeMirror(エディター本体)
  • MIDI.js Soundfonts:使用サウンドフォントはお馴染みの FluidR3 GM(ただし MIDI.js は使用せず)
  • Tone.js(完全廃止)

スペシャルサンクス

さろげーとさんご意見ありがとうございます!

 

ご意見・ご要望はぐらふぃーむ(@graphemecluster)までお願いします。

 

当サイトでは、Google によるアクセス解析ツール「Google アナリティクス」を使用しています。Google アナリティクスはデータの収集のために Cookie を使用しています。データは匿名で収集されており、個人を特定するものではありません。Cookie 等を無効にすることで収集を拒否することが出来ますので、お使いのブラウザや端末の設定をご確認ください。詳細は Google アナリティクスサービス利用規約のページをご覧ください。

コード再生設定

コードトラバーサル設定

前のコード」「次のコード」「前のコードを再生」「次のコードを再生」の挙動を変えられます。

選択範囲

のオプションを選ぶ場合、カーソルは[]外にあるため、コードディスプレイには表示しないし再生も行いません。

ショートカットキー一覧
=
[I]
[I]
[II]
[III]
[IV]
[V]
[VI]
[VII]
=
|
Tab
omit
#
[E]
m7
add
+
>
(
)
|
Caps Lock
[A]
[D]
[F]
[G]
dim
M7
m7-5
aug
>
----
----
)
|
sus
##
[C]
bb
[B]
[N.C.]
|
|
ファイルを読み込む