Kebab Case to Camel Case Converter
user-profile-image のようなハイフン区切りの開発者向け識別子を userProfileImage のような camelCase に変換します。
無料・プライベート。ブラウザ内で処理します。
検出: snake_case
camelCase 出力
userProfileImageUrl
すべての命名形式
camelCase
userProfileImageUrlPascalCase
UserProfileImageUrlsnake_case
user_profile_image_urlkebab-case
user-profile-image-urlCONSTANT_CASE
USER_PROFILE_IMAGE_URLdot.case
user.profile.image.urlpath/case
user/profile/image/url変換はブラウザ内で行われ、入力は変換サーバーへ送信されません。
例
| 入力 | 出力 |
|---|---|
| user-profile-image | userProfileImage |
| api-response-url | apiResponseUrl |
| feature-flag-name | featureFlagName |
このコンバーターの仕組み
テキストまたは識別子を貼り付けると、単語境界や一般的な区切りを検出し、選択した命名規則へ整形します。
- ハイフンを単語境界として扱い、camelCase の出力では削除します。
- 最初のトークンは小文字のままにし、2 語目以降の先頭を大文字にします。
主な用途
設定キー、スラッグ、生成名、外部から取り込んだ識別子を JavaScript / TypeScript 用に変換します。
CSS Custom Properties、float、Vendor Prefix など CSS 固有の規則が必要な場合は専用の CSS Property Converter を使います。