命名規則変換
camelCase, snake_case など変換
入力
変換結果
lowercase
hello world example
UPPERCASE
HELLO WORLD EXAMPLE
Title Case
Hello World Example
Sentence case
Hello world example
camelCase
helloWorldExample
PascalCase
HelloWorldExample
snake_case
hello_world_example
kebab-case
hello-world-example
CONSTANT_CASE
HELLO_WORLD_EXAMPLE
dot.case
hello.world.example
path/case
hello/world/example
aLtErNaTiNg
hElLo wOrLd eXaMpLe
InVeRsE
hELLO wORLD eXAMPLE
ケーススタイルガイド
camelCase
JavaScript変数・関数名に使用
PascalCase
クラス名・Reactコンポーネントに使用
snake_case
Python・Ruby変数名に使用
kebab-case
URL・CSSクラス名に使用
CONSTANT_CASE
定数・環境変数に使用
Title Case
タイトル・見出しに使用
ネーミング規則変換器とは?
プログラミングで使用される様々なネーミング規則(camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、Title Case)を相互変換するツールです。テキストを入力すると、すべてのケース形式の変換結果を同時に確認できます。
- camelCase、PascalCase、snake_caseなど6つのケース形式を同時変換
- 入力テキストの現在のケースを自動検出
- 変換結果をワンクリックでコピー
- スペース、ハイフン、アンダースコアなど様々な区切り文字を自動認識
- ブラウザ内で変換するためサーバー送信不要でセキュア
使い方
- 1
テキスト入力
変換したい変数名、関数名、または一般的なテキストを入力フィールドに入力します。
- 2
結果確認
入力と同時に6つのケース形式(camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、Title Case)に変換された結果が表示されます。
- 3
コピー
希望するケース形式の横にあるコピーボタンをクリックしてクリップボードにコピーします。
よくある質問
活用のヒント
- JavaScript/TypeScriptでは変数と関数にcamelCase、クラスとReactコンポーネントにPascalCaseを使用してください
- Pythonでは変数と関数にsnake_case、クラスにPascalCase、定数にCONSTANT_CASEを使用してください
- URLやファイル名にはkebab-caseを使用すると可読性とSEOに有利です
- データベースのテーブル名とカラム名にはsnake_caseが標準的に使用されます
- チームプロジェクトでは一貫したネーミング規則をESLintなどのリンターで強制することをお勧めします