ケース変換（命名）を整える。

そもそもケース変換とは

複数の単語をつないで、ひとつの名前にするときの「書き方の約束」。

どこで・どんな場面で使うか

• 日本語の仕様書から、変数名の候補を作るとき

  「顧客の登録日」のような仕様の言葉を英語にしたあと、チームの規約どおりの書き方にそろえます。

• DB のカラム名と API の項目名をそろえるとき

  画面側は camelCase、DB 側は snake_case、といった食いちがいを、行き来して直せます。

• CSV の見出し行（列名）を統一するとき

  取引先ごとにちがう列名を、自社の取り込み用に同じ書き方へそろえておきます。

• ブログ記事や商品ページの URL（スラッグ）を決めるとき

  URL は kebab-case にするのが一般的で、複数の単語をハイフンでつないだ形に変えられます。

• 環境変数や設定ファイルのキーを書くとき

  定数や環境変数は大文字とアンダーバーの CONSTANT_CASE にする慣習があります。

知らないと何が困るか

• 書き方が混ざると、検索でも漏れる。user_id と userId は別の文字列なので、片方で検索しても、もう片方は見つかりません。
• 大文字小文字を区別する場面では、別の名前になる。別の名前として扱われるため、動かない、エラーになるといった形で表に出ます。
• 略語の扱いでチームの中で食いちがう。HTTP や ID のような略語を、1語として扱うか、普通の語として扱うかで、同じ意味でも綴りが分かれます。

上のツールに、日本語の語や既存の変数名を入れて、camelCase や snake_case にどう変わるか確かめてみてください。

命名規則のポイント・4つ

「同じ意味」でも、置く場所で書き方が変わります。

1. 1

   まず「単語」に割ってから組み立て直します

   スペース・_・-・.・/ の区切りに加え、大文字境界（userId→user/Id）と数字境界（url2json→url/2/json）でも区切ります。だから既存の camel や snake を貼っても、別の形式へ移せます。

2. 2

   頭字語（ID / URL / HTTP）は1語として扱います

   連続した大文字はひとかたまりの略語とみなします。例：XMLHttpRequest は XML / Http / Request に分割され、snake では xml_http_request に。getHTTPResponse は get / HTTP / Response。ただし camel/Pascal では各語を「頭だけ大文字」に正規化するため、XMLHttpRequest は XmlHttpRequest になります（多くのリンタの標準）。

3. 3

   用途で選ぶ：camel=変数 / Pascal=クラス / snake=DB / kebab=URL

   JS/TS の変数・関数は camelCase、クラスや型は PascalCase、Python の変数や DB のカラムは snake_case、URL スラッグや CSS クラスは kebab-case、定数・環境変数は CONSTANT_CASE が定番です。各カードに用途の一言を添えています。

4. 4

   日本語が混ざってもそのまま温存します

   背景色 backgroundColor のように日本語が含まれる場合、日本語の部分は変換せずそのまま1語として扱い、英字部分だけを各形式に整えます（例：snake なら 背景色_background_color）。識別子に日本語を使うのは非推奨ですが、メモや対訳づくりに便利です。

🔒 変換はすべてあなたのブラウザの中（JavaScript）で完結します。入力した語はサーバに送られません（送信ゼロ）。