無料ケース変換ツール

camelCase は、スペースを入れずに単語をつなげ、最初の単語は小文字のままにして、以降の各単語を大文字で始めます。ここに background color と入力すると、camelCase のカードに backgroundColor と表示されます。JavaScript、Java、Swift で変数名や関数名によく使われるスタイルです。

違いは最初の1文字だけです。camelCase は backgroundColor のように小文字で始まり、PascalCase は BackgroundColor のように大文字で始まります。PascalCase はクラス名やコンポーネント名によく使われます。このツールでは両方のカードを並べて表示するので、好きなほうをコピーできます。

アンダースコアを使う snake_case は、Python の名前、Ruby、SQL の列に使います。ハイフンを使う kebab-case は、CSS クラス、ファイル名、URL スラッグに使います。どちらも単語はすべて小文字になるため、background color は background_color または background-color になります。

Title Case は The Quick Brown Fox のように、すべての単語の先頭を大文字にします。Sentence case は The quick brown fox のように、各文の最初の単語だけを大文字にし、通常の文章と同じ形になります。見出しには Title Case、アプリのラベルや本文には Sentence case がよく使われます。

テキストをボックスに貼り付けて、lowercase のカードをコピーしてください。Caps Lock のまま入力したテキストには、各文の先頭も大文字にする Sentence case のカードのほうが適していることが多いです。その後、名前や頭字語を手作業で修正してください。

いいえ。この Title Case は a、of、the のような短い単語も含め、すべての単語の先頭を大文字にします。そのため The Lord Of The Rings のようになります。また、各単語の残りは小文字になるので、NASA は Nasa になります。AP や Chicago スタイルに合わせたい場合は、短い単語や頭字語を手作業で調整してください。

直接は変換できません。既存の camelCase は大文字の位置で分割されないため、backgroundColor は snake_case で backgroundcolor になります。先に background Color のように単語の間へスペースかアンダースコアを入れると、snake_case のカードに background_color と表示されます。snake_case や kebab-case の入力は変換できます。

数字はすべてのケースで残るため、version 2.0 release は version_2_0_release になります。記号と句読点は、4つのコード用ケースでは削除されます。UPPERCASE と lowercase はアクセント付き文字にも対応しますが、Title Case ではアクセント付き文字で始まる単語が正しく変換されず(élan は éLan になります)、コード用ケースでは a から z だけが残るため、café crème は caf_cr_me になります。

結果カードではテキストが1つの段落として流れるように表示されるため、改行や余分なスペースは画面上でまとまって見えます。UPPERCASE、lowercase、Title Case、Sentence case でコピーしたテキストには、改行やスペースがそのまま残ります。4つのコード用ケースは、常にすべてを1つの名前としてつなげます。

タイトルを貼り付けて、kebab-case のカードをコピーしてください。My First Blog Post! は my-first-blog-post になり、スペースはハイフンに、文字は小文字に変わり、句読点は削除されます。アクセント付き文字があると単語が分かれてしまい、café は caf になります。アクセントを含むスラッグは、公開前に確認してください。

いいえ。変換はブラウザー内で実行され、テキストは保存されないため、ページを閉じると消えます。公開サイトでは、Google Analytics が編集とコピーのクリック回数を集計しますが、テキストの内容や選んだケースは集計しません。