命名規則の◯◯ケースについてまとめてみた

動機

初投稿です。

vue.jsを学習していく中でコンポーネントや変数の命名に様々な書き方があるようなのでまとめてみました。

#本題

キャメルケース

小文字で書き出し、単語ごとに最初の文字を大文字にして記述する書き方
ラクダ（camel）のコブのように見えることが由来だそうです。

camelCase

パスカルケース

大文字で書き出し、単語ごとに最初の文字を大文字にして記述する書き方
アッパーキャメルケースとも呼ぶ。

PascalCase

ケバブケース

全て小文字で書き、単語と単語を「 - （ハイフン）」で繋ぐ書き方
ケバブのように串刺しになっているように見えることが由来。

kebab-case

スネークケース

全て小文字で書き、単語と単語を「 _（アンダースコア） 」で繋ぐ書き方
蛇がニョロニョロしているように見えるのが由来なのでしょうか？

snake_case

参考

• https://ja.wikipedia.org/wiki/%E3%82%AD%E3%83%A3%E3%83%A1%E3%83%AB%E3%82%B1%E3%83%BC%E3%82%B9

• https://qiita.com/ngron/items/ab2a17ae483c95a2f15e

• https://qiita.com/yimajo/items/a3fac0026c07ec538fc2