テキストケース変換ツール
テキストを8種類のフォーマットにリアルタイム変換します
スペース・ハイフン・アンダースコア・camelCase・PascalCaseすべて対応
テキストケース変換ツールとは
プログラミングでは変数名・関数名・クラス名などに異なる命名規則が使われます。このツールを使えば、一つの入力から8種類の命名規則に即座に変換できます。スペース区切り、ハイフン区切り、camelCase など様々な入力形式に対応しています。
よくある質問
各命名規則はどのような場面で使われますか？
言語・場面別の標準: (1) **camelCase**: JavaScript/TypeScript/Java/Swift の変数名・関数名、(2) **PascalCase**: クラス名・型名・React コンポーネント名、(3) **snake_case**: Python の変数・関数、Ruby、PostgreSQL の列名、(4) **kebab-case**: CSS クラス・HTML属性・URL・npm パッケージ名、(5) **SCREAMING_SNAKE_CASE**: 定数・環境変数（API_KEY等）。プロジェクトの言語・規約に従って使い分けます。
日本語や記号を含むテキストは対応していますか？
本ツールは英数字とスペース・ハイフン・アンダースコアの変換を主な想定としています。日本語（ひらがな・カタカナ・漢字）が含まれた場合、変換規則は適用されず元のまま保持されます。記号（@、#、$等）も同様に保持されます。プログラミングの命名では英数字のみを使うのが標準なので、日本語識別子は事前にローマ字や英訳に変換することを推奨します。
camelCaseとPascalCaseの違いは？
両者の違いは「最初の文字」だけです。**camelCase**（lower camelCase）は最初の単語が小文字（例: `helloWorld`、`userId`）。**PascalCase**（UpperCamelCase）はすべての単語が大文字始まり（例: `HelloWorld`、`UserId`）。JavaScriptでは変数・関数に camelCase、クラス名・型名・React コンポーネントには PascalCase を使い分けるのが慣例です。
リアルタイムで変換されますか？
はい、本ツールはテキスト入力に応じて自動的に8種類の変換結果がリアルタイム更新されます。ボタンを押す必要はありません。各フォーマットの結果はワンクリックでクリップボードにコピーできるため、入力 → 確認 → コピー の流れがスムーズです。useMemo で内部的に最適化しているため、長文でも遅延なく変換されます。
snake_caseとkebab-caseの選び方は？
`snake_case`（アンダースコア区切り）はプログラミング識別子向けで、Python・Ruby・SQL・C系言語の伝統的命名。`kebab-case`（ハイフン区切り）はURL・CSS・HTML・ファイル名向けで、ブラウザURLバーやファイルシステムで自然に使えます。逆にCSSクラスでアンダースコアを、URLでハイフンを使わない理由は「環境ごとの慣習」と覚えておくと選択ミスを防げます。
API設計で命名規則を統一する重要性は？
JSON APIでは一貫した命名規則が読みやすさ・保守性に直結します。OpenAPIやJSON Schemaの推奨は (1) **camelCase**: JavaScriptクライアントが多い場合、(2) **snake_case**: Pythonクライアントが多い・データベースに近い場合。どちらかをプロジェクト全体で統一することが重要で、混在は避けてください。Google APIs は camelCase、Stripe APIs は snake_case 採用です。
プロジェクト内で命名を統一するコツは？
(1) ESLintやTSLint で命名規則をlintルール化（`camelcase` ルール）、(2) `.editorconfig` でエディタ間の統一、(3) チームのコーディング規約に明記、(4) コミット前のpre-commit hookで自動整形、(5) コードレビューでチェック、(6) リファクタリング時にIDEの一括リネーム機能を活用、を組み合わせると徹底できます。
変換時にデータはサーバーに送信されますか？
いいえ、本ツールはすべての変換処理をブラウザ内で完結させます。入力されたテキスト（変数名・APIキー名・機密情報を含むかもしれない識別子）がst0z.comのサーバーや第三者に送信されることはなく、社外秘のコードリファクタリング作業も安全にお使いいただけます。