Slide 1

Slide 1 text

鈴木孝之 2年間地方でリモʔトワʔクをやって きたノウハウ 2019/12/05

Slide 2

Slide 2 text

"HFOEB ࣗݾ঺հɾձࣾ঺հ ϦϞʔτϫʔΫΛ͢ΔʹࢸͬͨܦҢ ϦϞʔτϫʔΫʹ͓͚Δ՝୊ɾղܾࡦ

Slide 3

Slide 3 text

ࣗݾ঺հɾձࣾ঺հ

Slide 4

Slide 4 text

◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹಠཱɻ ɾϑϦʔϥϯεͰϦϞʔτϫʔΫΛ൒೥΍ͬͨޙʹԭೄͰىۀ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ ◆εΩϧ ɾPHP, Symfony2,CakePHP3,Laravel6 ɾJavaScript, backbone.js,Vue.js,Nuxt.js,Angular 1.ࣗݾ঺հ

Slide 5

Slide 5 text

1.ࣗݾ঺հ

Slide 6

Slide 6 text

1.ࣗݾ঺հ

Slide 7

Slide 7 text

Re:Build ԭೄͷגࣜձࣾϓϩτιϦϡʔ γϣϯ༷ͱఏܞͯ͠ϓϩάϥϛ ϯάεΫʔϧͷߨࢣ΋຿ΊΔɻ શ෦Ͱ໿100ਓͷଔۀੜΛഐग़ɻ ౦ژɺେࡕͷେखITاۀʹब ৬ɾ಺ఆΛ΋Β͍ͬͯΔଔۀੜ ΋͍Δɻ

Slide 8

Slide 8 text

8 ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ ԭೄͰෳ਺ͷίϛϡχςΟΛӡӦͯ͠·͢

Slide 9

Slide 9 text

ܦྺ·ͱΊ 4&4 4*FS  8FCܥࣗࣾ։ൃ ϑϦʔϥϯεΤϯδχΞ ىۀ डୗ։ൃ ελʔτΞοϓ ϓϩάϥϛϯάεΫʔϧͷߨࢣ ͳͲɻ෯޿͘ۀ຿Λ͖ͯ͠·ͨ͠ɻ

Slide 10

Slide 10 text

Copyright Re:Build.inc All Rights Reserved. ձࣾ঺հ ◆ձ໊ࣾ גࣜձࣾRe:Build ◆ॅॴ ԭೄݝԭೄࢢதԝ̍ஸ໨̍̒−̕ ◆ࣄۀ಺༰ ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ ɾडୗ։ൃ ◆ࣾһ 7໊ ◆ΤϯδχΞͷಇ͖ํ ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪ঑ͯ͠·͢ʂ

Slide 11

Slide 11 text

ର৅ऀ ɾϑϦʔϥϯεΤϯδχΞͱͯ͠ɺϦϞʔτͰ࢓ࣄΛड͚͍ͨਓ ɾਖ਼ࣾһͰࡏ୐ϫʔΫɾϦϞʔτϫʔΫΛ͍ͨ͠ਓ

Slide 12

Slide 12 text

ϦϞʔτϫʔΫΛ͢ΔʹࢸͬͨܦҢ

Slide 13

Slide 13 text

ਖ਼ࣾһͰΤϯδχΞͱͯ͠ײ͍ͯͨ͡՝୊ײ ɾϑΟϦϐϯࢧࣾͱ೔ຊຊࣾͰͷ΍ΓऔΓͷϩάΛ࢒͢ҝʹશͯ 4MBDLͰ΍ΓऔΓ͢Δɻ ɾྡͷ੮ʹ࠲͍ͬͯΔͷʹجຊతʹ͸શͯ4MBDLͰ΍ΓऔΓͯͯ͠ɺ ग़ۈ͢Δࣄʹٙ໰Λײ͡Δɻ ɾேͷ௨ۈిंͰώοτϙΠϯτͷ͘Β͍Λফඅ͢Δʜɻ ɾຖ೔ɺಉ͡৔ॴͰಇ͍͍ͯΔͱ๞͖Δɻ

Slide 14

Slide 14 text

લ͔Β஍ํҠॅ΍஍Ҭ׆ੑԽʹ ڵຯ͕͋ͬͨ͠ɺ ஍ํʹॅΜͰಇ͍ͯΈΑ͏ʂ

Slide 15

Slide 15 text

ɾ௕ظؒٳΈΛऔͬͯɺ஍ํΛճΔͷ΋͕࣌ؒ΋͍ͬͨͳ͍ͱࢥͬͨɻ 
 ɾϦϞʔτͷҊ݅Λऔͬͯɺಇ͖ͳ͕Β͍ΖΜͳ஍ҬΛճͬͯɺॅΉ Πϝʔδ΋ΑΓ۩ମతʹΠϝʔδͰ͖ΔΑ͏ʹ͢Δɻ ɾ࠷௿Ͱ΋Ұͭͷ৔ॴʹ̍िؒҎ্ɺ଺ࡏ͢Δɻ ɾ଺ࡏ͔ͯ͠Βঃʑʹஈ֊Ҡॅ͍ͯ͘͠ɻ Ұ౓ɺϑϦʔϥϯεʹͳͬͯɺࣗ෼ͷॅΉ৔ॴΛ୳ཱྀ͢ʹग़Δ

Slide 16

Slide 16 text

# ಇ͖ํ - ϦϞʔτϫʔΫ - ϑϨοΫελΠϜ੍ - ि4೔ۈ຿੍౓(ر๬੍) - ෭ۀOK # ੍౓ - ٕज़ॻߪೖิॿ - ษڧձొஃ࣌ͷަ௨අɾ॓ധඅશֹิॿ ྲྀΕͰىۀ͔ͯ͠Β΋ϦϞʔτલఏͷձࣾʹͨ͠

Slide 17

Slide 17 text

ϦϞʔτϫʔΫʹ͓͚Δ՝୊ɾղܾࡦ

Slide 18

Slide 18 text

ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ࠷ॳ͔Β׬શʹϑϧϦϞʔ τͷҊ݅͸গͳ͍ɻ ౦ژͰ΋ϑϧϦϞʔτҊ݅͸5%΋ແ͍ ͱݴΘΕ͍ͯΔɻ࠷ॳ͚ͩৗறͯ͠ޙ ͔ΒϑϧϦϞʔτͱ͍͏ύλʔϯ΋͚ͬ ͜͏͋Δɻ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 1 2 3

Slide 19

Slide 19 text

ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ࠷ॳ͔Β׬શʹϑϧϦϞʔ τͷҊ݅͸গͳ͍ɻ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 1 ɾ౦ژͰ΋ϑϧϦϞʔτҊ݅͸΋ແ͍ͱݴΘΕ͍ͯΔɻ ɾ࠷ॳ͚ͩৗறͯ͠ޙ͔ΒϑϧϦϞʔτͱ͍͏ύλʔϯ΋ ͚ͬ͜͏͋Δɻ ɾجຊతʹ͸஌Γ߹͍ͷ঺հͷҊ݅ͩͱϦϞʔτ͕ଟ͍

Slide 20

Slide 20 text

Ͳ͏΍ͬͨΒɺϦϞʔτͷҊ݅ΛऔΕΔͷ͔ʁ ౦ژʹ͍Δ࣌ʹਓͱ ͷܨ͕ΓΛͨ͘͞Μ ࡞͓ͬͯ͘ɻ Ͳ͔͜ͷاۀͰ̎೥͘Β ͍ΤϯδχΞͱͯ͠ಇ͘ɻ ϦϞʔτͷҊ݅͸phpɺ rubyɺJS͋ͨΓ͕ଟ͍ ͷͰɺͦͷ෼໺ͷ ٕज़εΩϧΛ৳͹͓ͯ͠ ͘ɻ 2 1 3

Slide 21

Slide 21 text

1-1.౦ژʹ͍Δ࣌ʹਓͱͷܨ͕ΓΛͨ͘͞Μ࡞͓ͬͯ͘ɻ - લ৬͔Β࢓ࣄΛ΋Β͏ύλʔϯ΋͋Δɻ - ͨ͘͞Μɺษڧձ΍ϏδωεަྲྀձʹࢀՃͯ͠ɺࣾ ௕ɺϚωʔδϟʔΫϥεͷਓͱܨ͕͓ͬͯ͘ɻ - ࣗ෼ͰษڧձΛओ࠵ͯ͠ɺొஃ΋͢Δ

Slide 22

Slide 22 text

ࣗ෼ͰษڧձΛओ࠵ͯ͠ɺొஃ΋͢Δ - ϝϦοτ - ొஃऀ͕جຊతʹ͸ϚωʔδϟʔΫϥεͩͬͨΓɺςο ΫϦʔυͷΤϯδχΞͩͬͨΓ͢ΔͷͰɺͦͷਓୡͱ ͭͳ͕Δ͚ͩͰɺ࢓ࣄʹܨ͕Γ΍͍͢ɻ - Πϕϯτৄࡉ - ࢀՃऀ ໿100໊ - ͪΐ͏ͲɺྲྀߦΓ࢝Ί͍ͯΔ׌ͭɺಋೖࣄྫ͕গͳ͍ ςʔϚΛબͿͱਓ͕ू·Γ΍͍͢ɻ - Ͳͷձ͕ࣾొஃ͢Δ͔ΞΠΩϟονը૾ʹೖΕ͓ͯ͘ ͱྑ͍ɻ - conpassͷ৔߹ɺΠϕϯτެ։͔ͯ͠Β࠷ॳͷ2೔͕উ ෛ - Πϕϯτޙͷ࠙਌ձͰͲΕ໊͚ͩࢗަ׵Ͱ͖Δ͔͕ॏ ཁɻܨ͕͓͖͍ͬͯͨਓ͸ཌिதͰϥϯνʹ༠͏ɻ https://connpass.com/event/68449/

Slide 23

Slide 23 text

ࣗ෼ͰษڧձΛओ࠵ͯ͠ɺొஃ΋͢Δ https://re-build.connpass.com/event/111146/ - Πϕϯτৄࡉ - ࢀՃऀ ໿70໊ - ͪΐ͏ͲɺྲྀߦΓ࢝Ί͍ͯΔVue.js׌ͭɺಋೖࣄྫ͕ গͳ͍ςʔϚΛબΜͩɻ - ࠙਌ձLT࿮΋ઃ͚͓ͯ͘ͱͨ·ʹ஌Γ߹͍Ͱ͸ͳ͍ผ ͷϨΠϠʔͷήΩڧΤϯδχΞͷਓ͕Ԡืͯ͘͠ΕΔ ͷͰɺΦεεϝʂ

Slide 24

Slide 24 text

ࣗݾϒϥϯσΟϯά ɾࣗ෼ͷઑΒ͍ٕͤͨज़ʹରͯ͠ɺSNSͰͷൃ৴Λ౷Ұͤ͞Δ ɾSNSͷߋ৽ΛଵΒͳ͍ ɾษڧձΛओ࠵ɺొஃ͢Δ

Slide 25

Slide 25 text

ࣗݾϒϥϯσΟϯά

Slide 26

Slide 26 text

ࣗݾϒϥϯσΟϯά

Slide 27

Slide 27 text

ࣗݾϒϥϯσΟϯά ԭೄͰෳ਺ͷίϛϡχςΟΛӡӦͯ͠·͢

Slide 28

Slide 28 text

ࣗݾϒϥϯσΟϯά 10/12 PHPΧϯϑΝϨϯεԭೄΛओ࠵ https://phpcon.okinawa.jp

Slide 29

Slide 29 text

-BSBWFMͱ3BJMTͷҊ݅ࣄ৘ Rails Laravel ݸਓతʹ͸ελʔτΞοϓͷҊ͕݅اۀͷϧʔ ϧ͕ॊΒ͔͍ͷͰɺϦϞʔτҊ͕݅ଟΊ 1-2.ϦϞʔτͷҊ݅͸PHPɺRubyɺJS͋ͨΓ͕ଟ͍ͷͰɺͦͷ෼໺ͷٕज़εΩϧΛ৳͹͓ͯ͘͠

Slide 30

Slide 30 text

Rails Laravel -BSBWFMͱ3BJMTͷҊ݅ࣄ৘ 1-2.ϦϞʔτͷҊ݅͸PHPɺRubyɺJS͋ͨΓ͕ଟ͍ͷͰɺͦͷ෼໺ͷٕज़εΩϧΛ৳͹͓ͯ͘͠

Slide 31

Slide 31 text

3 1 ࢿۚௐୡͷ໨҆ https://kigyolog.com/article.php?id=76

Slide 32

Slide 32 text

3 2 ελʔτΞοϓاۀͷϑΣʔζ͝ͱͷ࠾༻ج४ 1~5ਓ ϑΣʔζ ɾ୅දͷࣗݾࢿۚ΍গֹͷआΓೖΕͰܦӦ͍ͯ͠Δ৔߹͕ଟ͍ɻࢿۚతʹ΋ ͦ͜·Ͱ༨༟͕ͳ͍ͷͰɺଈઓྗͱͳΔਓ͕๬·͍͠ɻ ͳͷͰɺΤϯδχΞͱͯ͠͸ɺ͙͢ʹίʔυॻ͚Δঢ়ଶ͕๬·͍͠ɻ ɾձࣾͱͯ͠΋Լखͨ͠Βɺࢿۚγϣʔτ͢Δ৔߹΋͋Δɻ ɾͱʹ͔͘ϦϑΝϥϧ࠾༻த৺ͰΧϧνϟʔϑΟοτ ͢Δ͔͕ॏཁɻ

Slide 33

Slide 33 text

3 3 ελʔτΞοϓاۀͷϑΣʔζ͝ͱͷ࠾༻ج४ 10~30ਓ ϑΣʔζ 
 ɾ1ԯԁҎ্ͷࢿۚௐୡ͕ऴΘ͍ͬͯΔ৔߹΋͋Δɻ
 ɾ෦ॺ͕Ͱ͖࢝Ίͯ૊৫Խ͍ͯ͘͠λΠϛϯάɻ ͳͷͰɺձࣾͱͯ͠΋ϦʔμʔΫϥεΛ࠾༻Ͱ͖Δϙςϯγϟϧ΍ϒϥϯσΟϯ άΛ͓ͯ͘͠ඞཁ͕͋Δɻ ͦΕ͔طଘࣾһͰϦʔμʔΫϥεΛҭ੒͓ͯ͘͠ඞཁ͕͋Δɻ ɾϕςϥϯͱएख྆ํཉ͍͠λΠϛϯάͩͱɺࢥ͏ͷͰ͜ͷϑΣʔζͰ͋Ε͹ɺ ະܦݧͰ΋͋Δఔ౓ͷڭҭମ੍ͷ΋ͱͰ࠾༻ͯ͠΋Β͑Δύλʔϯ΋͋Δؾ͕͢ Δɻएख͸ଟগɺܦݧ͕ͳͯ͘΋কདྷͷத֩ਓࡐ͕ཉ͍͠ɻ ͜ͷϑΣʔζ͘Β͍͕ྑͦ͞͏

Slide 34

Slide 34 text

ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ίϛϡχέʔγϣϯ͕
 ೉͍͠ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 2 ɾ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ඞཁɻجຊతʹ ͸4MBDLͳͲͰͷςΩετϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔ ͷͰɺ఻͑ΔεΩϧ΋ඞཁɻ

Slide 35

Slide 35 text

ϦϞʔτϫʔΫΛ΍Δʹ͋ͨͬͯɺ޻෉͍ͯ͠Δ͜ͱ ֆจࣈΛͨ͘͞Μ࢖ͬͯɺ ײ৘දݱΛ๛͔ʹ͢Δɻ SlackͰ͸ɺΤϯδχΞ͕޷ ΉMarkdownͷه๏Ͱ΍Γऔ Γ͢Δࣄ͕ग़དྷͨΓͱɺ࢖ ͍͜ͳ͢ͱ͚ͬ͜͏ɺศརʂ Slack͚ͩͰ΍ΓऔΓ͍ͯ͠ΔҊ݅ ΋͋Δ͕ɺܧଓతʹ࢓ࣄΛಉ͡ձ ࣾͱ΍Δ৔߹͸ɺఆظతʹZoom΍ ి࿩Ͱձ࿩ͨ͠ํ͕ྑ͍ͱײͨ͡ɻ ແବʹظ଴஋Λ্͛ͨΓ͠ͳ ͍Α͏ʹ͢Δɻ SlackͰͷίχϡχ έʔγϣϯೳྗɺද ݱྗΛ஁͓͑ͯ͘ɻ ظ଴஋ίϯτϩʔϧ͕ॏ ཁ ఆظతʹZoomͰձٞ ͢Δɻ 2 1 3

Slide 36

Slide 36 text

2-1.SLACKͰͷίχϡχέʔγϣϯೳྗɺදݱྗΛ஁͓͑ͯ͘ɻ ɾSlackͰֆจࣈΛͨ͘͞Μ࢖ͬ ͯɺײ৘දݱΛ๛͔ʹ͢Δɻ ɾMarkdownͷه๏Ͱ΍ΓऔΓΛ஁ ͓͑ͯ͘ͱΑΓݟ΍͍͢จষΛ࡞ ΕΔ

Slide 37

Slide 37 text

2-2.ఆظతʹZOOMͰձٞ͢Δɻ ɾSlack͚ͩͰ΍ΓऔΓ͍ͯ͠ΔҊ݅΋͋ Δ͕ɺܧଓతʹ࢓ࣄΛಉ͡ձࣾͱ΍Δ৔߹ ͸ɺఆظతʹZoom΍ి࿩Ͱձ࿩ͨ͠ํ͕ ྑ͍ͱײͨ͡ɻ ɾ૬खͷλεΫʹରͯ͠ͷԹ౓ײͷ֬ೝ΍ɺ ձ࿩ͷํ͕ͪΐͬͱͨ͠ੈؒ࿩ʹ΋ͳΓ΍ ͍͢ͷͰɺྑ͍ɻ

Slide 38

Slide 38 text

2-2.ఆظతʹZOOMͰձٞ͢Δɻ ɾZoomΛܨ͗ͬͺͳ͠ʹͯ͠ɺৗʹྡʹ ͍Δঢ়گΛ࠶ݱͯ͠ɺ͙͢ʹ࣭໰Ͱ͖Δ؀ ڥΛ੔͍͑ͯΔձࣾ΋͋Δɻ

Slide 39

Slide 39 text

2-3.ظ଴஋ίϯτϩʔϧ͕ॏཁ ɾແବʹظ଴஋Λ্͛ͨΓ͠ͳ͍Α͏ʹ͢Δɻ - ࠷ॳʹύϑΥʔϚϯεΛग़͠ա͗ͳ͍Α͏ʹ͢Δɻྫ͑͹ɺ࠷ॳɺ։ൃ εϐʔυ͕ૣ͔ͬͨͷʹޙ͔ΒམͪΔͱจ۟ݴΘΕͨΓ͢Δ࣌΋͋Δɻ - ࢲͳΒࠓ·Ͱʹͳ͍σβΠϯʹͰ͖·͢ͱ͔ɻ - ΋͔ͨ͠͠ΒɺೲظΑΓૣ͘ऴΘΔ͔΋͠Ε·ͤΜͱ͔ɻ

Slide 40

Slide 40 text

ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ݽಠʹͳΓ͕ͪ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 3 ɾࡏ୐ϫʔΫͷ৔߹͸ɺ೔தɺ ਓͱ࿩͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ͢Δɻ

Slide 41

Slide 41 text

ɾ෼ใͰద౓ʹࡶஊ͢Δɻ ɾΦϯϥΠϯҿΈձΛ։࠵͢Δɻ ɾఆظతʹ֎෦ͷษڧձʹࢀՃ͢ Δɻ ݽಠʹͳΒͳ͍ҝͷ޻෉

Slide 42

Slide 42 text

ݽಠʹͳΒͳ͍ҝͷ޻෉

Slide 43

Slide 43 text

·ͱΊ ɾ࠷ॳ͔Β׬શʹϑϧϦϞʔτͷҊ݅͸·ͩ·ͩগͳ͍ͷͰɺࣗݾ ϒϥϯσΟϯάͳͲΛ͔ͬ͠Γ͍͖ͯ͠ɺ஌Γ߹͍ͮͯͰɺҊ݅Λ औΔͷ͕ྑͦ͞͏ɻ ɾϦϞʔτϫʔΫ΍Δʹ͋ͨͬͯɺϊ΢ϋ΢΍ίπΛ௫ΜͰ͓͔ͳ ͍ͱࣗ෼͕ർฐ͢Δ৔߹΋͋Δɻ