コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 コーディングをしていて、クラス名に迷うことってありませんか？ ボタンや見出しといった、比較的単純なコンポーネントなら「.button」「.headline」など、すぐに思いつくかもしれません。 しかし、それが複雑なコンポーネントだったりすると、なかなか思いつかないものです。 そんな悩みを解消したいと思いまして、いろいろなサイトのソースコードを見て、開発者がどんなクラス名をつけているのか調査してみました。 今回は、その中からよく使われていたクラス名と、「これはナイスネーミング！」と思ったクラス名をピックアップしたいと思います。 thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブ

[alphabet_h]

ああ、htmlの話か

[nyaago69]

あ、こっち(html/css）のクラスのはなしか。まあ、こっちの名前も大事ですね。

[ShoCoh]

期待してたクラス名の話じゃなかった・・・

[yamadar]

ジョブズが死んだ時に、apple.comの追悼エリアのクラス名がheroになってた。当時はこの辺の慣習を知らなかったので「ヒーローなのか！」と興奮した想ひ出。

[tsuki-rs]

わかりやすい！

[route_haduki]

命名規約

[yomogi]

英語のつづりを間違えると、軽く学力を疑われる点にも注意。

[deep_one]

私の考えるコーディング（C++とかJavaとか）とは違った。

[elledie]

コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG ＞第三者にもわかるよでないとね

[clavier]

コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG

[sudo1101]

feature, media, card, tile, groupなどなど…

[m_shige1979]

詰まったらローマ字にしてしまう(´・ω・｀)

[kuma56tan]

クラス名、いつも悩む…

[KYJUN]

生徒先生！

[y-kawaz]

デザイナ向けのCSSクラス名のことか。

[koubemise]

初心者向けの記事か？　当たり前のこと過ぎて役に立たない。

[anoncom]

HTML製作の話だった

[minonet]

コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 こんにちは。フロントエンドエンジニアのせいとです。 コーディングをしていて、クラス名に迷うことってありませんか？ ボタンや見出しと