camelCase を使う場面
camelCase は最初の token を小文字にし、値や動作を表す識別子でよく使われます。
命名規則ガイド
どちらも区切り文字を除き内部の単語境界を大文字で示します。違いは先頭文字で、camelCase は小文字、PascalCase は大文字です。
| 違い | camelCase | PascalCase |
|---|---|---|
| 例 | userProfileImage | UserProfileImage |
| 主な用途 | 変数、property、parameter、function、object field | class、type、component、constructor、model |
| 先頭文字 | 小文字 | 大文字 |
| 単語の区切り | なし | なし |
| 後続単語 | 大文字始まり | 大文字始まり |
| 典型的な役割 | 値・動作 | 型・component |
camelCase は最初の token を小文字にし、値や動作を表す識別子でよく使われます。
PascalCase は最初の token も大文字にし、type、class、component を視覚的に区別する用途でよく使われます。
| 場面 | 推奨形式 | 理由 |
|---|---|---|
| 変数・引数・通常の function | camelCase | lower camel case は多くの JavaScript / Java 系 codebase で値や処理を表す形式です。 |
| class・type・component・constructor | PascalCase | Upper camel case を使うと type 系の名前と通常の値を視覚的に区別しやすくなります。 |
| 自動生成 SDK / schema code | generator / schema の規則に従う | 手動で case を変えると生成コードの参照が壊れ、再生成時の diff も読みにくくなります。 |
| 公開 package / framework API | ecosystem の慣例に従う | 独自ルールより、その ecosystem の利用者が見慣れた命名の方が理解しやすくなります。 |
見た目だけでなく識別子の役割で選びます。値は camelCase、型は PascalCase というプロジェクト規則があるならその区別を維持します。
下に識別子を貼り付けると、対象形式と対応する命名形式を確認できます。変換はブラウザ内で実行されます。
UserProfileImageUrl
userProfileImageUrlUserProfileImageUrluser_profile_image_urluser-profile-image-urlUSER_PROFILE_IMAGE_URLuser.profile.image.urluser/profile/image/url変換はブラウザ内で行われ、入力は変換サーバーへ送信されません。