テキストを kebab-case に変換するには？

入力欄にテキストを貼り付けるか入力し、「変換先」のリストから kebab-case を選んでください。すべての単語が小文字になりハイフンでつながります。たとえば「Hello World Example」は hello-world-example になります。コピーボタンを押すと取得できます。

camelCase と PascalCase の違いは？

どちらも区切り文字なしで単語をつなぎ、各単語の頭を大文字にします。camelCase は最初の文字だけ小文字のまま (userProfile)、PascalCase は最初の文字も大文字にします (UserProfile)。JavaScript の変数には通常 camelCase、クラスや React コンポーネントには PascalCase が使われます。

snake_case と kebab-case はいつ使い分けますか？

snake_case は Python の変数、データベースの列、多くの JSON API の慣習です。kebab-case は URL スラッグ、CSS クラス名、ファイル名に使われ、アンダースコアが読みにくかったり特別に扱われたりする場面に向いています。

アクセント付き文字や他の文字体系にも対応していますか？

はい。単語は Unicode の文字クラスで判定するため、アクセント付きラテン文字、キリル文字、ギリシャ文字も正しく変換されます。中国語やアラビア語のように大文字・小文字の区別がない文字はそのまま保たれ、スペースや句読点での区切りは引き続き行われます。

入力したテキストはどこかに送信されますか？

いいえ。変換は入力中にブラウザー内で実行され、貼り付けた内容があなたのデバイスの外に出ることはありません。

ケース変換

テキストを kebab-case、camelCase、snake_case、Title Case などほかにも 10 種類のケースに変換します。処理はすべて端末内で完結し、アップロードは一切ありません。

入力: Text · identifiers · lists
出力: 14 cases

テキスト

小文字の単語をハイフンでつなぎます。URL スラッグ、CSS クラス、ファイル名に。

テキスト

106 文字 · 13 語 · 5 行

結果

kebab-case

the-quick-brown-fox-jumps-over-the-lazy-dog
user-profile-id
xml-http-request
background-color
max-retry-count

ケースを選んで、結果をコピー

リストから必要なケースを選ぶと、入力と同時にテキストが変換されます。別のケースへの切り替えは即座に行われ、入力したテキストには影響しません。見出しを URL スラッグ、CSS クラス、定数名にするのも、フォームを何度も往復せず、同じメニューから 3 回選ぶだけで済みます。

各ケースの用途

lowercase: すべて小文字。メールアドレス、タグ、控えめな見出しに。
UPPERCASE: すべて大文字。ラベル、警告、頭字語に。
Title Case: 各単語の頭を大文字に。見出しや書籍・記事のタイトルに。
Sentence case: 各文の先頭だけ大文字に。本文や UI テキストに。
camelCase: 最初の単語は小文字、残りは頭を大文字にして区切りなし。JavaScript や Java の変数、JSON のキーに。
PascalCase: 各単語の頭を大文字にして区切りなし。クラス名、型、React コンポーネントに。
snake_case: 小文字の単語をアンダースコアでつなぎます。Python、Ruby、データベースの列に。
kebab-case: 小文字の単語をハイフンでつなぎます。URL スラッグ、CSS クラス、ファイル名に。
CONSTANT_CASE: 大文字の単語をアンダースコアでつなぎます。定数や環境変数に。
Train-Case: 頭を大文字にした単語をハイフンでつなぎます。Content-Type などの HTTP ヘッダーに。
dot.case: 小文字の単語をドットでつなぎます。設定キーや翻訳キーに。
path/case: 小文字の単語をスラッシュでつなぎます。URL パスやフォルダー名に。
aLtErNaTiNg cAsE: 文字が小文字と大文字で交互になります。主にからかいの口調に。
iNVERSE cASE: すべての文字の大小を反転します。Caps Lock をオンのまま入力してしまったテキストに。

単語の区切り方

スペースと句読点が単語を区切ります。他のケースで使われるハイフン、アンダースコア、ドット、スラッシュも同様なので、どのケースからでも別のケースへ変換できます。
大文字・小文字の切り替わりも区切りになります。userProfileId は user、Profile、Id に分かれ、連続する大文字の頭字語は次の単語の手前で終わるため、XMLHttpRequest は xml-http-request になります。
各行は個別に変換されます。名前を 1 行ずつ貼り付ければ、識別子系のケースでも 1 つの長い名前ではなく、リストのまま返ります。
文章系のケースは文字以外に手を加えません。lowercase、UPPERCASE、Title Case、Sentence case は文字の大小のみを変えるため、句読点、間隔、段落はそのまま保たれます。

よくある質問

テキストを kebab-case に変換するには？: 入力欄にテキストを貼り付けるか入力し、「変換先」のリストから kebab-case を選んでください。すべての単語が小文字になりハイフンでつながります。たとえば「Hello World Example」は hello-world-example になります。コピーボタンを押すと取得できます。
camelCase と PascalCase の違いは？: どちらも区切り文字なしで単語をつなぎ、各単語の頭を大文字にします。camelCase は最初の文字だけ小文字のまま (userProfile)、PascalCase は最初の文字も大文字にします (UserProfile)。JavaScript の変数には通常 camelCase、クラスや React コンポーネントには PascalCase が使われます。
snake_case と kebab-case はいつ使い分けますか？: snake_case は Python の変数、データベースの列、多くの JSON API の慣習です。kebab-case は URL スラッグ、CSS クラス名、ファイル名に使われ、アンダースコアが読みにくかったり特別に扱われたりする場面に向いています。
アクセント付き文字や他の文字体系にも対応していますか？: はい。単語は Unicode の文字クラスで判定するため、アクセント付きラテン文字、キリル文字、ギリシャ文字も正しく変換されます。中国語やアラビア語のように大文字・小文字の区別がない文字はそのまま保たれ、スペースや句読点での区切りは引き続き行われます。
入力したテキストはどこかに送信されますか？: いいえ。変換は入力中にブラウザー内で実行され、貼り付けた内容があなたのデバイスの外に出ることはありません。

ほかのツール

Lorem Ipsum ジェネレーター段落・文・単語単位のダミーテキストを、プレーンテキストまたは HTML で生成します。画像コンバーター変換前後をその場で見比べながら、画像の再エンコード・リサイズ・ベクター化ができます。データ変換ツールJSON・YAML・TOML・CSV・Markdownの間で構造化テキストを相互変換します。圧縮とアーカイブどんなファイルもgzipやBrotliで圧縮し、フォルダーをZIPにまとめられます。DOCXをPDFにWord文書を、選択できる本物のテキストを持つPDFに変換します。PDFをDOCXにPDFのテキストレイヤーから編集可能なWord文書を復元します。背景リムーバーAIによる自動背景切り抜きと高精度な編集ツール。PDFエディタブラウザ上で直接ドキュメントの電子署名、テキスト編集、画像追加、白塗り修正。画像をASCIIに写真をASCIIアートに変換。白黒でもフルカラーでも。JWT シークレットジェネレーターhex または Base64 の HS256・HS384・HS512 用ランダムシークレットキーを生成。そのまま .env に貼り付けられます。JWT デコーダートークンのヘッダーとクレームを読み取り、有効期限を確認し、署名を検証します。パスワードジェネレーター強度をビット数で表示する、強力なランダムパスワード。モックデータ生成ツール独自の列に対応した、リアルなダミーのユーザー・商品・注文を JSON、CSV、SQL で出力。