Text Case Converter

各ケースをいつ使うか

プログラミングでケースが重要な理由

ほとんどのプログラミング言語は大文字・小文字を区別します — myVariable と MyVariable は完全に異なる識別子です。言語とコードベースの命名規則に従うことは、一貫性と可読性のために不可欠です。このツールを使えば、手動編集なしに任意の文字列を任意の規則に合わせて素早く整形できます。

開発者は Python コードベース（snake_case）から JavaScript プロジェクト（camelCase）へ変数名を変更する際にこのツールを使います。コンテンツライターはブログ記事の見出しに Title Case を、本文に Sentence case を使います。データベースエンジニアは、混合ケースのエクスポートから SQL 用の snake_case にカラム名を変換します。API デザイナーは URL エンドポイントに kebab-case を、JSON フィールド名に camelCase を使います。

コード識別子については、変数名全体をペーストすると、コンバーターがスペース、アンダースコア、ハイフンで分割することで複数単語の検出を自動的に処理します。タイトルについては、まず Title Case を使用してから、大文字にすべきでない前置詞（of、in、at、by、for）と冠詞（a、an、the）を手動で小文字にしてください。CONSTANT_CASE は、正しいアンダースコアの配置を確保するために、すでに snake_case に変換された文字列に適用するのが最適です。

ケース関連のバグは思ったより一般的です。macOS のファイルシステムはデフォルトで大文字・小文字を区別しないため、MyComponent.tsx と mycomponent.tsx は同じファイルです — しかし Linux（そしてほとんどの本番サーバー）は大文字・小文字を区別するため、デプロイ時に 404 エラーが発生します。URL スラグは SEO での重複コンテンツのペナルティを避けるために常に小文字にしてください。Unix では環境変数名は大文字・小文字を区別します；API_KEY と api_key は完全に異なる変数です。

• camelCase：JavaScript/TypeScript の変数と関数
• PascalCase：クラス名、React コンポーネント、TypeScript の型
• snake_case：Python 変数、Ruby、データベースカラム名
• kebab-case：CSS クラス名、URL スラグ、HTML 属性
• CONSTANT_CASE：環境変数、設定定数
• dot.case：設定キー、Java パッケージ
• Title Case：見出し、書籍タイトル、製品名
• Sentence case：UI ラベル、説明文、本文テキスト