Oh MyUtils

テキストケース変換器 - camelCase, snake_case等 変換 オンライン

camelCase、snake_case、PascalCase、kebab-case、CONSTANT_CASE、Title Case間でテキスト変換。変数名の変換に最適。

文字数: 0スペースなし: 0単語数: 0

変換結果を表示するには上にテキストを入力してください

よくある質問

ケースコンバーターとは?

ケースコンバーターは、テキストを様々な命名規則と大文字小文字スタイルの間で変換するオンラインツールです。camelCase、snake_case、PascalCase、kebab-case、CONSTANT_CASEなどのプログラミング形式をサポートしています。

使い方は?

入力エリアにテキストを入力または貼り付けるだけです。サポートされているすべてのケース形式がリアルタイムで同時に表示されます。必要な形式の横にあるコピーボタンをクリックしてください。

テキストデータは安全ですか?

すべてのテキスト処理はJavaScriptを使用してブラウザ内で100%クライアントサイドで実行されます。テキストがサーバーに送信されることはありません。

camelCase、PascalCase、snake_caseの違いは?

camelCaseは小文字で始まり後続の単語を大文字にします(myVariableName)。PascalCaseはすべての単語の最初を大文字にします(MyClassName)。snake_caseはすべて小文字でアンダースコアで区切ります(my_variable_name)。

kebab-caseとsnake_caseの使い分けは?

kebab-caseはハイフンを使用し、CSSクラス名、HTML属性、URLスラグの標準です。snake_caseはアンダースコアを使用し、Python、Ruby、SQLの標準です。

CONSTANT_CASEとは?

CONSTANT_CASEはすべての文字を大文字にし、単語をアンダースコアで区切ります(MAX_RETRY_COUNT)。ほぼすべてのプログラミング言語で定数と環境変数の普遍的な規則です。

入力形式はどのように検出されますか?

ツールは入力テキストのパターンを分析して現在のケース形式を検出します。区切り文字と大文字小文字パターンをチェックします。

複数行のテキストに対応していますか?

はい。複数行のテキストを貼り付けると、テキスト全体に変換が適用されます。変数名リストやデータベースカラムの一括変換に便利です。

コード例

function splitIntoWords(input) {
  return input
    .replace(/([a-z])([A-Z])/g, '$1 $2')
    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')
    .replace(/[_\-./]/g, ' ')
    .split(/\s+/)
    .filter(w => w);
}

const toCamelCase = s =>
  splitIntoWords(s)
    .map((w, i) => i === 0 ? w.toLowerCase()
      : w[0].toUpperCase() + w.slice(1).toLowerCase())
    .join('');

const toSnakeCase = s =>
  splitIntoWords(s).map(w => w.toLowerCase()).join('_');

const toKebabCase = s =>
  splitIntoWords(s).map(w => w.toLowerCase()).join('-');

console.log(toCamelCase('my_variable_name')); // myVariableName
console.log(toSnakeCase('myVariableName'));   // my_variable_name
console.log(toKebabCase('MyClassName'));       // my-class-name

関連ツール