kebab-case（ケバブケース）
単語をハイフン（-）でつなぐ書き方。
例
user-defined-terms
よく使われる場面
- URL
- CSS のクラス名
- ファイル名（フロントエンド系でよく使われる）
特徴
- 視認性が高く読みやすい
- JavaScript の変数名などでは使えない（ハイフンが減算扱いになるため）
snake_case（スネークケース）
単語をアンダースコア（_）でつなぐ書き方。
例
user_defined_terms
よく使われる場面
- Python の変数名・関数名
- Ruby
- データベースのカラム名
特徴
- 可読性が高い
- 多くのバックエンド言語で採用されている
camelCase（キャメルケース）
最初の単語は小文字、2単語目以降の頭文字を大文字にする書き方。
例
userDefinedTerms
よく使われる場面
- JavaScript の変数名・関数名
- Java
- TypeScript
特徴
- Web フロントエンドで最も一般的
- JSON のキーでもよく使われる
PascalCase（パスカルケース）
すべての単語の頭文字を大文字にする書き方。
例
UserDefinedTerms
よく使われる場面
- クラス名（Java / C# / TypeScript）
- コンポーネント名（React など）
特徴
- “名前付きの概念” を表すときに使われることが多い
- クラスやコンポーネントと相性が良い
4つの命名規則まとめ表
| 命名規則 | 記述例 | 主な用途 |
|---|---|---|
| kebab-case | user-defined-terms | URL / CSS / ファイル名 |
| snake_case | user_defined_terms | Python / DB カラム名 |
| camelCase | userDefinedTerms | JS / TS / Java |
| PascalCase | UserDefinedTerms | クラス名 / React コンポーネント |
どれを使うべき？
結論としては、言語やフレームワークの文化に合わせるのがベスト。
Python → snake_case
JavaScript → camelCase
React コンポーネント → PascalCase
CSS → kebab-case