株式会社アンティー・ファクトリーXAチーム(マークアップエンジニアチームの名称)の Advent Calendar 1日目担当の@kokushinです。 業務ではWebサイトのマークアップに加え、JavaScriptを用いた演出・機能実装などを行っております。 プライベートでは、Vue.jsを使ったWebアプリやCSSフレームワークなんかを自作して遊んでおり、最近だとサーバーサイド言語にも手を出し始めました。楽しいです。 CSS設計に関してはまだ苦手意識がありますが、OOCSS・SMACSS・BEM・FLOCSSなどの設計論や、Atomic Designといった考え方が登場したことで昔よりかは随分と良くなりましたね。 弊社では主にFLOCSSを取り入れて業務に活かしているのですが、プライベート開発のときは「独自のCSS設計を考えて実際に使ってみよう」と決めていたので、Webサイトのソースや
![2017年度・自分なりのWebサイト制作向けCSS設計論 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9bb17d5625039c13fbcddd12bee1c1d1905369d7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9MjAxNyVFNSVCOSVCNCVFNSVCQSVBNiVFMyU4MyVCQiVFOCU4NyVBQSVFNSU4OCU4NiVFMyU4MSVBQSVFMyU4MiU4QSVFMyU4MSVBRVdlYiVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MyU4OCVFNSU4OCVCNiVFNCVCRCU5QyVFNSU5MCU5MSVFMyU4MSU5MUNTUyVFOCVBOCVBRCVFOCVBOCU4OCVFOCVBQiU5NiZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDbWlkZGxlJnM9ODBmZjk5NGU5ZmQ3NzkwMGRlMmIyMzQ3N2M4OGRmODc%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa29rdXNoaW4mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTcyNTFmNzVhNzJkNDEzYzA5OGM3ODZkMTFmM2ZmOTVj%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D20885c3c462a405f043e2ed96c731b4d)