CSSの歴史から選定まで

テテミートで話したCSS周りの話

Transcript

1. CSS ~ó{¹øÛ~w ~ [/ö}ó~ 20250220 ööÿüø #12
2. ¯?}Ï ]_ÿamkkr Instagram V÷ôüû~Ÿ~{õûµ´¿û¸ó¸û²xwvÓò _÷wEdTech ~ùóñóüw1Õ^o~ÿ´ÿûûv~óWeb ² ÷ú²Ÿ~wvt~w X: @ama_O255
3. CSS svÿ A. Web úü¸²ëry»HTML {ÿwv1 yv¿x»{²vÿw1 }~÷¶´ó´ü´²¶øwoþ²öü¶ü{óßy»±~¿ž2
4. CSS ~óxºÜ 1 ]_z— CSS °ýüðû¹³ü÷²ct±1 ]_~Ýû|ÿsº´yt2 ¿°‰}¯_²gÛw}»|1/_Ïe²ÿsy2 2 ñóöúó¹g Nšvu{¸º÷¹zt—{¿¼vt1Yöw¹}svzt xs½|Ú¼»2 w{w÷ý°ùð~¸v{³óñ´û¸ùüqt2
5. CSS ÷ú÷ý»óµ~|
6. CSS Modules ~| 1 ³óýüýóøgU ³óýüýóøtx{¹¿´û²Ûÿ Atomic Design z³{²s¼|ûg»¸v{zsvo~¼2 2 ¹³ü÷~\bW ¹¿´û|³óýüýóøÕ{ÖÛu¼1]_~Ýû²¶p2 3 ßÛg~UN ¹¿´û|³óýüýóøxßç{}st}1ûv|ûw2
7. CSS-in-JS ~ó½ 1 JavaScript šÿ JavaScript w¹¿´û²šÿw1³óýüýóøx/_Wu {»2 2 ×ö¹¿´úó° props ´state {ßxv×ö{¹¿´û²YWu{»sx|ÿ ý2 3 ÷ßg JavaScript ~ý²ow1¿þz¹¿´úó°²ßÿ2
8. CSS-in-JS q styled-components tag {style ²þ}¿~z1r¹{x±ùü¹xz»¿°{ÿwv style ²gÛwv³óýüýóø¯_²þ¸v{Ûÿy»2 emotion js ~object \ù~þ}o´1ßg~CSS ~þ}o²µýüø2 ×öz¹¿´úó°x¯~{þg|ït2
9. CSS Modules vs CSS-in-JS CSS Modules CSS-in-JS šÿoý CSS, Sass & JavaScript, CSS ¹³ü÷ ¯×or{¸»ÝûÞÿ ³óýüýóø[Owù o ×ö¹¿´û ßö ÷ß ñõ¹üþó¹ Ï_{CSS {³óñ´û u¼¿Ÿ ùó¿´ð{Šÿu{» ±ÿr»
10. [/ö¹¿´úó°oý~øÛ ñüð~¹½û»óø vUI ù´öùú~µýüø´oÝ Óƒ https://techblog.zozo.com/entry/zozotown-css-in-js#fn:2 https://github.com/webpack-contrib/css-loader/issues/1050
11. toôrº|xvtvt~w ¹ù´ù_r{gamma ²rº|xv https://gamma.app/