~/devtools / text-case
tool::text-case
テキストケース
変換ツール
テキストをcamelCase、snake_case、kebab-caseなど、さまざまな命名規則に即座に変換します。
camelCase—
PascalCase—
snake_case—
SCREAMING_SNAKE_CASE—
kebab-case—
UPPER CASE—
lower case—
Title Case—
ad · 300×250
// about this tool
テキストケース変換ツールについて
プログラミングにおける命名規則は、変数・関数・クラス・ファイルなどの識別子をどのような形式で書くかを定めたルールです。言語やチームによって好まれるスタイルが異なり、JavaScriptはcamelCase、PythonはsnakeCase、CSSはkebab-caseが一般的です。異なる形式間での手動変換は手間がかかり、ミスを招きやすいため、自動変換ツールが重宝されます。
camelCaseとPascalCaseはJavaScript、TypeScript、Java、C#などのオブジェクト指向言語で主流です。snake_caseはPython、Ruby、SQLのカラム名に標準的に使われます。kebab-caseはCSS、HTML属性、URLスラグに多用され、SCREAMING_SNAKE_CASEは定数宣言に広く使われます。Title Caseは見出しや表示用ラベルに使われます。
このツールは入力テキストを8つのケース形式に同時リアルタイム変換します。スペース・アンダースコア・ハイフン・ドット・camelCase境界などさまざまな区切り方を自動認識するため、どの形式で入力しても同じ正確な結果が得られます。各ケースのコピーボタンで結果をすぐに使用できます。
主な使用例
- ▸言語切り替え時のcamelCaseとsnake_case変数名の相互変換
- ▸APIレスポンスキー(snake_case)をJavaScript変数(camelCase)に変換
- ▸テキスト説明からkebab-case CSSクラス名を生成
- ▸データベースカラム名をPascalCase ORMモデルプロパティに変換
- ▸コピーしたテキストをコードベースの命名規則に即座に変換
よくある質問
Q. camelCaseとPascalCaseの違いは何ですか?
camelCaseは最初の単語を小文字で始め、以降の単語の頭文字のみ大文字にします(例: myVariableName)。PascalCaseはすべての単語の頭文字を大文字にします(例: MyVariableName)。JavaScriptでは変数や関数にcamelCase、クラスやReactコンポーネントにPascalCaseが慣例です。
Q. すでにcamelCaseやsnake_caseのテキストも変換できますか?
はい。このツールはcamelCase境界・アンダースコア・ハイフン・スペース・ドットから単語境界を自動検出します。'myVariableName'・'my_variable_name'・'my-variable-name'はすべて同じ結果に変換されます。
Q. 'HTML'や'API'などの頭字語は正しく処理されますか?
連続する大文字(HTMLやAPIなど)は1つの単語トークンとして扱われます。例えば'HTMLParser'はkebab-caseで'html-parser'、camelCaseで'htmlParser'になります。異なる分割が必要な場合は、頭字語をスペースやアンダースコアで事前に区切ってください。