このツールとは?
大文字小文字変換ツールは、テキストの大文字小文字の表記スタイルを変更するものです。ライターは、誤ってCaps Lockがオンになった部分を修正したり、見出しに適切なタイトルケースを適用したり、コピーしたテキストを統一したりするためにこのツールを使用します。ここでいうタイトルケースは編集上の慣例に従っており、「of」、「and」、「the」などの副詞や接続詞は、タイトルの先頭や末尾にない限り小文字のままとなります。
プログラマー向けに、camelCase(JavaScriptの変数名)、PascalCase(クラス名)、snake_case(Python)、kebab-case(URLやCSS)といった識別子の表記スタイルを変換します。スペース、アンダースコア、ハイフン、および大文字で区切られた単語を分割するため、任意の2つのスタイル間を直接変換することができます。
なぜこれを使うのか?
- 1ページに8種類のケーススタイル――プローズ用ケースとプログラマー用ケースが一緒に掲載されています。
- 実際の見出しのように、助詞(a、of、the)などの重要度の低い単語を小文字のままにする「見出し大文字表記」。
- 識別子の表記スタイルを直接変換します:camelCase → snake_case をワンクリックで。
- Caps Lockの誤操作を、再入力せずに修正しましょう。
- 無料、即時、アップロード不要。
使い方
- 入力ボックスにテキストを貼り付けるか、直接入力してください。
- ご希望のケースのスタイルをクリックしてください。
- 結果は、下の出力ボックスに表示されます。
- 「コピー」をクリックしてご利用ください。
例
入力
the quick brown fox出力
Title Case: The Quick Brown Fox
camelCase: theQuickBrownFox
snake_case: the_quick_brown_fox編集上の「タイトルケース」では、「the」は大文字になるのは冒頭のみであることに注意してください。
どちらのケースを使うべきでしょうか?
| ケースのスタイル | 次のような用途にご利用ください |
|---|---|
| キャメルケース | JavaScript/Java/TypeScript の変数名と関数名 |
| PascalCase | ほとんどの言語におけるクラス名およびコンポーネント名(Reactコンポーネント、C#クラスなど) |
| スネークケース | PythonおよびRubyの変数・関数、データベースのカラム名 |
| ケバブケース | URLのスラッグ、CSSクラス名、HTML属性、ファイル名、Gitブランチ名 |
| 大文字小文字の区別 | 見出し、書籍・記事のタイトル — 「of」や「the」といった些細な単語は小文字のままにする |
| 文頭大文字表記 | 最新のデザインシステム(Material Design、Fluent UI)におけるボタンラベルとUIテキスト |
実用的なヒント
- Python APIのレスポンスをJavaScriptフロントエンドに移植しますか?snake_case形式のフィールド名を貼り付け、一発でcamelCaseに変換しましょう。キーを一つずつ手作業で名前変更するよりも、高速でミスも少なくなります。
- URLのスラグやCSSのクラス名は、ケバブケースで記述する必要があります。スペースを手動でハイフンに置き換えたり、すべて小文字にしたりする代わりに、ページのタイトルをそのまま貼り付けてください。
- Gitのブランチ名やDockerイメージのタグは、URLと同じ「ケバブケース」の命名規則に従います。つまり、「Fix Login Bug」は、同じ操作で「fix-login-bug」になります。
- データベースのカラム名や、ほとんどのSQLスタイルガイドではスネークケースが採用されています。仕様書のタイトルケースの見出しをスネークケースに変換することで、15個のフィールド名を手作業で打ち直す際に紛れ込みがちなタイプミスを防ぐことができます。
- Material Design や Fluent UI におけるボタンや UI ラベルの現在の標準は「センテンスケース」であり、「タイトルケース」ではありません。ボタンに「タイトルケース」を使用すると、今では古めかしい見出しや書籍のタイトルのように見えてしまいます。
実際のワークフローにおける位置づけ
大文字小文字の変換は、通常、より大規模なデータ整理の一工程に過ぎません。スプレッドシートやAPIドキュメントから、識別子や見出しが乱雑に並んだリストを取り出し、そこで大文字小文字を修正した後、PDFやメールからのエクスポート時に引き継がれた余分な空白行や二重スペースを削除します。大文字小文字の変換だけでは、スペースの問題は解決できません。
ブログ記事のタイトルをURLのスラグに変換するには、せいぜい2つのツールが必要です。まずここでタイトルをケバブケースに変換し、非ASCII文字や記号が含まれている場合にのみパーセントエンコードを行います。平易な英語のタイトルは、大文字小文字の変換を行うだけで、すでに有効なスラグとなります。
よくある質問
「タイトルケース」と「センテンスケース」の違いは何ですか?
「タイトルケース」は主要な単語をすべて大文字にします(見出しや書籍のタイトルに使用されます)。「センテンスケース」は各文の最初の単語のみを大文字にします(通常の文章や、ほとんどの現代的なUIテキストに使用されます)。
タイトルケースでは、どの単語が小文字のままになるのでしょうか?
短い機能語:冠詞(a、an、the)、短い接続詞(and、but、or)、短い前置詞(of、in、to、at…)――ただし、文の最初または最後の単語である場合は除く。これは主要な出版物で採用されているスタイルに従ったものである。
camelCaseとsnake_caseは、それぞれどのような場合に使うべきですか?
各言語の規約に従ってください。JavaScriptやJavaの変数にはcamelCase、ほとんどの言語のクラス名にはPascalCase、PythonやRubyにはsnake_case、URL、CSSクラス、ファイル名にはkebab-caseを使用します。
camelCaseをsnake_caseに直接変換することはできますか?
はい。このコンバーターは既存の大文字を単語の区切りとして認識するため、myVariableName → my_variable_name といった変換がワンクリックで可能です。これは、異なる言語間でコードを移植する際に便利です。
英語以外のテキストでも動作しますか?
大文字・小文字の変換は、大文字・小文字の区別がある文字体系(ラテン文字、キリル文字、ギリシャ文字)に適用されます。中国語や日本語の文字には大文字・小文字の区別がないため、変更されずにそのまま通過します。したがって、異なる文字体系が混在するテキストでも問題ありません。