tooliv

大文字小文字変換

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で命名ルールを自動チェックするのがおすすめです。既存プロジェクトに参加するなら、まずそのコードベースの規則に合わせること。新規プロジェクトなら言語の公式ガイドに従うのが安心です。この変換ツールを使えば、異なるケース間の変換がワンクリックでできますよ。

よくある質問

camelCaseとは?

最初の単語を除き各単語の先頭を大文字にして連結する方式です。例:myVariableName

PascalCaseとcamelCaseの違いは?

PascalCaseは最初の文字も大文字にします。例:MyVariableName

snake_caseはいつ使いますか?

Python、Ruby、データベースのカラム名、ファイル名などで主に使用されます。

関連ツール