ケース変換|camelCase・snake_case など
使い方
入力欄にテキストを入力すると、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)
プライバシー
すべてのテキスト変換はブラウザ内で完結します。データがサーバーに送信・保存・記録されることは一切ありません。機密情報を含む変数名や識別子も安心して変換できます。
よくある質問
camelCaseとPascalCaseは何が違いますか?
どちらも単語をつなげて各語の先頭を大文字にしますが、camelCaseは先頭の単語が小文字(myVariableName)、PascalCaseは先頭も大文字(MyVariableName)です。
機密性の高い変数名を変換しても安全ですか?
はい。すべての変換はブラウザ内で完結し、入力したテキストがサーバーに送信・保存・記録されることは一切ありません。
XMLParserのような頭字語は正しく扱われますか?
はい。連続した大文字を1つの語のまとまりとして検出するため、XMLParserのような頭字語を含む識別子も適切に分割・変換されます。
入力する単語の区切り方に決まりはありますか?
いいえ。camelCase・snake_case・kebab-case・スペース区切りなど、どの形式で入力しても自動で単語境界を検出し、すべての命名規則に変換します。
どの命名規則に変換できますか?
camelCase・PascalCase・snake_case・kebab-case・UPPER_SNAKE_CASEなど主要な規則に対応し、結果は各規則ごとに同時表示されます。