コワくない.js1@フレームワークの話

コワくないjsで、今までのjsの流れとフレームワークやんなきゃいけないの？のお話をしました。

Transcript

1. ࠷ۙͷ+BWB4DSJQUͷ
   ͓ʔͬ͟ͺͳྲྀΕʹ͍ͭͯɻ
   ϑϨʔϜϫʔΫʁͳʹͦΕ͓͍͍͠ͷʁʁ ίϫ͘ͳ͍KT
   W
   ."546%"
   &NJ
    UVF
2. ͪΐͬ͜ͱ͚ͩɺ
   ྺ࢙ͷ͓ษڧ͔Βɻ
3. ೥ +BWB4DSJQUͷ*&౥ࡌɻ
4. ೥ &$."TDSJQUͷ8$ඪ४Խɻ
5. ೥ (PPHMF.BQ͕"KBY࠾༻ɻ
   'MBTIશ੝͔Βɺ+4ʹ೔͕͋ͨΓ͸͡ΊΔͷ͕͜ͷ͜Ζɻ
   ౰࣌ͷ+4͸%SFBNXFBWFSͷ૊ΈࠐΈεχϖοτ͕ଟ͍ɻ
6. ೥
7. ೥
8. ೥
9. ೥
10. ೥
11. ೥
12. ೥
13. ೥
14. ೥
15. ݱࡏɻຊ౰͸΋ͬͱ͋Δɻ
16. ΧΦε
    
    a ?P? 
17. ͪΐͬͱ෼ྨͯ͠ΈΑ͏ɻ
18. ͪΐͬͱ෼ྨɻ
19. ϑϩϯτΤϯυ+4ϥΠϒϥϦ ϑϩϯτΤϯυͷ
    "KBYͩͬͨΓ
    %0.ૢ࡞ͩͬͨΓΛ
    ؆୯ʹ࣮૷Ͱ͖ΔΑ͏ʹ͢Δɻ
    XFCαΠτͷݟͨ໨ͷಈ࡞Λ
    ՚΍͔ʹͯ͘͠ΕΔܥɻ
    ͜ΕΒΛར༻͢Δͷʹ
    ϓϥάΠϯ͕ͨ͘͞Μɻ
    
20. ΞϓϦ։ൃϑϨʔϜϫʔΫྨ εϚϗΞϓϦ։ൃͷͨΊͷ+4ϑϨʔϜϫʔΫɻ
    0CKFDUJWF$΍TXJGUɺ+BWBͰ࡞੒͢ΔεϚϗͷωΠςΟϒΞϓϦΛ
    +BWB4DSJQUͰॻ͚ΔΑ͏ʹͨ͠։ൃ؀ڥͷηοτɻ
21. +4͡Όͳ͍Μ͚ͩͲɻ$44ϓϦϓϩηοαྨ $44Λ؆୯ʹॻ͚Δ
    $44ͷ֦ுݴޠɻ
    ίϨͰॻ͍ͯ
    ίϯύΠϧʢల։ʣͯ͠
    ࠷ऴతʹ$44ϑΝΠϧʹͯ͠
    αΠτʹ൓ө͢Δɻ
    
22. BMU+4ྨɻ+4ͷ֦ுݴޠɻ +BWB4DSJQUΛΑΓॻ͖΍͘͢͢Δ
    +BWB4DSJQU֦ுݴޠɻ
    ࠓͷ+BWB4DSJQU͡Όͳͯ͘
    কདྷͷ+BWB4DSJQUͷॻ͖ํ͕Ͱ͖ͨΓɻ
    ϑϩϯτΤϯυͰ͸
    ίϨ΋ίϯύΠϧʢల։ʣͯ͠
    +4ϑΝΠϧʹͯ͠αΠτʹ൓ө͢Δɻ
    
23. /PEFKT όοΫΤϯυͰ࢖ͬͨΓ1$ͩͬͨΓ
    ϒϥ΢βҎ֎Ͱ࢖͑Δ+BWB4DSJQUɻ
    όοΫΤϯυͷϑϨʔϜϫʔΫͱͯ͠FYQSFTT΍.FUFPSɺTBJMT͕͋Δɻ
    πʔϧΛ+BWB4DSJQUͰಈ͔͢৔߹΋ɺ/PEFKT͕͕Μ͹ͬͯ·͢ɻ
    
24. λεΫϥϯφʔྨ $44ϓϦϓϩηοα΍BMU"+ΛίϯύΠϧʢల։ʣ͢ΔͷΛ
    ؆୯ʹͯ͘͠ΕΔܥͷπʔϧͨͪɻ
    /PEFKTͰಈ͍ͯΔ͔Βɺ͜Ε΋+BWB4DSJQUͷͳ͔·ɻ
    ͳͯ͘΋͍͍͚Ͳɺ͋ͬͨΒศརͩͶɻ
    
25. XFC(-ܥ ϒϥ΢βͰ%ඳը͢Δ΍ͭɻ
    DBOWBTͱTWH͸ɺ؆୯ʹݴ͏ͱ)5.-ཁૉɻ
    %΍UISFFKT͸ͦΕΛಈ͔͢༻ͷϥΠϒϥϦɻ
26. ςετܥ +BWB4DSJQU͕
    ૝ఆͨ͠௨Γʹಈ͔͘Ͳ͏͔Λ
    ςετ͢ΔͨΊͷπʔϧɻ
27. ϑϩϯτΤϯυ+4ϑϨʔϜϫʔΫྨ 41"ʢγϯάϧϖʔδΞϓϦʣͷ
    ࣮૷Λ͠΍͘͢͢Δ
    +4ͷϑϨʔϜϫʔΫɻ
28. ͪΐͬͱ෼ྨɻ ϑϩϯτΤϯυ +4ϥΠϒϥϦ ΞϓϦ։ൃ ϑϨʔϜϫʔΫ $44
    ϓϦϓϩηοα BMU+4 /PEFKT λεΫϥϯφʔ XFC(-ܥ ςετܥ ϑϩϯτΤϯυ
    +4ϑϨʔϜϫʔΫ
29. ࠷ۙΑ͘ฉ͘
    ʮϑϨʔϜϫʔΫʯͬͯͳʹʁ
30. ʮϑϨʔϜϫʔΫʯͷҙຯ w ͜͏͍͏;͏ʹ΍Γ·͠ΐʔͶϧʔϧɻ
    w ϓϩάϥϛϯάҎ֎Ͱ΋࢖ΘΕΔݴ༿ɻ
31. ʮϑϨʔϜϫʔΫʯͷҙຯ w ϓϩάϥϛϯάͰʮϑϨʔϜϫʔΫʯ͍ͬͯ͏࣌ʹ ͸ɺʮ͜ͷϧʔϧͰॻ͍ͨΒಈ͘Α͏ʹηοτΞο ϓͯ͠Δ͔Βɺ͜͏͍͏ϧʔϧͰॻ͍ͯͶʯͬͯηο τΛ·Δͬͱ༻ҙͯ͘͠ΕͯΔঢ়ଶɻ
32. ʮϥΠϒϥϦʯͱʮϑϨʔϜϫʔΫʯ w ʮϥΠϒϥϦʯ͸ɺػೳΛ·ͱΊͨϞϊ͔Βɺඞཁ ͳػೳΛݺͼग़ͯࣗ͠༝ʹ͔ͭ͏΍ͭɻ
    w
    K2VFSZͱ͔ɻVOEFSTDPSFKTͱ͔ɻ
33. ʮϥΠϒϥϦʯͱʮϑϨʔϜϫʔΫʯ w ʮϑϨʔϜϫʔΫʯ͸ɺ·Δͬͱ༻ҙ͞Εͨ؀ڥͷ தͰɺܾΊΒΕͨ௨Γʹ݀ຒΊܗࣜͰ࡞͍ͬͯ͘΍ ͭɻ
    
    w "OHVMBSKTͱ͔ɻ3FBDUͱ͔ɻ
34. ʮϥΠϒϥϦʯͱʮϑϨʔϜϫʔΫʯ w ͿͬͪΌ͚ɺ۠ผ͠΍ΜͰ΋Α͍ͱࢥ͏ʢɾТɾʣ
35. ࠷ۙϑϩϯτΤϯυͰ
    ʮϑϨʔϜϫʔΫʯͱݺ͹ΕͯΔϞϊ w جຊతʹ͸ʮ41"ϑϨʔϜϫʔΫʯͷ͜ͱΛࢦͯ͠ Δ৔߹͕ଟ͍ɻ
    w ʮ.7ͳΜͪΌΒʯ͍ͬͯ͏ίτό͕ग़ͯ͘Δͷ͸ ΄΅ͦΕɻ
36. ࠷ۙϑϩϯτΤϯυͰ
    ʮϑϨʔϜϫʔΫʯͱݺ͹ΕͯΔϞϊ w "OHVMBSKT
    w 3FBDU
    w 7JFXKT
    w 3JPUKT
    w #BDLCPOFKT
    w ͱ͔ͱ͔ɻ͍ͬͺ͍ɻ
37. ࠷ۙϑϩϯτΤϯυͰ
    ʮϑϨʔϜϫʔΫʯͱݺ͹ΕͯΔϞϊ w 41" γϯάϧϖʔδΞϓϦέʔγϣϯ ͯʜˣ
    w %0.ૢ࡞΋͘͠͸WJSUVBM%0.ૢ࡞Ͱɺϖʔδͷঢ় ଶΛม͑Δ΍ͭɻ˞
    w ϖʔδભҠͯ͠ͳ͍ͷʹɺΫϦοΫͱ͔εΫϩʔϧ ͱ͔ͷಈ࡞Ͱϖʔδͷத਎͕͔ΘΔ΍ͭɻ
38. ࠷ۙϑϩϯτΤϯυͰ
    ʮϑϨʔϜϫʔΫʯͱݺ͹ΕͯΔϞϊ w 41"͸ɺK2VFSZͩͱ͍ͨ΁Μʼʻ
39. ࠷ۙϑϩϯτΤϯυͰ
    ʮϑϨʔϜϫʔΫʯͱݺ͹ΕͯΔϞϊ w 41"Έ͍ͨʹ%0.ΰϦΰϦಈ͔ͨ͠Γͱ͔͠ͳ͍ ͳΒɺϑϨʔϜϫʔΫ͔ͭΘͳͯ͘΋Ͱ͖Δɻ
    w Ή͠ΖK2VFSZͷํ͕ϝϯς͠΍͔ͬͨ͢Γ͢Δɻ
40. ࠷ۙϑϩϯτΤϯυͰ
    ʮϑϨʔϜϫʔΫʯͱݺ͹ΕͯΔϞϊ w ϜϦͯ͠ϑϨʔϜϫʔΫ࢖ΘΜͰ΋Α͍ΑʢɾТɾʣ
41. +4ͷྲྀߦͬͯɺ
    ௥ͬͨ΄͏͕͍͍ͷʁ
42. +4ͷ௥͍͔͚ํೖ໳ w ྲྀߦͬͯΔΆ͍͔ΒͬͯɺϜϦʹखΛग़͞ͳͯ͘ Α͍Αɻ
    w ࣗ෼͕୲౰͢Δ͓࢓ࣄ͕ɺͲ͏͍͏Ҋ݅ͳͷ͔Λݟ ۃΊͯɺ࢖͏ͷΛબΜͩΒΑ͍Αɻ
43. +4ͷ௥͍͔͚ํೖ໳ w ࢖͏ͷΛબͿʹ͸ɺʮͲ͏͍͏ͷ͕͋Δ͔ʯʮ͋ɺ ͍ͦ͑͹ฉ͍ͨ͜ͱ͋Δʯ͘Β͍ͷ΅Μ΍Γͨ͠ه Ա͕Ͳ͔͜ʹ͋Δͱศརɻ
    w ΋͘͠͸ɺάάΓํ஌ͬͯΕ͹0,ɻ
    w ͖ͬ͞ͷ෼ྨɺͪΐͬͱ͚ͩؾʹ͓͍ͯͯ͠Ͷɻ
44. +4ͷ௥͍͔͚ํೖ໳ w ʮ৽ٕज़δϓγʔʯ͸ɺ͠ͳͯ͘Α͍Αɻ
    w ʢΑͬΆͲ༨༟͕͋ΔΜͳΒͲ͏ͧʙʣ
45. +4ͷ௥͍͔͚ํೖ໳ w ඞཁͳͷ͸ɺ
    w ʮҊ݅ʹඞཁͳ΋ͷΛʯ
    w ʮඞཁͳ࣌ʹʯ
    w ʮඞཁʹԠͯ͡ɺௐ΂ͯɺ࢖͑Δ͜ͱʯ
46. w ʮ͋Ε΋͜Ε΋஌Βͳ͖Ό͍͚ͳ͍ʯ
 Έ͍ͨͳϓϨογϟʔ͕
 ͢͜͠Ͱ΋ղফ͞Ε·͢Α͏ʹɻ
47. w ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ΜʢɾТɾʣϊ