脱レガシーフロントエンドのために知っておいたほうがいいこと

2020/1/19 Kanazawa.js meetup#01

Transcript

1. ୤ϨΨγʔϑϩϯτΤϯυͷͨΊʹ
   ஌͓͍ͬͯͨ΄͏͕͍͍͜ͱ 
   ,BOB[BXBKT
   .FFUVQ
   
2. ࣗݾ঺հ !NVHJ@VOP ഴౡ
   Ұ
   )BKJNF
   .VHJTIJNB 5PZBNBSC
   IUUQTUPZBNBSCHJUIVCJP
4. ʮϨΨγʔϑϩϯτΤϯυʯ
   
   
   Ͱ͔͢ʁ ໰
5. ݴ༿͔Βඬ͏ࢮͷ߳Γ
6. ʮ͏ͪ͸ϞμϯͳͷͰؔ܎ͳ͍ͳʙʯ
7. ʮ͏ͪ͸ϞμϯͳͷͰؔ܎ͳ͍ͳʙʯ ຊ౰ʹʁ
8. ϨΨγʔ
   
   MFHBDZ 
   Ҩ࢈ɻઌਓͷҨ෺ɻ
   
   ࣌୅஗Εͷ΋ͷɻ ίτόϯΫ
 IUUQTLPUPCBOLKQXPSEϨΨγʔ
9. ʮ͏ͪ͸ϞμϯͳͷͰؔ܎ͳ͍ͳʙʯ ͍·͸
10. ϨΨγʔ͸ਓྨʹฏ౳
11. ޲͖߹͍ํΛ஌͓ͬͯ͜͏
12. ͳΜͷͨΊʹ΍Δʁ 
13. ࠷ॳʹߟ͍͑ͨ͜ͱ
14. ຊ౰ʹ΍Δ
15. ʮίʔυ͕ࠅ͗ͯͭ͢Β͍ʯ
    ʮ΍ͬͯΒΕͳ͍ʯ
    ʮϞμϯͳίʔυΛॻ͖͍ͨʯ
    ʮશ෦௚ͧ͢ʂʂʯ
16. ྫྷ੩ʹͳΖ͏ ؾ࣋ͪ͸Θ͔Δ͚Ͳ
17. ϨΨγʔ
    ʹ
    ѱͰ͸ͳ͍ ʮಈ͍͍ͯΔʯ͸ແࢹͰ͖ͳ͍Ձ஋
18. վળ࡞ۀ͸૝૾ΑΓΩπ͍ ɾӨڹൣғͷ޿͞
    ɾటष͍஍ಓͳ࡞ۀ
    ɾऴΘΓͷݟ͑ͳ͞
    ɾҙຯ͋Δͷʜ ͱ͍͏എಙײ
19. lԿΛ΍Δͷ͔ͱಉ͘͡Β͍ɺ
    ԿΛ΍Βͳ͍͔͕ॏཁͩz ʮΞδϟΠϧαϜϥΠ
    
    ୡਓ։ൃऀ΁ͷಓʯQ
    
20. ʮ΍Βͳ͍ʯ΋Ձ஋͋Δܾஅ
21. lվળͰಘ͍ͨ΋ͷz
    Λ໌จԽ͢Δ ɾ։ൃ଎౓Λ্͍͛ͨ
    ɾϞνϕʔγϣϯΛ্͍͛ͨ
    ɾ࠾༻ͷͨΊʹ؀ڥΛ੔͍͑ͨ
    ɾςετΛ੔උ͍ͨ͠
    ɾͳͲʜ
22. ࠷ޙ·Ͱࢧ͑Δͷ͸
    ࠷ॳͷϞνϕʔγϣϯ
23. ୭͕΍Δʁ 
24. ୤ϨΨγʔ࡞ۀΛ୭͕΍Δ͔
25. Α͋͘Δରࡦྫ
    ʮڧ͍ਓΛޏ͓͏ʂʯ
26. Α͋͘Δରࡦྫ
    ʮڧ͍ਓΛޏ͓͏ʂʯ ݸਓతͳݟղ
    ˠ
    ݱ࣮తʹ͸Ή͔͍ͣ͠ ͳΜͰʁ
    ▶︎
27. 
    ϨΨγʔଆͷ஌ࣝ
    
    Ϟμϯଆͷ஌ࣝ
    ୤ϨΨγʔʹඞཁͳ΋ͷ
28. 
    ϨΨγʔଆͷ஌ࣝ
    
    Ϟμϯଆͷ஌ࣝ
    
    υϝΠϯ஌ࣝ
    
    ୤ϨΨγʔ΁ͷؔ৺
    
    ΍Γ͖ΔϞνϕʔγϣϯ ୤ϨΨγʔʹඞཁͳ΋ͷ
29. 
    ϨΨγʔଆͷ஌ࣝ
    
    Ϟμϯଆͷ஌ࣝ
    
    υϝΠϯ஌ࣝ
    
    ୤ϨΨγʔ΁ͷؔ৺
    
    ΍Γ͖ΔϞνϕʔγϣϯ ୤ϨΨγʔʹඞཁͳ΋ͷ ͍ͳ͍ ۚͷ஄ؙΛܸͯͳ͍ݶΓ
30. ୤ϨΨγʔ࡞ۀΛ΍Γ͍͔ͨʁͱ͍͏࿩ ˝
31. ୤ϨΨγʔ࡞ۀΛ΍Γ͍͔ͨʁͱ͍͏࿩ Ͱ͖Ε͹΍Γͨ͘ͳ͍ ʢ͓ͦΒ͘ଟ͘ͷͻͱ͸ʣ ˝
32. ҰఆͷϨϕϧ·Ͱ͸
    ࣗ෼ͨͪͰ΍Δ֮ޛ΋ඞཁ
33. ʮͦ͏͸ݴͬͯ΋࣌ؒͳ͍ʯ
    ʮཧ૝࿦Ͱ͸ʁʯ
    ʮऴΘΔؾ͕͠ͳ͍ʯ
34. ཱͪ޲͔͏ίπ 
35. ʢ৭ʑ͋Δ͚Ͳʣࠓ೔఻͍͑ͨͷ͸ͻͱͭ
    ˝
36. ʮখ͘͢͞Δʯ ˠ ʢ৭ʑ͋Δ͚Ͳʣࠓ೔఻͍͑ͨͷ͸ͻͱͭ
    ˝
37. ʮখ͘͢͞Δʯʹ΋৭ʑ͋Δ
38. શ෦΍Γͨ͘ͳΔ ɾ3FBDUʹ͠·͢
    ɾςετॻ͍ͯ$*ճ͠·͢
    ɾ&4-JOUಋೖ͠·͢
    ɾ5ZQF4DSJQU΋ೖΕ·͢
    ɾঢ়ଶ؅ཧ΋ಋೖ͠·͢ ʮείʔϓʯΛখ͘͢͞Δ
39. ɾֶशίετ
    ɾΰʔϧ͕ݟ͑ͳ͍
    ɾ׬਱Ͱ͖ͳ͍Մೳੑ ฒߦͨ͠ແܭըͳணख͸ϋΠϦεΫ ˝
40. ɾֶशίετ
    ɾΰʔϧ͕ݟ͑ͳ͍
    ɾ׬਱Ͱ͖ͳ͍Մೳੑ ฒߦͨ͠ແܭըͳணख͸ϋΠϦεΫ ࠷ѱͷέʔεͰ͸ϨΨγʔ͕૿͑Δ ˝
41. ·ͣ͸5ZQF4DSJQUͷಋೖͷΈ ͨͱ͑͹ʜ
42. ·ͣ͸5ZQF4DSJQUͷಋೖͷΈ ˝
    ΋ͬͱখ͘͢͞Δ 
    +4ͷ··54$Λ௨͚ͩ͢
     BOZڐ༰ͰίΞϩδοΫΛ54Խ
     શମΛ54Խ
     OP*NQMJDU"OZ༗ޮԽ ͨͱ͑͹ʜ
43. ʮظؒʯΛখ͘͢͞Δ ʮ13αΠζʯΛখ͘͢͞Δ ʮνʔϜن໛ʯΛখ͘͢͞Δ ɾ
    վળͷαΠΫϧΛ୹͍ظؒʹ͢Δ ɾେ͖͍13ͷϨϏϡʔ͸ͭΒ͍
    ɾίϯϑϦΫτͷϦεΫΛԼ͛Δ ɾগਓ਺͔Β࢝Ίͯ؅ཧίετΛԼ͛Δ
44. ͞·͟·ͳ؍఺͔Βখ͘͢͞Δ ɾϦεΫܰݮʹͭͳ͕Δ
    ɾઓུతఫୀͷΧʔυΛ࢒͢
    ɾʮશ෦ऴΘΔͷʁʯͰ͸ͳ͘
 ɹʮ͜͜·ͰऴΘͬͨʯΛੵΉ
45. ҆શʹվળ͍ͯ͜͠͏ʂ