用語集に戻る
フロント初級

キャメルケース

キャメルケース

一言で言うと

myProject 形式。

もう少し詳しく

一言で言うと

myProject 形式。JS 変数向け。

もう少し詳しく

先頭の単語を小文字で始め、2語目以降の先頭だけを大文字にする形式を lowerCamelCase、最初の語も大文字にする形式を UpperCamelCase (PascalCase) と呼ぶ。JavaScript では変数・関数名に lowerCamelCase が標準的に使われ、クラス名には UpperCamelCase が使われることが多い。

実際のコードでは変数名 userName、関数名 getUserData、React の props 名 onClick や onChange などが典型例として挙げられる。JSON のキー名にも lowerCamelCase が広く使われている。

実務でどう使うか

  • 変数・関数の命名 ── userName や fetchUserData のように、複数の単語を繋げて読みやすい識別子を作れる

  • HTML data 属性との連携 ── data-user-id のような kebab-case の属性は、JavaScript で dataset.userId と lowerCamelCase に自動変換される

  • JSON キー名 ── API レスポンスのキー名には lowerCamelCase が広く採用されている

  • React の props 名 ── onClick や onChange など、イベントハンドラの props は lowerCamelCase で命名される
  • 関連する章

    Ch27 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る