Flutter/Dartと共に歩んだスタートアップの開発を振り返って得た、成功と失敗の教訓

FlutterKaigi 2022
https://fortee.jp/flutterkaigi-2022/proposal/4a482a03-0c49-4140-84a6-0354f79d79ad

Transcript

1. ©10X, Inc. All Rights Reserved.
   Flutter/DartͱڞʹาΜͩελʔτΞοϓͷ։ൃΛৼΓฦͬͯಘͨɺ

   ੒ޭͱࣦഊͷڭ܇
   ࣾ಺ࢿྉ
   1
   FlutterKaigi 2022 גࣜձࣾ10X yamarkz
   

   View Slide

2. ©10X, Inc. All Rights Reserved. 2
   ࣗݾ঺հ
   Kazuki Yamaguchi
   
   
   yamakazu (@yamarkz)
   
   
   Software Engineer at 10X, inc.
   
   
   Flutter, Dart, Kubernetes, Architecture
   

   View Slide

3. ©10X, Inc. All Rights Reserved.
   ࠓ೔ͷ࿩ͷίϯηϓτ
   ● ڽٕͬͨज़ͷ࿩͸͠·ͤΜ

   ● Flutter & Dartͱ͍͏৽ڵٕज़ʹṌ͚ͨελʔτΞοϓͷ։ൃΛৼΓฦΔ

   ● ݴޠ౷Ұ։ൃͱ͍͏։ൃελΠϧͷҙࢥܾఆʹࢸͬͨܦҢ

   ● ٕज़ҙࢥܾఆΛৼΓฦͬͯ໌Β͔ʹͳͬͨ੒ޭͱࣦഊͷڭ܇
   3
   10XͷϓϩμΫτͰ͋ΔStailerΛ୊ࡐʹɺॳظ։ൃ͔Β͜Ε·Ͱͷ։ൃΛৼΓฦΔɻ
   

   ٕज़ҙࢥܾఆʹয఺Λ౰ͯɺCTO΍Tech Leadͱ͍ͬͨํͷࢀߟʹͳΔΑ͏ͳ࿩ʹ·ͱΊ·ͨ͠ɻ
   

   View Slide

4. ©10X, Inc. All Rights Reserved.
   Ξ΢τϥΠϯ
   1. Stailerͷࣄۀ / ϓϩμΫτ / ૊৫

   2. ։ൃݴޠΛ౷Ұ͢Δͱ͍͏ҙࢥܾఆ

   3. ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇

   4. ڭ܇Λ࣍ʹ׆͔ͨ͢Ίͷߟ͑
   4
   

   View Slide

5. ©10X, Inc. All Rights Reserved. 5
   Stailerͷࣄۀ / ϓϩμΫτ / ૊৫
   

   View Slide

6. 6
   ©︎
   2021-2022 10X, Inc.
   νΣʔϯετΞ&$
   

   ਨ௚্ཱͪ͛ϓϥοτϑΥʔϜ
   

   View Slide

7. ©10X, Inc. All Rights Reserved. 7
   εʔύʔϚʔέοτ΍υϥοάετΞͷ E-commerce
   ΞϓϦ੍࡞͔ΒΦϖϨʔγϣϯ·Ͱʢৄ͘͠͸࣍ͷϖʔδʣ
   ΠϯςάϨʔλͰͳ͘ϓϥοτϑΥʔϜ

   https://yamotty.tokyo/post/20220605
   Smart retailer
   νΣʔϯετΞEC ਨ௚্ཱͪ͛ ϓϥοτϑΥʔϜ Stailer
   Stailerͷࣄۀ / ϓϩμΫτ / ૊৫
   

   View Slide

8. ©10X, Inc. All Rights Reserved.
   ࣄۀ্ཱͪ͛ʹඞཁͳશͯΛαϙʔτ
   8
   Stailerͷࣄۀ / ϓϩμΫτ / ૊৫
   ελοϑΞϓϦ ؅ཧը໘ ͓٬༷ΞϓϦ
   4UBJMFSͷϢʔβʔ ύʔτφʔαΠυ
   
   খചຊ෦ ళฮελοϑ ഑ૹελοϑ
   4UBJMFSͷϢʔβʔ
   ͓٬༷
   ࡏݿ؅ཧ
   ച্֬ఆ
   104࿈ܞ
   ϐοΩϯά
   ύοΩϯά
   ͓٬༷΁ͷ͝࿈བྷ
   ϥετϚΠϧ
   ഑ૹۀ຿
   ਺ສ4,6ͷத͔Β঎඼Λબͼ
   ͓ങ͍෺Λ͢Δ
   

   View Slide

9. ©10X, Inc. All Rights Reserved. 9
   Stailerͷࣄۀ / ϓϩμΫτ / ૊৫
   ϞόΠϧϑΝʔετͳϓϩμΫτ
   ● ͓٬༷ͷΞϓϦͱελοϑΞϓϦ(ళฮ&഑ૹ)Λఏڙ
   ● εϚϗγϑτ͕ਐΜͩ2020೥୅ʹ࠷దԽͨ͠ܗ
   ● iOS/AndroidͦΕͧΕͰల։
   ● ࢢҪͷਓʑͷੜ׆ʹɺ৽͍͠ങ͍෺ͷબ୒ࢶΛ
   ● αʔϏεΛࢧ͑ΔύʔτφʔʹɺΑΓྑ͍ۀ຿ମݧΛ
   

   View Slide

10. ©10X, Inc. All Rights Reserved. 10
    ύʔτφʔϞσϧͰࣄۀΛల։
    ૯߹εʔύʔ υϥοάετΞ
    ৯඼εʔύʔ ങ͍෺୅ߦ
    Stailerͷࣄۀ / ϓϩμΫτ / ૊৫
    ύʔτφʔϞσϧͰࣄۀΛల։ɻ2022/10࣌఺Ͱ9αʔϏεΛϩʔϯν

    εʔύʔʹݶΒͣɺങ͍෺୅ߦ΍υϥοάετΞ΋αϙʔτ
    

    View Slide

11. ©10X, Inc. All Rights Reserved. 11
    2020/5
    4UBJMFSϦϦʔε
    ԯԁௐୡ
    2017/12
    ݙཱਪનΞϓϦ
    ʮλϕϦʔʯϦϦʔε
    2019/5
    λϕϦʔΦϯϥΠϯ
    ஫จػೳϦϦʔε
    2019/9
    ࣗࣾωοτεʔύʔ
    λϕΫϧݕূ
    2021/7
    γϦʔζ#
    ԯԁௐୡ
    ૑ۀʙݙཱਪનΞϓϦʮλϕϦʔʯ։ൃ
    ωοτεʔύʔΞϓϦ։ൃɾ
    4UBJMFS΁ͷస׵
    શαϓϥΠνΣʔϯΛ౷ׅ͢Δ
    lWhole Productz΁
    0
    100
    2017/06 2017/12 2018/06 2018/12 2019/06 2019/12 2020/06 2020/12 2021/06 2022/01 2022/10
    85໊
    46໊
    28໊
    18໊
    13໊
    8໊
    7໊
    5໊
    5໊
    3໊
    2໊
    ϓϩμΫτͷ੒௕ʹ߹Θͤͯ૊৫΋֦େ
    11
    Stailerͷࣄۀ / ϓϩμΫτ / ૊৫
    

    View Slide

12. ©10X, Inc. All Rights Reserved. 12
    ● 2022೥11݄࣌఺Ͱ9ύʔτφʔɺ16ΞϓϦ(͓٬༷ / ελοϑ)ΛϦϦʔε
    ● ϩʔϯν࣌13໊(಺ΤϯδχΞ7໊) ͔Βɺ85໊ (಺ΤϯδχΞ23໊) ·Ͱ૊৫֦େ
    ● ૯߹εʔύʔΛॳΊͱͯ͠ɺ৯඼εʔύʔɺങ͍෺୅ߦɺυϥοάετΞʹ΋ల։
    ● ͓٬༷ΞϓϦɺελοϑΞϓϦɺ͓٬༷Webɺ؅ཧը໘·ͰΛఏڙ
    ● ೔ৗੜ׆ʹ͔ܽͤͳ͍ߪങ׆ಈΛࢧ͑ΔϓϩμΫτ
    ● ࣗࣾͰ׬݁͠ͳ͍ɺύʔτφʔͱڠۀͰ࡞ΔϓϩμΫτ
    ୺తʹ·ͱΊΔͱ
    ͜ͷ্ཱͪ͛ͱ੒௕Λࢧٕ͑ͨज़ҙࢥܾఆʹয఺Λ౰ͯɺߟ࡯͍͖ͯ͠·͢
    Stailerͷࣄۀ / ϓϩμΫτ / ૊৫
    

    View Slide

13. ©10X, Inc. All Rights Reserved. 13
    ։ൃݴޠΛ౷Ұ͢Δͱ͍͏ҙࢥܾఆ
    

    View Slide

14. ©10X, Inc. All Rights Reserved. 14
    DartͱݴͬͨΒFlutterɺαʔόʔ΋Dart…?
    Flutter Dart
    Stailer͸ΫϥΠΞϯτͱαʔόʔͰDartΛ࠾༻
    ։ൃݴޠΛ౷Ұ͢Δͱ͍͏ҙࢥܾఆ
    App (iOS & Android & Web) Server (API & Batch & Worker)
    

    View Slide

15. ©10X, Inc. All Rights Reserved. 15
    ҙࢥܾఆલ (ٕज़ݕূ࣌) ҙࢥܾఆޙ
    2019/12ʹҙࢥܾఆΛߦ͏
    ։ൃݴޠΛ౷Ұ͢Δͱ͍͏ҙࢥܾఆ
    ҙࢥܾఆͨ͠2019೥͸ࠃ಺Ͱ΋FlutterΛ࠾༻͢Δࣄྫ͸গͳ͍ঢ়گɻ
    
    
    ͞Βʹαʔόʔͷ։ൃΛDartͰ΍Δͱ͍͏࿩͸ɺੈքతʹݟͯ΋঎༻Ͱ͸੒ޭྫ͕ͳ͔ͬͨɻ
    

    View Slide

16. ©10X, Inc. All Rights Reserved. 16
    ։ൃݴޠΛ౷Ұ͢Δͱ͍͏ҙࢥܾఆ
    Flutter/Dartͱ͍͏ҙࢥܾఆΛࢧ͑ͨࠜڌ
    ࣄۀಛੑͷےͷྑ͍༧ଌ
    w ϞόΠϧϑΝʔετͳ&$4BB4ͱ͍͏ಛ௃͔Β1'ݻ༗ػೳʹڧ͘ґଘ͢ΔՄೳੑ͕௿͍ͱ൑அ
    w 4BB4Ͱ͋Δ͜ͱ͔ΒϓϩμΫτ͕ෳࡶʹͳΔ͜ͱ͸ࣗ໌Ͱ͋ͬͨͨΊɺٕज़ΛͳΔ΂͘୯७ʹ͢Δ
    ϝϯόʔͷڧ͍Φʔφʔγοϓ͔Βੜ·ΕΔಥഁྗ
    w ٕज़՝୊͕ੜ·Εͯ΋ࣗྗͰղܾͰ͖Δ͚ͩͷεΩϧΛ࣋ͭϝϯόʔ͕ॳظ͔Βଗ͍ͬͯͨ
    w ݸʑਓͷΦʔφʔγοϓͷൃش͔Βࣗ཯తʹ։ൃ͕ਐΉ૊৫จԽ
    ྖҬΛԣஅ͢Δ։ൃελΠϧ΁ͷࢤ޲
    w ਓ͕J04"OESPJE4FSWFSΛ։ൃ͢Δͱ͍͏ྖҬԣஅܕͷ։ൃελΠϧΛࢤ޲͖͍ͯͯͨ͠
    w ։ൃελΠϧΛม͑ͣʹٕज़બ୒ʹΑͬͯ։ൃޮ཰ͷ࠷େԽΛ໛ࡧ
    

    View Slide

17. ©10X, Inc. All Rights Reserved. 17
    ։ൃݴޠΛ౷Ұ͢Δͱ͍͏ҙࢥܾఆ
    Flutter/Dartͱ͍͏ҙࢥܾఆΛࢧ͑ͨࠜڌ
    ࣄۀಛੑͷےͷྑ͍༧ଌ Ծઆ
    
    w ϞόΠϧϑΝʔετͳ&$4BB4ͱ͍͏ಛ௃͔Β1'ݻ༗ػೳʹڧ͘ґଘ͢ΔՄೳੑ͕௿͍ͱ൑அ
    w 4BB4Ͱ͋Δ͜ͱ͔ΒϓϩμΫτ͕ෳࡶʹͳΔ͜ͱ͸ࣗ໌Ͱ͋ͬͨͨΊɺٕज़ΛͳΔ΂͘୯७ʹ͢Δ
    ϝϯόʔͷڧ͍Φʔφʔγοϓ͔Βੜ·ΕΔಥഁྗ ࣄ࣮
    
    w ٕज़՝୊͕ੜ·Εͯ΋ࣗྗͰղܾͰ͖Δ͚ͩͷεΩϧΛ࣋ͭϝϯόʔ͕ॳظ͔Βଗ͍ͬͯͨ
    w ݸʑਓͷΦʔφʔγοϓͷൃش͔Βࣗ཯తʹ։ൃ͕ਐΉ૊৫จԽ
    ྖҬΛԣஅ͢Δ։ൃελΠϧ΁ͷࢤ޲ ئ๬
    
    w ਓ͕J04"OESPJE4FSWFSΛ։ൃ͢Δͱ͍͏ྖҬԣஅܕͷ։ൃελΠϧΛࢤ޲͖͍ͯͯͨ͠
    w ։ൃελΠϧΛม͑ͣʹٕज़બ୒ʹΑͬͯ։ൃޮ཰ͷ࠷େԽΛ໛ࡧ
    ະ੒ख़ͳٕज़ΛબͿ͜ͱ͸๯ݥతͳҙࢥܾఆ(ϦεΫςΠΫ)Ͱ͋Δ͕ɺ
    

    ͦΕΛࢧ͑Δࠜڌ͸֬౓ͷߴ͍Ծઆͱܦݧ͔Βͷࣄ࣮ɺ͋Γ͍ͨ࢟ͷئ๬͔Βಋ͖ग़͞Εͨ
    

    View Slide

18. ©10X, Inc. All Rights Reserved. 18
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    

    View Slide

19. ©10X, Inc. All Rights Reserved. 19
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷ੒ޭڭ܇
    ݴޠ౷ҰʹΑͬͯಘΒΕͨ૊৫ͷέΠύϏϦςΟ ΞδϦςΟ ྲྀಈੑ ֶश༰қੑ
    
    w ։ൃݴޠͷίϯςΩετεΠον͕ͳ͍ͷͰɺྖҬԣஅ։ൃ͕༰қʹͰ͖Δঢ়گ
    w ݁Ռɺϝϯόʔ഑ஔͷྲྀಈੑ͕ߴ͍ঢ়ଶ͕࡞ΕɺࣄۀཁٻʹదԠ͠΍͍͢ঢ়ଶʹ
    ΫϩεϓϥοτϑΥʔϜͰ͋Δ͜ͱʹΑΔ؅ཧର৅ͷ࡟ݮ ϙʔλϏϦςΟ อकੑ
    
    w "OESPJEJ04Ͱ͓٬༷ͱελοϑ߹ΘͤͯΞϓϦ͕ɺ91Ͱ࣮࣭ΞϓϦͷ؅ཧͰࡁΉঢ়گ
    w ݁Ռɺύʔτφʔ͕/਺ʹ૿͑ͯ΋গͳ͍ϝϯόʔͰ؅ཧՄೳͳঢ়ଶʹ
    ٕज़ʹṌ͚ͯɺϓϩμΫτͷ੒ޭΛ৴ͯ͡૸͖ͬͯͨதͰݟ͖͑ͯͨ͜ͱɻ
    

    View Slide

20. ©10X, Inc. All Rights Reserved. 20
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷ੒ޭڭ܇
    ݴޠ౷ҰʹΑͬͯಘΒΕͨ૊৫ͷέΠύϏϦςΟ ΞδϦςΟ ྲྀಈੑ ֶश༰қੑ
    
    w ։ൃݴޠͷίϯςΩετεΠον͕ͳ͍ͷͰɺྖҬԣஅ։ൃ͕༰қʹͰ͖Δঢ়گ
    w ݁Ռɺϝϯόʔ഑ஔͷྲྀಈੑ͕ߴ͍ঢ়ଶ͕࡞ΕɺࣄۀཁٻʹదԠ͠΍͍͢ঢ়ଶʹ Ϧιʔεͷ࠷దԽ
    
    ΫϩεϓϥοτϑΥʔϜͰ͋Δ͜ͱʹΑΔ؅ཧର৅ͷ࡟ݮ ϙʔλϏϦςΟ อकੑ
    
    w "OESPJEJ04Ͱ͓٬༷ͱελοϑ߹ΘͤͯΞϓϦ͕ɺ91Ͱ࣮࣭ΞϓϦͷ؅ཧͰࡁΉঢ়گ
    w ݁Ռɺύʔτφʔ͕/਺ʹ૿͑ͯ΋গͳ͍ϝϯόʔͰ؅ཧՄೳͳঢ়ଶʹ ιϑτ΢ΣΞͷϨόϨοδ
    
    ٕज़ʹṌ͚ͯɺϓϩμΫτͷ੒ޭΛ৴ͯ͡૸͖ͬͯͨதͰݟ͖͑ͯͨ͜ͱɻ
    Ϧιʔεͷ࠷దԽͱιϑτ΢ΣΞͷϨόϨοδͱ͍͏ঢ়ଶ͸ϓϩμΫτͷڝ૪ྗ
    

    View Slide

21. ©10X, Inc. All Rights Reserved. 21
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷࣦഊڭ܇
    ഑ஔʹΑΔࣦഊ
    ཱͪࢭ·Γͷࣦഊ
    ߈Ίͷࣦഊ
    దԠ΁ͷࣦഊ
    ੒ޭ͚ͩͰ͸ͳ͘ɺࣦഊ΋͋Δɻ͕ͬͪ͜ຊ୊
    

    View Slide

22. ©10X, Inc. All Rights Reserved. 22
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷࣦഊڭ܇
    0
    20
    2020/06 2020/12 2021/06 2022/01 2022/06 2022/10
    16ΞϓϦ
    14ΞϓϦ
    6ΞϓϦ
    5ΞϓϦ
    2ΞϓϦ
    1ΞϓϦ
    ্ཱͪ͛ظ4JUF$POUSPMMFS ্ཱͪ͛ظ4UBJMFS/BUJWF ੒௕ظ4UBJMFS/BUJWF
    1. ഑ஔʹΑΔࣦഊ
    3. ߈Ίͷࣦഊ
    2. ཱͪࢭ·Γͷࣦഊ
    4. దԠͷࣦഊ
    

    View Slide

23. ©10X, Inc. All Rights Reserved.
    4. దԠͷࣦഊ
    23
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷࣦഊڭ܇
    0
    20
    2020/06 2020/12 2021/06 2022/01 2022/06 2022/10
    16ΞϓϦ
    14ΞϓϦ
    6ΞϓϦ
    5ΞϓϦ
    2ΞϓϦ
    1ΞϓϦ
    ্ཱͪ͛ظ4JUF$POUSPMMFS ্ཱͪ͛ظ4UBJMFS/BUJWF ੒௕ظ4UBJMFS/BUJWF
    3. ߈Ίͷࣦഊ
    2. ཱͪࢭ·Γͷࣦഊ
    1. ഑ஔʹΑΔࣦഊ
    

    View Slide

24. ©10X, Inc. All Rights Reserved. 24
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    1. ഑ஔʹΑΔࣦഊ
    ྲྀಈੑ͕ߴ͍͜ͱʹ؁͑ͯɺঢ়گʹ߹Θͤͯ഑ஔมߋස౓Λߴͨ݁͘͠Ռɺ࣮૷දݱ͕ଗΘͳ͍ʜ
    w ৽نϩʔϯνΛߦ͏தͰߴ͍ස౓Ͱϝϯόʔ഑ஔͷೖΕସ͑Λߦ͍ͬͯͨ
    w େ࿮͸ϒϨͳ͍΋ͷͷɺࡉ͔ͳՕॴͰݸʑਓͷࢤ޲ੑʹґଘ࣮ͨ͠૷ʹͳΔ
    w ਂ͍ಎ࡯Λݩʹ࣮ͨ͠૷දݱʹͳΓͮΒ͘ɺ҆қͳมߋ͕ੵΈॏͳͬͨঢ়ଶʹ
    ౰࣌ͷ഑ஔ׵͑ͷϩά͸࢒͍ͬͯͳ͔͕ͬͨɺ
    

    ഁ஛ͷ੎͍Ͱ։ൃ͍ͯͨ͠
    

    View Slide

25. ©10X, Inc. All Rights Reserved.
    1. ഑ஔʹΑΔࣦഊ
    4. దԠͷࣦഊ
    25
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷࣦഊڭ܇
    0
    20
    2020/06 2020/12 2021/06 2022/01 2022/06 2022/10
    16ΞϓϦ
    14ΞϓϦ
    6ΞϓϦ
    5ΞϓϦ
    2ΞϓϦ
    1ΞϓϦ
    ্ཱͪ͛ظ4JUF$POUSPMMFS ্ཱͪ͛ظ4UBJMFS/BUJWF ੒௕ظ4UBJMFS/BUJWF
    3. ߈Ίͷࣦഊ
    2. ཱͪࢭ·Γͷࣦഊ
    

    View Slide

26. ©10X, Inc. All Rights Reserved. 26
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    2. ཱͪࢭ·Γͷࣦഊ
    ڝ૪ྗͷखԠ͔͑Β߈Ίଓ͚ͨ݁Ռɺཱͪࢭ·ͬͯମࡋΛ੔͑ΔΞΫγϣϯ͕औΕͳ͍ʜ औΒͳ͔ͬͨ
    
    w ॳظ։ൃͰݟۃΊ͖Εͳ͔ٕͬͨज़ෛ࠴Λฦࡁ͢ΔػձΛ࣋ͯͳ͔ͬͨ
    w ࣗ෼ୡͷҙࢥͷ༗ແͰ͸ͳ͘ɺࣄۀ੒௕ͷҾྗʹෛ͚ͯػձΛಘΒΕͳ͔ͬͨ
    w ౰࣌ͷνʔϜͰΑ͘ݴΘΕ͍ͯͨͷ͸ʮ༨༟Λ͍࣋ͪͨʯʮ༨ന͕ͳ͍ʯ
    ϝϯόʔ͔ΒͷΠγϡʔϨΠζ
    ༨നͷͳ͞Λࣔ͢౰࣌ͷεςʔλε…
    

    View Slide

27. ©10X, Inc. All Rights Reserved.
    2. ཱͪࢭ·Γͷࣦഊ
    1. ഑ஔʹΑΔࣦഊ
    4. దԠͷࣦഊ
    27
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷࣦഊڭ܇
    0
    20
    2020/06 2020/12 2021/06 2022/01 2022/06 2022/10
    16ΞϓϦ
    14ΞϓϦ
    6ΞϓϦ
    5ΞϓϦ
    2ΞϓϦ
    1ΞϓϦ
    ্ཱͪ͛ظ4JUF$POUSPMMFS ্ཱͪ͛ظ4UBJMFS/BUJWF ੒௕ظ4UBJMFS/BUJWF
    3. ߈Ίͷࣦഊ
    

    View Slide

28. ©10X, Inc. All Rights Reserved. 28
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    3. ߈Ίͷࣦഊ
    ελʔτΞοϓͱͯ͠উͭͨΊͷ։ൃཁٻʹԠ͑ଓ͚ͨ ߈Ίଓ͚ͨ
    ݁Ռɺίʔυͷෳࡶੑ͕ߴ͍ঢ়ଶʹʜ
    w 4JUF$POUSPMMFSͱ4UBJMFS/BUJWFͱ͍͏ҟͳΔͭͷ࢓૊Έͷڞଘ "QQFOEJYΛࢀর
    
    w ύʔτφʔ͝ͱʹएׯͷࠩҟ͕࢒Δ࢓༷ͱͦΕʹ෇ਵͨ͠෼ذॲཧ
    w 'MVUUFSGPS8FCΛ׆༻ͨ͠8FCΞϓϦέʔγϣϯ΁ͷରԠ
    w ্ཱͪ͛ʹ࠷దԽ͞ΕͨίʔυͱϦϓϨΠεʹ࠷దԽ͞Εͨίʔυͷڞଘ
    Site Controller
    

    or
    
    
    Stailer Native
    

    ඪ४ػೳ
    
    
    or
    

    ݸผػೳ
    WebରԠ
    ্ཱͪ͛
    

    or
    

    ϦϓϨΠε
    

    View Slide

29. ©10X, Inc. All Rights Reserved.
    3. ߈Ίͷࣦഊ
    2. ཱͪࢭ·Γͷࣦഊ
    1. ഑ஔʹΑΔࣦഊ
    29
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷࣦഊڭ܇
    0
    20
    2020/06 2020/12 2021/06 2022/01 2022/06 2022/10
    16ΞϓϦ
    14ΞϓϦ
    6ΞϓϦ
    5ΞϓϦ
    2ΞϓϦ
    1ΞϓϦ
    ্ཱͪ͛ظ4JUF$POUSPMMFS ্ཱͪ͛ظ4UBJMFS/BUJWF ੒௕ظ4UBJMFS/BUJWF
    4. దԠͷࣦഊ
    

    View Slide

30. ©10X, Inc. All Rights Reserved. 30
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    4. దԠͷࣦഊ
    ʹΑΓίʔυͱঢ়ଶ؅ཧͷෳࡶੑ͕ߴ͘ɺ৽ن։ൃཁٻʹΑͬͯ͸ഁ୼͢ΔՄೳੑ΋ʜ
    w ૉ௚ʹཁٻʹ౴͑Δͱഁ୼͢ΔՄೳੑɺલஈʹϦϑΝΫλϦϯά͕ඞཁͳ։ൃέʔε΋ੜ·Ε͖ͯͨ
    w ্ཱ͔ͪ͛Βͷϝϯόʔ͔͠೺ѲͰ͖͍ͯͳ͍࢓༷ͳͲ͕ੜ·Ε͍ͯΔ
    w ্ཱͪ͛ʹ੒ޭͨ͠΋ͷͷ·ͩ·ͩະख़ͳϓϩμΫτ
    w ࣄۀػձ͸ࠓ౓΋޿͕ΔݟࠐΈ ηϯλʔϞσϧ $3. Ϟδϡʔϧఏڙ ֎෦࿈ܞ εϚϗϨδ
    
    ௚ۙͷ։ൃͰ͸લஈʹେ͖ΊͷϦϑΝΫλϦϯάΛڬΜͰ͍Δ
    

    View Slide

31. ©10X, Inc. All Rights Reserved. 31
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ٕज़ҙࢥܾఆͷࣦഊڭ܇
    0
    20
    2020/06 2020/12 2021/06 2022/01 2022/06 2022/10
    16ΞϓϦ
    14ΞϓϦ
    6ΞϓϦ
    5ΞϓϦ
    2ΞϓϦ
    1ΞϓϦ
    ্ཱͪ͛ظ4JUF$POUSPMMFS ্ཱͪ͛ظ4UBJMFS/BUJWF ੒௕ظ4UBJMFS/BUJWF
    1. ഑ஔʹΑΔࣦഊ
    3. ߈Ίͷࣦഊ
    2. ཱͪࢭ·Γͷࣦഊ
    4. దԠͷࣦഊ
    

    View Slide

32. ©10X, Inc. All Rights Reserved. 32
    ੒ޭͱࣦഊΛ౿·͑ͨݱঢ়Λɺ

    Ͳ͏ղऍ͍ͯ͠Δͷ͔…ʁ
    

    View Slide

33. ©10X, Inc. All Rights Reserved. 33
    ੒ޭͱࣦഊΛ౿·͑ͨݱঢ়ͷղऍ
    ٕज़ҙࢥܾఆͰಘΒΕͨ੒ޭͱࣦഊͷڭ܇
    ● ࣾ಺Ͱ΋৭ʑͳҙݟ͕͕͋ͬͨɺ͜Ε·Ͱͷઓ੷ʹ఺਺Λ͚ͭΔͳΒ70~80఺

    ● Flutter/DartΛબΜ͔ͩΒͦ͜ࠓ͕͋Δ͠ɺઌͷػձʹԠ͍͚͑ͯΔϙςϯγϟϧ΋͋Δ

    ● ϓϩμΫτ͸ෳࡶ͕ͩखߝ͸ѲΕ͍ͯΔঢ়ଶɺ͔͠͠՝୊͕ࢁੵΈ
    ● ࣦഊڭ܇Λ׆͔͢औΓ૊Έ΋࢝·͍ͬͯΔ (AppendixΛࢀর)

    ● Ձ஋͋Δڭ܇ΛಘΒΕͨ (࣍ͷষͰ঺հ)
    

    View Slide

34. ©10X, Inc. All Rights Reserved. 34
    ڭ܇Λ࣍ʹ׆͔ͨ͢Ίͷߟ͑
    

    View Slide

35. ©10X, Inc. All Rights Reserved.
    ڭ܇Λ࣍ʹ׆͔ͨ͢Ίͷߟ͑
    ● ٕज़ҙࢥܾఆ͕੒௕ͷϙςϯγϟϧΛنఆ͢Δ

    ● ߈ΊͱकΓΛݟۃΊΔ

    ● ྲྀಈੑͷτϨʔυΦϑΛೝࣝ͠׆༻͢Δ

    ● ௕ॴΛ࠷େԽͤ͞ɺ୹ॴΛ࠷খԽ͢Δ
    35
    

    View Slide

36. ©10X, Inc. All Rights Reserved. 36
    ڭ܇Λ࣍ʹ׆͔ͨ͢Ίͷߟ͑
    ٕज़ҙࢥܾఆ͕੒௕ͷϙςϯγϟϧΛنఆ͢Δ
    ٕज़ҙࢥܾఆͷॏཁੑ͸DX(Developer Experience)΍࠾༻ࢢ৔ͷ฼਺ɺٕज़ίϛϡχςΟ(ΤίγεςϜ)ɺ
    

    ٕज़ͷ੒ख़౓΍কདྷੑͱ͍ͬͨ֯౓Ͱઆ͔ΕΔ͜ͱ͕ଟ͍ɻ
    

    

    ੈؒͰ͸͋·Γઆ͔Εͳ͍ɺٕज़ҙࢥܾఆ͕੒௕ͷϙςϯγϟϧΛنఆ͢Δͱ͍͏ਅཧ͕͋Δɻ
    
    
    Stailer͸͜ͷਅཧΛূ໌͢Δ޷ྫͩͬͨɻ
    

    

    ʮFlutterͱDartΛબ୒͠ͳ͔ͬͨ৔߹ʹࠓͷ੒௕Λ࡞Ε͔ͨ…?ʯ
    

    ಉ྅ʹ͜ͷ໰͍Λ౤͛ͯ΋Έͳڞ௨ͯ͠ʮແཧͩͬͨʯͱ౴͍͑ͯΔɻ
    
    
    

    ٕज़ҙࢥܾఆʹΑͬͯ૊৫ͷέΠύϏϦςΟͱٕज़༏ҐੑΛಘ͔ͨΒͦ͜ɺ࣮ݱͰ͖ͨϓϩμΫτͱࣄۀͷ੒௕
    ͕͋Δɻਂ͘ݕ౼ͤͣɺࣗ෼ୡ͕Ͱ͖Δͱ͜Ζ͔Β࢝Ί͍ͯͨΒࠓͷ੒௕͸ͳ͔ͬͨɻ
    

    

    ҙࢥܾఆऀʹٻΊΒΕΔૉཆ͸ɺਅʹಘ͍ͨ΋ͷ͸Կ͔ʁͱ͍͏໰͍Λ௕ظͰߟ͑Δٯࢉੑͱɺ
    

    ࣄۀͷউͪے(উࢉ)ΛݟۃΊΔಎ࡯ྗ͔΋͠Εͳ͍ɻ
    

    View Slide

37. ©10X, Inc. All Rights Reserved. 37
    ڭ܇Λ࣍ʹ׆͔ͨ͢Ίͷߟ͑
    ߈ΊͱकΓΛݟۃΊΔ
    ελʔτΞοϓΒ͘͠߈Ίଓ͚ͨ͜ͱͰɺ૬ԠͷࣦഊΛ͖͕ͯͨ͠ɺ߈Ίͨ։ൃ͸ຊ౰ʹѱ͍ͷͩΖ͏͔…?

    ͜ͷ౴͑͸ཱ৔΍จ຺ʹΑͬͯมΘΔͷͰɺਖ਼ղ͸ͳ͍ɻ

    

    ݶΒΕͨػձʹԠ͍͑ͯ͘͜ͱ͕ελʔτΞοϓͷઓ͍ํͳΒɺ߈Ίͨ։ൃ͸ߠఆͰ͖Δɻ

    ػձΛ௫·ͳ͚Ε͹ઌ͕ͳ͍ͷ͔ͩΒɻҰํͰ߈ΊํɺΞΫηϧͷ౿Έํʹ͸ؾΛ͚͍ͭͨɻ

    

    10XͰ͸ϊοΫΞ΢τϑΝΫλʔ (ࣄۀܧଓ͕ة͏͍໰୊ཁҼ) ʹରͯ͠͸ܦӦਞΛަ͑ͯτοϓμ΢ϯͰݫ͠
    ͘ରԠ͖ͯͨ͠ɻ஫จ΍ܾࡁͷ؅ཧମ੍ɺύʔτφʔͷݸผཁٻͱϓϥοτϑΥʔϜͱ͍͏ҙࢥܾఆ etc…
    Ͳ͏߈ΊΔͷ͔ʁʹҙ͕ࣝ޲͖΍͍͕͢Ͳ͏कΔͷ͔ʁԿΛकΔͷ͔ʁ͔Βݕ౼ͯ͠ΈΔͱɺࣗવͱ߈Ίઌ
    ͕ݟ͑Δ͔΋͠Εͳ͍ɻCTO΍Tech LeadͷҙࢥܾఆͰ͸ಛʹ߈कͷݟۃΊ͕ٻΊΒΕΔɻ
    

    View Slide

38. ©10X, Inc. All Rights Reserved. 38
    ڭ܇Λ࣍ʹ׆͔ͨ͢Ίͷߟ͑
    ྲྀಈੑͷτϨʔυΦϑΛೝࣝ͠׆༻͢Δ
    ྲྀಈੑ͸૊৫ͷ։ൃྗҎ্ʹɺࢢ৔͔Βͷ։ൃཁٻ͕େ͖͍৔߹ʹՁ஋͕͋Δɻ

    (※ Ұൠతʹ૊৫ͷ։ൃྗ͕։ൃཁٻΛ্ճΔ͜ͱ͸΄ͱΜͲͳ͍)
    ૊৫಺ͷ഑ஔΛཁٻʹ߹Θͤͯ࠷దԽ͢Δ͜ͱͰɺ୹ظతͳεϧʔϓοτΛ࠷େԽͰ͖Δɻ
    ҰํͰɺ഑ஔΛม͑Δͱࢥߟͱಎ࡯ͷՁ஋͕ࣦΘΕΔةݥੑ΋ɻ
    ঢ়گ΍υϝΠϯͷಛੑΛߟྀͯ͠ɺߴස౓ʹ഑ஔ׵͑ΛߦΘͳ͍ͱ͍͏બ୒ࢶΛ࣋ͭɻ
    

    ECͰ͋Ε͹ɺ஫จ΍ܾࡁͱ͍ͬͨՕॴʹؔΘΔਓͷ഑ஔ͸ߴස౓ʹม͑ͳ͍ํ͕ྑ͍ɻ
    

    View Slide

39. ©10X, Inc. All Rights Reserved. 39
    ڭ܇Λ࣍ʹ׆͔ͨ͢Ίͷߟ͑
    ௕ॴΛ࠷େԽͤ͞ɺ୹ॴΛ࠷খԽ͢Δ
    ͲΜͳٕज़ҙࢥܾఆʹ΋௕ॴͱ୹ॴ͕͋Γɺ࣌ʹͦΕ͸τϨʔυΦϑͷؔ܎ʹ΋ͳΔɻ
    ௕ॴΛಘΔͨΊʹ୹ॴΛҿΉͱ͍͏ͷ͕ҙࢥܾఆ͕ͩɺ୹ॴͷӨڹΛ࠷খԽ͢Δ͜ͱ͸Մೳɻ
    ྲྀಈੑͷ௕ॴ͸഑ஔม׵͠΍͍͢͜ͱɻ୹ॴ͸഑ஔม׵ʹΑΓ࣮૷ʹόϥ͖͕ͭग़Δ͜ͱɻ
    ͜ͷ୹ॴ͸૊৫తʹ࣮૷ඪ४ΛఆΊΔ͜ͱͰɺӨڹΛ࠷খԽͰ͖Δɻ
    ٕज़ҙࢥܾఆ͸௕ॴͷ׆༻ΛݟۃΊΔҙࣝͷଞʹɺ୹ॴΛ࠷খԽ͢Δҙࣝͱ޻෉Λ࣋ͭͱɺ

    ྑ͍݁ՌΛੜΊΔ͔΋͠Εͳ͍ɻ
    

    View Slide

40. ©10X, Inc. All Rights Reserved. 40
    ·ͱΊ
    

    View Slide

41. ©10X, Inc. All Rights Reserved. 41
    Flutter/DartͱڞʹาΜͩελʔτΞοϓͷ։ൃΛৼΓฦͬͯಘͨɺ੒ޭͱࣦഊͷڭ܇
    ·ͱΊ
    Stailerͷ੒௕͸FlutterͱDartͷٕज़͋ͬͯͦ͜ɻ
    
    
    ͜Ε͔Β΋2ͭͷٕज़Λࢧ࣋͠ɺΑΓྑ͍ϓϩμΫτͱࣄۀΛ࡞͍͖͍ͬͯͨ
    Stailer͸Flutter & DartΛ࠾༻ͨ͠ϓϩμΫτ
    ● ٕज़༏Ґੑ͕ո͠·ΕΔ2019೥12݄ʹٕज़ҙࢥܾఆΛߦ͏
    ● Ծઆɺࣄ࣮ɺئ๬͔Βಋग़͞Εͨݱ࣮తͳҙࢥܾఆͩͬͨ

    ٕज़ҙࢥܾఆͰ͸੒ޭ΋͕͋ͬͨɺࣦഊ΋͋ͬͨ
    ● ૊৫ͷέΠύϏϦςΟͱٕज़༏ҐੑʹΑΓϓϩμΫτͷϙςϯγϟϧΛ࠷େԽ
    ● 4ͭͷେ͖ͳࣦഊΛܦݧ͢Δ΋ɺ಺ল࣍͠ʹ׆͔͢औΓ૊Έʹܨ͍͛ͯΔ
    

    View Slide

42. ©10X, Inc. All Rights Reserved. 42
    ࠷ޙʹ
    

    View Slide

43. ©10X, Inc. All Rights Reserved.
    We are Hiring!!
    10XͰ͸Flutter/DartΛ׆༻ͯ͠ɺ

    ࣮௚ͳϓϩμΫτ։ൃʹ޲͖߹͑ΔػձΛఏڙͰ͖·͢ʂ
    43
    ࠷ޙʹ
    https://10x.co.jp/recruit/
    

    View Slide

44. ©10X, Inc. All Rights Reserved. 44
    End.
    

    View Slide

45. ©10X, Inc. All Rights Reserved. 45
    Appendix
    Site ControllerͱStailer Native
    Stailer͸Site ControllerͱStailer Nativeͱ͍͏2ͭͷํࣜͰαʔϏεΛఏڙ͍ͯ͠Δɻ
    Site Controller Stailer Native
    ͓٬༷ΞϓϦͷΈΛఏڙ͢Δ

    γεςϜૢ࡞͸ύʔτφʔͷαΠτͰߦ͏
    αʔϏε্ཱͪ͛ʹඞཁͳશͯΛఏڙ͢Δ

    ΞϓϦ, ࡏݿ؅ཧ, ஫จ؅ཧ, ഑ୡ؅ཧ, ച্؅ཧ
    ͓٬༷ΞϓϦ
    ͓٬༷ΞϓϦ ελοϑΞϓϦ
    ࡏݿ؅ཧ ച্؅ཧ
    ஫จ؅ཧ ഑ୡ؅ཧ
    ύʔτφʔ
    

    8FCαΠτ
    

    View Slide

46. ©10X, Inc. All Rights Reserved. 46
    Appendix
    ࣦഊڭ܇Λ׆͔͢औΓ૊Έ
    ● ϚτϦΫεܕ૊৫΁ͷҠߦͱνʔϜ΁ͷΦʔφʔγοϓ
    ● ੹຿ͱݖݶΛηοτͰɺ׆ಈൣғ͕໌֬ͳ໾ׂΛׂΓ౰ͯΔ
    ● νʔϜʹΦʔφʔγοϓΛ࣋ͨͤɺݸʑਓͷྗྔʹґଘͤ͞ͳ͍ࢥ૝Λ࣋ͭ
    ● νʔϜͰ՝୊ղܾʹಈ͘࢓૊ΈͱจԽΛߏங

    ref ϚτϦΫεܕ૊৫: https://yamotty.tokyo/post/20221003

    ● ٕज़՝୊վળͷਪਐͱϦΞʔΩςΫνϟ
    ● ٕज़՝୊໨҆ശͷӡ༻
    ● ࣮૷ඪ४ͷࡦఆͱϦΞʔΩςΫνϟ
    ● υϝΠϯ͝ͱͷϞδϡʔϧԽ
    ݸʑਓͷࣗ཯ੑʹཔΒͣɺτοϓμ΢ϯͰྗΛՃ͑Δ͜ͱͰٕज़՝୊Λղܾ͍ͯ͘͠
    
    
    खԠ͑͋Δ੒Ռ͸·ͩग़͖͍ͯͯͳ͍͕ɺߦಈ͸Ͱ͖࢝Ί͍ͯΔ
    

    View Slide

47. ©10X, Inc. All Rights Reserved. 47
    Appendix
    Stailerͷٕज़ελοΫ
    ϞόΠϧΞϓϦ
    
    
    • ϑϨʔϜϫʔΫ Flutter
    
    
    • ։ൃݴޠ: Dart
    
    
    • όοΫΤϯυ࿈ܞ: gRPC
    
    
    • CI: GitHub Actions
    αʔόʔ
    
    
    • Πϯϑϥ: Google Cloud Platform
    
    
    • ։ൃݴޠ: Dart
    
    
    • ίϯςφ؅ཧ: Kubernetes
    
    
    • σʔλϕʔε: Firestore
    
    
    • DWH: BigQuery
    
    
    • ΫϥΠΞϯτ࿈ܞ: gRPC
    
    
    • CI: CircleCI
    WebϑϩϯτΤϯυ (ΤϯυϢʔβʔ޲͚)
    
    
    • ϑϨʔϜϫʔΫ: Flutter
    
    
    • ։ൃݴޠ: Dart
    
    
    • όοΫΤϯυ࿈ܞ: gRPC
    
    
    • CI: GitHub Actions
    ͦͷଞͷπʔϧ
    
    
    • ιʔείʔυɾλεΫ؅ཧ: GitHub
    
    
    • νϟοτ: Slack
    
    
    • υΩϡϝϯτ: Notion
    
    
    • σʔλม׵: dbt
    WebϑϩϯτΤϯυ (؅ཧը໘)
    
    
    • ϑϨʔϜϫʔΫ: Nuxt.js
    
    
    • ։ൃݴޠ: TypeScript
    
    
    • όοΫΤϯυ࿈ܞ: gRPC
    
    
    • CI: CircleCI
    

    View Slide

48. ©10X, Inc. All Rights Reserved. 48
    Appendix
    ࢀߟࢿྉ
    ʮͳͥDartͳͷ͔ʯCTOੴ઒͕ٕज़બఆʹࠐΊͨ૝͍ͱͦͷഎܠ
    ● https://10x.co.jp/blog/10xblog/2020-06-22/
    ʲiOSग़਎ΤϯδχΞू߹ʳϑϧDartମ੍ͬͯͲ͏Ͱ͔͢ʁ࠲ஊձ
    ● https://10x.co.jp/blog/10xblog/ios-dart
    ʮFlutterະܦݧʯͰ΋࠾༻͞Εͨཧ༝͸ʁ ελʔτΞοϓ10X΁ͷస৬ࣄྫʹݟΔɺٕज़ελοΫΑΓ΋େ੾ͳ͜ͱ
    ● https://type.jp/et/feature/18190/
    2೥ऑͰ10XͷΤϯδχΞʹى͖ͨมԽ──CTO͕ޠͬͨʮStailerͱΤϯδχΞ૊৫ͷະདྷʯ
    ● https://10x.co.jp/blog/10xblog/cto-inteview2022/
    10X ϓϩμΫτ෦໳঺հࢿྉ
    ● https://speakerdeck.com/10xinc/10x-purodakutobu-men-shao-jie-zi-liao
    #240 10Xͷ૊৫ίϯηϓτʹ͍ͭͯ
    ● https://open.spotify.com/episode/0acaPCkvmgTFxdjWf0Np8B
    

    View Slide