ケース変換ツール
変換結果
camelCase
PascalCase
snake_case
UPPER_SNAKE_CASE
kebab-case
UPPER-KEBAB-CASE
Title Case
lowercase
UPPERCASE
使い方
入力欄にテキストを入力すると、camelCase・PascalCase・snake_case・kebab-caseなどの単語の区切りを自動検出し、すべての命名規則バリエーションを表示します。各結果の横にあるコピーボタンでクリップボードにコピーできます。
命名規則について
プログラミング言語やコンテキストによって異なる命名規則が使われます。JavaScript/TypeScriptでは変数にcamelCase、クラスにPascalCaseが一般的です。Pythonはsnake_caseを好みます。CSSはkebab-caseを使います。定数にはUPPER_SNAKE_CASEがよく使われます。このツールはXMLParserなどの頭字語も含め、すべての主要な命名規則間の変換に対応しています。
活用シーン
- 言語間の変換: Python(snake_case)のコードをJavaScript(camelCase)に移植する際の変数名一括変換に便利です
- データベースカラム名: SQLのカラム名(user_name)をAPIレスポンスのJSONフィールド(userName)に変換する際に使えます
- CSSクラス命名: コンポーネント名(UserProfile)からCSSクラス名(user-profile)への変換に活用できます
- APIフィールドマッピング: 外部APIのフィールド名規則が自分のコードベースと異なる場合の対応表作成に役立ちます
言語・フレームワーク別の命名規則
- camelCase: JavaScript/TypeScript(変数・関数)、Java(変数・メソッド)、Swift(変数・関数)
- PascalCase: JavaScript/TypeScript(クラス・React コンポーネント)、C#(メソッド・プロパティ)、Go(エクスポート名)
- snake_case: Python(変数・関数・モジュール)、Ruby(変数・メソッド)、Rust(変数・関数)、SQL(カラム名)
- kebab-case: CSS/SCSS(クラス名)、HTML(属性・カスタムタグ)、URLスラッグ、CLIコマンドのフラグ
- UPPER_SNAKE_CASE: ほぼすべての言語の定数定義、環境変数(NODE_ENV, DATABASE_URL)
プライバシー
すべてのテキスト変換はブラウザ内で完結します。データがサーバーに送信・保存・記録されることは一切ありません。機密情報を含む変数名や識別子も安心して変換できます。