CSS Modulesの歴史、現在、これから - Hatena Developer Blog

マンガメディア開発チームの id:mizdra です。半年ほど前から「フロントエンドエキスパート」という肩書きをもらい、社内でフロントエンドの啓蒙活動をしています。具体的にどんな活動をしているかについては、社内のポッドキャストで少し話しましたので、興味があれば聞いてみてください。 developer.hatenastaff.com 最近、私はReactを採用する社内プロダクトでのCSSの書き方を検討していました。最終的にそのプロダクトでは、CSS Modulesを採用するに至りました。しかしその過程で、CSS Modulesのメンテナンス体制に対して懸念があり、将来的な存続を危ぶむ声が界隈にあることを知りました。 ただし、実際にメンテナンス体制について調べてみたところ、万全ではないものの引き続きメンテナンスがされていて、使用もできることが分かりました。そこで、今回はCSS Modulesに

[oooooooo]

“はてなではデザイナーがCSSを書く体制”/ 理想的。デザイナから画像渡されて CSS 起こすの地獄

[nicht-sein]

cssのクラス名はグローバルなので衝突回避の為 index-slide-button などページ名や機能名を使ってユニークになる用コーディング側が考慮しなきゃなのが、CSS MODULEだとModule内で名前が閉じるのでそれを考える必要がないのが利点

[onk]

歴史面白い。`:local(.className)` だった時期知らなかった

[sigwyg]

ファイルがめっちゃ増えるのが難点だけど、判りやすくて好きです。シンタックスが分離されてるので、エディタ対応で妙なバグとか踏む可能性も低い。

[mayumayu_nimolove]

メリットがよくわからないんだよな。モジュールっていうぐらいだから再利用しやすいのかもしんないけど。

[kikiki-kiki]

styled component より CSS Modules が好きなんだけどメンテ滞ってたのか…知らなかった〜

[shingo-sasaki-0529]

あぁ、CSS Modules は実装じゃなくて仕様だったのか。使わなすぎてそれすら気づかなかった。そして css-loader が起源だったとは。少しだけ身近になった。

[torinashisatoko]

作ったスタイルを捨てるときに真価を発揮しそうです

[pascal256]

CSS Moduleは便利そうというか正統進化な気がするな。流行るかは別問題だけど。

[Cherenkov]

ただの初期のcssの書き方に戻っただけなのになんでcss modulesって名前が付いてるんだろう。特別なことやってないのに「贅沢な名だねぇ」

[door-s-dev]

こうゆうのみるとReactも大変そうだなってなる。Angularだとコンポーネントごとのscopeだから何も考えなくてもわりと困らない

[yasu-log]

【B!】CSS Modulesの歴史、現在、これから - Hatena Developer Blog

[mohritaroh]

「CSS Modulesのメンテナンス体制に対して懸念があり、将来的な存続を危ぶむ声が界隈にあることを知りました。ただし、実際にメンテナンス体制について調べてみたところ、万全ではないものの引き続きメンテナンスが...」