SPAのすゝめ

初回ワカモノミートアップで発表させていただいたスライドです。SPA（Single Page Application）の概要について説明させていただきました。

Transcript

1. 41"ͷ͢ʍΊ
   Introducing Single Page Application ॳճ܈അϫΧϞϊϛʔτΞοϓ 2018.10.6 @ i-na cafe, Maebashi, Gunma Tsubasa SEKIGUCHI LEA-3645969186565158903
2. 5JOZ,JUUFO
   @tinykitten8
3. ؔޱ
   ཌྷ
   Tsubasa SEKIGUCHI
4. ੍࡞෺ άϥϑΟοΫσβΠϯ
5. ։ൃத
6. ։ൃத
7. Έͳ͞Μ
8. Έͳ͞Μ
   41"΍ͬͯ·͔͢ʁ
11. ࠓճ͸Թઘͷ࿩Ͱ͸
    ͋Γ·ͤΜʂ
12. ͡Ό͋41"ͬͯͳΜͳͷ͞
13. γϯάϧ ϖʔδ ΞϓϦέʔγϣϯ Single Page Application
14. 41"ͱ͸ʁ ୯Ұͷ8FCϖʔδͷΈ͔Βߏ੒͢Δ͜ͱͰɺ
    σεΫτοϓΞϓϦέʔγϣϯͷΑ͏ͳϢʔβମݧΛఏڙ͢Δ
    8FCΞϓϦέʔγϣϯ·ͨ͸8FCαΠτͰ͋Δɻ
16. Կ͕خ͍͠ͷʁ ࣮ࡍͷϖʔδભҠ͕ͳ͍ʢҰ෦ࠩ͠ସ͑ΔʣͷͰɺ
    ύϑΥʔϚϯε͕ߴ͍ɻ
    ϒϥ΢βͷڍಈʹറΒΕͳ͍σβΠϯ΋Մೳɻ
17. ͨͱ͑͹
18. ͨͱ͑͹
19. ׂͱ৭ΜͳॴͰ
    ࢖ΘΕ͍ͯΔ
20. Ͱ͸ɺ
    େن໛ͳΞϓϦ͡Όͳ͍ͱ
    ࢖Θͳ͍΄͏͕͍͍ʁ
21. ͦΜͳ͜ͱ͸ͳ͍
22. ׆༻ྫ
23. ׆༻ྫ
24. ϝϦοτ σϝϦοτ ಋೖͷ
25. ϝϦοτ
26. ϝϦοτ ̍
    ௨ৗͷ8FC
    ϖʔδͰ͸࣮ݱͰ͖ͳ͍
    
    
    
    
    
    Ϣʔβʔମݧ 69 Λ࣮ݱͰ͖Δɻ
    
    
    ߴ଎ͳϖʔδભҠΛ࣮ݱͰ͖Δɻ
    
    
    ωΠςΟϒΞϓϦͷ୅ΘΓͱͯ͠ఏڙ͢Δ
    
    
    
    
    
    ͜ͱ͕Ͱ͖Δɻ
27. 69վળ ԻָΛฉ͖ͳ͕Βϒϥ΢δϯά
    ͳΊΒ͔ͳϖʔδભҠ
    ݟӫ͑ͷ͍͍ಠࣗϩʔσΟϯάը໘
    ౳Λ࣮૷Ͱ͖Δʂ
28. ߴ଎ͳϖʔδભҠ ࣮͸ɺද͕ࣔ̍ඵ஗Ε͚ͨͩͰɺ
    ίϯόʔδϣϯ͕௿Լ͠·͢ʂ
    දࣔ଎౓͸ίϯόʔδϣϯ΍Ϧϐʔλʔͷ֫ಘʹେ͖͘Өڹ͠·͢ɻ
29. ߴ଎ͳϖʔδભҠ ͔͠͠ɺ41"Ͱ͸
    ભҠͷͨͼʹ)5.-Λ͢΂ͯऔಘ͢ΔͷͰ͸ͳ͘
    ඞཁͳσʔλ͚ͩऔಘ͠ɺॻ͖׵͑Δʂ
30. ωΠςΟϒΞϓϦͷ୅༻ 8FCͷٕज़Λ༻͍ͯɺ
    ωΠςΟϒΞϓϦʹ͍ۙ΋ͷ͕
    ࡞ΕΔ
31. ωΠςΟϒΞϓϦͷ୅༻
32. σϝϦοτ
33. σϝϦοτ ࣮૷ίετ͕େ෯ʹ૿͑Δ
    ී௨ͷํ๏Ͱ͸4&0ʹऑ͍
    
    ॳظϩʔσΟϯάʹ͔͔Δ͕࣌ؒ૿͑Δɻ
    
    ։ൃऀ͕গͳ͍ɻ
34. ։ൃίετ૿ ࠓ·Ͱϒϥ΢βʹ೚͍ͤͯͨͱ͜ΖΛɺ
    ಠࣗͰ࣮૷͢Δඞཁ͕͋Δ৔߹͕͋Δ
    ཤྺ؅ཧɺϖʔδ͝ͱͷ63-ׂ౰ɺϦϯΫΫϦοΫ࣌ͷϩʔσΟϯάɺϑϩϯτΤϯυͷൺֱతߴ౓ͳ஌ࣝ
35. 4&0ʹऑ͍ +4ͰσʔλΛऔಘ͠ɺ)5.-Λߏங͢Δ࡞ۀ͸
    େ఍ͷΫϩʔϥͰର৅֎ʹͳΔ
    443ͱ͍͏࢓૊Έ͕ඞཁʹͳΔ
36. ॳظϩʔσΟϯά࣌ؒ૿ ϖʔδͷ੾Γସ͑͸ߴ଎͕ͩɺ
    ॳظϩʔσΟϯάʹ͕͔࣌ؒΔ
    ͪ͜Β΋443ͱ͍͏࢓૊ΈͰվળՄೳ
37. ։ൃऀ͕গͳ͍ 41"Λ։ൃͨ͜͠ͱͷ͋Δ։ൃऀ͸ɺ
    Ұൠతͳ8FCϖʔδͷ੍࡞ऀʹൺ΂ѹ౗తʹগͳ͍ͷ͕ݱঢ়
    ಛʹଟ෼܈അ͸
38. ։ൃऀ͕গͳ͍ +BWB4DSJQUʹର͢Δ෯޿͍஌ࣝɺ
    ൺֱతߴ౓ͳઃܭεΩϧ͕ඞཁ
    Webpack,Babel,EcmaScript…
39. +BWB4DSJQUʹର͢Δ෯޿͍஌ࣝɺ
    ൺֱతߴ౓ͳઃܭεΩϧ͕ඞཁ
    Webpack,Babel,EcmaScript…
40. ·ͱΊ ίετ͸एׯߴ͍͕ɺ
    ࢼͯ͠ΈΔՁ஋͋Γɻ
    ͜Ε͔Βͷ࣌୅͸41"ͩʂ
41. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    Thank you for listening! ॳճ܈അϫΧϞϊϛʔτΞοϓ 2018.10.6 @ Ina-cafe, Maebashi, Gunma Tsubasa SEKIGUCHI LEA-3645969186565158903