社内CSSフレームワークを作ったった - Speaker Deck

社内CSSフレームワークを作ったった

by Keisuke Hiraoka

Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

ࣾ಺$44ϑϨʔϜϫʔΫΛ࡞ͬͨͬͨ

Slide 2

Slide 2 text

ฏԬܡయ ͻΒ͓͔͚͍͚͢ ೥݄̕ೖࣾ ޷͖ͳ΋ͷ͸ԻָͱΧʔϓ

Slide 3

Slide 3 text

࠷ۙ͸ʜ

Slide 4

Slide 4 text

͋΁͋΁$44͓͡͞Μ

Slide 5

Slide 5 text

$44ϑϨʔϜϫʔΫ ʮ&TUIFʯ

Slide 6

Slide 6 text

σβΠϯΨΠυϥΠϯΛ݉Ͷͨ ܰྔ$44ϑϨʔϜϫʔΫ

Slide 7

Slide 7 text

ʮσβΠϯΨΠυϥΠϯʯ ͱ͍͏ݴ༿Λ͝ଘ஌Ͱ͔͢ʁ

Slide 8

Slide 8 text

σβΠϯ͢Δࡍͷࢦඪ

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

σβΠϯΧϯϓ ʢ1%'ʣ ϥΠϒϥϦ  ʢ$44ʣ σβΠϯσʔλ ʢBJͱ͔ʣ

Slide 11

Slide 11 text

σβΠϯΧϯϓ ʢ1%'ʣ ϥΠϒϥϦ  ʢ$44ʣ σβΠϯσʔλ ʢBJͱ͔ʣ ಉظ͢ΜͷΊΜͲͤ͐͘

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

ɾσβΠϯΨΠυϥΠϯͰ͸ͳ͍ ɾ࢖Θͳ͍΋ͷ΋͋Δ

Slide 14

Slide 14 text

ํ਑

Slide 15

Slide 15 text

ɾΨΠυϥΠϯΛ݉ͶͨϑϨʔϜϫʔΫʹ ʢ1%'ͱ͔࡞Γͨ͘Ͷ͐ʣ ɾͳΜ͔উखʹJNQPSUͯ͠Δ ɾ൚༻తͳDMBTT໊͸&TUIF͕ಠ઎͢Δ ɾ೿ੜίϯςϯπ͸#&.Ͱهड़ͯ͠ॅΈ෼͚

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

ม਺Ͱ؅ཧ

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

ίϯϙʔωϯτ؅ཧ

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

.JYJO6UJMJUZ$MBTT

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Α͔ͬͨ͜ͱ

Slide 25

Slide 25 text

ɾ࣭ͷߴ͍ϓϩτλΠϓ͕Ͱ͖Δ ɾڞ௨ݴޠԽʢΧϥʔίʔυɺSBEJVTͳͲʣ ɾ$44Θ͔ΒΜຽͰ΋ͳΜͱͳ͘Ͱ͖Δ ɾಉҰͷϢʔβମݧ ɾαΠτશମͷ౷Ұײ

Slide 26

Slide 26 text

೰Έʜ

Slide 27

Slide 27 text

ɾϝσΟΞΫΤϦ·ͰରԠ͢Δ࣌ؒͳ͔ͬͨ ɾ$44ݰਓ޲͚ʹ࡞ͬͯ͠·ͬͨ ɾσβΠϯπʔϧͱಉظ͍ͨ͠ ɾ#&.ͷ֓೦఻͑Δͷਏ͍

Slide 28

Slide 28 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·͢ ΈΜͳͷ΢ΣσΟϯάͰ͸Ұॹʹಇ͘஥ؒΛืू͍ͯ͠·͢ʂ