⚡

kebab-case変換ツール

任意のテキスト、camelCase、snake_caseをkebab-caseに即変換

Need all formats? Use the full text case converter with 12 naming conventions.

このツールについて

kebab-caseはCSSクラス、URLスラッグ、HTML属性、CLIフラグの標準的な命名規則です。単語は小文字でハイフンで区切ります：`user-profile`、`background-color`、`my-awesome-project`。 このツールは任意のテキストを即座にkebab-caseに変換します。JavaScript変数からCSSクラス名を生成したり、URL用のスラッグを作成したり、CLI引数の名前を決めるとき、テキストを貼り付けてコピーするだけ。camelCase、PascalCase、snake_case、ドット、スペース、混合形式に対応しています。

使い方

1. 任意のテキストを入力または貼り付け — camelCase、snake_case、PascalCase、普通の単語 2. kebab-case結果がハイライト表示されます 3. 他のケース形式も下に表示されます 4. 「コピー」をクリックしてkebab-case結果をコピー

よくある質問

kebab-caseとは？
kebab-caseは、単語を小文字にしてハイフンで区切る命名規則です。例：'get-user-name'。ハイフンが単語を串刺しにしているように見えるため、この名前がついています。CSS、URL、HTMLデータ属性、CLI引数の標準です。
camelCaseをkebab-caseに変換するには？
camelCaseテキスト（例：'getUserName'）を貼り付けると、ツールが大文字の境界で分割し、すべて小文字にしてハイフンで結合し、'get-user-name'を生成します。
kebab-caseはいつ使う？
CSSクラス名（.user-profile）、URLスラッグ（/blog/my-first-post）、HTMLデータ属性（data-user-id）、CLIフラグ（--output-dir）、npmパッケージ名、Gitブランチ名にkebab-caseを使います。
kebab-caseとsnake_caseの違いは？
どちらも単語を小文字で区切りますが、kebab-caseはハイフン（get-user-name）、snake_caseはアンダースコア（get_user_name）を使います。kebab-caseはCSSとURLの標準、snake_caseはPythonとSQLの標準です。
なぜほとんどの言語で変数名にkebab-caseを使えない？
ほとんどのプログラミング言語はハイフンをマイナス演算子として解釈するため、'get-user-name'は'get マイナス user マイナス name'と解析されます。そのため、kebab-caseはCSS、HTML、URL、設定ファイルで使われますが、JavaScript、Python、Javaの変数名では使えません。

関連ツール

テキストケース変換ツール

テキストをcamelCase、snake_case、kebab-case、PascalCase、UPPER_CASE、Title Caseなど各種形式に変換

snake_case変換ツール

任意のテキスト、camelCase、PascalCase、kebab-caseをsnake_caseに即変換

camelCase変換ツール

任意のテキスト、snake_case、kebab-case、PascalCaseをcamelCaseに即変換