Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

ashdik
August 11, 2021
2.8k

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

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

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

ashdik

August 11, 2021
Tweet

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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


    ɾScreen͕ංେԽͯ͠͠·͏

    View full-size slide

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

    View full-size slide

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

    View full-size slide