Bootstrapͷ༏ΕͯΔ
w ଟ͘ͷΑ͘͏ίϯϙʔωϯτ͕༻ҙ͞ΕͯΔͷͰɺ
࢝ΊΔͷָ͕
w ΈΜͳͬͨ͜ͱ͋ΔͷͰɺෳਓͰ։ൃ͍͢͠
ʢυΩϡϝϯτɾຊॆ࣮ͯ͠ΔͷͰֶश͢͠
͍ʣ
Slide 12
Slide 12 text
Bootstrap͕ͭΒ͍
w ಠࣗͷσβΠϯʹ߹ΘͤΑ͏ͱ͢Δͱେม ηϨΫλ
ͷ༏ઌɺJNQPSUBOUΛۦͯ͠ؤுΔ͜ͱʹͳ
Δʣ
w #PPUTUSBQͰͳ͍ଞͷ6*'SBNFXPSLʹΓ͑ͨ
߹ʹɺ͕ࣝ΄ͱΜͲྲྀ༻Ͱ͖ͳ͍ɻʢ໋໊نଇ
ͱ͔͕ҧ͏ͷͰʣ
w ϨΠΞτͷجຊͱͳΔ(SJEͷߟ͑ํΛཧղ͢Δඞ
ཁ͕͋Δɻ
Slide 13
Slide 13 text
Tailwindͷ༏ΕͯΔ
w Ϋϥε໊ͱ$44ϓϩύςΟ͕ ΄΅
ҰରҰͰରԠ͠
ͯΔͷͰɺײత
w ͍͍ͩͨͷσβΠϯʹରԠͰ͖Δ
Slide 14
Slide 14 text
Tailwind͕ͭΒ͍
w ਖ਼͘͠࡞ΔͨΊʹɺ$44ͷϓϩύςΟͷ༷Λཧղ
͍ͯ͠Δඞཁ͕͋Δ
ͱ͍͑5BJMXJOEͷΫϥεΛ֮͑Δ$44ͷϓϩύ
ςΟΛ֮͑Δʹͭͳ͕ΔͷͰɺ൚༻ੑ͋Δ
w $44ͷΫϥε໊͕͘ͳΓ͕ͪ
l!BQQMZzΛͬͯɺΘ͔Γ͍͢୯ҐͰཧ͢Δɻ
w ύοͱ͑Δίϯϙʔωϯτ༻ҙ͞Εͯͳ͍ͷͰɺॳ
ظ։ൃʹ͕͔͔࣌ؒΔ
Slide 15
Slide 15 text
vs Bootstrapͷ·ͱΊ
ͦΕͧΕॴɾॴ͕͋ΔͷͰɺ͍͚͕େࣄɻ
Slide 16
Slide 16 text
CSS Frameworkͷ͍͚
w σβΠϯಛʹͳ͍ͷͰɺ6*Λͬ͞͞ͱ࡞Γ͍ͨ
#PPUTUSBQͳͲͷ6*'SBNFXPSLΛ͏ɻ
w σβΠϯ͕͋ΔͷͰɺͩ͜Θͬͯ࡞Γ͍͚ͨͲɺޮ
Α͘Γ͍ͨɻ
5BJMXJOE$44ͳͲͷ6UJMJUZ'SBNFXPSLΛ͏ɻ
ଞʹ5BDIZPOTͱ͍͏ͷ͕͋ΔΒ͍͠ɻ
Slide 17
Slide 17 text
͍͚
w 5BJMXJOE$44ͱ
w WT#PPUTUSBQ BLB6*'SBNFXPSL
w 6*ίϯϙʔωϯτΛ࡞ͬͯΈΔ