ケース変換 - camelCase、snake_case、Title Caseなど

テキストや識別子を貼り付けると、よく使う命名規則すべてに一度で変換。必要な形式をクリックしてコピーできます。

フレーズ、変数名、見出しを入力して「変換」をクリック。単語に分割し、camelCaseからdot.caseまで10種類に組み立て直します。

ケース変換 - camelCase、snake_case、Title Caseなど
テキストや識別子を貼り付けると、よく使う命名規則すべてに一度で変換。必要な形式をクリックしてコピーできます。

仕組み：空白、アンダースコア、ハイフン、camelCaseの境界で単語に分割し、各形式の区切り文字と大文字小文字の規則で結合します。

ケース変換について

プログラミング言語やフレームワーク、スタイルガイドごとに複数語の名前の書き方は異なり、手作業での変換は面倒で間違いやすいものです。この変換ツールは、文章、識別子、見出し、データベース列名などを単語に分解し、よく使われる10種類の形式にすぐ再構成します。 空白、記号、句読点だけでなく、1つのトークン内のcamelCase境界やAPI・HTTPのような大文字の連続も認識します。そのため、JavaScriptのプロパティをPythonの変数へ、CSSクラスをReactコンポーネント名へ、見出しをURLスラッグへ簡単に変換できます。 camelCaseはJavaScript、Java、Swiftの変数や関数に、PascalCaseはクラスやReactコンポーネントに使われます。snake_caseはPython、Ruby、SQLで一般的、kebab-caseはCSSクラス、HTML属性、npm名、URLの標準です。CONSTANT_CASEは定数や環境変数を示し、Title Caseは見出し、Sentence caseは文に適しています。lowercase、UPPERCASE、dot.caseも一括整形や設定キーに便利です。 処理はすべてブラウザ内で行われ、通信、サーバー送信、記録はありません。なおTitle Caseはすべての語を大文字化し、略語は通常の語として正規化され、数字は隣の語に残ります。

ケース変換の例

同じ単語を異なる規則で再構成した例です。すでに形式が付いた入力も含みます。

入力出力メモ
quick brown foxquickBrownFox通常のフレーズをJavaScript変数向けのcamelCaseに変換。
parseHTMLResponseparse_html_responseHTMLという略語を含むcamelCase境界を認識し、snake_caseに再構成。
user-profile-pageUserProfilePagekebab-caseのスラッグをPascalCaseのコンポーネント名に変換。
MAX_RETRY_COUNTmax-retry-countCONSTANT_CASEをCSSカスタムプロパティやCLIフラグ向けのkebab-caseに変換。

ケースを変換する方法

  1. 入力欄にテキストや識別子を貼り付けます。空白、アンダースコア、ハイフン、camelCaseに対応しています。
  2. 「変換」をクリックすると、10種類の形式を一度に確認できます。
  3. 形式の横にある「コピー」をクリックしてクリップボードに入れます。
  4. 「クリア」をクリックして別の内容を変換します。

ケース変換 FAQ

camelCaseとPascalCaseの違いは？
どちらも区切りをなくして語頭を大文字にしますが、最初の語が異なります。camelCaseは小文字で変数や関数に使い、PascalCaseは大文字でクラス、型、Reactコンポーネントに使います。
snake_caseとkebab-caseはいつ使いますか？
snake_caseはPython、Ruby、Rust、SQLの慣例です。kebab-caseはCSSクラス、HTML属性、URL、パッケージ名などWebで使われます。
単語はどのように分割されますか？
空白、記号、句読点に加え、トークン内の大文字小文字の境界でも分割します。小文字または数字の後の大文字、そして大文字列の後の小文字を検出し、略語をまとめます。
APIやHTTPのような略語は？
連続する大文字を1語として扱います。小文字形式では他の語と同様に小文字化されます。命名規則でcamelやPascal内の略語を大文字にする必要があれば手動で調整してください。
CONSTANT_CASEは何に使いますか？
SCREAMING_SNAKE_CASEとも呼ばれ、アンダースコアで大文字語をつなぎます。エクスポート定数、列挙メンバー、シェルやDocker、CIの環境変数など、実行時に変わらない値を示します。
入力した文字はサーバーに送信されますか？
いいえ。分割と再構成はブラウザ内のJavaScriptだけで行われるため、社内コードや未公開文書の識別子が端末の外へ出ることはありません。