Webサイト開発にCSS in JavaScriptを使うのはやめよう | POSTD

9つのおとぎ話 CSSは迷走しています。JavaScriptでドキュメントをスタイリングしているプロジェクトでは、多くの場合誤った理由からその方式を選択しています。本稿では、よくある誤解（神話）を列挙し、そうした問題に対するCSSソリューションを紹介します。 本稿は、特定のプロジェクトや人物への攻撃を意図するものではありません。ここでは、“CSS in JavaScript”(CSS in JS)を styled-components を使用することと定義します。これは、Reactのコンポーネントをスタイリングする最近のトレンドとなっています。 styled-components の作者である Max Stoiber と Glen Maddern 、また彼らに協力した人々は皆、卓越したアイデアと善意にあふれる優秀な人々です。 完全な透明性のために断っておくと、私は react-css-mo

[hylom]

現在のhtml+css+jsはアプリを作るためには不適切だというのは同意だが、その適切な解決策はまだ存在していない。だから将来負債となることを覚悟して新技術を使うか、それとも保守的に行くかどちらかを選ぶしかないのよ

[tettekete37564]

CSSは最初から糞仕様だったよ。海原雄山ばりにこれを作った奴は誰だ！と今でも思う。オブジェクト志向と既存のワープロのスタイル管理における継承の概念を知っていたらあんな逆さまの仕様にしない。JSも同じぐらい酷

[living]

styled-componentsはReact Nativeで使う分には良いものだけど、React Webなら普通にCSSでいいじゃんという話だった／みんな本文に書いてないことコメントしてるけど、一体何を読んだのか…

[kabochatori]

htmlもcssも文章の装飾としてスタートしてるため段々無理が出て来た。なんでも出来るjsにしわ寄せがきてる感はある。

[lifeisadog]

開発効率考えたらSPAでstyled-componentsは悪くないと思うよ。コンポーネントのスタイルとアプリのスタイルを分離できれば、だけど

[akabekobeko]

CSS Modules のよいところは命名で関連付けるだけなので通常の CSS 知見とツールを活かせるのとやめるのが簡単なこと。ほどよい結合度。

[y-kawaz]

つまり今までCSSで飯を食ってきたが俺の知見が蔑ろにされつつあって激おこプンプン丸と言うことか。

[dalmacija]

正しきポジショントーク

[lovizfr]

ニャオーン！

[daikikohara]

理想ではないけど今のベストはstyled-components系だと思う。てか、結論に書くほど大事じゃないようなｗ "大事なことは何でしょうか？CSSはすでに幅広く支持され、巨大なコミュニティに見守られてうまく機能しています。"

[UDONCHAN]

長い

[rochefort]

そうね

[uehaj]

「9つのおとぎ話CSSは迷走しています」

[yoshiko_pg]

3と7めっちゃわかる。個人的に一番恩恵を受けてる「そのスタイルがどこで使われているかが明確」も神話として切り捨てられるのかなあ

[field_combat]

あくまで手法のひとつだし、適材適所だと思う。大前提としてCSSの設計がちゃんと出来てないと何やってもダメだし。

[arow-okamoto]

ビールだと思って飲んだらノンアルコールだったときみたいな読後感だったわん

[jinjor]

無難な道具を選びましょうというつまらない結論を導くためにこれだけ書いたのか。

[jsteins]

数年で腐る技術でも現状他より良いんだしいいんじゃないかな。動きが早い界隈だし腐った時に他に移行するのはこれに限った話でも無いと思う。常に新技術にコストを割ける環境に身を置いていればいいだけだと思う。

[tonkatu05]

勉強になる

[yoiIT]

神話

[oka_mailer]

CSSは一部のエンジニアにとって理解しにくいというか、忌避されてる感じはある。CSS気持ち悪いとか実際に聞いたことがあるし。

[snowlong]

“CSS in JavaScript”とか開発効率考えると狂気の沙汰

[keim_at_Si]

当たり前。JS界隈はこんなゴミ技術をもてはやすからダメなんだよ。スクリプトでスタイル定義とかどんだけ前時代的だと思ってんだ。JSXの罪。React周辺技術はゴミ、Reactもそれしか解がないのなら結局はゴミ

[kaipu1224]

Webは今の形を壊して別の良い方法が出てくると良いんだけど

[ko-ya-ma]

モヤっとする。いっそのことCSSの再発明とかに踏み切った方がJavaScript 界隈っぽくて清々しいかも。……付き合いたくはないが

[RATCHO]

逆にCSS in JSも勉強しなきゃなぁと

[berlysia]

webpackのcss-loaderを使うよりは数億倍マシな方法だとは思う〜って書いたけど冒頭で紹介してるライブラリがそれ系だった……