camelCase変換ツール

任意のテキスト、snake_case、kebab-case、PascalCaseをcamelCaseに即変換

Need all formats? Use the full text case converter with 12 naming conventions.

このツールについて

camelCaseはJavaScript、Java、TypeScriptなど多くの言語の標準的な命名規則です。最初の単語は小文字で、続く各単語は大文字で始まります — 区切り文字なし:`getUserName`、`maxRetryCount`、`isLoggedIn`。 このツールは任意のテキストを即座にcamelCaseに変換します。Pythonのsnake_caseコードをJavaScriptに移植したり、CSSプロパティをJSスタイルオブジェクトに変換したり、変数名を変更するとき、テキストを貼り付けてコピーするだけ。snake_case、kebab-case、PascalCase、ドット、スペース、混合形式に対応しています。

使い方

1. 任意のテキストを入力または貼り付け — snake_case、kebab-case、PascalCase、普通の単語 2. camelCase結果がハイライト表示されて上部に表示 3. 他のケース形式も下に表示されます 4. 「コピー」をクリックしてcamelCase結果をコピー

よくある質問

camelCaseとは?
camelCaseは、最初の単語が小文字で始まり、続く各単語が大文字で始まる命名規則です。区切り文字はありません。例:'getUserName'。途中の大文字がラクダのコブのように見えるため、この名前がついています。
snake_caseをcamelCaseに変換するには?
snake_caseテキスト(例:'get_user_name')を貼り付けると、ツールがアンダースコアで分割し、最初以外の各単語の先頭を大文字にして結合し、'getUserName'を生成します。
camelCaseはいつ使う?
JavaScript/TypeScriptの変数と関数、Javaの変数とメソッド、JSONプロパティ名(一般的)、Reactのprops、C++のローカル変数にcamelCaseを使います。フロントエンド開発で最も広く使われている命名規則です。
camelCaseとPascalCaseの違いは?
camelCaseは小文字で始まり(getUserName)、PascalCaseは大文字で始まります(GetUserName)。camelCaseは変数や関数に、PascalCaseはクラス名やReactコンポーネントに使います。
CSSでcamelCaseは使う?
いいえ、CSSはkebab-case(background-color)を使いますが、JavaScriptのDOM APIはcamelCase(backgroundColor)を使います。このツールで変換できます — 'background-color'を貼り付けると'backgroundColor'が得られます。

関連ツール