沖縄を拠点にしながら会社で最新の技術を取り入れ続けている話

2017年に沖縄で起業し、沖縄を拠点にしながら最新の技術を取り入れ続けている話をまとめました。

Transcript

1. 鈴木孝之 2020/01/28
   ԭೄΛڌ఺ʹ͠ͳ͕ΒձࣾͰ
   ࠷৽ͷٕज़ΛऔΓೖΕଓ͚͍ͯΔ࿩
   

   View Slide

2. "HFOEB
   ࣗݾ঺հɾձࣾ঺հ
   ԭೄͷֶͿ؀ڥ
   ԭೄͰ৽͍ٕ͠ज़ΛऔΓೖΕΔʹ͋ͨͬͯ޻
   ෉͍ͯ͠Δ͜ͱ
   

   View Slide

3. ࣗݾ঺հɾձࣾ঺հ
   

   View Slide

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

   View Slide

5. 1.ࣗݾ঺հ
   

   View Slide

6. 1.ࣗݾ঺հ
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

11. ର৅ऀ
    ɾ஍ํͰΤϯδχΞͱͯ͠ɺಇ͍ͯΈ͍ͨํ
    ɾ஍ํͰطʹΤϯδχΞͱͯ͠ಇ͍͍ͯͯɺ৽͍ٕ͠ज़ͷΩϟονΞο
    ϓʹࠔ͍ͬͯΔํ
    

    View Slide

12. ԭೄͷֶͿ؀ڥ
    

    View Slide

13. 2.ԭೄͷֶͿ؀ڥ
    ɾϓϩάϥϛϯάεΫʔϧ
    ɾษڧձ
    ɾΧϯϑΝϨϯε
    ͳͲ
    

    View Slide

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

    View Slide

15. 1 5
    ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ
    ౦ژͷAuth0ͷํΛݺΜͰษڧձ։࠵ʂ
    

    View Slide

16. 1 6
    ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ
    ౦ژͷStripeͷํΛݺΜͰษڧձ։࠵ʂ
    

    View Slide

17. 1 7
    ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ
    ̑ͭͷ஍ҬΛܨ͍ͰதܧͰษڧձʂ
    

    View Slide

18. 1 8
    ͦͷଞͷΤϯδχΞίϛϡχςΟ
    ※ԼهΛࢀর
    ԭೄΤϯδχΞίϛϡχςΟΨΠυ2018
    https://mint.hateblo.jp/entry/2018/12/18/003843
    

    View Slide

19. 1 9
    ԭೄͷঁੑΤϯδχΞίϛϡχςΟ
    

    View Slide

20. 2 0
    CODEBASE ϓϩάϥϛϯάεΫʔϧ
    ্ཱ͔ͪ͛Β೥Ͱ໿໊
    ͕ࢀՃɻ
    ࣌ؒͷֶशΛ໨ࢦ͢ϓ
    ϩάϥϛϯάڭࣨɻ
    

    View Slide

21. ԭೄͰ৽͍ٕ͠ज़ΛऔΓೖΕΔʹ͋
    ͨͬͯ޻෉͍ͯ͠Δ͜ͱ
    

    View Slide

22. ωοτͰௐ΂ͯࣗ
    ݾղܾ͠ʹ͍͘
    ωοτͰௐ΂Ε͹େମ͸
    ࣗݾղܾͰ͖Δ͕ɺઌഐ
    ͷϑΥϩʔ͕ແ͍ͱղܾ
    Ͱ͖ͳ͍Τϥʔ͕͋Δ
    ωοτͰௐ΂Ε͹େମ͸
    ࣗݾղܾɻΘ͔Βͳ͍ࣄ
    ͸ϐϯϙΠϯτͰ࣭໰ɻ
    ࣮຿ະܦݧ
    ࣮຿3೥Ҏ্
    લఏɿΤϯδχΞͷ੒௕ʹ͍ͭͯ(ओ؍)
    ࣮຿1ʙ3೥
    ͜͜·ͰདྷΔͱීஈͷ࣭໰
    ͷྔ͕গͳ͍ͷͰɺςΩε
    τϕʔεͰSlackͰ΍Γऔ
    Γ͢Ε͹ॆ෼
    

    View Slide

23. ͋Δఔ౓ͷϨϕϧʹୡͯ͘͠Δͱɺ
    ٕज़ͷτϨϯυͱ
    ͦͷٕज़Λબఆ͢Δʹ͋ͨͬͯͷ
    બఆج४ͱͳΔ
    ৘ใ͕ಘΒΕΕ͹ɺࣗݾֶशͰֶ΂Δʂʂ
    

    View Slide

24. 2 4
    3.ԭೄͰ৽͍ٕ͠ज़ΛऔΓೖΕΔʹ͋ͨͬͯ޻෉͍ͯ͠Δ͜ͱ
    ϛχϚϜͰࣗࣾαʔϏε
    ʹऔΓೖΕΔ
    େن໛ͳΧϯϑΝϨ
    ϯεΛ໨ֻ͚ͯɺϐ
    ϯϙΠϯτͰ౦ژग़
    ுʹߦ͘
    ͦͷٕज़ʹ͍ͭͯৄ͠
    ͍ਓʹϝϦοτɾσϝ
    Ϧοτ͚ͩϐϯϙΠϯ
    τͰฉ͘
    1 2 3
    

    View Slide

25. 1.େن໛ͳΧϯϑΝϨϯεΛ໨ֻ͚ͯɺϐϯϙΠϯτͰ౦ژग़ுʹߦ͘
    ɾ౦ژͷ࠷৽ͷٕज़Λ୊ࡐʹͨ͠ษڧձʹຖճɺࢀՃ͢Δͷ͸೉͠
    ͍ɻ
    ɾLaravelΧϯϑΝϨϯεͳͲͷେن໛ͳΧϯϑΝϨϯεʹߦ͚͹ɺ
    ͍͍ͩͨ࠷৽ͷτϨϯυ͸Θ͔ΔͷͰɺҙ֎ͱ৘ใऩूͱͯ͠͸ॆ
    ෼ɻ
    ɾ΋͘͠͸ɺLIVE഑৴΋૿͍͑ͯΔͷͰɺͦΕΛݟΕ͹ॆ෼ɻ
    

    View Slide

26. 2.ͦͷٕज़ʹ͍ͭͯৄ͍͠ਓʹϝϦοτɾσϝϦοτ͚ͩ
    ϐϯϙΠϯτͰฉ͘
    ɾΧϯϑΝϨϯεͷొஃऀʹϐϯϙΠϯτͰٕज़બఆ͢Δʹ͋ͨͬ
    ͯͷ൑அج४Λฉ͘ɻ(ex ಋೖʹ͋ͨͬͯͷσϝϦοτɺಘΒΕΔՁ
    ஋)
    ɾTwitterͰͦͷٕज़ͷίϛϡχςΟΦʔφʔΛ΍͍ͬͯΔਓΛϑΥ
    ϩʔ͢Δɻ
    (ex FirebaseͳΒhttps://twitter.com/1amageek ଜຊ͞Μ)
    ɾ֤ٕज़ͷSlackϫʔΫεϖʔεͰ࣭໰͢Δɻ
    

    View Slide

27. SlackͷϫʔΫεϖʔεྫ
    PHPϢʔβʔζ
    Firebase Japan User Group
    

    View Slide

28. ஍ํίϛϡχςΟಉ࢜ͷͭͳ͕ΓΛ૿΍͢ίπ
    ɾ஍ํͷϢʔβάϧʔϓͷίϛϡχςΟϦʔμʔΛืूͯͨ͠Γ͢Δ
    ͷͰɺཱީิ͢ΔͱҰؾʹܨ͕Γ͕શࠃʹͳΔʂ
    

    View Slide

29. 3.ϛχϚϜͰࣗࣾαʔϏεʹऔΓೖΕΔ
    ɾࣦഊͯ͠΋࠷ѱɺࣗ෼ୡ΁ͷμϝʔδ͚ͩͰ཈͑ΒΕΔࣗࣾαʔϏε
    ͰݕূΛΑ͍ͯ͘͠Δɻ
    ɾಋೖࣄྫͱͯ͠͸Լه
    - JAMStack
    - ίʔϙϨʔταΠτΛNuxt.jsɺNetlifyɺmicroCMSͰϦχϡʔΞϧ
    - Firebase
    - ࣗࣾαʔϏεͷνϟοτػೳͰ࠾༻
    

    View Slide

30. αΠτ
    JAMStack(ίʔϙϨʔταΠτ)
    TOPϖʔδ΁
    APIΛୟ͘
    ίϯςϯπ؅ཧ
    

    View Slide

31. ϑϩϯτΤϯυ αʔόαΠυ
    Firebase(ࣗࣾαʔϏε)
    Gitlab CI
    ϥΠϒϥϦͳͲ
    Firebase
    ϥΠϒϥϦͳͲ
    

    View Slide

32. ·ͱΊ
    ɾٕज़τϨϯυɺͦͷٕज़ͷϝϦοτɾσϝϦοτΛௐ΂ΔखஈΛ
    ԡ͓͑ͯ͘͞ͷ͕ॏཁɻ
    ɾٕज़બఆٕͨ͠ज़ΛͳΔ΂͘ɺϦεΫͷ௿͍ՕॴͰ࢖͍࣮ફܦݧ
    Λ૿΍͍ͯ͘͠ɻ͜͜·Ͱग़དྷΕ͹౦ژʹ͍Δ࣌ͱͦ͜·ͰมΘΒ
    ͳ͍ҹ৅ɻ
    

    View Slide