DevTools Japan トップへ

文字列ケース変換

camelCase・snake_case・kebab-case等を一括変換

文字列ケース変換ツールの使い方

テキストの大文字・小文字を変換する無料ツールです。プログラミングでの命名規則変換(camelCase、snake_case、kebab-case、PascalCase等)や、文章の大文字小文字統一に使います。

対応する変換パターン

UPPER CASE(全大文字)、lower case(全小文字)、Title Case(各単語の先頭大文字)、camelCase(キャメルケース)、snake_case(スネークケース)、kebab-case(ケバブケース)、PascalCase(パスカルケース)、CONSTANT_CASE(定数ケース)に対応しています。

開発での活用

変数名・関数名・クラス名の命名規則をチーム内で統一する際に便利です。データベースのカラム名(snake_case)をフロントエンドの変数名(camelCase)に変換するなど、異なる命名規則間の変換にも使えます。

命名規則(ケース)とは

命名規則(ネーミングケース)とは、プログラミングで変数・関数・クラス・定数などに名前を付ける際の、複数語のつなぎ方の取り決めです。多くの言語では識別子にスペースを使えないため、複数の単語を一定のルールでつなげて1つの名前にします。代表的なものに camelCase、snake_case、PascalCase、kebab-case、CONSTANT_CASE があり、それぞれ用途と慣習が異なります。

camelCase(キャメルケース)は「userName」のように先頭の単語を小文字にし、2語目以降の頭文字だけを大文字にする記法です。ラクダのコブのように大文字が現れることが名前の由来で、JavaScript や Java、Swift などで変数名・関数名に使われます。

snake_case(スネークケース)は「user_name」のようにすべて小文字にし、単語をアンダースコア(_)でつなぐ記法です。Python の変数・関数名や、データベースのテーブル名・カラム名で標準的に使われます。蛇が地を這うように下線でつながる見た目が名前の由来です。

PascalCase(パスカルケース)は「UserName」のように各単語の頭文字をすべて大文字にする記法で、アッパーキャメルケースとも呼ばれます。多くの言語でクラス名・型名・コンストラクタの命名に使われます。

kebab-case(ケバブケース)は「user-name」のようにすべて小文字にし、単語をハイフン(-)でつなぐ記法です。串に刺さった料理(ケバブ)が名前の由来で、CSS のクラス名や URL のパスなど、ハイフンが許される箇所で使われます。

CONSTANT_CASE(コンスタントケース、UPPER_SNAKE_CASE とも)は「USER_NAME」のようにすべて大文字にし、単語をアンダースコアでつなぐ記法です。変更されない定数や環境変数の名前に使われ、ひと目で定数だと分かるようにする役割があります。

同じ語を各ケースで表記した変換例

ケースuser namehello world
camelCaseuserNamehelloWorld
snake_caseuser_namehello_world
PascalCaseUserNameHelloWorld
kebab-caseuser-namehello-world
UPPER_SNAKE_CASEUSER_NAMEHELLO_WORLD
UPPER-KEBAB-CASEUSER-NAMEHELLO-WORLD
dot.caseuser.namehello.world
path/caseuser/namehello/world
Title CaseUser NameHello World

本ツールは上記に加えて Sentence case・UPPER CASE・lower case を含む12種類のケースに、入力と同時にまとめて変換します。変換結果の各カードをクリックするとクリップボードにコピーできます。すべての処理はブラウザ内で完結し、入力したテキストがサーバーへ送信されることはありません。

よくある質問

camelCaseとsnake_caseの違いは?
camelCaseは「helloWorld」のように先頭を小文字にし2語目以降の頭文字を大文字でつなぐ記法、snake_caseは「hello_world」のようにすべて小文字で単語をアンダースコアでつなぐ記法です。前者はJavaScriptやJavaの変数名、後者はPythonやデータベースのカラム名で多く使われます。本ツールは両者を含む命名規則を一括で相互変換できます。
どんなケースに変換できますか?
camelCase・PascalCase・snake_case・UPPER_SNAKE_CASE・kebab-case・UPPER-KEBAB-CASE・dot.case・path/case・Title Case・Sentence case・UPPER CASE・lower caseの12種類に同時変換できます。入力すると全パターンが一覧表示され、各結果をクリックするとクリップボードにコピーできます。
kebab-caseはどこで使いますか?
kebab-caseは「user-name」のように単語をハイフンでつなぐ記法で、CSSのクラス名やプロパティ名、URLのパス、HTMLのdata属性などで広く使われます。多くの言語で変数名にハイフンは使えないため、主にマークアップやURLの表記で用いられます。
定数はどのケースで書きますか?
定数は慣習的にCONSTANT_CASE(UPPER_SNAKE_CASE)で書きます。「MAX_COUNT」「API_BASE_URL」のようにすべて大文字でアンダースコアでつなぎ、変更されない値であることを視覚的に示します。本ツールではUPPER_SNAKE_CASEとして変換結果に表示されます。
言語ごとの命名規則の慣習は?
Pythonは変数・関数にsnake_case、クラスにPascalCaseを使います。JavaScriptやJava、Swiftは変数・関数にcamelCase、クラス・型にPascalCaseが基本です。CSSのクラス名はkebab-case、定数はどの言語でもCONSTANT_CASEが一般的です。チームの規約に合わせて統一することが重要です。

関連ツール

全角半角変換ツール テキスト反転ツール 文字数カウンター
コピーしました