Tweet
Tweet

Slide 1

Slide 1 text

ҭٳ/࢈ٳʹ͓͚Δ ੜଘઓུ 2019/03/02 ԭೄITঁࢠձ#3 ͝· (@gomaaburamax)

Slide 2

Slide 2 text

ࣗݾ঺հ • ͝· (@gomaaburamax) • ΤϯδχΞ5೥ੜ(PHP/JS/νϣοτPerl) • ͓฼͞Μ(ੜޙ6ϲ݄) • ϑϦʔϥϯε(Ծ) • ࢈ٳ->ҭٳ(?) ͳ͏

Slide 3

Slide 3 text

ҭٳ/࢈ٳʹ͓͚Δ ੜଘઓུ 2019/03/02 ԭೄITঁࢠձ#3 ͝· (@gomaaburamax)

Slide 4

Slide 4 text

ҭٳ/࢈ٳʹ͓͚Δ ੜଘઓུ 2019/03/02 ԭೄITঁࢠձ#3 ͝· (@gomaaburamax) ࢈ٳҭٳ ָ͘͠ߦ͜͏ͥ

Slide 5

Slide 5 text

ͳΜͰ͜Μͳ࿩Λ͢Δ͔

Slide 6

Slide 6 text

ࡢࠓͷΤϯδχΞ؀ڥ • ৽͍ٕ͠ज़ͲΜͲΜग़ͯ͘Δ • ͕Μ͹ͬͯΩϟονΞοϓʢେ׼ • ૸ΔͷΛ΍ΊͨΒࢮ๢Ͱ͸ʁ • ӭ͗ଓ͚ͳ͖Όࢮ͵Ϛάϩঢ়ଶ

Slide 7

Slide 7 text

͜͜Ͱಥવͷ ʊਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹҭٳ/࢈ٳΞλοΫɹʻ ʉY^Y^Y^Y^Y^Y^Y^Y^Y^Yʉ

Slide 8

Slide 8 text

ಥવͷࢮ ΤϯδχΞͱͯ͠ͷ

Slide 9

Slide 9 text

ಥવͷࢮͱ͸ • ۀք͔Βͷஔ͍͔ͯΕײ͕૿͢ • ΋͏Կ΋Ͱ͖ͳ͍ؾ͕ͯ͘͠Δ • ࣾձ͕ԕ͘ײ͡Δ ΤϯδχΞ΍Ίͨ͘ͳΔ

Slide 10

Slide 10 text

ͱɺࢲ͸ͳΓ͔͚ͨͷͰ ͋Δछͷىࢮճੜ๏

Slide 11

Slide 11 text

ٳΈதͷա͝͠ํͱ ೔ࠒͷߦ͍

Slide 12

Slide 12 text

ٳΈதͷա͝͠ํ • ษڧΛແཧʹ͠ͳ͍ • Կ΋Ͱ͖ͳ͍ࣗ෼Λڐ͢ • Ͱ͖ͨΒϥοΩʔ͙Β͍ʹࢥ͏ • ௕ظٳՋΛָ͠Ή • ήʔϜɺۙॴ୳ࡧɺελόͷ৽࡞

Slide 13

Slide 13 text

ٳΜͩͬͯ େৎ෉ͱ͍͏ࣗ৴Λ࣋ͭ

Slide 14

Slide 14 text

͍΍͍΍ɺɺɺ

Slide 15

Slide 15 text

ࠜڌͷͳ͍ͱ͜Ζʹ ࣗ৴͸෸͔ͳ͍

Slide 16

Slide 16 text

ࠜڌ͸೔ࠒͷߦ͍Ͱ ࡞͓ͬͯ͜͏ ʘʘ\\٩( 'ω' )و//ʗʗ

Slide 17

Slide 17 text

ࣗ৴Λ࡞Δ೔ࠒͷߦ͍ • ৽͍͠΋ͷ͸໊લ͚ͩͰ΋indexΛష͓͘ • ৘ใͷऩूݩΛ֬อ͓ͯ͘͠ • ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ

Slide 18

Slide 18 text

໊લ͚ͩͰ΋indexΛష͓͘ • ʮʓʓ is (̏ߦ)ʯ͙Β͍Ͱ͍͍ • ۷Εͳͯ͘΋஌Δ͚ͩ஌͓ͬͯ͘ • ͔ͬ͠Γ΍Βͳ͖Ό͍͚ͳ͘ͳͬͨ࣌৺ཧత ϋʔυϧ͕௿͍

Slide 19

Slide 19 text

৘ใͷऩूݩΛ֬อ͓ͯ͘͠ • ৘ใ͕޲͜͏͔ΒདྷΔ࢓૊ΈΛ࡞͓ͬͯ͘ • ࣗ෼͔Β୳͠ʹߦ͘ख͕ؒল͚Δ • ྫ͑͹ • ίϛϡχςΟʹೖΔ • ༗ӹͳٕज़ൃ৴Λ͢ΔtwitterΛϑΥϩʔ

Slide 20

Slide 20 text

ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ • ̍ͷ஌ࣝΛಘΔͱ͖ʹؔ࿈ٕज़2,3Λ۷ΓԼ͛ ͯ஌Δ • ৽͍͠΋ͷ͕ग़͖ͯͨͱ͖/໰୊͕ى͖ͨͱ͖ ૣ͍ղܾ͕ظ଴Ͱ͖Δ • Ԡ༻ྗˢɺཧղ଎౓ˢˢ

Slide 21

Slide 21 text

ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ • ྫ1: HPΛGithubϖʔδͰ࡞Γ͍ͨ • υΩϡϝϯτʹॻ͍ͯ͋Δͱ͓Γʹ΍ͬͨΒ Ͱ͖ͨ

Slide 22

Slide 22 text

ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ • ྫ1: HPΛGithubϖʔδͰ࡞Γ͍ͨ • υΩϡϝϯτʹॻ͍ͯ͋Δͱ͓Γʹ΍ͬͨΒͰ ͖ͨ • github͕αʔόͷ໾ׂΛͯ͘͠ΕΔ • ϒϥ΢βͱαʔόؒͷHTTPϦΫΤετ΍ΓͱΓ x

Slide 23

Slide 23 text

ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ • ྫ2: SPAΛ࡞Γ͍ͨ • Vue-routerͱ͍͏ͷΛ࢖͏ͱSPA͕ग़དྷͨ

Slide 24

Slide 24 text

ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ • ྫ2: SPAΛ࡞Γ͍ͨ • Vue-routerͱ͍͏ͷΛ࢖͏ͱSPA͕ग़དྷͨ • Vue-routerͷ࣋ͭhistoryAPIʹΑΔURLͷॻ͖ ׵͑ͱURLʹԠͨ͡ίϯϙʔωϯτͷग़͠෼ ͚ʹΑ࣮ͬͯݱͰ͖ͨ x

Slide 25

Slide 25 text

ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ • ྫ3: DockerͰwebαʔόΛཱ͍ͯͨ • ίϚϯυଧͬͨΒͰ͖ͨ

Slide 26

Slide 26 text

ٕज़͸গ͠۷ΓԼ͛ͯ஌Δ • ྫ3: DockerͰwebαʔόΛཱ͍ͯͨ • ίϚϯυଧͬͨΒͰ͖ͨ • ίϯςφͱ͍͏Ծ૝Խٕज़ʹΑ࣮ͬͯݱ • ίϯςφͨͯΔίϚϯυ͸ͨ͘͞Μ͋Δ͚Ͳ Կ͕ҧ͏Μ x

Slide 27

Slide 27 text

΍ΓํΛ஌ΔͷͰ͸ͳ͘ ࢓૊ΈΛ஌Δࣄ͕ ࣗ৴ʹܨ͕Δ

Slide 28

Slide 28 text

Πν͔ΒՐ͸ىͤ͜ͳͯ͘΋ ͍͍͚ͲɺՐ͕ى͖Δ࢓૊Έ ͸஌ͬͯͯଛ͸ͳ͍ by ͝·

Slide 29

Slide 29 text

݁࿦ • ٳՋத͸ΤϯδχΞ΍Ίͨ͘ͳΔ • ΏΔ͘ੜ͖ɺࣗ෼ʹࣗ৴Λ࣋ͭ͜ͱେࣄ • ࣗ৴͸ීஈͷߦ͍Ͱഓ͓ͬͯ͘ • جૅ΁ͷண໨ • indexுΓ

Slide 30

Slide 30 text

࡞Δ͜ͱ/ߟ͑Δ͜ͱ ָ͍ͬͯ͜͠ͱΛ๨Εͳ͍

Slide 31

Slide 31 text

Have a nice Engineer life!!