命名ケーススタイル: camelCase、snake_case など

コードは複数語の名前であふれています — userName、user_name、UserName、user-name — そして、それらの語のつなぎ方はランダムではありません。各スタイル、つまり ケース規則 は何かを示し、特定の言語や文脈に属します。このガイドはよくあるもの、その名前、そしてそれぞれがどこで使われるかを扱います。

なぜ規則が存在するのか

ほとんどのプログラミング言語は識別子に空白を許さないため、複数語の名前は読みやすさを保つ別の方法が必要です。単なる読みやすさを超えて、言語やチームが期待する規則に従うとコードは一貫し予測可能になります — そして場合によってはケースが言語にとって実際に 意味を持ちます（たとえば先頭の大文字がクラスを表す）。正しいスタイルを選ぶのは好みの問題ではなく、エコシステムになじむ問題です。

よくあるスタイル

camelCase

最初の語は小文字、以降の各語は先頭を大文字、区切りなし — firstName、totalAmount。「こぶ（hump）」から名前が来ました。JavaScript、TypeScript、Java、C#、Swift、Kotlin で変数と関数の標準です。

PascalCase (UpperCamelCase)

camelCase と同じですが 最初 の語も大文字 — FirstName、UserProfile。慣例上、ほとんどの言語で（React コンポーネントを含む）クラス・型・コンポーネント に名前を付け、だから読者は型と変数を即座に見分けられます。

snake_case

すべて小文字、語はアンダースコアでつなぐ — first_name、total_amount。Python、Ruby、Rust で変数と関数の既定であり、データベースの列 で非常によく使われます。

CONSTANT_CASE (SCREAMING_SNAKE_CASE)

大文字の snake_case — MAX_RETRIES、API_KEY。ほぼ普遍的に 定数と環境変数 に予約され、決して変わらない値が一目で目立ちます。

kebab-case

すべて小文字、語はハイフンでつなぐ — first-name、main-content。串に刺したものに見えることからこの名前が付きました。URL、CSS クラス名、HTML 属性、ファイル名 で見かけます。ほとんどの言語で変数名には使えません、ハイフンがマイナス記号と読まれるからです。

並べて比較

camelCase        →  userProfileImage
PascalCase       →  UserProfileImage
snake_case       →  user_profile_image
CONSTANT_CASE    →  USER_PROFILE_IMAGE
kebab-case       →  user-profile-image

文脈別クイックリファレンス

• JS/TS の変数 & 関数 → camelCase
• クラス、型、React コンポーネント → PascalCase
• Python/Ruby/Rust、データベースの列 → snake_case
• 定数 & 環境変数 → CONSTANT_CASE
• URL、CSS クラス、ファイル名 → kebab-case

相互に変換する

名前を手で書き直すこと — 特にリスト全体 — は退屈でミスしやすいです。当サイトの ケース変換ツール は任意のテキストを受け取り、よくあるすべてのスタイルを一度に出力するので、必要なものをコピーできます。特にタイトルを URL に適した kebab-case 文字列に変えるなら スラッグ生成ツール がその目的向けに作られており、テキストブロック全体の一括リネームには 検索と置換ツール が仕上げます。一貫した命名は、どんなコードベースも目に見えて読みやすくする小さな習慣です。