ケースコンバーターは、入力テキストをcamelCase、PascalCase、snake_caseなどプログラミングでよく使われる12種類の命名形式に同時変換するツールです。1回入力するだけで全フォーマットの結果が即座に表示され、各フォーマットに個別のコピーボタンがついています。変換はすべてブラウザ内で完結します。
12種類のフォーマットと実際の出力
hello world fooを入力した場合:
camelCase → helloWorldFoo
PascalCase → HelloWorldFoo
snake_case → hello_world_foo
CONSTANT_CASE → HELLO_WORLD_FOO
kebab-case → hello-world-foo
Train-Case → Hello-World-Foo
Pascal_Snake_Case → Hello_World_Foo
dot.case → hello.world.foo
path/case → hello/world/foo
Capital Case → Hello World Foo
Sentence case → Hello world foo
no case → hello world foo
どのフォーマットをどこで使うか
コード識別子
- camelCase — JS/TS変数・関数名・JSONキー
- PascalCase — クラス名・Reactコンポーネント・TypeScript型
- snake_case — Python変数・関数・データベースカラム・Rubyメソッド
- CONSTANT_CASE — 環境変数・設定定数・列挙値
パスとセパレーター
- kebab-case — URLスラッグ・CSSクラス名・HTMLカスタム属性・ファイル名
- Train-Case — HTTPヘッダーフィールド(例:
Content-Type) - dot.case — Java/Kotlinパッケージ名・設定プロパティパス
- path/case — ディレクトリパス・URLパスセグメント
単語の境界をどう検出するか
ツールは既存のセパレーターを読んで単語を識別します。以下はすべて同じ分割結果になります:
- スペース区切り:
user name id - camelCase入力:
userNameId - アンダースコア:
user_name_id - ハイフン:
user-name-id - 混在形式:
userName-id_test
セパレーターのない小文字の文字列 — usernameidのようなもの — は自動的に分割できません。ツールはそれを1つの単語として扱い、そのまま出力します。複数語の変換を正確に行うには、少なくとも1種類のセパレーターを含む入力が必要です。
よくある変換のパターン
データベースのカラム名をフロントエンド用のJSONキーに変換:
user_created_at → userCreatedAt
RESTエンドポイント名からURL安全なスラッグを生成:
GetUserProfile → get-user-profile
設定定数をJavaのプロパティパスに変換:
DATABASE_HOST → database.host