ケバブケースコンバーター

URL や CSS 用にテキストをケバブケースに変換

共有:

ケバブケース変換ツール

クリーンな URL や CSS セレクターに好まれる形式

当ツールの無料オンライン変換器を使用して、テキストをケバブケース形式に変換できます。ケバブケースは、小文字を使用し、単語をハイフンで区切る形式で、串に刺さった「ケバブ」のように見えるのが特徴です。

主な機能

🔗

クリーンな URL

検索エンジンは URL スラッグにハイフンを使用することを推奨しています。

即座に結果を表示

入力中やクリック時に即座に変換されます。

🔒

プライバシー保護

入力されたテキストがデバイス外に出ることはありません。

📝

一括変換

複数の行やスラッグを一度に変換できます。

🎯

スマートクレンジング

スペースや特殊文字を自動的に適切に処理します。

🆓

100% 無料

登録不要。隠れたコストもありません。

一般的な利用シーン

URL スラッグ

ブログ記事や製品ページ用に、読みやすく SEO に適した URL を作成します。

CSS クラス名

.primary-button や .main-nav-container のようなスタイル命名。

ファイル命名

クロスプラットフォーム互換性のあるファイル名の標準。

HTML ID

要素に説明的でユニークな ID を付与します。

パッケージ名

npm やその他のモダンなパッケージマネージャーで一般的です。

ドメイン名

複数単語で構成されるドメイン名のフォーマット。

変換方法

  1. 0. テキストを入力: フレーズや URL の断片を入力します。
  2. 1. 自動フォーマット: ツールがすべてを小文字に変換します。
  3. 2. ハイフン付与: 英数字以外のすべての文字をハイフンに置き換えます。
  4. 3. クリーンアップ: 連続するスペースやハイフンをスマートに処理します。
  5. 4. 準備完了: ケバブケースのテキストが出力されます。

変換例

URL スラッグ

My Web Page → my-web-page

CSS クラス

Header Navigation → header-navigation

よくある質問

なぜケバブケースと呼ばれるのですか?

単語がハイフンで「串刺し」にされている様子が、ケバブのように見えるからです。

ケバブケース vs スネークケース?

ケバブはハイフン (-)、スネークはアンダースコア (_) を使います。URL にはケバブ、データベースにはスネークが好まれます。

SEO に有利ですか?

はい。Google などの検索エンジンは、URL でアンダースコアよりもハイフンを使用することを推奨しています。

特殊文字はどうなりますか?

安全のため、記号や句読点はすべて単一のハイフンに置き換えられます。

無料ですか?

制限なく完全に無料でお使いいただけます。