テキストケース変換
キャメルケース・スネークケースなど12種類の命名規則へ一括相互変換。
※ 英数字以外の記号(@, # など)は区切り文字として認識されず、そのまま保持されます。
概要
「テキストケース変換」は、プログラミングやコーディングで頻繁に使用されるテキストの命名規則(ケース)を、素早く相互変換するための開発者向けユーティリティです。
手作業で変数の大文字・小文字やアンダースコアを書き直す必要はありません。テキストを貼り付けるだけで、camelCase、snake_case、kebab-case、PascalCaseなど全12種類のフォーマットへ一瞬で一括変換されます。
使い方
テキストの入力
変換したい変数名やテキストを上部の入力ボックスに入力(またはペースト)します。
自動判定と一括変換
入力されたテキストの現在の命名規則が自動判定され、下部のリストにすべての形式に変換された結果が出力されます。
クリックでコピー
目的のケース形式のボックスをクリックするだけで、クリップボードに変換後のテキストがコピーされます。そのままエディタに貼り付けてご活用ください。
用語集
- キャメルケース (camelCase)
- 単語を空白なしで繋ぎ、最初の単語以外の先頭を大文字にする記法。(例:
myVariableName)。JavaScriptの変数名などで標準的に使われます。 - スネークケース (snake_case)
- 単語をアンダースコア(_)で繋ぐ記法。(例:
my_variable_name)。Pythonの変数名やデータベースのカラム名でよく使われます。 - ケバブケース (kebab-case)
- 単語をハイフン(-)で繋ぐ記法。(例:
my-variable-name)。URLのパスやHTML/CSSのクラス名で広く使われます。 - パスカルケース (PascalCase)
- すべての単語の先頭を大文字にして繋ぐ記法。アッパーキャメルケースとも呼ばれます。(例:
MyVariableName)。オブジェクト指向言語でのクラス名などによく使われます。 - アッパースネークケース (UPPER_SNAKE_CASE)
- すべて大文字で、単語をアンダースコアで繋ぐ記法。(例:
MAX_VALUE)。多くの言語で定数(Constant)の命名に使用されます。
よくある質問 (FAQ)
- Q.複数行のテキストを変換できますか?
- 現在は、入力されたテキスト全体を1つのフレーズとして解釈し単語に分割します。そのため、複数行の長文よりも単一の変数名や短いフレーズの変換に最適化されています。
- Q.日本語などの全角文字に対応していますか?
- ケース変換の境界判定(キャメルケースの認識など)は主に英字(A-Z, a-z)に依存しています。全角文字が混ざっていてもテキストとしては処理されますが、大文字・小文字の概念がないため英字ほどの綺麗な変換は行われません。
- Q.入力したテキストはサーバーに送信されますか?
- いいえ。変換処理はすべてブラウザ上で実行されるため、データが外部に送信されることは一切ありません。機密性の高いシステム変数名なども安心して変換できます。
活用シーン
プログラミング・リファクタリング
APIから取得したJSONのキー(スネークケース)を、フロントエンド用のJavaScript変数(キャメルケース)に一括置換する際の補助として利用します。
CSS・HTMLコーディング
ReactやVueなどのコンポーネント名(パスカルケース)を、そのままCSSのクラス名(ケバブケース)として適用したい場合に便利です。
データベース設計
仕様書に書かれた日本語や英語の論理名を、SQLテーブルのカラム名として一般的なスネークケースに変換してDB定義書を作成します。
ブログ記事などの執筆
英語のブログ記事のタイトルを「Title Case(各単語の先頭を大文字にする)」に手軽に揃えることができます。
フィードバックを送信
ツールをより良くするためのご意見をお聞かせください。
現在、フィードバックの受付を一時停止しています
サーバーが混み合っているか、スパム防止のための安全装置が作動しています。しばらく経ってから再度アクセスしてください。