・BEMとは、CSS設計手法の一つ命名規則を設ける事で、可読性が高まり、メンテナンスが容易になる。チーム開発でBEMを採用する事になりました3日前から始まっているスクールのチーム開発において、ビューはBEMの考え方に沿って作成する条件が課せられました。今後チームメンバーと共有する事を考えると、しっかりとポイントを押さえた方が良いと考え、BEMについて復習する事にしました。BEMとは定められた命名規則に沿ってクラス名を決めて、HTMLを記述する方法。略称ですが、その名の通り、Webページ上の各要素を「Block」「Element」「Modifier」に分けて考えます。「block」「element」と「modifier」は「--」で区切って、クラス名をつけます。複数の言葉で表現したい場合は、「-」で単語と単語を区切ります。</ul></nav>BEMのメリット・デメリットBEMを導入することで、下記の様なメリットがあります。・一貫した書き方が保てる為、可読性が高まる・複数人でコーティングしても、誰が見てもコードを理解できる・クラス名が重複して、スタイルが適用されなくなる事態を防げる・クラス名だけでHTML構造を把握できる・Modifierにより見た目や振る舞いを容易に増やせるので、拡張性に優れている但し、下記の様なデメリットもあります。下記の様なケースで導入するのが最適だと考えられます。複数人のチーム開発なので、BEMの導入が最適だと言えます。長くなってしまったので、次回に持ち越したいと思います。学び直す中で、勘違いしている部分が多々あることに気付かされました。BEMの全容を理解する難しさを感じた一方、こういった道しるべが無しに、自力で整合性の取れたCSS設計を考えるのは至難の技だと感じました。BEMについては、もう少し理解を深めて行きたいです。《今日の学習進捗》チーム開発:三日目メルカリトップページのビューを作成(途中)画像とテキストを横並びにさせた時、中央揃えがうまく出来ずに時間を食う。最終的に、line-heightで無理矢理調整する。日)IBMのWatsonきっかけでエンジニアに憧れて28歳未経験でWebエンジニアへ転職。2018年12月から3年間で「10000時間」をプログラミングに捧げる計画を立て、学んだことをブログの投稿中。Activitiesryoutakuこのサイトについてプライバシーポリシ。