camelCaseをkebab-caseに変換する方法（JavaScript、Python、CLI）

camelCaseからkebab-caseへの変換は、JavaScriptの識別子をCSSクラス名、URLスラッグ、CLIフラグに変換する際に不可欠です。

JavaScript

function camelToKebab(str) {
  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
}
camelToKebab("backgroundColor"); // "background-color"

Python

import re
def camel_to_kebab(s):
    return re.sub(r'(?<=[a-z0-9])(?=[A-Z])', '-', s).lower()
camel_to_kebab("backgroundColor")  # "background-color"

CLI（sed）

echo "backgroundColor" | sed 's/\([a-z]\)\([A-Z]\)/\1-\2/g' | tr '[:upper:]' '[:lower:]'

オンラインツール

kebab-caseコンバーターまたはケースコンバーターハブをご利用ください。