ケース変換
テキストをcamelCase・snake_case・kebab-caseなど10種類のケースに一括変換。変数名・関数名の命名規則を素早く変換できます。
変換結果
ケース変換ツールの使い方
テキストを入力するだけで、camelCase・PascalCase・snake_case・kebab-case・UPPER_SNAKE_CASE・Title Case・dot.case・path/case・UPPERCASE・lowercaseの10種類のケースに自動変換されます。変換結果はクリックするだけでクリップボードにコピーできます。
入力テキストは自動で単語に分割されます。camelCaseやPascalCaseの大文字境界、アンダースコア(_)やハイフン(-)などの区切り文字を認識します。例えば「getUserProfileData」は「get」「User」「Profile」「Data」に分割されます。
プログラミングの命名規則
camelCaseはJavaScript/TypeScriptの変数名・関数名で標準的に使われます。PascalCaseはクラス名やReactコンポーネント名に使われます。snake_caseはPython・Ruby・Rustの変数名、kebab-caseはCSS・HTML属性・URLスラッグに使われます。
UPPER_SNAKE_CASEは定数名(CONST_VALUE)に広く使われ、dot.caseはJavaのパッケージ名やオブジェクトのプロパティパスで使われます。プロジェクトの命名規則に合わせて適切なケースを選びましょう。
主な機能
- 10種類のケースに一括変換 --- 入力するだけで全ケースを同時に表示
- 自動単語分割 --- camelCase・snake_case・kebab-caseなどの区切りを自動認識
- ワンクリックコピー --- 各変換結果をクリックでコピー
- 複数行モード --- 複数の変数名をまとめて一括変換
- すべてコピー --- 全変換結果をまとめてクリップボードにコピー
関連記事
よくある質問
- Q. 対応しているケース形式は何種類ですか?
- camelCase、PascalCase、snake_case、kebab-case、UPPER_SNAKE_CASE、Title Case、dot.case、path/case、UPPERCASE、lowercaseの10種類に対応しています。入力するだけで全ケースに同時変換されます。
- Q. 入力テキストはどのように単語に分割されますか?
- camelCase・PascalCaseの大文字境界、アンダースコア(_)、ハイフン(-)、ドット(.)、スラッシュ(/)、スペースなどの区切り文字を自動認識して単語に分割します。例えば「getUserData」は「get」「User」「Data」に分割されます。
- Q. 複数の変数名をまとめて変換できますか?
- はい、「複数行モード」をONにすると、1行ずつ個別に変換処理が行われます。リファクタリング時に大量の変数名を一括変換したい場合に便利です。
関連ツール
開発者
Zeronova(ゼロノバ)
Product Manager / AI-Native Builder
19年以上のWeb/IT業界経験を持つPdMが、現場で本当に使えるツールを開発。登録不要・ブラウザだけで動作する無料ツールを93種類以上公開中。