2018.04.04 Wed 「BEM」+「Sass」でスッキリ見やすいスタイリッシュなスタイルを書いてみたい BEM[基礎編] BY.石野 真琴 #Webプログラミング はじめまして、新入社員の石野です。 昨年は見に行くのが遅くてちょっと残念なお花見でしたが 今年はキレイな桜が見れて少しハッピーな今日この頃。 社内でCSSの命名規則をBEMでやってく風潮だと聞いたので これを機にしっかり調べて見ようと思いました。 BEM・Sassの基礎から 2つを合わせて、更にスッキリさせる方法まで 連載でお届けしたいと思います。 まずはBEMとは何か Yandexという会社が考えたCSSの命名ガイドラインみたいなもの。 1:素早く、そして長く使えるように 2:大人数でのプロジェクトでもスピードが落ちず、メンテもしやすい 3:別の場所で再利用が簡単に行えるほど明確な命名 4:拡張も容易で、セレクタを見る