1. はじめに 以前こんな記事書きいた者です(ありがたいことに数十に及ぶいいね(LGTM)頂いてます感謝) Qiita執筆記事:CSS設計手法「FLOCSS」を適用して出てきた疑問を自分なりに考えて進めた結果と得た知見と失敗と で、書いた上にある程度LGTM等頂いた責任として言わねばならぬことがあり本記事を記すこととした。まずは一言 「CSS設計素人がFLOCSSに手を出すのはおすすめできない」 (私が書いた記事でFLOCSS使ってみようと思った初心者がいたら本当に申し訳ない) FLOCSSのObject層のルールが柔軟であるが故、使用者が方針を固める必要がある(と思っている)ので、方針を固めるための知見がない素人が使いこなすには難易度が高いと考えるからである。 ※過去素人(私)が手を出した結果、上記記事のような悲惨な結果に陥った。別要因もあるが開発物は開発中断。 挫折を経て、CSS設計を
![1年前に素人がFLOCSS使って直面した疑問/失敗に対し、PRECSSを学んで解消 / 前進できた話 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/35807ed979571575fcbb27d0ef3e7cbe18ef0481/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9MSVFNSVCOSVCNCVFNSU4OSU4RCVFMyU4MSVBQiVFNyVCNCVBMCVFNCVCQSVCQSVFMyU4MSU4Q0ZMT0NTUyVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFNyU5QiVCNCVFOSU5RCVBMiVFMyU4MSU5NyVFMyU4MSU5RiVFNyU5NiU5MSVFNSU5NSU4RiUyRiVFNSVBNCVCMSVFNiU5NSU5NyVFMyU4MSVBQiVFNSVBRiVCRSVFMyU4MSU5NyVFMyU4MCU4MVBSRUNTUyVFMyU4MiU5MiVFNSVBRCVBNiVFMyU4MiU5MyVFMyU4MSVBNyVFOCVBNyVBMyVFNiVCNiU4OCUyMCUyRiUyMCVFNSU4OSU4RCVFOSU4MCVCMiVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MSU5RiVFOCVBOSVCMSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTVmNDExZWQ3Y2QxOGY4MTUzZDg1NjA0NDFhMTU5MmQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBTWU1fc2ltdSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTBjM2I2NjNhMTBiZDFkM2JhNTBiMzc3YzJhOTJlYWQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd5e85674964ca8c7ae3c93f8bab9d78a)