YOUTRUSTアプリの構造、暴露してみた

YOUTRUSTはFlutterで作られています。
Flutterって作りやすいんですが、どんな感じの構成にすれば良いのか迷いどころは多いはず。

弊社のアプリでどんな構成にしているのかをLTしたので
ぜひみてみてください！
実際のコードはちょっと省かせてもらっています。
リアタイ特典ということでｗ

Transcript

1. :0653645
   ΞϓϦͷߏ଄ɺ๫࿐ͯ͠Έͨ
   1
   

   View Slide

2. ே೔େथ
   5XJUUFSɿ!EBJLJ
   'MVUUFSྺɿϲ݄
   ϒϩάɿIUUQTCMPHEBMUNF
   

   View Slide

3. 3
   ͓඼ॻ͖
   ɾϑΥϧμߏ੒
   ɾϨΠϠʔ෼͚
   ɾεςʔτϚωδϝϯτ
   

   View Slide

4. 4
   ͓඼ॻ͖
   ɾϑΥϧμߏ੒
   ɾϨΠϠʔ෼͚
   ɾεςʔτϚωδϝϯτ
   

   View Slide

5. 5
   ɾεςʔτϚωδϝϯτ
   fl
   utter_hooks + hooks_riverpod
   ͱ
   freezed
   

   View Slide

6. 6
   ͓඼ॻ͖
   ɾϑΥϧμߏ੒
   ɾϨΠϠʔ෼͚
   ɾεςʔτϚωδϝϯτ
   

   View Slide

7. 7
   ɾϑΥϧμߏ੒
   MJC
   POCPBSEJOH
   VTFS
   QPTU
   TFUUJOHT
   GFFE
   VTFS@DBSFFS
   VTFS@JOUSPEVDUJPO
   ɾ
   ɾ
   ɾ
   

   View Slide

8. 8
   ɾϑΥϧμߏ੒
   τοϓ֊૚ʹ͸ؔ৺ࣄ
   

   View Slide

9. 9
   ɾϑΥϧμߏ੒
   ϝϦοτ
   ɾ։ൃʹूத͠΍͍͢
   ɾॊೈੑ͕͋Δ
   σϝϦοτ
   ɾશͯͷϑΝΠϧ͕៉ྷʹऩ·ΔΘ͚Ͱ͸ͳ͍
   ɾ੹೚͕໌֬
   ɾॎʹ௕͘ͳΓ΍͍͢স
   

   View Slide

10. 10
    ɾ։ൃʹूத͠΍͍͢
    MJC
    DPNQBOZ
    DPNQPOFOU
    GBDBEF
    NPEFM
    TDSFFO
    TUPSF
    WJFX@NPEFM
    

    View Slide

11. 11
    ɾ։ൃʹूத͠΍͍͢
    ͚ͩ͜͜ݟ͍ͯΕ͹ྑ͍
    MJC
    DPNQBOZ
    DPNQPOFOU
    GBDBEF
    NPEFM
    TDSFFO
    TUPSF
    WJFX@NPEFM
    

    View Slide

12. 12
    MJC
    DPNQBOZ
    DPNQPOFOU
    GBDBEF
    NPEFM
    TDSFFO
    TUPSF
    WJFX@NPEFM
    ɾॊೈੑ͕͋Δ
    

    View Slide

13. 13
    ɾॊೈੑ͕͋Δ
    MJC
    GFFE
    DPNQPOFOU
    GBDBEF
    NPEFM
    TDSFFO
    TUPSF
    WJFX@NPEFM
    MPH
    SFRVFTU
    

    View Slide

14. 14
    ɾॊೈੑ͕͋Δ
    ؔ৺ࣄຖʹ
    ඞཁͳϑΥϧμΛ௥Ճग़དྷΔ
    MJC
    GFFE
    DPNQPOFOU
    GBDBEF
    NPEFM
    TDSFFO
    TUPSF
    WJFX@NPEFM
    MPH
    SFRVFTU
    

    View Slide

15. 15
    ৄ͘͠͸
    IUUQTCMPHEBMUNF
    'MVUUFSϑΥϧμߏ੒
    PS
    ʲ'MVUUFSʳ೰·͍͠ϑΥϧμߏ੒ʹ͍ͭͯޠΓ߹͓͏
    

    View Slide

16. 16
    ͓඼ॻ͖
    ɾϑΥϧμߏ੒
    ɾϨΠϠʔ෼͚
    ɾεςʔτϚωδϝϯτ
    

    View Slide

17. 17
    ߋ৽
    ߋ৽
    ࢀর
    4DSFFO
    7JFX.PEFM
    'BDBEF
    Ϙλϯ΍ॲཧʹԠͯ͡
    7JFX.PEFMʹ໋ྩ
    4UBUF1SPWJEFS
    'BDBEFͷݺͼग़͠
    ద੾ͳσʔλॲཧΛߦ͏
    "QJ$MJFOU
    4UPSF
    Ϩεϙϯε
    4UBUF1SPWJEFSͷߋ৽
    ɾϨΠϠʔ෼͚
    ϦΫΤετ
    

    View Slide

18. 18
    ٯํ޲/(
    ɾϨΠϠʔ෼͚
    

    View Slide

19. 19
    ਫฏํ޲/(
    ɾϨΠϠʔ෼͚
    

    View Slide

20. 20
    4DSFFO
    7JFX.PEFM
    'BDBEF
    4UBUF1SPWJEFS
    "QJ$MJFOU
    4UPSF
    ɾϨΠϠʔ෼͚
    

    View Slide

21. 21
    4UPSF
    4UPSF
    ੹຿
    ɾ4UBUF1SPWJEFS΁ͷอଘɺ4UBUF1SPWJEFS͔Βͷऔಘ
    ɾॏෳʹର͢Δॲཧํ๏͸ݺͼग़͠ଆʹ఻͑ͯ΋Β͏
    ཁ͢Δʹʜ
    ɾσʔλͷอଘઌ͕3JWFSQPE͔Ͳ͏͔͸4UPSF͚͕ͩ஌͍ͬͯΔ
    

    View Slide

22. 22
    4DSFFO
    7JFX.PEFM
    'BDBEF
    4UBUF1SPWJEFS
    "QJ$MJFOU
    4UPSF
    ɾϨΠϠʔ෼͚
    

    View Slide

23. 23
    "QJ$MJFOU
    "QJ$MJFOU
    "3FRVFTU
    #3FRVFTU
    $3FRVFTU
    "QJ$MJFOU
    "3FTQPOTF
    #3FTQPOTF
    $3FTQPOTF
    ίϚϯυύλʔϯ
    "QJ
    3FRV
    FTU
    

    View Slide

24. 24
    4DSFFO
    7JFX.PEFM
    'BDBEF
    4UBUF1SPWJEFS
    "QJ$MJFOU
    4UPSF
    ɾϨΠϠʔ෼͚
    

    View Slide

25. 25
    'BDBEF
    'BDBEF
    ੹຿
    ɾϏδωεϩδοΫΛ୲౰
    ཁ͢Δʹʜ
    ɾ"1*ϦΫΤετͷ࣮ߦ
    ɾ4UPSFͱͷ΍ΓऔΓ
    

    View Slide

26. 26
    4DSFFO
    7JFX.PEFM
    'BDBEF
    4UBUF1SPWJEFS
    "QJ$MJFOU
    4UPSF
    ɾϨΠϠʔ෼͚
    

    View Slide

27. 27
    7JFX.PEFM
    7JFX.PEFM
    ੹຿
    ɾϓϨθϯςʔγϣϯͱϏδωεϩδοΫͷڮ౉͠
    ཁ͢Δʹʜ
    ɾ'BDBEFͷݺͼग़͠
    

    View Slide

28. 28
    4DSFFO
    7JFX.PEFM
    'BDBEF
    4UBUF1SPWJEFS
    "QJ$MJFOU
    4UPSF
    ɾϨΠϠʔ෼͚
    

    View Slide

29. 29
    4DSFFO
    4DSFFO
    ੹຿
    ɾϓϨθϯςʔγϣϯ૚
    ɾը໘ͷඳը
    ཁ͢Δʹʜ
    ɾΠϕϯτʹԠͯ͡7JFX.PEFMΛݺͿ
    ɾ4UBUF1SPWJEFSͷ؂ࢹ
    

    View Slide

30. 30
    ݱঢ়ͷ໰୊఺ղܾ͖͠Ε͍ͯͳ͍ͱ͜ΖͳͲ
    ɾͲ͏ͯ͠΋ViewModelͰॏෳͯ͠͠·͏
    
    
    ɾScreen͕ංେԽͯ͠͠·͏
    

    View Slide

31. 31
    ਖ਼ࣾһ Λݟਾ͑ͨۀ຿ҕୗ
    ืूதʂ
    

    View Slide

32. 32
    ͝ਗ਼ௌɺ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    

    View Slide