w جຊతʹPHPϕʔεͰશ෦ղܾ
w JavaScriptAjaxٴͼDOMૢ࡞ͷΈʹར༻
w ϚʔΫΞοϓΤϯδχΞ+PHPΈ͍ͨͳঢ়ଶ
w Node.jsλεΫϥϯφʔͷศརπʔϧͷར༻ͷ
ҝͷར༻͕த৺
ϑϩϯτΤϯυʹؔΘΔલ
2015.12
Slide 8
Slide 8 text
w ͪͳΈʹ
Onsen UI͕͍ͨͯ͘AngularJSΛར༻͢
Δ͏·͍͜ͱ͍͜ͳͤͣྲྀΕʹ
w Onsen UIͷαϯϓϧ͔ΒࠓͷߏΛͳΜͱͳ͘
ͬͨͭΓʹͳΔ
w ੍࡞ձࣾͷεΩϧϕʔεͰɺࠓޙͭΒ͍͜ͱΛͳ
Μͱͳ࢝͘͠ΊΔ
ϑϩϯτΤϯυʹؔΘΔલ
2015.12
Slide 9
Slide 9 text
ͬͯjQuery
Slide 10
Slide 10 text
ϑϩϯτΤϯυͱͷग़ձ͍
w jQueryഉআͷӡಈ͕֤ͰਐΜͰ͍ͨͷͰ͑ͯ
jQueryͰͨ͢ΊͱϐβΛ৯͍ʹ#frontkansai
w ͜ͷ࣌ʹϑϩϯτΤϯυΊͬͪΌ͓͠Ζͦ͏Μʂ
ͱײͯ͡ϑϩϯτͷҠߦΛܾҙ
w ಉ࣌ʹJavaScriptΛଘʹ͔͚Δڥʹ͍͘͜ͱܾ
ҙ
2015.12
Slide 11
Slide 11 text
ϞμϯJavaScriptͷಓ
Slide 12
Slide 12 text
w গͣͭ͠ݱతͳJavaScriptΛֶͼͩ͢
w ͡ΊNode.jsͰͷQoL্ͱɺHTML5ͷྑ
͍ͯ͘͠ΔྖҬ͔Βͷ֎ງຒΊ྆ํͰਐΊͨ
w ݁Ռతʹ͡Ί͔ΒϑϩϯτΤϯυͷJS-FWͰ
ਐΊͨ΄͏͕ྑ͔ͬͨͷͰɺ͕࣍ॏཁ
ϞμϯJavaScriptͷಓ
ʙ2016.03,04
Slide 13
Slide 13 text
Vue.jsͱͷग़ձ͍
Slide 14
Slide 14 text
w ϑϩϯτΤϯυʹؔΘΔલ͔ΒTwitterͷΓ߹͍
ʹѪՈ͕͍ͯͳΜ͔ੌ͍ͱࢥ͍ͬͯͨ
• PHP͔࣌Β(SymfonyͳͲ
େنϑϨʔϜϫʔΫ
͕ۤखͩͬͨͷͰஸखࠒͰར༻͢Δ͜ͱʹ
w Vue.jsʹΑͬͯগͣͭ͠JavaScriptͱྑ͘ͳΕͨ
Vue.jsͱͷग़ձ͍
2016.04ʙ
Slide 15
Slide 15 text
w ES2015จ๏
ίϯϙʔωϯτࢥߟ
webpackͷ
-loaderͳͲɺϞμϯͳٕज़Vue.jsΛ௨͠
ֶͯΜͩ
w ࠷ݶ͏ʹϒϥβͰͦͷ··ಡΈࠐΜͰ
Πέͯɺ͍͢ʹNodeϕʔεͰ৭ʑग़དྷΔ
ؒޱ͕͘Ԟ͕ਂ͍ͷֶ͕Ϳʹ࠷ద
Vue.jsͱͷग़ձ͍
2016.04ʙ
Slide 16
Slide 16 text
w ݱঢ়ɺ།ҰݱͰͷಋೖʹઌޭͯͦ͠͏͍
͏ҙຯͰίετ͕ͯ͘ྑ͔ͬͨ
w จ๏ࣗମͷܰ͞ɺ෯͞ɺখ͍͠ઃܭΛ͠ͳ
ͯͦ͘ΕͳΓʹடং͕ੜ·ΕΔลΓ͔Βɺ
jQueryͷ࣍ͷҰาʹ࠷దͩͱࢥ͍ͬͯΔ
Vue.jsͱͷग़ձ͍
2016.04ʙ
Slide 17
Slide 17 text
ଓɾϞμϯJavaScriptͷಓ
Slide 18
Slide 18 text
w ESͷʮStage 0ͰରԠͯ͠Δ͔ΒͦΕͰॻ͍ͯʯͱݴ
ΘΕͨΓɺReactΛ ظ͚ͩ
࣮༻͢Δ͜ͱʹͳͬͨΓ
w Node.jsͷϞδϡʔϧ͔ΒESͷimport/export
w let/const, Arrow Function, PromiseลΓ͚ͩ͡Όͳ͍ES
ͷهड़
ଓɾϞμϯJavaScriptͷಓ
2016.07ʙNow
Slide 19
Slide 19 text
͜͜·Ͱ͍ͭͯ͜Εͨཧ༝
Slide 20
Slide 20 text
JavaScriptܥྻͰͷษڧձͰͷొஃ
Slide 21
Slide 21 text
w ษڧձͰ͢ͱ͍͏͜ͱɺ1ͷՁΛఏڙ͢
Δͱ͍͏͜ͱ
w Ͱ͖Δ͔Ͱ͖ͳ͍͔ผͱͯ͠ɺͦ͜ͷͨΊʹ࠷େ
ݶΊΑ͏ҙࢤ͕Ұ൪ʹܨ͕ͬͨ
w ୯ʹϞνϕ্͕͕Βͳͯ͘5%% ొஃۦಈ։ൃ
͠
ͩ͢ͱઈରΔͱ͍͏͜ͱ͋Δ
ษڧձͰ͢ॏཁੑ
Slide 22
Slide 22 text
w ొஃ͚ͩͰͳ͘ɺQiitaͰेޮՌ͋ͬͯɺͱʹ
͔͘Publish͢Δͷ͕ॏཁ͔
w ਓͷʹͭ͘ͱ͜ΖͰɺͯ͘ɺੌ͘ͳͯ͘ɺ
গͣͭ͠֎ʹ͚Δ͜ͱͰɺҙ͕ࣝժੜ͑ͯ͘Δ
w ͲΜͲΜ֎͖ʹൃ৴͍͖͍ͯͨ͠͠ɺͦ͏͠ଓ͚
Δ͜ͱ͕ࣗʹͱͬͯͷՁͱͳΔ
ษڧձͰ͢ॏཁੑ