Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSSの歴史から選定まで

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

 CSSの歴史から選定まで

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

Avatar for amkkr

amkkr

June 23, 2025
Tweet

More Decks by amkkr

Other Decks in Programming

Transcript

  1. 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
  2. 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
  3. CSS-in-JS ~ó½ 1 JavaScript šÿ JavaScript w¹¿´û²šÿw1³óýüýóøx/_Wu {»2 2 ×ö¹¿´úó°

    props ´state {ßxv×ö{¹¿´û²YWu{»sx|ÿ ý2 3 ÷ßg JavaScript ~ý²ow1¿þz¹¿´úó°²ßÿ2
  4. CSS Modules vs CSS-in-JS CSS Modules CSS-in-JS šÿoý CSS, Sass

    & JavaScript, CSS ¹³ü÷ ¯×or{¸»ÝûÞÿ ³óýüýóø[Owù o ×ö¹¿´û ßö ÷ß ñõ¹üþó¹ Ï_{CSS {³óñ´û u¼¿Ÿ ùó¿´ð{Šÿu{» ±ÿr»