snake_case→kebab-case

このツールでできること

• snake_case→kebab-caseでは、snake_case→kebab-caseをブラウザ上で瞬時に実行。アンダースコアをハイフンに置き換えたうえで、アルファベットを小文字に統一する。
• 関連する観点として snake_case→kebab-case、snake to kebab、text snake to kebab を確認し、結果をコピーして別の作業に使えます。

使い方

1. 変換したいsnake_case文字列（例: user_full_name）を入力欄に貼り付けます。
2. 処理はinput.replace(/_/g, '-')でアンダースコア（_）をすべてハイフン（-）に置き換えたうえで、.toLowerCase()により文字列全体を小文字に統一します。
3. "User_Full_NAME"のように元が大文字を含む場合でも、アンダースコアがハイフンに置き換わり、かつ全体が小文字化されて"user-full-name"になります。
4. 結果をコピーし、HTMLのdata属性やCSSのカスタムプロパティ名など、kebab-caseが使われる箇所に貼り付けます。

入力例・出力例

よくある利用シーン

• 大文字を含むsnake_caseの定数名を、小文字統一されたkebab-caseのCSSクラス名やHTML属性に変換したいとき。
• 連続するアンダースコアを含む識別子を、区切り文字の数を変えずにハイフン区切りへ揃えたいとき。
• Pythonの変数名やSQLのカラム名を、URLスラグやCSS用のkebab-case表記に一括変換したいとき。

結果確認のポイント

• 変換後の文字種、文字数、改行、余分な空白が意図どおりか確認してください。
• snake_case→kebab-case、snake to kebab、text snake to kebabの観点で、入力内容と出力内容がずれていないか見直してください。
• コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

• 長文を扱う場合は、コピー前に一部だけで変換結果を試すと安心です。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• snake_case→kebab-caseの主要な処理はブラウザ内で実行されます。
• 入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

関連ツール