ケース変換
ケース変換
ケース変換で大文字・小文字・先頭大文字・camelCase・snake_case・kebab-case・PascalCase をまとめて切り替えできます。変数名、CSS クラス、API 命名、データベース項目の整形に便利です。
ケース変換変換したいテキストを貼り付けまたは入力します。非ラテン文字や絵文字はそのまま保持されます基本/プログラミング/その他の各セクションから目的の形式を選ぶと、すぐに結果が表示されます形式カードをタップすると結果をコピーできます。複数行のテキストも一括でコピーされますカードを順番にタップするだけで、一度の操作で複数の変換をまとめて適用できます
かんたんスタート
1
2
3
4
よくある利用シーン
変数/関数名
英語フレーズを camelCase/PascalCase/snake_case に変換して命名を統一
CSS/URL
クラス名やパスは kebab‑case 推奨で読みやすく
データベース/定数
snake_case や CONSTANT_CASE に変換して規約に合わせる
ファイル/パス
空白を含む名前を kebab‑case や path/case に整形
API/ルーティング
REST は kebab/snake、GraphQL フィールドは camelCase を維持
文書整形
見出しは Title Case、文章冒頭は Sentence case
一括リネーム
複数行を貼り付けて一括変換→まとめてコピー
コードレビュー前
命名を揃えて diff と手戻りを削減
補足シナリオ
snake_case変換、kebab-case変換、PascalCase変換 も同じ確認フローでまとめて扱え、コピーや書き出し前の確認を進めやすくします。
形式リファレンス
小文字:hello world example
大文字:HELLO WORLD EXAMPLE
先頭大文字:Hello world example
タイトル:Hello World Example
文章:Hello world example. Next sentence
キャメル:helloWorldExample
パスカル:HelloWorldExample
スネーク:hello_world_example
ケバブ:hello-world-example
定数:HELLO_WORLD_EXAMPLE
ドット:hello.world.example
パス:hello/world/example
format_example_inverse
大文字小文字反転:HELLO WORLD EXAMPLE → hello world example
使い方のヒント
フロントエンド命名:コンポーネントや型はPascalCase、CSSクラスやURLはkebab-caseが定番です
バックエンド:Pythonやデータベースの項目はsnake_case、Java/Goの変数はcamelCaseまたは大文字スネークがよく使われます
API 設計:RESTパスはkebab/snake-caseで統一し、GraphQLのフィールドはcamelCaseを維持します
制限事項と互換性
ページをスムーズに保つため、超大規模テキストは分割して変換すると安定します
特殊記号:@#$ などは区切り文字として扱われ、選んだ命名規則に合わせて置き換えられます
数字の扱い:数値自体は変更せず、文字と数字が接する位置にだけ区切りを挿入します
プライバシーとセキュリティ
すべての処理はブラウザ内でローカルに完結し、現在の内容はいつでも差し替え、クリア、再処理できます。
よくある質問
camelCase(userName)は変数や関数向け、PascalCase(UserName)はクラスやコンポーネント名でよく使われます
@#$ などは単語区切りとして扱われるため、hello@world は hello_world のように整形されます
非ラテン文字や絵文字は変更されず、ラテン文字の単語のみ変換します(例:「テスト test」→「テスト Test」)