Slide 1
Slide 1 text
ΞΫηγϏϦςΟͷ͋Ε͜Ε
ʙ·ͣɺҙࣝ͢Δ͜ͱ͔Β࢝ΊΑ͏ʙ
2017-03-18
FRONTEND CONFERENCE 2017 LT
@kobatatakayuki - Takayuki Kobata
Slide 2
Slide 2 text
ΞδΣϯμ
• ࣗݾհ
• ࠓͷΰʔϧ
• ΞΫηγϏϦςΟͷ͋Ε͜Ε
• ·ͱΊ
Slide 3
Slide 3 text
ΞδΣϯμ
• ࣗݾհ
• ࠓͷΰʔϧ
• ΞΫηγϏϦςΟͷ͋Ε͜Ε
• ·ͱΊ
Slide 4
Slide 4 text
খാλΧϢΩ
Slide 5
Slide 5 text
37ࡀ
Slide 6
Slide 6 text
Μ ͦ Ͱ
କ
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
#1979ੜ·Ε #େࡕग़ #ϝΨω #କ #طࠗ #࢞͞Μ
ঁ #ଉࢠ #ຳ໘Ϗʔϧ #ϋΠϘʔϧ #ϋϫΠ #ಡॻ
#Twitter #Blog #μΠΤοτ #αοΧʔ #ϑοταϧ #ϑ
ϦʔελΠϧϑοτϘʔϧ #RAPAZ #όεέοτϘʔϧ
#3x3 #ใ #Webۀքྺ15 #CKO #γχΞςΫχΧϧ
σΟϨΫλʔ #ϑϩϯτΤϯυΤϯδχΞग़ #HTML
#CSS #LT #ษڧձ #ηϛφʔ #ಇ͖ํ #ίϛϡχςΟओ࠻
#FRONTENDx #ΞΫηγϏϦςΟ #AccTalk #GAKU-MC
#ΧεΧδʔ #݁ࠗࣜ2࣍ձϓϩσϡʔε #2࣍ձKING #
ࡀ্ͱࡀԼ͔Β͔ΕΔλΠϓ #ϕϏʔ༻։ൃ #ग़࢈
ॕ͍ #ΞϯνΤΠδϯά #όοΫτΡβɾϑϡʔνϟʔ
#iPhone #Mac #AirPods etc…
Slide 9
Slide 9 text
#ΞΫηγϏϦςΟ
Slide 10
Slide 10 text
ΞδΣϯμ
• ࣗݾհ
• ࠓͷΰʔϧ
• ΞΫηγϏϦςΟͷ͋Ε͜Ε
• ·ͱΊ
Slide 11
Slide 11 text
ΞΫηγϏϦςΟ
Λҙࣝͯ͠Β
͏ͨΊͷΩοΧ
έΛͭ͘Δʂʂ
Slide 12
Slide 12 text
ΞδΣϯμ
• ࣗݾհ
• ࠓͷΰʔϧ
• ΞΫηγϏϦςΟͷ͋Ε͜Ε
• ·ͱΊ
Slide 13
Slide 13 text
ΞΫηγϏϦςΟͷ͋Ε͜Ε
ͦͷ1
Slide 14
Slide 14 text
ؒҧͬͨೝࣝΛ
͍࣋ͬͯΔʂʁ
Slide 15
Slide 15 text
ࢹ֮োऀʢશʣͷΣϒϖʔδར༻ํ๏ ʛ ࢹ֮োऀʢऑࢹʣͷΣϒϖʔδར༻ํ๏
Slide 16
Slide 16 text
※ΈΜͳͷެڞαΠτӡ༻ΨΠυϥΠϯʢ2016൛ʣΑΓҾ༻
Slide 17
Slide 17 text
खஈ͕తʹͳ
ͬͯ·ͤΜ͔ʁ
Slide 18
Slide 18 text
※ୡ͞ΜΑΓܝࡌͷڐՄΛ͍͍͓ͨͩͯΓ·͢ʘ(^o^)ʗ
Slide 19
Slide 19 text
ΞΫηγϏϦςΟͷ͋Ε͜Ε
ͦͷ2
Slide 20
Slide 20 text
ਖ਼͍͠จॻߏ
ͰϚʔΫΞοϓ
͢Δҙຯʁʁ
Slide 24
Slide 24 text
ϚγϯϦʔμϒϧ
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
WAI-ARIA
Slide 28
Slide 28 text
ϚγϯϦʔμϒϧ
ʹͳΔͱɺΈΜͳ
͕ϋοϐʔʹʂʂ
Slide 29
Slide 29 text
ΞδΣϯμ
• ࣗݾհ
• ࠓͷΰʔϧ
• ΞΫηγϏϦςΟͷ͋Ε͜Ε
• ·ͱΊ
Slide 30
Slide 30 text
ؒҧͬͨೝࣝΛ
ࣺͯ·͠ΐ͏ʂ
Slide 31
Slide 31 text
No content
Slide 32
Slide 32 text
ϚγϯϦʔμϒϧ
ʹͳΔͱɺΈΜͳ
͕ϋοϐʔʹʂʂ
Slide 33
Slide 33 text
Ұछͷࣾձߩݙ
Slide 34
Slide 34 text
ΞΫηγϏϦςΟ
͋ΒΏΔਓΛ
ܨ͍Ͱ͘Ε·͢
Slide 35
Slide 35 text
ΞΫηγϏϦςΟ
Λҙࣝ͢Δ͜ͱ
͔Β࢝ΊͯΈ·
ͤΜ͔ʂʂʂʂ
Slide 36
Slide 36 text
ษڧ͢ΔͳΒ
ϐϯΫຊʂʂ
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
ϑϩϯτΤϯυ͔ΒWebͷະདྷΛߟ͑Δձ
http://frontend-x.github.io/
Slide 39
Slide 39 text
@kobatatakayuki
Slide 40
Slide 40 text
Thank you!
http://www.kobatatakayuki.com
@kobatatakayuki