テキストケース変換ツールとは?

UPPERCASE、lowercase、Title Case、Sentence case、camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、iNVERSE cASE、aLtErNaTiNg、path/case、スポンジボブ風の13種類でテキストを切り替えます。変数名や定数、見出し、統一した書式が必要なときに便利です。

好きなテキストを貼り付けて、13種類の表記をワンクリックで切り替えられます。大文字、小文字、Title Case、Sentence case、camelCase、PascalCase、snake_case、kebab-case、ファイルやURLパス向けのpath/case、定数用のCONSTANT_CASE、すべての文字の大小を反転させるiNVERSE cASE、おなじみのおちょくり調のaLtErNaTiNg、そしてミーム調のスポンジボブ風。プログラミング向け表記では記号類が自動で取り除かれるので、'user@example.com' は snake_case で 'user_example_com' となり、壊れた文字列にはなりません。

使い方

  1. 入力エリアにテキストを貼り付けるか入力してください。単語1つから段落全体まで、どんな長さでも対応します。
  2. 希望するケーススタイルのボタンをクリックします:UPPER、lower、Title、Sentence、camelCase、PascalCase、snake_case、kebab-case、path/case、CONSTANT_CASE、iNVERSE cASE、aLtErNaTiNg、スポンジボブ風。
  3. 変換されたテキストが即座に表示され、ワンクリックでクリップボードにコピーできます。

使用するタイミング

  • 機能説明から、見栄えの良い変数名・クラス名・ファイル名・URL スラッグを作るとき。
  • 誰かが大文字や小文字だけで書いてしまった見出しや段落を、読める形に直すとき。
  • データベースや表計算ソフトに取り込む前に、CSV の列名をまとめて整えたいとき。

結果

開発者が「user account settings page」と入力し、snake_caseをクリックして変数名用の「user_account_settings_page」を取得。次にPascalCaseをクリックしてコンポーネント名用の「UserAccountSettingsPage」を取得しました。

よくある質問

Title Case と Sentence case の違いは何ですか?
Title Case は単語ごとに先頭文字を大文字にします(The Quick Brown Fox)。見出しや書名向きです。Sentence case は文の先頭だけ大文字にします(The quick brown fox)。通常の文章と同じ読み方になります。
camelCase と snake_case と kebab-case はそれぞれどんな場面で使いますか?
JavaScript や Java は変数に camelCase を使うのが一般的です。Python や Ruby、DB のカラム名は snake_case が多めです。CSS クラス、URL、ファイル名は kebab-case が定番。使う言語やシステムの流儀に合わせれば OK です。
記号や特殊文字はどう扱われますか?
UPPER、lower、Title、Sentence、iNVERSE、aLtErNaTiNg、スポンジボブ風では句読点はそのまま残ります。camelCase、PascalCase、snake_case、kebab-case、path/case、CONSTANT_CASE では英数字以外の文字は単語の区切りとして扱われ、削除されます。これにより出力は有効な識別子として保たれます。
入力したテキストは外部に送られますか?
送られません。すべての変換は端末側で完結し、どのサーバにも送信されません。本番環境の文字列、社内ドキュメント、個人メモを貼っても、ログや外部保管に残る心配はありません。
文字数に上限はありますか?
明確な上限はありません。ただし数十万文字といった巨大な入力では、変換中にページが少し固まることがあります。通常の段落・リスト・列見出し程度なら即座に終わります。

関連ツール