Slide 1

Slide 1 text

41"ͷ͢ʍΊ Introducing Single Page Application ॳճ܈അϫΧϞϊϛʔτΞοϓ 2018.10.6 @ i-na cafe, Maebashi, Gunma Tsubasa SEKIGUCHI LEA-3645969186565158903

Slide 2

Slide 2 text

5JOZ,JUUFO @tinykitten8

Slide 3

Slide 3 text

ؔޱཌྷ Tsubasa SEKIGUCHI

Slide 4

Slide 4 text

੍࡞෺ άϥϑΟοΫσβΠϯ

Slide 5

Slide 5 text

։ൃத

Slide 6

Slide 6 text

։ൃத

Slide 7

Slide 7 text

Έͳ͞Μ

Slide 8

Slide 8 text

Έͳ͞Μ 41"΍ͬͯ·͔͢ʁ

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

ࠓճ͸Թઘͷ࿩Ͱ͸ ͋Γ·ͤΜʂ

Slide 12

Slide 12 text

͡Ό͋41"ͬͯͳΜͳͷ͞

Slide 13

Slide 13 text

γϯάϧ ϖʔδ ΞϓϦέʔγϣϯ Single Page Application

Slide 14

Slide 14 text

41"ͱ͸ʁ ୯Ұͷ8FCϖʔδͷΈ͔Βߏ੒͢Δ͜ͱͰɺ σεΫτοϓΞϓϦέʔγϣϯͷΑ͏ͳϢʔβମݧΛఏڙ͢Δ 8FCΞϓϦέʔγϣϯ·ͨ͸8FCαΠτͰ͋Δɻ

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Կ͕خ͍͠ͷʁ ࣮ࡍͷϖʔδભҠ͕ͳ͍ʢҰ෦ࠩ͠ସ͑ΔʣͷͰɺ ύϑΥʔϚϯε͕ߴ͍ɻ ϒϥ΢βͷڍಈʹറΒΕͳ͍σβΠϯ΋Մೳɻ

Slide 17

Slide 17 text

ͨͱ͑͹

Slide 18

Slide 18 text

ͨͱ͑͹

Slide 19

Slide 19 text

ׂͱ৭ΜͳॴͰ ࢖ΘΕ͍ͯΔ

Slide 20

Slide 20 text

Ͱ͸ɺ େن໛ͳΞϓϦ͡Όͳ͍ͱ ࢖Θͳ͍΄͏͕͍͍ʁ

Slide 21

Slide 21 text

ͦΜͳ͜ͱ͸ͳ͍

Slide 22

Slide 22 text

׆༻ྫ

Slide 23

Slide 23 text

׆༻ྫ

Slide 24

Slide 24 text

ϝϦοτ σϝϦοτ ಋೖͷ

Slide 25

Slide 25 text

ϝϦοτ

Slide 26

Slide 26 text

ϝϦοτ ̍௨ৗͷ8FCϖʔδͰ͸࣮ݱͰ͖ͳ͍ Ϣʔβʔମݧ 69 Λ࣮ݱͰ͖Δɻ ߴ଎ͳϖʔδભҠΛ࣮ݱͰ͖Δɻ ωΠςΟϒΞϓϦͷ୅ΘΓͱͯ͠ఏڙ͢Δ ͜ͱ͕Ͱ͖Δɻ

Slide 27

Slide 27 text

69վળ ԻָΛฉ͖ͳ͕Βϒϥ΢δϯά ͳΊΒ͔ͳϖʔδભҠ ݟӫ͑ͷ͍͍ಠࣗϩʔσΟϯάը໘ ౳Λ࣮૷Ͱ͖Δʂ

Slide 28

Slide 28 text

ߴ଎ͳϖʔδભҠ ࣮͸ɺද͕ࣔ̍ඵ஗Ε͚ͨͩͰɺ ίϯόʔδϣϯ͕௿Լ͠·͢ʂ දࣔ଎౓͸ίϯόʔδϣϯ΍Ϧϐʔλʔͷ֫ಘʹେ͖͘Өڹ͠·͢ɻ

Slide 29

Slide 29 text

ߴ଎ͳϖʔδભҠ ͔͠͠ɺ41"Ͱ͸ ભҠͷͨͼʹ)5.-Λ͢΂ͯऔಘ͢ΔͷͰ͸ͳ͘ ඞཁͳσʔλ͚ͩऔಘ͠ɺॻ͖׵͑Δʂ

Slide 30

Slide 30 text

ωΠςΟϒΞϓϦͷ୅༻ 8FCͷٕज़Λ༻͍ͯɺ ωΠςΟϒΞϓϦʹ͍ۙ΋ͷ͕ ࡞ΕΔ

Slide 31

Slide 31 text

ωΠςΟϒΞϓϦͷ୅༻

Slide 32

Slide 32 text

σϝϦοτ

Slide 33

Slide 33 text

σϝϦοτ ࣮૷ίετ͕େ෯ʹ૿͑Δ ී௨ͷํ๏Ͱ͸4&0ʹऑ͍ ॳظϩʔσΟϯάʹ͔͔Δ͕࣌ؒ૿͑Δɻ ։ൃऀ͕গͳ͍ɻ

Slide 34

Slide 34 text

։ൃίετ૿ ࠓ·Ͱϒϥ΢βʹ೚͍ͤͯͨͱ͜ΖΛɺ ಠࣗͰ࣮૷͢Δඞཁ͕͋Δ৔߹͕͋Δ ཤྺ؅ཧɺϖʔδ͝ͱͷ63-ׂ౰ɺϦϯΫΫϦοΫ࣌ͷϩʔσΟϯάɺϑϩϯτΤϯυͷൺֱతߴ౓ͳ஌ࣝ

Slide 35

Slide 35 text

4&0ʹऑ͍ +4ͰσʔλΛऔಘ͠ɺ)5.-Λߏங͢Δ࡞ۀ͸ େ఍ͷΫϩʔϥͰର৅֎ʹͳΔ 443ͱ͍͏࢓૊Έ͕ඞཁʹͳΔ

Slide 36

Slide 36 text

ॳظϩʔσΟϯά࣌ؒ૿ ϖʔδͷ੾Γସ͑͸ߴ଎͕ͩɺ ॳظϩʔσΟϯάʹ͕͔࣌ؒΔ ͪ͜Β΋443ͱ͍͏࢓૊ΈͰվળՄೳ

Slide 37

Slide 37 text

։ൃऀ͕গͳ͍ 41"Λ։ൃͨ͜͠ͱͷ͋Δ։ൃऀ͸ɺ Ұൠతͳ8FCϖʔδͷ੍࡞ऀʹൺ΂ѹ౗తʹগͳ͍ͷ͕ݱঢ় ಛʹଟ෼܈അ͸

Slide 38

Slide 38 text

։ൃऀ͕গͳ͍ +BWB4DSJQUʹର͢Δ෯޿͍஌ࣝɺ ൺֱతߴ౓ͳઃܭεΩϧ͕ඞཁ Webpack,Babel,EcmaScript…

Slide 39

Slide 39 text

+BWB4DSJQUʹର͢Δ෯޿͍஌ࣝɺ ൺֱతߴ౓ͳઃܭεΩϧ͕ඞཁ Webpack,Babel,EcmaScript…

Slide 40

Slide 40 text

·ͱΊ ίετ͸एׯߴ͍͕ɺ ࢼͯ͠ΈΔՁ஋͋Γɻ ͜Ε͔Βͷ࣌୅͸41"ͩʂ

Slide 41

Slide 41 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening! ॳճ܈അϫΧϞϊϛʔτΞοϓ 2018.10.6 @ Ina-cafe, Maebashi, Gunma Tsubasa SEKIGUCHI LEA-3645969186565158903