入力

変換結果

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. 1

    テキスト入力

    変換したい変数名、関数名、または一般的なテキストを入力フィールドに入力します。

  2. 2

    結果確認

    入力と同時に6つのケース形式(camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、Title Case)に変換された結果が表示されます。

  3. 3

    コピー

    希望するケース形式の横にあるコピーボタンをクリックしてクリップボードにコピーします。

よくある質問

活用のヒント

  • JavaScript/TypeScriptでは変数と関数にcamelCase、クラスとReactコンポーネントにPascalCaseを使用してください
  • Pythonでは変数と関数にsnake_case、クラスにPascalCase、定数にCONSTANT_CASEを使用してください
  • URLやファイル名にはkebab-caseを使用すると可読性とSEOに有利です
  • データベースのテーブル名とカラム名にはsnake_caseが標準的に使用されます
  • チームプロジェクトでは一貫したネーミング規則をESLintなどのリンターで強制することをお勧めします