テキストケース変換
テキストを大文字・小文字・各種ケースへ変換
ケース変換するテキストを入力
変換結果
テキストケース変換ツールとは？
文字列を camelCase、snake_case、kebab-case などの各種ケースへ変換できるツールです。変数名やファイル名の命名をそろえたいときや、API やデータベースで使う記法の違いを見比べたいときに使えます。
入力内容をその場で 12 種類の形式へ変換して一覧表示するため、どのケースにしたいか迷っているときの確認用にも便利です。
使い方
- 入力欄に変換したい文字列を入力します。
- 下に表示される各ケースの変換結果を確認します。
- 必要な形式をそのままコピーして使います。
英単語の区切りを含む文章、変数名の候補、見出しテキストなどを入れると、各ケースの違いを比較しやすくなります。
入力例
たとえば user profile image のような文字列を入力すると、次のような形式に変換できます。
userProfileImageuser_profile_imageuser-profile-imageUserProfileImage
同じ内容でも、使う場面によって選ぶ形式は変わります。
活用シーン
- JavaScript や TypeScript の変数名を camelCase にそろえたいとき
- Python やデータベースのカラム名に合わせて snake_case を確認したいとき
- CSS クラス名や URL スラッグ向けに kebab-case を使いたいとき
- 見出しやラベルを Capital Case や Sentence case で整えたいとき
- API 仕様書、UI 文言、ファイル名の候補をまとめて見比べたいとき
対応形式
開発でよく使う命名規則
CamelCase
各単語の先頭を大文字にして連結し、最初の文字は小文字にする形式です。JavaScript や Java の変数名、関数名でよく使われます。
例: thisIsSampleText
PascalCase
各単語の先頭を大文字にして連結し、最初の文字も大文字にする形式です。クラス名やコンポーネント名でよく使われます。
例: ThisIsSampleText
SnakeCase
すべての文字を小文字にし、単語間をアンダースコア (_) で区切る形式です。Python、Ruby、データベースのカラム名などでよく使われます。
例: this_is_sample_text
KebabCase
すべての文字を小文字にし、単語間をハイフン (-) で区切る形式です。HTML/CSS のクラス名や URL でよく使われます。
例: this-is-sample-text
DotCase
すべての文字を小文字にし、単語間をピリオド (.) で区切る形式です。設定キーや一部の識別子で見かけます。
例: this.is.sample.text
PathCase
すべての文字を小文字にし、単語間をスラッシュ (/) で区切る形式です。パス表現や階層を表す文字列の確認に向いています。
例: this/is/sample/text
PascalSnakeCase
各単語の先頭を大文字にしつつ、単語間をアンダースコア (_) で区切る形式です。定数風の識別子や、特定の命名ルールの確認に使えます。
例: This_Is_Sample_Text
TrainCase
各単語の先頭を大文字にし、単語間をハイフン (-) で区切る形式です。HTTP ヘッダー名のような表記を確認したいときに使えます。
例: This-Is-Sample-Text
表示用や整形用の形式
LowerCase
すべての文字を小文字に変換します。
例: this is sample text
UpperCase
すべての文字を大文字に変換します。
例: THIS IS SAMPLE TEXT
CapitalCase
各単語の先頭を大文字に変換し、単語間をスペースで区切ります。
例: This Is Sample Text
SentenceCase
文の最初の文字のみを大文字にします。通常の文章と同じ形式です。
例: This is sample text
使うときの注意点
- 入力された文字列の区切り方によって、期待する単語分割にならないことがあります
- 英数字や記号が混ざる文字列は、ケースによって見え方が変わります
- このツールは候補を見比べるのに向いており、既存コード全体を自動で置換する機能ではありません
どのケースを使うべきかは、言語やフレームワークの規約によって変わります。まずはプロジェクト側の命名規則を確認したうえで、候補を比較する使い方が分かりやすいです。