CSS は、比較的簡単に使いこなすことができます。しかし、それを使い続け綺麗な状態を長期的に保つこととは全く別の話です。知らず知らずのうちに乱雑になっていきます。ありがちですよね?そんな時、命名規則の出番です。様々な選択肢がある中で私が選んだのが BEM なのです。 BEM とは何か BEM とは、命名規則の一種で、モジュラーでメンテナンス可能なスタイルを書くことができます。 BEM は、Block-Element-Modifier の略語で、クラス名は3つ[^1]のパートから成ります。実際の表記は block__element--modifier となり、Block から始まり、次に Element(アンダースコアが2つ)、そして最後に Modifier が続きます(ダッシュが2つ)。 画像1:BEM で命名されたコンポーネントの例 Block(ブロック) Block は、独立しており再
![BEM を使うべき5つの理由(なぜ BEM が G.R.E.A.T といえるのか) - Frasco](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ce097a89cea461fb675b238d4b71cb09fa2df9b/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fdoha-api%2Fuploads%2F2017%2F11%2F18%2F1_95c1e0G4ImgNuVQAL_aSBg.png)