今日は「次世代Webカンファレンス2023」に参加するのにサイボウズさんにお邪魔してる。まずはCSSの話から。 #nwc_css nextwebconf.connpass.com/event/300174/
2023-12-16 12:01:10#nwc_css "Kuma UIのこれまでとこれから - Speaker Deck" speakerdeck.com/poteboy/kuma-u…
2023-12-16 12:03:43#nwc_css "CSS @scope at-rule でセレクタのリーチを制限する | CSS and UI | Chrome for Developers" developer.chrome.com/docs/css-ui/at…
2023-12-16 12:04:45developer.chrome.com/docs/css-ui/at… #nwc_css
2023-12-16 12:05:05@scope (.card) to (.card__content) { img { border-color: green; } } みたいのがネイティブだと書ける #nwc_css
2023-12-16 12:05:24ネイティブでも Scoped ができたり、新しい構文(Cascade Layer)が出てきたりする。ツール側でキャッチアップはどうしているのか。 #nwc_css
2023-12-16 12:06:45at-scope と CSS in JS はものが違くない? たしかに微妙に違う感はある。 #nwc_css
2023-12-16 12:07:38確かにCSS in JSライブラリから @scope を使うのはちょっとあれで、下限を書く必要があるからコンポーネントを定義する側の手助けがいるんだよな。Vueとかがやってるみたいに(?) #nwc_css
2023-12-16 12:07:58スコープ、アプリ側か、ライブラリ側でもコンポーネントライブラリ側の需要になりそうで、直接ツール側が使うのってそういう記法をサポートするぜというときにしか起こらないのではないか、という気がしてる #nwc_css
2023-12-16 12:08:06Shadow DOM は scoped すぎてcascade の恩恵を受けられなかった。だから at-scope が定義された。 納得感がある意見。 #nwc_css
2023-12-16 12:08:36at-scope と CSS in JS はイコールで考えたらダメだよなぁとぼんやり考えてたのが綺麗に言語化してくれてた。 #nwc_css
2023-12-16 12:09:02