プログラミングにおける命名規則と大文字・小文字のスタイル
このツールの役割
プログラミングの命名規則は、どれも同じ単語を区切り文字と大文字・小文字だけ変えて並べ替えたものにすぎません。このツールは入力した文字列——フレーズ、変数名、見出しなど——を、camelCase、PascalCase、snake_case、CONSTANT_CASE、kebab-case、dot.case、path/case、Title Case、Sentence case、lowercase、UPPERCASE の11種類のスタイルへ一度に書き換えます。1形式ずつ変換するのではなく、すべての結果が横並びで表示され、それぞれにコピーボタンが付いています。
変換の前に、入力の形を読み取ります。helloWorld を貼り付ければ camelCase の切れ目を認識し、hello_world ならアンダースコアで区切ります。判定された形式は結果の上に表示されるので、コピーする前にツールがどう解釈したかが常に分かります。
どんなときに使うか
開発者がこれを使うのは、規則が混在したコードベースを扱うときが多いでしょう。JSON の API が snake_case のキーを返す一方で、JavaScript の変数は camelCase、CSS クラスや URL スラッグは kebab-case を求める、といった場面です。識別子を打ち直してタイプミスの危険を冒すより、一度貼り付けて対象ファイルが求めるスタイルをそのままコピーできます。
コード以外でも便利です。ざっくりした語句を Title Case の見出しに整えたり、ファイル名を path/case に正規化したり、環境変数用に CONSTANT_CASE のキーを作ったり。11種類が同時に生成されるため、見比べたり複数をまとめてコピーしたりも一目で済みます。
例:helloWorld を各スタイルで
hello world という単語で考えてみましょう。camelCase では helloWorld、PascalCase では HelloWorld、snake_case は hello_world、CONSTANT_CASE は HELLO_WORLD になります。同じ単語が kebab-case の hello-world、dot.case の hello.world、path/case の hello/world としても表示されます。Title Case は Hello World、Sentence case は Hello world となり、lowercase と UPPERCASE がそろって一式が完成します。入力は一つ、コピーできる出力は11種類です。
細かい仕様と注意点
難しいのは単語の境目です。この変換ツールは camelCase の大文字の切れ目、アンダースコア、ハイフン、ドット、スラッシュ、スペースを区切り位置とみなすため、getUser_ID のような混在した入力もいったん単語に分解してから組み直します。数字は直前の単語にくっついたまま残ります。処理は文字を並べ替えて大文字・小文字を変えるだけなので、翻訳もスペルチェックも行わず、テキストの意味はそのままです。すべての変換結果を JSON オブジェクトとしてまとめて取り出したいときは「Copy All」を使ってください。