大文字小文字変換
UPPER・lower・camelCase等の変換
入力
結果
ケース変換って何?プログラミングの命名規則を解説
プログラミングでは変数や関数の名前に使う「ケース(大文字小文字の書き方)」にルールがあります。JavaScriptならcamelCase、Pythonならsnake_case、CSSならkebab-case。言語やフレームワークによって慣習が違うので、変換ツールがあると便利ですよ。
それぞれのケースはどう使い分ける?
UPPER CASEは定数、Title Caseはタイトルや見出し、camelCaseはJSの変数・関数、PascalCaseはクラス名、snake_caseはPythonやDB、kebab-caseはCSSやURLに使うのが一般的です。
ケースタイプ別の使いどころ
camelCaseはJavaScriptやJavaで変数・関数名に使います。PascalCaseはクラス名やReactのコンポーネント名に最適ですね。snake_caseはPythonの変数やDBのカラム名、REST APIのエンドポイントで頻繁に見かけます。kebab-caseはCSSのクラス名やURLスラグ、ファイル名によく使われます。定数にはUPPER_SNAKE_CASEを使うのがほぼすべての言語の慣例です。
言語ごとの命名規則はどうなっている?
JavaScript/TypeScriptでは変数にcamelCase、クラスにPascalCase、定数にUPPER_SNAKE_CASEが基本です。PythonはPEP 8に従って変数と関数はsnake_case、クラスはPascalCaseを使います。CSSのクラス名はkebab-case一択ですね。Goではエクスポートする関数にPascalCase、内部関数にcamelCaseを使い分けます。迷ったら各言語の公式スタイルガイドを参照するのが確実ですよ。
命名で気をつけたいポイント
プロジェクト全体で命名規則を統一することが、コードの読みやすさに直結します。変数名は「何のためのものか」がわかるように付けて、略語はなるべく避けましょう。チーム開発ではESLintやPylintで命名ルールを自動チェックするのがおすすめです。既存プロジェクトに参加するなら、まずそのコードベースの規則に合わせること。新規プロジェクトなら言語の公式ガイドに従うのが安心です。この変換ツールを使えば、異なるケース間の変換がワンクリックでできますよ。