Text Tools
Developer Toolsケースフォーマットコンバーター
camelCase、snake_case、kebab-case、PascalCase、CONSTANT_CASE などの間でテキストを変換。開発者に最適。
Programming Styles
Text Styles
使用上のヒント
- JavaScript/TypeScript変数名にはcamelCaseを使用
- ReactコンポーネントやクラスにはPascalCaseを使用
- Pythonやファイルにはsnakeケースを使用
- CSSクラスやHTML属性にはkebab-caseを使用
- 定数や環境変数にはSCREAMING_SNAKE_CASEを使用
- 一部のドキュメントやCSSフレームワークにはTrain-Caseを使用
- 記事タイトルやUIヘッダーにはTitle Caseを使用
- ファイルシステムやURLルーティングにはPath/caseを使用
- ユーザーに表示するテキストにはSpace Caseを使用
- フォーマット変換後は、特に頭字語や特殊文字の出力を確認してください
関連ツール
ケースフォーマット変換について
ケースフォーマットの種類
- camelCase：最初の単語は小文字、残りの単語は大文字で始まる
- PascalCase：すべての単語が大文字で始まる、区切り文字なし
- snake_case：すべて小文字でアンダースコア区切り
- kebab-case：すべて小文字でハイフン区切り
- SCREAMING_SNAKE_CASE：すべて大文字でアンダースコア区切り
- dot.case：すべて小文字でドット区切り
- Train-Case：大文字始まりの単語をハイフンで区切る
- Title Case：大文字始まりの単語をスペースで区切る
- lowercase：区切り文字なしですべて小文字
- UPPERCASE：区切り文字なしですべて大文字
- Path/case：すべて小文字でスラッシュ区切り
- Space Case：すべて小文字でスペース区切り
よくある使用例
- camelCase：JavaScript、Java、TypeScriptの変数
- PascalCase：OOP言語のクラス、Reactコンポーネント
- snake_case：Python、Ruby、SQLの変数
- kebab-case：HTML属性、CSSクラス、URL
- SCREAMING_SNAKE_CASE：定数と環境変数
- dot.case：名前空間とパッケージ名
- Train-Case：ドキュメントの見出しと一部のCSSフレームワーク
- Title Case：UIラベル、記事タイトル、見出し
- Path/case：ファイルシステム構造、ルーティングパス
- Space Case：人間が読めるラベル、表示テキスト
よくある質問
camelCaseとPascalCaseの違いは何ですか？
camelCaseは小文字で始まります（例："myVariableName"）。PascalCaseは大文字で始まります（例："MyClassName"）。camelCaseは変数や関数によく使われ、PascalCaseはクラス名やReactコンポーネントに使われます。
snake_caseとkebab-caseはいつ使い分けますか？
Python、Ruby、SQLなどアンダースコアが標準のプログラミング言語にはsnake_caseを使います。CSSクラス名、HTML属性、URL、ファイル名などWebの文脈ではkebab-caseを使います。
SCREAMING_SNAKE_CASEはどのような用途ですか？
SCREAMING_SNAKE_CASE（全大文字＋アンダースコア）は、プログラム実行中に変更されるべきでない定数・環境変数・設定値などに主に使われます。
混在した入力フォーマットも正しく処理できますか？
はい、このツールは入力フォーマットに関わらず単語の境界をインテリジェントに検出するよう設計されています。サポートされているケースフォーマット間で相互変換できます。
dot.caseとは何で、どこで使われますか？
dot.caseは単語間の区切りにドットを使います（例："namespace.component.name"）。パッケージ名、プログラミング言語の名前空間、設定ファイルのキーによく使われます。
頭字語や略語はどのように処理されますか？
選択されたケースフォーマットを適用する際、頭字語の意味を保持しようとします。ただし、複雑な頭字語は手動での出力確認が必要な場合があります。
Title CaseとTrain-Caseの違いは何ですか？
Title Caseは大文字の単語の間にスペースを使います（例："My Component Name"）。Train-Caseは大文字の単語の間にハイフンを使います（例："My-Component-Name"）。
複数行のテキストを一度に変換できますか？
はい、入力欄に複数行のテキストを貼り付けることができます。ツールは各行に対して選択したケース変換を独立して適用します。
プログラミング言語ごとにどのケースフォーマットを使いますか？
JavaScript/TypeScript：camelCase（変数）、PascalCase（クラス）。Python：snake_case。Java：camelCase（変数）、PascalCase（クラス）。CSS：kebab-case。多くの言語の定数：SCREAMING_SNAKE_CASE。
Path/caseはどのような用途ですか？
Path/caseはスラッシュを区切りに使います（例："my/component/name"）。ファイルシステムの整理、URLルーティング構造、APIエンドポイントのパスによく使われます。
複雑なテキストの変換精度はどうですか？
正規表現を使った高度なアルゴリズムにより、混在フォーマット・数字・特殊文字を含むほとんどのテキストを正確に処理します。
データベースフィールド名にも使えますか？
もちろんです！プログラミング変数名（多くはcamelCase）とデータベースフィールド名（多くはsnake_case）間の変換に最適なツールです。