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

CSS in JSで変わること変わらないこと

CSS in JSで変わること変わらないこと

2020年11月14日にWCAN 2020 Frontend Specialというイベントで行うLTのスライドと原稿です。

https://wcan.jp/event/wcan2020-frontend.html

スライドだけでなく、原稿つきのものもアップしています。

https://qiita.com/xrxoxcxox/items/9df67f41ac1f27ca5460

Keisuke Watanuki

November 14, 2020
Tweet

More Decks by Keisuke Watanuki

Other Decks in Programming

Transcript

  1. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special 2017年 2020年 株式会社エイチームに新卒入社

    株式会社エイチームライフスタイルに配属 Increments株式会社に異動 綿貫 佳祐 @xrxoxcxox
  2. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special ❷ ロジックによるスタイル分岐のしやすさ ❸

    ライブラリを理解する必要性 ❶ スタイルの競合と命名規則 変わること
  3. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special ❷ ロジックによるスタイル分岐のしやすさ ❸

    ライブラリを理解する必要性 ❶ スタイルの競合と命名規則 変わること
  4. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special ❷ ロジックによるスタイル分岐のしやすさ ❸

    ライブラリを理解する必要性 ❶ スタイルの競合と命名規則 変わること
  5. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special ❷ ロジックによるスタイル分岐のしやすさ ❸

    ライブラリを理解する必要性 ❶ スタイルの競合と命名規則 変わること
  6. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special ❷ タイプセレクターの扱い ❸

    マークアップとの関わり方 ❶ CSS設計の必要性 変わらないこと
  7. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special ❷ タイプセレクターの扱い ❸

    マークアップとの関わり方 ❶ CSS設計の必要性 変わらないこと
  8. CSS in JSで変わること変わらないこと WCAN 2020 Frontend Special ❷ ロジックによる スタイル分岐のしやすさ

    ❷ タイプセレクターの扱い ❸ ❸ ライブラリを理解する必要性 マークアップとの関わり方 ❶ ❶ スタイルの競合と命名規則 CSS設計の必要性 変わること 変わらないこと