2年間地方でリモートワークをやってきたノウハウ

2年間地方でリモートワークをやってきたノウハウ

Transcript

1. 鈴木孝之 2年間地方でリモʔトワʔクをやって きたノウハウ 2019/12/05
2. "HFOEB ࣗݾ঺հɾձࣾ঺հ
   ϦϞʔτϫʔΫΛ͢ΔʹࢸͬͨܦҢ
   ϦϞʔτϫʔΫʹ͓͚Δ՝୊ɾղܾࡦ
3. ࣗݾ঺հɾձࣾ঺հ
4. ◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹಠཱɻ ɾϑϦʔϥϯεͰϦϞʔτϫʔΫΛ൒೥΍ͬͨޙʹԭೄͰىۀ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ ◆εΩϧ ɾPHP, Symfony2,CakePHP3,Laravel6 ɾJavaScript, backbone.js,Vue.js,Nuxt.js,Angular 1.ࣗݾ঺հ
5. 1.ࣗݾ঺հ
6. 1.ࣗݾ঺հ
7. Re:Build ԭೄͷגࣜձࣾϓϩτιϦϡʔ γϣϯ༷ͱఏܞͯ͠ϓϩάϥϛ ϯάεΫʔϧͷߨࢣ΋຿ΊΔɻ શ෦Ͱ໿100ਓͷଔۀੜΛഐग़ɻ ౦ژɺେࡕͷେखITاۀʹब ৬ɾ಺ఆΛ΋Β͍ͬͯΔଔۀੜ ΋͍Δɻ
8. 8 ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ ԭೄͰෳ਺ͷίϛϡχςΟΛӡӦͯ͠·͢
9. ܦྺ·ͱΊ
   
   
   4&4 4*FS
   
   
   
   8FCܥࣗࣾ։ൃ
   
   
   
   ϑϦʔϥϯεΤϯδχΞ
   
   
   
   ىۀ
   
   
   
   डୗ։ൃ
   
   
   
   ελʔτΞοϓ
   
   
   
   ϓϩάϥϛϯάεΫʔϧͷߨࢣ
   
   
   ͳͲɻ෯޿͘ۀ຿Λ͖ͯ͠·ͨ͠ɻ
10. Copyright Re:Build.inc All Rights Reserved. ձࣾ঺հ ◆ձ໊ࣾ גࣜձࣾRe:Build ◆ॅॴ ԭೄݝԭೄࢢதԝ̍ஸ໨̍̒−̕ ◆ࣄۀ಺༰ ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ ɾडୗ։ൃ ◆ࣾһ 7໊ ◆ΤϯδχΞͷಇ͖ํ ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪ঑ͯ͠·͢ʂ
11. ର৅ऀ ɾϑϦʔϥϯεΤϯδχΞͱͯ͠ɺϦϞʔτͰ࢓ࣄΛड͚͍ͨਓ
    ɾਖ਼ࣾһͰࡏ୐ϫʔΫɾϦϞʔτϫʔΫΛ͍ͨ͠ਓ
12. ϦϞʔτϫʔΫΛ͢ΔʹࢸͬͨܦҢ
13. ਖ਼ࣾһͰΤϯδχΞͱͯ͠ײ͍ͯͨ͡՝୊ײ ɾϑΟϦϐϯࢧࣾͱ೔ຊຊࣾͰͷ΍ΓऔΓͷϩάΛ࢒͢ҝʹશͯ 4MBDLͰ΍ΓऔΓ͢Δɻ
    ɾྡͷ੮ʹ࠲͍ͬͯΔͷʹجຊతʹ͸શͯ4MBDLͰ΍ΓऔΓͯͯ͠ɺ ग़ۈ͢Δࣄʹٙ໰Λײ͡Δɻ
    ɾேͷ௨ۈిंͰώοτϙΠϯτͷ͘Β͍Λফඅ͢Δʜɻ
    ɾຖ೔ɺಉ͡৔ॴͰಇ͍͍ͯΔͱ๞͖Δɻ
14. લ͔Β஍ํҠॅ΍஍Ҭ׆ੑԽʹ
    ڵຯ͕͋ͬͨ͠ɺ
    ஍ํʹॅΜͰಇ͍ͯΈΑ͏ʂ
15. ɾ௕ظؒٳΈΛऔͬͯɺ஍ํΛճΔͷ΋͕࣌ؒ΋͍ͬͨͳ͍ͱࢥͬͨɻ 
 ɾϦϞʔτͷҊ݅Λऔͬͯɺಇ͖ͳ͕Β͍ΖΜͳ஍ҬΛճͬͯɺॅΉ Πϝʔδ΋ΑΓ۩ମతʹΠϝʔδͰ͖ΔΑ͏ʹ͢Δɻ
    ɾ࠷௿Ͱ΋Ұͭͷ৔ॴʹ̍िؒҎ্ɺ଺ࡏ͢Δɻ
    ɾ଺ࡏ͔ͯ͠Βঃʑʹஈ֊Ҡॅ͍ͯ͘͠ɻ Ұ౓ɺϑϦʔϥϯεʹͳͬͯɺࣗ෼ͷॅΉ৔ॴΛ୳ཱྀ͢ʹग़Δ
16. # ಇ͖ํ - ϦϞʔτϫʔΫ - ϑϨοΫελΠϜ੍ - ि4೔ۈ຿੍౓(ر๬੍) - ෭ۀOK # ੍౓ - ٕज़ॻߪೖิॿ - ษڧձొஃ࣌ͷަ௨අɾ॓ധඅશֹิॿ ྲྀΕͰىۀ͔ͯ͠Β΋ϦϞʔτલఏͷձࣾʹͨ͠
17. ϦϞʔτϫʔΫʹ͓͚Δ՝୊ɾղܾࡦ
18. ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ࠷ॳ͔Β׬શʹϑϧϦϞʔ τͷҊ݅͸গͳ͍ɻ ౦ژͰ΋ϑϧϦϞʔτҊ݅͸5%΋ແ͍ ͱݴΘΕ͍ͯΔɻ࠷ॳ͚ͩৗறͯ͠ޙ ͔ΒϑϧϦϞʔτͱ͍͏ύλʔϯ΋͚ͬ ͜͏͋Δɻ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 1 2 3
19. ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ࠷ॳ͔Β׬શʹϑϧϦϞʔ τͷҊ݅͸গͳ͍ɻ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 1 ɾ౦ژͰ΋ϑϧϦϞʔτҊ݅͸΋ແ͍ͱݴΘΕ͍ͯΔɻ
    ɾ࠷ॳ͚ͩৗறͯ͠ޙ͔ΒϑϧϦϞʔτͱ͍͏ύλʔϯ΋ ͚ͬ͜͏͋Δɻ
    ɾجຊతʹ͸஌Γ߹͍ͷ঺հͷҊ݅ͩͱϦϞʔτ͕ଟ͍
20. Ͳ͏΍ͬͨΒɺϦϞʔτͷҊ݅ΛऔΕΔͷ͔ʁ ౦ژʹ͍Δ࣌ʹਓͱ ͷܨ͕ΓΛͨ͘͞Μ ࡞͓ͬͯ͘ɻ Ͳ͔͜ͷاۀͰ̎೥͘Β ͍ΤϯδχΞͱͯ͠ಇ͘ɻ ϦϞʔτͷҊ݅͸phpɺ rubyɺJS͋ͨΓ͕ଟ͍ ͷͰɺͦͷ෼໺ͷ ٕज़εΩϧΛ৳͹͓ͯ͠ ͘ɻ 2 1 3
21. 1-1.౦ژʹ͍Δ࣌ʹਓͱͷܨ͕ΓΛͨ͘͞Μ࡞͓ͬͯ͘ɻ - લ৬͔Β࢓ࣄΛ΋Β͏ύλʔϯ΋͋Δɻ - ͨ͘͞Μɺษڧձ΍ϏδωεަྲྀձʹࢀՃͯ͠ɺࣾ ௕ɺϚωʔδϟʔΫϥεͷਓͱܨ͕͓ͬͯ͘ɻ - ࣗ෼ͰษڧձΛओ࠵ͯ͠ɺొஃ΋͢Δ
22. ࣗ෼ͰษڧձΛओ࠵ͯ͠ɺొஃ΋͢Δ - ϝϦοτ - ొஃऀ͕جຊతʹ͸ϚωʔδϟʔΫϥεͩͬͨΓɺςο ΫϦʔυͷΤϯδχΞͩͬͨΓ͢ΔͷͰɺͦͷਓୡͱ ͭͳ͕Δ͚ͩͰɺ࢓ࣄʹܨ͕Γ΍͍͢ɻ - Πϕϯτৄࡉ - ࢀՃऀ ໿100໊ - ͪΐ͏ͲɺྲྀߦΓ࢝Ί͍ͯΔ׌ͭɺಋೖࣄྫ͕গͳ͍ ςʔϚΛબͿͱਓ͕ू·Γ΍͍͢ɻ - Ͳͷձ͕ࣾొஃ͢Δ͔ΞΠΩϟονը૾ʹೖΕ͓ͯ͘ ͱྑ͍ɻ - conpassͷ৔߹ɺΠϕϯτެ։͔ͯ͠Β࠷ॳͷ2೔͕উ ෛ - Πϕϯτޙͷ࠙਌ձͰͲΕ໊͚ͩࢗަ׵Ͱ͖Δ͔͕ॏ ཁɻܨ͕͓͖͍ͬͯͨਓ͸ཌिதͰϥϯνʹ༠͏ɻ https://connpass.com/event/68449/
23. ࣗ෼ͰษڧձΛओ࠵ͯ͠ɺొஃ΋͢Δ https://re-build.connpass.com/event/111146/ - Πϕϯτৄࡉ - ࢀՃऀ ໿70໊ - ͪΐ͏ͲɺྲྀߦΓ࢝Ί͍ͯΔVue.js׌ͭɺಋೖࣄྫ͕ গͳ͍ςʔϚΛબΜͩɻ - ࠙਌ձLT࿮΋ઃ͚͓ͯ͘ͱͨ·ʹ஌Γ߹͍Ͱ͸ͳ͍ผ ͷϨΠϠʔͷήΩڧΤϯδχΞͷਓ͕Ԡืͯ͘͠ΕΔ ͷͰɺΦεεϝʂ
24. ࣗݾϒϥϯσΟϯά ɾࣗ෼ͷઑΒ͍ٕͤͨज़ʹରͯ͠ɺSNSͰͷൃ৴Λ౷Ұͤ͞Δ ɾSNSͷߋ৽ΛଵΒͳ͍ ɾษڧձΛओ࠵ɺొஃ͢Δ
25. ࣗݾϒϥϯσΟϯά
26. ࣗݾϒϥϯσΟϯά
27. ࣗݾϒϥϯσΟϯά ԭೄͰෳ਺ͷίϛϡχςΟΛӡӦͯ͠·͢
28. ࣗݾϒϥϯσΟϯά 10/12 PHPΧϯϑΝϨϯεԭೄΛओ࠵ https://phpcon.okinawa.jp
29. -BSBWFMͱ3BJMTͷҊ݅ࣄ৘ Rails Laravel ݸਓతʹ͸ελʔτΞοϓͷҊ͕݅اۀͷϧʔ ϧ͕ॊΒ͔͍ͷͰɺϦϞʔτҊ͕݅ଟΊ 1-2.ϦϞʔτͷҊ݅͸PHPɺRubyɺJS͋ͨΓ͕ଟ͍ͷͰɺͦͷ෼໺ͷٕज़εΩϧΛ৳͹͓ͯ͘͠
30. Rails Laravel -BSBWFMͱ3BJMTͷҊ݅ࣄ৘ 1-2.ϦϞʔτͷҊ݅͸PHPɺRubyɺJS͋ͨΓ͕ଟ͍ͷͰɺͦͷ෼໺ͷٕज़εΩϧΛ৳͹͓ͯ͘͠
31. 3 1 ࢿۚௐୡͷ໨҆ https://kigyolog.com/article.php?id=76
32. 3 2 ελʔτΞοϓاۀͷϑΣʔζ͝ͱͷ࠾༻ج४ 1~5ਓ ϑΣʔζ ɾ୅දͷࣗݾࢿۚ΍গֹͷआΓೖΕͰܦӦ͍ͯ͠Δ৔߹͕ଟ͍ɻࢿۚతʹ΋ ͦ͜·Ͱ༨༟͕ͳ͍ͷͰɺଈઓྗͱͳΔਓ͕๬·͍͠ɻ ͳͷͰɺΤϯδχΞͱͯ͠͸ɺ͙͢ʹίʔυॻ͚Δঢ়ଶ͕๬·͍͠ɻ ɾձࣾͱͯ͠΋Լखͨ͠Βɺࢿۚγϣʔτ͢Δ৔߹΋͋Δɻ ɾͱʹ͔͘ϦϑΝϥϧ࠾༻த৺ͰΧϧνϟʔϑΟοτ ͢Δ͔͕ॏཁɻ
33. 3 3 ελʔτΞοϓاۀͷϑΣʔζ͝ͱͷ࠾༻ج४ 10~30ਓ ϑΣʔζ 
 ɾ1ԯԁҎ্ͷࢿۚௐୡ͕ऴΘ͍ͬͯΔ৔߹΋͋Δɻ
 ɾ෦ॺ͕Ͱ͖࢝Ίͯ૊৫Խ͍ͯ͘͠λΠϛϯάɻ ͳͷͰɺձࣾͱͯ͠΋ϦʔμʔΫϥεΛ࠾༻Ͱ͖Δϙςϯγϟϧ΍ϒϥϯσΟϯ άΛ͓ͯ͘͠ඞཁ͕͋Δɻ ͦΕ͔طଘࣾһͰϦʔμʔΫϥεΛҭ੒͓ͯ͘͠ඞཁ͕͋Δɻ ɾϕςϥϯͱएख྆ํཉ͍͠λΠϛϯάͩͱɺࢥ͏ͷͰ͜ͷϑΣʔζͰ͋Ε͹ɺ ະܦݧͰ΋͋Δఔ౓ͷڭҭମ੍ͷ΋ͱͰ࠾༻ͯ͠΋Β͑Δύλʔϯ΋͋Δؾ͕͢ Δɻएख͸ଟগɺܦݧ͕ͳͯ͘΋কདྷͷத֩ਓࡐ͕ཉ͍͠ɻ ͜ͷϑΣʔζ͘Β͍͕ྑͦ͞͏
34. ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ίϛϡχέʔγϣϯ͕
 ೉͍͠ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 2 ɾ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ඞཁɻجຊతʹ ͸4MBDLͳͲͰͷςΩετϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔ ͷͰɺ఻͑ΔεΩϧ΋ඞཁɻ
35. ϦϞʔτϫʔΫΛ΍Δʹ͋ͨͬͯɺ޻෉͍ͯ͠Δ͜ͱ ֆจࣈΛͨ͘͞Μ࢖ͬͯɺ ײ৘දݱΛ๛͔ʹ͢Δɻ SlackͰ͸ɺΤϯδχΞ͕޷ ΉMarkdownͷه๏Ͱ΍Γऔ Γ͢Δࣄ͕ग़དྷͨΓͱɺ࢖ ͍͜ͳ͢ͱ͚ͬ͜͏ɺศརʂ Slack͚ͩͰ΍ΓऔΓ͍ͯ͠ΔҊ݅ ΋͋Δ͕ɺܧଓతʹ࢓ࣄΛಉ͡ձ ࣾͱ΍Δ৔߹͸ɺఆظతʹZoom΍ ి࿩Ͱձ࿩ͨ͠ํ͕ྑ͍ͱײͨ͡ɻ ແବʹظ଴஋Λ্͛ͨΓ͠ͳ ͍Α͏ʹ͢Δɻ SlackͰͷίχϡχ έʔγϣϯೳྗɺද ݱྗΛ஁͓͑ͯ͘ɻ ظ଴஋ίϯτϩʔϧ͕ॏ ཁ ఆظతʹZoomͰձٞ ͢Δɻ 2 1 3
36. 2-1.SLACKͰͷίχϡχέʔγϣϯೳྗɺදݱྗΛ஁͓͑ͯ͘ɻ ɾSlackͰֆจࣈΛͨ͘͞Μ࢖ͬ ͯɺײ৘දݱΛ๛͔ʹ͢Δɻ ɾMarkdownͷه๏Ͱ΍ΓऔΓΛ஁ ͓͑ͯ͘ͱΑΓݟ΍͍͢จষΛ࡞ ΕΔ
37. 2-2.ఆظతʹZOOMͰձٞ͢Δɻ ɾSlack͚ͩͰ΍ΓऔΓ͍ͯ͠ΔҊ݅΋͋ Δ͕ɺܧଓతʹ࢓ࣄΛಉ͡ձࣾͱ΍Δ৔߹ ͸ɺఆظతʹZoom΍ి࿩Ͱձ࿩ͨ͠ํ͕ ྑ͍ͱײͨ͡ɻ ɾ૬खͷλεΫʹରͯ͠ͷԹ౓ײͷ֬ೝ΍ɺ ձ࿩ͷํ͕ͪΐͬͱͨ͠ੈؒ࿩ʹ΋ͳΓ΍ ͍͢ͷͰɺྑ͍ɻ
38. 2-2.ఆظతʹZOOMͰձٞ͢Δɻ ɾZoomΛܨ͗ͬͺͳ͠ʹͯ͠ɺৗʹྡʹ ͍Δঢ়گΛ࠶ݱͯ͠ɺ͙͢ʹ࣭໰Ͱ͖Δ؀ ڥΛ੔͍͑ͯΔձࣾ΋͋Δɻ
39. 2-3.ظ଴஋ίϯτϩʔϧ͕ॏཁ ɾແବʹظ଴஋Λ্͛ͨΓ͠ͳ͍Α͏ʹ͢Δɻ - ࠷ॳʹύϑΥʔϚϯεΛग़͠ա͗ͳ͍Α͏ʹ͢Δɻྫ͑͹ɺ࠷ॳɺ։ൃ εϐʔυ͕ૣ͔ͬͨͷʹޙ͔ΒམͪΔͱจ۟ݴΘΕͨΓ͢Δ࣌΋͋Δɻ - ࢲͳΒࠓ·Ͱʹͳ͍σβΠϯʹͰ͖·͢ͱ͔ɻ - ΋͔ͨ͠͠ΒɺೲظΑΓૣ͘ऴΘΔ͔΋͠Ε·ͤΜͱ͔ɻ
40. ϦϞʔτϫʔΫʹ͓͚Δ՝୊ ίϛϡχέʔγϣϯ͕ ೉͍͠ ͓٬͞ΜͷϦςϥγʔʹΑͬͯ΋޻෉͕ ඞཁɻجຊతʹ͸SalckͳͲͰͷςΩε τϕʔεͰͷ࿈བྷ͕ϝΠϯʹͳΔͷͰɺ ఻͑ΔεΩϧ΋ඞཁɻ ݽಠʹͳΓ͕ͪ ݽಠʹͳΓ͕ͪ ࡏ୐ϫʔΫͷ৔߹͸ɺ1೔தɺਓͱ࿩ ͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ ͢Δɻ 3 ɾࡏ୐ϫʔΫͷ৔߹͸ɺ೔தɺ
    ਓͱ࿩͞ͳ͍ͱ͍͏ࣄ΋͚ͬ͜͏͋ͬͨΓ͢Δɻ
41. ɾ෼ใͰద౓ʹࡶஊ͢Δɻ
    ɾΦϯϥΠϯҿΈձΛ։࠵͢Δɻ
    ɾఆظతʹ֎෦ͷษڧձʹࢀՃ͢ Δɻ ݽಠʹͳΒͳ͍ҝͷ޻෉
42. ݽಠʹͳΒͳ͍ҝͷ޻෉
43. ·ͱΊ ɾ࠷ॳ͔Β׬શʹϑϧϦϞʔτͷҊ݅͸·ͩ·ͩগͳ͍ͷͰɺࣗݾ ϒϥϯσΟϯάͳͲΛ͔ͬ͠Γ͍͖ͯ͠ɺ஌Γ߹͍ͮͯͰɺҊ݅Λ औΔͷ͕ྑͦ͞͏ɻ ɾϦϞʔτϫʔΫ΍Δʹ͋ͨͬͯɺϊ΢ϋ΢΍ίπΛ௫ΜͰ͓͔ͳ ͍ͱࣗ෼͕ർฐ͢Δ৔߹΋͋Δɻ