2016年JavaScriptに どっぷり浸かって学んだこと

Transcript

1. 2016೥JavaScriptʹ
   Ͳͬ΀Γਁֶ͔ͬͯΜͩ͜ͱ #frontkansai 2016.09 TAKUMA Hanatani(Potato4d) ͋Δ͍͸JavaScriptා͘ͳ͔ͬͨ࿩

2. ࣗݾ঺հ Ֆ୩୓ຏ(@potato4d)
   w #frontkansai #wbkyoto ͷਓ
   w SCOUTER inc.ͰVue.jsͰSPAॻ͍ͨΓ΋
   w

   དྷ೥͔ΒࣾձਓʹͳΔͬΆ͍
   w εϥΠυ͸SpeakerDeckʹ্͛ΔΑ͏ͷ ςΩετ͕ଟ͍ͷͰจࣈ͸ಡ·ͳͯ͘ྑ ͍λΠϓͷ΍ͭͰ͢

3. ࠓ೔࿩͢͜ͱ • CM w ࢲ͕ϑϩϯτΤϯυʹڵຯΛ࣋ͭ·Ͱͷ࿩
   w ࢲ͕ϑϩϯτΤϯυʹڵຯΛ͔࣋ͬͯΒͷ࿩
   w ཁॴཁॴͰͷٕज़ͷมભ
   •

   CM

4. Ұ೔ͷӫཆ͕׬શʹऔΕΔʂ
   ׬શ৯COMPൃചதʂ https://comp.jp גࣜձࣾCOMP

5. ఻͍͑ͨ͜ͱ w ϑϩϯτΤϯυා͘ͳ͔ͬͨ
   w ϑϩϯτΤϯυͷਓ΋৔ॴʹΑͬͯ͸ා͘ͳ͔ͬ ͨ
   

6. http://nagashi.me

7. w جຊతʹPHPϕʔεͰશ෦ղܾ
   w JavaScript͸AjaxٴͼDOMૢ࡞ͷΈʹར༻
   w ϚʔΫΞοϓΤϯδχΞ+PHPΈ͍ͨͳঢ়ଶ
   w Node.js͸λεΫϥϯφʔ౳ͷศརπʔϧͷར༻ͷ ҝͷར༻͕த৺ ϑϩϯτΤϯυʹؔΘΔલ

   2015.12

8. w ͪͳΈʹ Onsen UI͕࢖͍ͨͯ͘AngularJSΛར༻͢ Δ΋͏·͍͜ͱ࢖͍͜ͳͤͣྲྀΕʹ
   w Onsen UIͷαϯϓϧ͔Βࠓͷߏ੒ΛͳΜͱͳ͘͸ ஌ͬͨͭ΋ΓʹͳΔ
   w

   ੍࡞ձࣾͷεΩϧϕʔεͰ͸ɺࠓޙͭΒ͍͜ͱΛͳ Μͱͳ͘࡯࢝͠ΊΔ ϑϩϯτΤϯυʹؔΘΔલ 2015.12

9. ׽͸໧ͬͯjQuery

10. ϑϩϯτΤϯυͱͷग़ձ͍ w jQueryഉআͷӡಈ͕֤஍ͰਐΜͰ͍ͨͷͰ׶͑ͯ jQueryͰ࿩ͨ͢ΊͱϐβΛ৯͍ʹ#frontkansai΁
    w ͜ͷ࣌ʹϑϩϯτΤϯυΊͬͪΌ͓΋͠Ζͦ͏΍Μʂ ͱײͯ͡ϑϩϯτ΁ͷҠߦΛܾҙ
    w ಉ࣌ʹJavaScriptΛଘ෼ʹ͔͚Δ؀ڥʹ͍͘͜ͱ΋ܾ ҙ

    2015.12

11. ϞμϯJavaScript΁ͷಓ

12. w গͣͭ͠ݱ୅తͳJavaScriptΛֶͼͩ͢
    w ͸͡Ί͸Node.jsͰͷQoL޲্ͱɺHTML5ͷ஥ྑ ͍ͯ͘͠ΔྖҬ͔Βͷ֎ງຒΊ྆ํͰਐΊͨ
    w ݁Ռతʹ͸͸͡Ί͔ΒϑϩϯτΤϯυͷJS-FWͰ ਐΊͨ΄͏͕ྑ͔ͬͨͷͰɺ͕࣍ॏཁ ϞμϯJavaScript΁ͷಓ ʙ2016.03,04

13. Vue.jsͱͷग़ձ͍

14. w ϑϩϯτΤϯυʹؔΘΔલ͔ΒTwitterͷ஌Γ߹͍ ʹѪ޷Ո͕͍ͯͳΜ͔ੌ͍ͱ͸ࢥ͍ͬͯͨ
    • PHP࣌୅͔Β(SymfonyͳͲ େن໛ϑϨʔϜϫʔΫ ͕ۤखͩͬͨͷͰஸ౓खࠒͰར༻͢Δ͜ͱʹ
    w Vue.jsʹΑͬͯগͣͭ͠JavaScriptͱ஥ྑ͘ͳΕͨ Vue.jsͱͷग़ձ͍

    2016.04ʙ

15. w ES2015จ๏
    ίϯϙʔωϯτࢥߟ
    webpackͷ <any>-loaderͳͲɺϞμϯͳٕज़͸Vue.jsΛ௨͠ ֶͯΜͩ
    w ࠷௿ݶ࢖͏ʹ͸ϒϥ΢βͰͦͷ··ಡΈࠐΜͰ΋ Πέͯɺ࢖͍౗͢ʹ͸NodeϕʔεͰ৭ʑग़དྷΔ ؒޱ͕޿͘Ԟ͕ਂ͍ͷֶ͕Ϳʹ͸࠷ద

    Vue.jsͱͷग़ձ͍ 2016.04ʙ

16. w ݱঢ়ɺ།Ұݱ৔Ͱͷಋೖʹઌ೔੒ޭͯͦ͠͏͍ ͏ҙຯͰ΋ίετ͕௿ͯ͘ྑ͔ͬͨ
    w จ๏ࣗମͷܰ͞ɺ෯޿͞ɺখ೉͍͠ઃܭΛ͠ͳ ͯ͘΋ͦΕͳΓʹடং͕ੜ·ΕΔลΓ͔Βɺ jQueryͷ࣍ͷҰาʹ͸࠷దͩͱࢥ͍ͬͯΔ Vue.jsͱͷग़ձ͍ 2016.04ʙ

17. ଓɾϞμϯJavaScript΁ͷಓ

18. w ESͷʮStage 0Ͱ΋ରԠͯ͠Δ͔ΒͦΕͰॻ͍ͯʯͱݴ ΘΕͨΓɺReactΛ ୹ظ͚ͩ ࣮༻͢Δ͜ͱʹͳͬͨΓ
    w Node.jsͷϞδϡʔϧ͔ΒESͷimport/export΁ w let/const,

    Arrow Function, PromiseลΓ͚ͩ͡Όͳ͍ES ͷهड़΁ ଓɾϞμϯJavaScript΁ͷಓ 2016.07ʙNow

19. ͜͜·Ͱ͍ͭͯ͜Εͨཧ༝

20. JavaScriptܥྻͰͷษڧձͰͷొஃ

21. w ษڧձͰ࿩͢ͱ͍͏͜ͱ͸ɺ1࿮෼ͷՁ஋Λఏڙ͢ Δͱ͍͏͜ͱ
    w Ͱ͖Δ͔Ͱ͖ͳ͍͔͸ผͱͯ͠ɺͦ͜ͷͨΊʹ࠷େ ݶ౒ΊΑ͏ҙࢤ͕Ұ൪੒௕ʹܨ͕ͬͨ
    w ୯ʹϞνϕ্͕͕Βͳͯ͘΋5%% ొஃۦಈ։ൃ ͠

    ͩ͢ͱઈର΍Δͱ͍͏͜ͱ΋͋Δ ษڧձͰ࿩͢ॏཁੑ

22. w ొஃ͚ͩͰͳ͘ɺQiitaͰ΋े෼ޮՌ͸͋ͬͯɺͱʹ ͔͘Publish͢Δͷ͕ॏཁ͔΋
    w ਓͷ໨ʹͭ͘ͱ͜ΖͰɺ੿ͯ͘΋ɺੌ͘ͳͯ͘΋ɺ গͣͭ͠֎ʹ޲͚Δ͜ͱͰɺҙ͕ࣝժੜ͑ͯ͘Δ
    w ͲΜͲΜ֎޲͖ʹൃ৴͍͖͍ͯͨ͠͠ɺͦ͏͠ଓ͚ Δ͜ͱ͕ࣗ෼ʹͱͬͯͷՁ஋ͱͳΔ ษڧձͰ࿩͢ॏཁੑ

23. 2016೥JavaScriptʹ
    Ͳͬ΀Γਁֶ͔ͬͯΜͩ͜ͱ

24. Vue.jsͷ༏͠͞

25. ֎޲͖ͷൃ৴ͷॏཁੑ

26. ࠷ޙʹ

27. https://javascript-fes.doorkeeper.jp/events/ 52089

28. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠