About
MVCSSは構造を推測しやすく、かつメンテナンスしやすいアプリケーションのスタイルを作成するためのSassベースのCSSアーキテクチャです。
EnvyLabsでのフロントエンドの開発者として、我々は主に中〜大規模のRailsアプリケーションに関わっています。
これらのプロジェクトはどれも、通常のメンテナンスや開発イテレーションを通して、CSSがかなりの大きさになっています。
複雑さにもよるが、正しい方法があまりにも入り組んであれば、セットアップや既存のスタイルの変更が難しかったり、十分に行えなかったりします。
何かCSSを書くための別の方法はありますか?
我々は、OOCSS、BEM、およびSMACSSのような裏付けのある方法論の大ファンであり、よくその教えを採用します。このちょっとしたアーキテクチャと添付のスタイルガイド/ ライブラリは、推奨されるプラクティスを1カ所にまとめてあります。
CSSのすべてがそろっているの?
CSSそれ自体を習得するのは簡単ですが、大規模なアプリケーションでメンテナンスしやすいように適用するのは難しい。 - だから、上記の方法論に人気があります。 MVCSSはスタイルを整理するためのそのような作法の1つであり、我々が採用した中で最も成功を収めたものです。
Sassを使う必要がありますか?
Sassはこのパラダイムを採用するために必要なものではないが、MVCSSのすべてのプロジェクトファイルはSassで書かれているので、絶対にSassを使うことをお勧めします.
構成の概要
MVCSS 3つの主要なセクションに分かれています: