テキスト
キャメルケース・スネークケース・ケバブケースの変換方法
プログラミングでは変数名や関数名の命名規則として、さまざまなテキストケース(命名規約)が使われます。JavaScript・Python・CSSなど言語やフレームワークごとに推奨されるケースが異なるため、コードの移植や統一に変換が必要になることがあります。
主要なテキストケース一覧
| ケース名 | 表記例 | 主な使用場面 |
|---|---|---|
| camelCase | getUserName | JavaScript / Java / TypeScript の変数・関数 |
| PascalCase | GetUserName | クラス名 / React コンポーネント / C# |
| snake_case | get_user_name | Python / Ruby / データベースカラム |
| kebab-case | get-user-name | CSS クラス / URL スラッグ / HTML属性 |
| SCREAMING_SNAKE | GET_USER_NAME | 定数 / 環境変数 |
| UPPERCASE | GETUSERNAME | 全角文字入力 / 略語 |
| lowercase | getusername | パッケージ名 / URL |
言語ごとの命名規約
JavaScript / TypeScript
変数・関数: camelCase、クラス: PascalCase、定数: SCREAMING_SNAKE
Python
変数・関数: snake_case、クラス: PascalCase、定数: SCREAMING_SNAKE
CSS
クラス名・ID: kebab-case、CSS変数: --kebab-case
Go
公開: PascalCase、非公開: camelCase(先頭の大文字/小文字で可視性が決まる)
よくある質問
なぜケバブケースと呼ばれるのですか?
ハイフンで繋がった単語が、串に刺さったケバブ(kebab)のように見えることが由来です。同様に、スネークケースはアンダースコアが蛇のように見えることから名付けられました。
データベースのカラム名はどのケースが良いですか?
snake_caseが最も一般的です。SQLは大文字小文字を区別しないため、単語の区切りにはアンダースコアが明確で安全です。
APIのJSON keyにはどのケースを使うべきですか?
camelCaseが最も一般的(Google JSON Style Guideなど)ですが、snake_case(GitHub API、Twitter APIなど)を採用するAPIも多くあります。プロジェクト内で統一することが最も重要です。