スマートフォンと呼ばれる端末が世に出て、早。。。何年だ?何年かは忘れましたが、 私はそのスマートフォン端末登場と共に、正式に「フロントエンドエンジニア」と呼ばれる職種につきました。 それまではデザインだったり、構成作成したり、モバイルやったり、Flashだったり、PHP用いてのサーバーサイド等と言わばなんでも屋のwebデザイナーでした。 スマートフォンに特化した「フロントエンドエンジニア」となってからは様々なプロジェクトに参加し、様々なプロダクトを世に放ってきました。 ここ数年でその「フロントエンド」と言われる領域の環境もめまぐるしく変わってきました。 そこで、一旦ここ数年これで落ち着いているな。と思われる SCSSのclass付与とディレクトリ構成についてまとめさせて頂きます。 まず、ディレクト構成についてなんですが、管理するにあたって一番大事なのは、「第三者でも分かる管理法です。」 「
![スマートフォンサイト制作における SCSSディレクトリ構成、Class命名について](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff2823ddef56be5bed1ecd2705112c91cdeb5fed/height=288;version=1;width=512/http%3A%2F%2Fwww.webcyou.com%2Fwp-content%2Fuploads%2F0442c5d163aabc922ae698830b0d92a3.png)