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

Flutter_meetup__7.pdf

shogo.yamada
February 09, 2019
0
6.2k

 Flutter_meetup__7.pdf

shogo.yamada

February 09, 2019
Tweet

More Decks by shogo.yamada

See All by shogo.yamada
ZOZOの新規サービス 「FAANS」の開発 Android編/FAAN App Create on Android
yshogo
0
650
PORT_Firebase___Algolia.pdf
yshogo
0
190
Flutter_meetup_tokyo__10.pdf
yshogo
0
4.6k
PORT Firebase x Flutter
yshogo
0
290
ZOZOTech meetup Frontend ＃１０
yshogo
2
1.3k
flutter-meetup.pdf
yshogo
0
18
Potetochips #61
yshogo
1
420
Firebase ML Kitを使った デモアプリ活用事例 @Google App DOJO
yshogo
1
150
Flutter meetup Tokyo #7
yshogo
1
260

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
42
13k
The Invisible Customer
myddelton
111
11k
The Mythical Team-Month
searls
210
40k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
Web development in the modern age
philhawksworth
197
9.4k
Writing Fast Ruby
sferik
612
57k
Pencils Down: Stop Designing & Start Developing
hursman
113
9.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
656
120k
A Modern Web Designer's Workflow
chriscoyier
690
180k
The Web Native Designer (August 2011)
paulrobertlloyd
75
2k
Intergalactic Javascript Robots from Outer Space
tanoku
259
25k

Transcript

  1. Copyright © ZOZO Technologies, Inc. All Rights Reserved. גࣜձࣾ;0;0ςΫϊϩδʔζ ։ൃ෦

    ࢁాঘޗ 8JEHFUੜ੒ͷύϑΥʔϚϯε Λվળ͢Δ

  2. ϓϩϑΟʔϧ 5XJUUFS ;0;0ςΫϊϩδʔζ ։ൃ෦ ࢁాঘޗ Copyright © ZOZO Technologies, Inc.

    All Rights Reserved. !ZTIPHP (JUIVC !ZTIPHP 'MVUUFS৘ใൃ৴ϒϩά IUUQTOPUFNVTIPHPZBNBEB

  3. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ˓೔ຊ࠷େڃͷϑΝογϣϯγϣοϐϯάαΠτΞϓϦ ˓

    Ҏ্ͷγϣοϓɺ Ҏ্ͷϒϥϯυͷऔΓѻ͍ʢ ೥݄຤࣌఺ʣ ˓ৗ࣌ສ఺Ҏ্ͷ঎඼ΞΠςϜ਺ͱຖ೔ฏۉ ఺Ҏ্ͷ৽ண঎ ඼Λܝࡌ ˓ଈ೔഑ૹαʔϏεΪϑτϥοϐϯάαʔϏεπέ෷͍ͳͲ IUUQ[P[PKQ

  4. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ˓೔ຊ࠷େڃͷϑΝογϣϯίʔσΟωʔτΞϓϦ ˓

    ສμ΢ϯϩʔυಥഁɺίʔσΟωʔτ౤ߘ૯਺͸ສ݅Ҏ ্ʢͱ΋ʹ೥݄຤࣌఺ʣ ˓શੈքʢ"QQ4UPSF(PPHMFQMBZ͕ར༻ՄೳͳશͯͷࠃʣͰμ ΢ϯϩʔυ͕Մೳ ˓ສਓҎ্ͷϑΥϩϫʔΛ࣋ͭϢʔβʔʢ8&"3*45"ʣ΋஀ੜ IUUQTXFBSKQ

  5. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ˓ʮ;0;046*5ʯͰܭଌͨ͠ମܕσʔλΛ΋ͱʹɺҰਓͻͱΓͷମ ܕʹ߹ͬͨʮ͋ͳͨαΠζʯͷΞΠςϜ

    ˓ʮڀۃͷϑΟοτײʯΛ࣮ݱͨ͠ϕʔγοΫΞΠςϜΛఏڙ άϩʔόϧαΠτʮ;0;0DPNʯͰւ֎ల։ ˓ΞΠςϜ̩γϟπɺσχϜύϯπɺγϟπɺϏδωεεʔπɺ ωΫλΠɺϘʔμʔ̩γϟπɺ௕କΫϧʔωοΫ̩γϟπͳͲ IUUQ[P[PKQQC

  6. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ˓౰͕ࣾಠࣗʹ։ൃͨ͠࠾ੇ༻ϘσΟʔεʔπ ˓શମʹࢪ͞ΕͨυοτϚʔΧʔΛεϚʔτϑΥϯΧϝϥͰ౓ࡱ

    Ө͢Δ͜ͱͰɺମܕσʔλΛܭଌ ˓ܭଌͨ͠ମܕσʔλ͸ɺॠ࣌ʹ%ϞσϧԽ͞Εɺ;0;0508/Ξ ϓϦʹอଘɻ%Ϟσϧ͸͋ΒΏΔ֯౓ʹಈ͔͢͜ͱ͕Ͱ͖ɺମܕΛ ౓νΣοΫ͢Δ͜ͱ͕Մೳ IUUQ[P[PKQ[P[PTVJU

  7. Copyright © ZOZO Technologies, Inc. All Rights Reserved. εϙϯαʔϒʔεग़͠·͢ʂ

  8. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ࠓ೔࿩͢͜ͱ ɾͳͥ΍Δͷ͔

    ɾύϑΥʔϚϯε͕ѱ͘ͳΔݪҼ͸ʁ ɾύϑΥʔϚϯεͷଌఆํ๏ ɾύϑΥʔϚϯε͕ѱ͘ͳΔΞϯνύλʔϯ ɾ·ͱΊ ɾ࠷ޙʹ

  9. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ͳͥ΍Δͷ͔ ઌ೔νϟοτΞϓϦΛϦϦʔε͠·ͨ͠ɻ

  10. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ͳͥ΍Δͷ͔ Androidͷ֨҆εϚϗͰಈ͔͢ͱ΍ͨΒͱΧΫπΫɻ

    ݪҼΛௐࠪͯ͠վળ͍ͨ͠

  11. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯε͕ѱ͘ͳΔݪҼ͸ʁ https://docs.flutter.io/flutter/widgets/StatefulWidget-class.html#performance-considerations

  12. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯε͕ѱ͘ͳΔݪҼ͸ʁ

  13. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯε͕ѱ͘ͳΔݪҼ͸ʁ Widgetͷੜ੒ճ਺ଟ͍

  14. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯε͕ѱ͘ͳΔݪҼ͸ʁ Widgetͷੜ੒ճ਺ଟ͍

    →Widgetੜ੒ճ਺ΛͰ͖Δ͚ͩݮΒ͢ ʢཧ૝͸࠷ॳͷҰճ͚ͩ)

  15. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεͷଌఆํ๏ ᶃ

    ᶄ ᶅ ᶆ Widget͕ͲΕ͘Β͍ ࠶ੜ੒͍ͯ͠Δͷ͔ΈΕΔ

  16. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεͷଌఆํ๏ γϯϓϧͳListView

  17. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεͷଌఆํ๏ վળલ

    վળޙ

  18. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεΛվળ͢ΔTips ɾsetState({})Λ࢖Θͳ͍

    ɾStateless WidgetΛ࢖͏ ɾมߋ͕ͳ͍Widgetʹ͸constΛ͚ͭΔ

  19. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεΛվળ͢ΔTips setState({})Λଟ༷͍ͯ͠Δ

    ɾStatefullWidgetͷbuild͔ΒWidgetΛ ࠶ੜ੒ͯ͠͠·͏ ɾجຊతʹsetState({})͸࢖Θͳ͍Α͏ʹ࣮૷
 ͢Δ΂͖

  20. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεΛվળ͢ΔTips FutureBuilder

    OR StreamBuilderΛ࢖͏

  21. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεΛվળ͢ΔTips setState({})Λ࢖͏৔໘

    ɾBottomNavigation΍ɺSidebarͳͲɺ
 ҙਤతʹbuild഑ԼͷWidgetΛॻ͖׵͑Δͱ ͖͚ͩʹ࢖͏

  22. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεΛվળ͢ΔTips ͱ͸͍͑ɺsetState({})࢖͍͍ͨɺɺɺ

    ɾͲ͏ͯ͠΋࢖͍͍ͨ৔߹͸ɺมԽ͠ͳ͍෦෼Λ Stateless Widgetʹ੾Γग़ͯ͠build഑ԼΛখ͘͢͞ Δ

  23. Copyright © ZOZO Technologies, Inc. All Rights Reserved. StatelessWidget StatefullWidget

    มԽ͠ͳ͍Widget

  24. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεΛվળ͢ΔTips Stateless

    WidgetΛ࢖͏ ɾมԽ͠ͳ͍෦෼ → Stateless Widgetʹ͢Δ ɾมԽ͢Δ෦෼͚ͩ → Statefull Widgetʹ͢Δ

  25. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ύϑΥʔϚϯεΛվળ͢ΔTips มߋ͕ͳ͍Widgetʹ͸constΛ͚ͭΔ

  26. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ·ͱΊ ɾsetState({})͸Ͱ͖Δ͚ͩ࢖͏Θͳ͍

    ɹ̍ɺ࢖͏ͱ͖͸ҙਤతʹWidgetΛมߋ͢Δͱ͖ ɹ̎ɺFutureBuilder StreamBuilderΛ࢖͏
 ɹ̏ɺ࢖͏৔߹͸Stateless Widgetʹ੾Γग़ͯ͠ build഑ԼΛখ͘͢͞Δ

  27. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ·ͱΊ ɾStateless

    Widget΋࢖ͬͯҰ౓ੜ੒ͨ͠Βมߋͳ͍
 ΋ͷΛΘ͚Δ 
 ɾconstΛ࢖ͬͯɺWidgetΛΩϟογϡ͢Δ

  28. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ࠷ޙʹ ɾͥͻʮKyatʯΛμ΢ϯϩʔυ͍ͯͩ͘͠͞

  29. Copyright © ZOZO Technologies, Inc. All Rights Reserved. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠