タイトルケースか文のケースか？見出し・UI・コード名のルール

タイトルケースは見出し内の大半の単語の先頭を大文字にし、文のケースは最初の単語と固有名詞だけを大文字にします。ほとんどの本文、画面上のラベル、長い見出しには文のケースを使い、スタイルガイドやブランドの指定があるときはタイトルケースを使いましょう。小さな単語の扱いはスタイルガイドによって異なるため、どれか一つを選んで一貫して適用してください。

大文字・小文字変換文字の大文字・小文字が違う無料で使う

2つの形式、違いはひとつ

文のケースは通常の文章のように読めます。たとえば「How to fix a broken link」です。タイトルケースは主要な単語を大文字にします。たとえば「How to Fix a Broken Link」です。どちらも一般的で、それぞれ向いている場面が異なります。文のケースは長い文章で読みやすく、多くの画面ラベルの標準です。タイトルケースは書籍のタイトル、雑誌の見出し、一部の広告でよく使われます。

小文字のままにする小さな単語

タイトルケースでは、冠詞（a、an、the）、短い接続詞（and、but、or）、短い前置詞（in、of、to）は、タイトルの先頭や末尾にない限り通常は小文字にします。ただし細部はスタイルガイドによって違います。どの長さの前置詞も小文字にするもの、4文字以上の単語を大文字にするもの、独自のリストを持つものがあります。選んだルールは書き留めておき、見出しのたびに決め直さないようにしましょう。

多くのサイトで機能する実践的な方法は次のとおりです。

• 最初の単語と最後の単語は必ず大文字にする。
• 名詞、動詞、形容詞、副詞、代名詞を大文字にする。
• タイトルの途中にある冠詞、短い接続詞、短い前置詞は小文字にする。
• 製品名、頭字語、ブランドの表記は、提供元の表記どおりに保つ。

同じ見出しを両方の形式で示すと次のとおりです。

形式	見出し
タイトルケース	The Guide to Saving Money on Travel
文のケース	The guide to saving money on travel

どちらの版でも「to」と「on」は見出しの途中にあるため小文字のままです。最初の単語はどちらも大文字で、タイトルケースの版だけ「Saving」「Money」「Travel」を大文字にしています。

形式ごとの使いどころ

• 見出しと記事タイトル。 どちらでも構いません。どちらか一つを選び、サイト全体で統一してください。
• メールの件名。 報道資料ではなく個人からのメモのように見えるため、文のケースが一般的です。送信前に単語数カウンターで長さを確認しましょう。
• ボタンとメニュー項目。 タイトルケースが多いですが、文のケースを使う最近の画面も多くあります。製品全体の表記に合わせてください。
• エラーメッセージとヘルプテキスト。 文のケースです。句点は、その画面のスタイルで使う場合だけ付けます。
• 作品のタイトル。 自社のルールに合わなくても、発表されたとおりのタイトルを使います。

コード名：camelCase、snake_case、kebab-case

プログラマーは単語の間にスペースを入れない名前を書くため、大文字・小文字の役割が異なります。よく使われる形式は3つです。

形式	例	主な用途
camelCase	userName	JavaScriptやJavaの変数と関数
snake_case	user_name	Pythonの変数や多くのデータベースの列
kebab-case	user-name	Webアドレス、CSSのクラス名、ファイル名

変換ツールが間違えやすいのは頭字語です。単純な変換ツールはすべての大文字を区切ってしまうことがあり、「parseHTMLText」が「parse_html_text」ではなく「parse_h_t_m_l_text」になる場合があります。変換後は頭字語を目で確認してください。

変換の例

フレーズ「the quick brown fox」を変換してみます。

• タイトルケース: The Quick Brown Fox
• 文のケース: The quick brown fox
• camelCase: theQuickBrownFox
• snake_case: the_quick_brown_fox
• kebab-case: the-quick-brown-fox

見出しや変数名を大量に変換する場合は、手で打ち直さず大文字・小文字変換に貼り付けてください。変換したリストを並べ替えるには行の並べ替えを使えます。並べ方のルールはアルファベット順に並べる方法の解説にまとめています。手で書いた文章の場合は、変換後に小さな単語を確認してください。ツールは、どの単語が冠詞かを言語ごとに判断できないからです。

fixmintでの操作方法

1. 見出し、名前、識別子を入力テキストに貼り付けます。
2. 形式を選びます。文のケース、タイトルケース、camelCase、snake_case、kebab-caseから選択してください。選ぶと結果がすぐに更新されます。
3. 小さな単語と頭字語を目で確認します。変換ツールはお使いのスタイルガイドを知らないためです。
4. テキストがトルコ語またはアゼルバイジャン語の場合だけ、トルコ語・アゼルバイジャン語のiにチェックを入れます。この言語では、点付きのiと点なしのiの扱いが異なるためです。
5. 結果をコピーするか、.txtをダウンロードを使います。

例外的なケース

• ハイフンでつながれた複合語。 タイトルケースのスタイルガイドには、両方の部分を大文字にする（「Well-Known」）ものと、先頭だけを大文字にする（「Well-known」）ものがあります。どちらかを選んでください。
• コロンの後の単語。 多くのガイドでは、タイトルのコロンの後の最初の単語を大文字にします。そのため「Title Case: Some Rules」のような表記がよく見られます。
• ブランドの大文字。 iPhoneやeBayのような名前は、どちらの形式でも独自の大文字を保ちます。
• 言語による違い。 ドイツ語はすべての名詞を大文字にするため、ここで説明したルールはそのまま当てはまりません。書いている言語の慣習に従ってください。

読者が見出しをどのように読み取るかについては、文字数の目安の解説で、検索結果でタイトルの長さがどう数えられるかを説明しています。

よくある質問

ブログの見出しにはタイトルケースを使うべきですか？

表記を統一するならどちらでも構いません。長い記事では文のケースの方が読み取りやすく、短くて格式のある見出しにはタイトルケースが合います。

小さな単語の扱いについて、すべてのスタイルガイドは一致しますか？

一致しません。冠詞と接続詞を小文字にする点はおおむね一致していますが、前置詞や4文字以上の単語の扱いは異なります。ガイドを一つ選び、ルールを書き留めてください。

snake_caseとkebab-caseの違いは何ですか？

snake_caseは単語をアンダースコアでつなぎ、PythonやデータベースTの列でよく使われます。kebab-caseはハイフンを使い、Webアドレスand CSSのクラス名でよく使われます。