テキスト

キャメルケース・スネークケース・ケバブケースの変換方法

プログラミングでは変数名や関数名の命名規則として、さまざまなテキストケース(命名規約)が使われます。JavaScript・Python・CSSなど言語やフレームワークごとに推奨されるケースが異なるため、コードの移植や統一に変換が必要になることがあります。

主要なテキストケース一覧

ケース名表記例主な使用場面
camelCasegetUserNameJavaScript / Java / TypeScript の変数・関数
PascalCaseGetUserNameクラス名 / React コンポーネント / C#
snake_caseget_user_namePython / Ruby / データベースカラム
kebab-caseget-user-nameCSS クラス / URL スラッグ / HTML属性
SCREAMING_SNAKEGET_USER_NAME定数 / 環境変数
UPPERCASEGETUSERNAME全角文字入力 / 略語
lowercasegetusernameパッケージ名 / 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も多くあります。プロジェクト内で統一することが最も重要です。

テキストケース変換ツールを使ってみる

camelCase、snake_case、kebab-caseなどを瞬時に相互変換。

ツールを開く →