僕はCSSを見殺しにした
- 公開日
- タグ
- Advent Calendar
- CSS
CSS Architecture Advent Calendar 2014の 10 日目。
それまではけっこう頑張っていた。スタイルガイドも作っていた。デザイナーとコミュニケーションをとり、拡張性のあるパーツを作っていった。新しく触る人にも読み方や使い方を説明できるようにしていた。
崩壊は UI デザイナーがいなくなった時に始まった。汎用ボタンは使われなくなった。決まったルールのデザインエッセンスはなくなった。要素間の空白は誰かの感覚で変わった。
なぜ止めることができなかったのか。それは、デザインの改修が少しずつ行われたからだと思う。その改修はいつのまにか始まり、いつ終わるとも決まっていなかった。あらゆるパターンが同居するデザインを CSS は管理できない。改修途中でも平気でブランチが切られていく。デザイナーがやりたい時にやりたいだけ変えると知ったとき、僕は CSS を管理するのをやめた。
すでに完成形まで共通化された CSS では影響範囲が大きすぎた。それでも既存のルールセットに手を加えたのは、「いままでの共通パーツを使いまわせる」という思いこみがあったからだった。結果的に全ページユニークなデザインになったのを見ると、デザインが変わると決まった瞬間に新しいセレクタを作った方が楽だったのだろう。これは明確に僕の予測ミスだし、途中でもそれに気づいて管理しなおすべきだった。
見殺しにした CSS は今も common フォルダの中でもがき苦しんでいる。