単位をあやつる

2017年7月22日「CSS Talk vol.4」でのセッション「単位をあやつる」のスライドです。

Transcript

1. FN WX ୯ҐΛ
   ͋΍ͭΔ $44
   5BML
   7PM  ৿Ӭ఩ฏ QY  SFN
2.  ࠓճͷ಺༰ $44
   5BML
   WPM w ͸͡Ίʹʜʜ
   w $44Ͱ࢖͏୯Ґ
   w σϞ 
   w DBMDͷొ৔
   w ϨεϙϯγϒରԠ
   w σϞ 
   w ·ͱΊ
3.  ࣗݾ঺հ w ৿Ӭ఩ฏ ΋Γͯͭ
   w גࣜձࣾάϥουΩϡʔϒ
 ϓϩμΫτ։ൃνʔϜɹΤϯδχΞ $44
   5BML
   WPM
4.  ࠓճͷ಺༰ $44
   5BML
   WPM w ͸͡Ίʹʜʜ
   w $44Ͱ࢖͏୯Ґ
   w σϞ 
   w DBMDͷొ৔
   w ϨεϙϯγϒରԠ
   w σϞ 
   w ·ͱΊ
5.  ୯Ґͱ͍͑͹ʜ $44
   5BML
   WPM w ௕͞ LNNDN
   w ॏ͞ LHH
   w ༰ྔ MNMDD
   ͳͲͳͲʜʜ
6.  ୯Ґͱ͍͑͹ʜ $44
   5BML
   WPM ·ͨɺ མͱ͢ͱཹ೥͠·͢ɻ ˞࣮ࡍࢲ΋ճཹ೥͍ͯ͠·͢
7.  ͜͜·Ͱ͸લϑϦɻ $44
   5BML
   WPM ࠓճ͸ $44Ͱ࢖͏୯Ґͷ࿩ Ͱ͢ɻ
8.  ࠓճͷ಺༰ $44
   5BML
   WPM w ͸͡Ίʹʜʜ
   w $44Ͱ࢖͏୯Ґ
   w σϞ 
   w DBMDͷొ৔
   w ϨεϙϯγϒରԠ
   w σϞ 
   w ·ͱΊ
9.  $44Ͱ࢖͏୯Ґ w ϐΫηϧ୯Ґ
   w ը໘্ͷϐΫηϧ͕QY
   w جຊதͷجຊ $44
   5BML
   WPM QY
10.  $44Ͱ࢖͏୯Ґ w ͜Ε΋Α͘࢖͍·͢
    w ਌ཁૉʹର͢Δׂ߹ $44
    5BML
    WPM 
11.  $44Ͱ࢖͏୯Ґ w จࣈ෼ͷߴ͞
    w ྫ͑͹GPOUTJ[FQYͳΒFNQY
    w ΞϧϑΝϕοτʮ.ʯจࣈͷߴ͕͞ ༝དྷ $44
    5BML
    WPM FN
12.  $44Ͱ࢖͏୯Ґ w WJFXQPSU
    XJEUIͷུ
    w $44Ͱొ৔
    w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ͷ ෼ͷΛͱͨ͠୯Ґ $44
    5BML
    WPM WX දࣔྖҬ WX
13.  $44Ͱ࢖͏୯Ґ w WJFXQPSU
    IFJHIUͷུ
    w $44Ͱొ৔
    w Ϗϡʔϙʔτ දࣔྖҬ ͷߴ͞ͷ ෼ͷΛͱͨ͠୯Ґ $44
    5BML
    WPM WI දࣔྖҬ WI
14.  $44Ͱ࢖͏୯Ґ w ϧʔτཁૉ IUNMཁૉ ͷϑΥϯτα ΠζΛͱͨ͠୯Ґ
    w $44Ͱొ৔ $44
    5BML
    WPM SFN
15.  $44Ͱ࢖͏୯Ґ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ɺߴ͞ ͷ͏ͪେ͖͍ํͷ෼ͷΛͱ͠ ͨ୯Ґ
    w $44Ͱొ৔ $44
    5BML
    WPM WNBY
16.  $44Ͱ࢖͏୯Ґ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ɺߴ͞ ͷ͏ͪখ͍͞ํͷ෼ͷΛͱ͠ ͨ୯Ґ
    w $44Ͱొ৔ $44
    5BML
    WPM WNJO
17.  $44Ͱ࢖͏୯Ґ $44
    5BML
    WPM WNBY WNJO දࣔྖҬ WNBY WNJO දࣔྖҬ WNBY WNJO
18.  $44Ͱ࢖͏୯Ґ ଞʹ΋͍Ζ͍Ζ͋Γ·͕͢ɺ ར༻ස౓͸ ଟ෼ গͳ͍ͱࢥ͍ ·͢ͷͰׂѪ͍ͨ͠·͢ɻ $44
    5BML
    WPM
19.  ࢖༻্ͷ஫ҙ w Ϗϡʔϙʔτ දࣔ ྖҬ ͷ෯ɺߴ͞͸ εΫϩʔϧόʔ΋ ؚΈ·͢ $44
    5BML
    WPM WX WI දࣔྖҬ WI WX
20.  ࢖༻্ͷ஫ҙ w *&&EHFʹඇରԠ
 ͳ͔ͥWNJO͸ରԠ $44
    5BML
    WPM WNBY
21.  ࠓճͷ಺༰ $44
    5BML
    WPM w ͸͡Ίʹʜʜ
    w $44Ͱ࢖͏୯Ґ
    w σϞ 
    w DBMDͷొ৔
    w ϨεϙϯγϒରԠ
    w σϞ 
    w ·ͱΊ
22.  σϞ  IUUQTDPEFQFOJPU@NPSJOBHBQFO7,ZXYX $44
    5BML
    WPM
23.  ࠓճͷ಺༰ $44
    5BML
    WPM w ͸͡Ίʹʜʜ
    w $44Ͱ࢖͏୯Ґ
    w σϞ 
    w DBMDͷొ৔
    w ϨεϙϯγϒରԠ
    w σϞ 
    w ·ͱΊ
24.  DBMDͷొ৔ ྫ͑͹ʜʜ
    ʮ͜ͷEJWͷ෯͸਌ཁૉͷʹ͍ͨ͠ ͚ͲɺCPSEFS͕͋ΔͷͰͦͷ෼ͷϐΫη ϧΛҾ͍ͨ෯ʹ͍ͨ͠ʯ
    ͱ͍͏೰Έ $44
    5BML
    WPM
25.  DBMDͷొ৔ w ҧ͏୯ҐΛՃݮ৐আͰ͖Δ
    w $44Ͱొ৔ $44
    5BML
    WPM DBMD
26.  DBMDͷొ৔ $44
    5BML
    WPM ઌ΄Ͳͷྫͩͱʜʜ EJW ਌ཁૉͷ
    CPSEFSࠐΈ CPSEFSMFGU
    QY CPSEFSSJHIU
    QY EJW
    \
    
    
    XJEUI
    DBMD 
    
    QY 
    
    
    CPSEFS
    TPMJE
    QY
    HSBZ
    ^
27.  ࠓճͷ಺༰ $44
    5BML
    WPM w ͸͡Ίʹʜʜ
    w $44Ͱ࢖͏୯Ґ
    w σϞ 
    w DBMDͷొ৔
    w ϨεϙϯγϒରԠ
    w σϞ 
    w ·ͱΊ
28.  ϨεϙϯγϒରԠ ྫ͑͹
    w ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ࣌ $44
    5BML
    WPM " " ը໘෯QY
    ˣ
    GPOUTJ[F
    QY ը໘෯QY
    ˣ
    GPOUTJ[F
    QY
29.  ϨεϙϯγϒରԠ Α͘࢖͏ํ๏ɿ$44
    .FEJB
    2VJSJFT $44
    5BML
    WPM TBNQMF
    \
    
    
    GPOUTJ[F
    QY
    ^
    !NFEJB
    TDSFFO
    BOE
    NBYXJEUI
    QY
    \
    
    
    TBNQMF
    \
    
    
    
    
    GPOUTJ[F
    QY
    
    
    ^
    ^
30.  ϨεϙϯγϒରԠ Α͘࢖͏ํ๏ɿ$44
    .FEJB
    2VJSJFT $44
    5BML
    WPM TBNQMF
    \
    
    
    GPOUTJ[F
    QY
    ^
    !NFEJB
    TDSFFO
    BOE
    NBYXJEUI
    QY
    \
    
    
    TBNQMF
    \
    
    
    
    
    GPOUTJ[F
    QY
    
    
    ^
    ^
    !NFEJB
    TDSFFO
    BOE
    NBYXJEUI
    QY
    \
    
    
    TBNQMF
    \
    
    
    
    
    GPOUTJ[F
    QY
    
    
    ^
    ^
    !NFEJB
    TDSFFO
    BOE
    NBYXJEUI
    QY
    \
    
    
    TBNQMF
    \
    
    
    
    
    GPOUTJ[F
    QY
    
    
    ^
    ^ ࡉ͔͘ࠁΈ͗͢Δͱ
    ίʔυ͕ΧΦεʹ
31.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ
    ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $44
    5BML
    WPM " " ը໘෯QY
    ˣ
    GPOUTJ[F
    QY ը໘෯QY
    ˣ
    GPOUTJ[F
    QY
32.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ
    ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $44
    5BML
    WPM ը໘෯ɿQYͷ࣌
    ˠ
    QY
    ը໘෯ɿQYͷ࣌
    ˠ
    QY ը໘෯͕
    QY૿Ճ
    ˣ
    GPOUTJ[F͕
    QY૿Ճ
33.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ
    ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $44
    5BML
    WPM ը໘෯͕
    QY૿Ճ
    ˣ
    GPOUTJ[F͕
    QY૿Ճ ը໘෯͕
    QY૿Ճ
    ˣ
    GPOUTJ[F͕
    QY૿Ճ ը໘෯ͷ WX
34.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ
    ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $44
    5BML
    WPM ը໘෯ɿQYͷ࣌
    ˠ
    QY
    ը໘෯ɿQYͷ࣌
    ˠ
    QY ը໘෯͕
    QYͷ࣌Λܭࢉ QY
35.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ
    ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $44
    5BML
    WPM ը໘෯͕QYͷ࣌ɺGPOUTJ[F͸QY ը໘෯͕QY૿Ճ͢Δ͝ͱʹ
    GPOUTJ[F͕QY ը໘෯ͷˠWX ૿Ճ GPOUTJ[F
    DBMD QY
    
    WX
36.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ
    ˠ͔͠͠ຖճܭࢉ͢Δͷ͸໘౗ $44
    5BML
    WPM
37.  ϨεϙϯγϒରԠ ͱ͍͏͜ͱͰ $44
    5BML
    WPM ࡞ͬͪΌ͍·ͨ͠
38.  ࠓճͷ಺༰ $44
    5BML
    WPM w ͸͡Ίʹʜʜ
    w $44Ͱ࢖͏୯Ґ
    w σϞ 
    w DBMDͷొ৔
    w ϨεϙϯγϒରԠ
    w σϞ 
    w ·ͱΊ
39.  σϞ  IUUQTDPEFQFOJPU@NPSJOBHBGVMMXRXRE9 $44
    5BML
    WPM
40.  σϞ  ࣾ಺Ͱ౰࣌ίʔσ Οϯάۀ຿Λ͍ͯͨ͠ 8͘Μ Ծ໊ ʹ࢖ͬͯ΋Βͬͨͱ͜Ζ $44
    5BML
    WPM ͜Εੌ͍͡Όͳ͍Ͱ͔͢ʂ
    ΊͬͪΌ࢖͑Δ΍
    ͳ͍Ͱ͔͢ʔʂʂ ͚ͬ͜͏සൟʹ࢖͍ͬͯ·ͨ͠ɻ
41.  ϨεϙϯγϒରԠ ଟ෼͜ͷखͷܭࢉπʔϧɺهࣄ͸
    ωοτͰ୳ͤ͹͍Ζ͍Ζ͋Γ·͢ $44
    5BML
    WPM IUUQTXFCTFNBOUJDTVLUPPMTSFTQPOTJWFGPOUDBMDVMBUPS 'MVJESFTQPOTJWF
    GPOU
    DBMDVMBUPS
42.  ࠓճͷ಺༰ $44
    5BML
    WPM w ͸͡Ίʹʜʜ
    w $44Ͱ࢖͏୯Ґ
    w σϞ 
    w DBMDͷొ৔
    w ϨεϙϯγϒରԠ
    w σϞ 
    w ·ͱΊ
43.  ·ͱΊ $44
    5BML
    WPM w $44Ͱ࢖͏୯Ґ͸͍Ζ͍Ζ͋Γ·͢
    w DBMDͰෳ਺ͷ୯ҐΛ૊Έ߹Θͤͯܭࢉ͢Δ͜ͱ ͰϨεϙϯγϒରԠ΋ॊೈʹߦͳ͑·͢
    w Ϧιʔε͸ωοτ্ʹ͍Ζ͍Ζ͋ΔͷͰௐ΂ͯ ษڧ͠ɺܭࢉํ๏Λ೺Ѳͯ͠୯ҐΛࣗ༝ࣗࡏʹ ૢΓ·͠ΐ͏
    w ෼Ͱ࡞ͬͨπʔϧͰ΋ͦͦ͜͜໾ʹཱͪ·͢
44. ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ