camelCase・PascalCase・snake_case・kebab-caseなど14形式 XMLHttpRequestのような略語もスマートに分割アクセント付き文字や非ラテン文字にも対応リストを行ごとに変換

ケース変換ツール - camelCase・snake_case・kebab-caseなど

ケース変換とは？

プログラミング言語やツールごとに命名規則は異なります。JavaScriptではcamelCase、Pythonやデータベースではsnake_case、URLやCSSではkebab-case、環境変数ではCONSTANT_CASE。このツールは単語の区切りを検出し、すべての形式に相互変換します。

機能

• camelCase・PascalCase・snake_case・kebab-caseなど14形式
• XMLHttpRequestのような略語もスマートに分割
• アクセント付き文字や非ラテン文字にも対応
• リストを行ごとに変換

プライベート・高速

テキストはサーバーへのリクエストなしでブラウザ内で即座に変換されます。

データは端末の外に出ません。

ケース変換の使い方

1
テキスト、変数名、リストを入力欄に入力または貼り付けます。userProfile、user_profile、"User Profile" のように形式が混在していても、同じ単語として認識されます。
2
すべての形式が同時に表示されます。camelCase、PascalCase、snake_case、CONSTANT_CASE、kebab-case、Train-Case、dot.case、path/case、Title Case、Sentence case、小文字、大文字などです。
3
各行は個別に変換されるので、50個のフィールド名のリストは同じ順序で50個の変換結果になります。
4
必要な形式の「コピー」を押して、コード、データベーススキーマ、ドキュメントに貼り付けます。

活用例

API のフィールドをコードに対応付ける

REST API が created_at や user_id を返し、TypeScript のモデルは camelCase の場合、フィールド一覧を貼り付ければ createdAt と userId をまとめてコピーできます。

定数や環境変数の命名

"max upload size" を打ち直さずに、環境変数や定数用の MAX_UPLOAD_SIZE に変換できます。

CSS クラスと URL

kebab-case は CSS のクラス名、多くのフロントエンドプロジェクトのファイル名、URL パスの慣習です。"Primary Button" は primary-button になります。

見出しやタイトル

すべて大文字や小文字で入力してしまった英語の見出しを、公開前に Title Case や Sentence case に直せます。

よくある質問

どの形式を何に使えばいい？+

一般的な慣習は、JavaScript や Java の変数に camelCase、クラスや React コンポーネントに PascalCase、Python や SQL のカラムに snake_case、定数や環境変数に CONSTANT_CASE、CSS や URL に kebab-case です。

単語はどう判別していますか？+

スペース、ハイフン、アンダースコア、ドット、スラッシュに加えて、小文字と大文字の境目でも区切ります。そのため XMLHttpRequest は XML、Http、Request に分かれます。

Title Case と Sentence case の違いは？+

Title Case はすべての単語の先頭を大文字にします（"Release Notes For Version 2"）。Sentence case は通常の文のように最初の単語だけを大文字にします（"Release notes for version 2"）。

アクセント付き文字や日本語でも使えますか？+

はい。é、ü やキリル文字なども保持され、大文字・小文字が正しく変換されます。日本語のように大文字・小文字のない文字はそのまま残ります。