Tweet
Tweet

Slide 1

Slide 1 text

#Flu tt erGakkai ࣌୅ͱͱ΋ʹਐԽ͢ΔΞϓϦέʔγϣϯΛ ։ൃ͠ଓ͚Δ࢟੎ͱԸܙ πϧΦΧ - Hideki Tsuruoka UpdatedAt 2023.07.14 @ୈ4ճ FlutterGakkai

Slide 2

Slide 2 text

2 πϧΦΧ • גࣜձࣾNTTυίϞͷ৽نࣄۀ෦໳ʹॴଐ • Flutter / Dart / Firebaseத৺ͷιϑτ΢ΣΞΤϯδχΞ • σβΠϯ×ΤϯδχΞϦϯάΛத৺ʹ಺੡։ൃ • Perfume͕޷͖ @h_tsuruo

Slide 3

Slide 3 text

3 ZennͰͷٕज़هࣄͷൃ৴ pub.devύοέʔδͷެ։ Speaker Deck OSS Contribute Personal Activities

Slide 4

Slide 4 text

4 ݸਓ౤ࢿՈ޲͚ͷFinTechαʔϏε ূ݊ձࣾαΠτ͔ΒσʔλΛεΫϨΠϐϯάɺ ࣗಈͰूܭ͠ՄࢹԽ͠·͢ɻ Ոܭ฽ΞϓϦͷূ݊ޱ࠲ʹಛԽͨ͠Α͏ͳαʔϏεͰ͢ɻ Our Product

Slide 5

Slide 5 text

Today’s Talk 5 ࢲͨͪ͸໿3೥ؒʹΘͨΓFlutterΛ׆༻͠ɺػೳ։ൃͱฒߦͯ͠ ਺ʑͷΞοϓσʔτʹ௥ै͖ͯ͠·ͨ͠ɻ લ൒Ͱ͸ɺ௥ैͷඞཁੑ΍۩ମతͳ޻෉ʹ͍ͭͯ͝঺հ͠·͢ɻ ޙ൒Ͱ͸ɺ͜ΕΒͷऔΓ૊Έ͔ΒಘΒΕͨԸܙͱͯ͠ɺٕज़ऀͱ ͯ͠࠷৽Λ௥͏ҙٛ΍Ըܙʹ͍͓ͭͯ࿩͠·͢ɻ

Slide 6

Slide 6 text

6 Target Audience • ໨ͷલͷػೳ։ൃʹ௥ΘΕͯख͕ճΒͣɺΞοϓσʔτ ࡞ۀΛૄ͔ʹ͕ͪ͠ͳํ • Flutter/DartͷਐԽ͕ૣ͘ɺମܥతͳΩϟονΞοϓ͕ ԯ߷ͱײ͍ͯ͡Δํ • தʙେن໛ϓϩδΣΫτͷίʔυΛ࠷৽ʹอ͍͕ͪͨɺ ࡞ۀͷϞνϕʔγϣϯ্͕͕Βͣ์ஔ͍ͯ͠Δํ

Slide 7

Slide 7 text

7 01 Flu tt er/Da r ΛऔΓר͘Ξοϓσʔτ ࠷৽൛ΛόϥϯεΑ͘औΓೖΕΔ޻෉ ٕज़ਐԽͱ޲͖߹͍ଓ͚ΔԸܙ Agenda 02 03 ·ͱΊ 04

Slide 8

Slide 8 text

8 Flutter/DartΛऔΓר͘Ξοϓσʔτ Chapter.01

Slide 9

Slide 9 text

9 $ fl u tt er pub upgrade $ fl u tt er upgrade

Slide 10

Slide 10 text

10 Flutter/Dartͷٕज़ਐԽ͸ஶ͘͠ɺΞοϓσʔτස౓΋ଟ͍ Flutter/DartͷਐԽ • ຖ݄betaνϟϯωϧ͕ߋ৽͞Εɺ֓Ͷ࢛൒ظʹ1ճstableͷେ͖ͳϦϦʔε͕͋Δ • Flutter 3.0ൃද࣌ͷ಺༰Ͱ͸ɺ5248ͷϓϧϦΫΤετ͕Ϛʔδ͞Εͨ [Introducing Flutter 3. The culmination of our journey to… | by Tim Sneath | Flutter | Medium](https://medium.com/flutter/introducing-flutter-3-5eb69151622f)

Slide 11

Slide 11 text

11 ਐԽͷεϐʔυ͕ૣ͍ͷ͸خ͍͕͠ɺ௥ैίετ͸গͳ͔Βͣൃੜ͢Δ Flutter/DartͷਐԽ • ։ൃऀͷΈͳ͞Μ͕ɺ೔ʑ৽͍͠৘ใΛΠϯϓοτͯ͠ൃ৴͍ͯ͠Δ·͞ʹͦͷϓϩηε • ࡉ͔͍มߋ఺Λ௥͍͚ͭͮΔͷ͸ਖ਼௚େมͰ͸͋Δ ※࠷ۙͷ౤ߘ͔ΒϥϯμϜͰҾ༻͓ͯ͠Γ࡞ҝతͰ͸ͳ͍Ͱ͢

Slide 12

Slide 12 text

12 FlutterΞϓϦͷΞοϓσʔτͬͯͳʹ͕͋Δʁ

Slide 13

Slide 13 text

13 Your Flu tt er App Pla tf rom OS SDK Package dependencies Framework / Engine iOS / Android etc… riverpod, dio, firebase_auth etc…

Slide 14

Slide 14 text

14 Your Flu tt er App Pla tf rom OS SDK Package dependencies Framework / Engine iOS / Android etc… riverpod, dio, firebase_auth etc…

Slide 15

Slide 15 text

15 ໿࢛൒ظ͝ͱͷϝδϟʔΞοϓσʔτ΍Dartݴޠ࢓༷ͷվఆ SDK΍ύοέʔδ • ओʹύϑΥʔϚϯεվળ΍ศརػೳ͕ೖͬͯ͘Δ • ΞοϓσʔτͰແ৚݅ʹԸܙΛڗडͰ͖Δύλʔϯͱɺ৽ػೳΛੵۃ׆༻͢Δύλʔϯͷ෼ྨ • ྫʣImpellerͷiOSඪ४ԽɺCanvasKitͷ଎౓վળɺMediaQueryͷϦϏϧυର৅վળɺDart 3ͷRecords/Patterns https://docs.google.com/presentation/d/1az1lb-p-aI6abv6w-jgMXKCKbl6qwfEwwR98mbJavbE/ mobilepresent?pli=1&slide=id.g42789f296bb367e1_360

Slide 16

Slide 16 text

16 ࡉ͔͍࢖͍উख޲্ͳͲ͕ଟ͍͕ɺكʹഁյతͳมߋ΋ SDK΍ύοέʔδ • ґଘύοέʔδʹؔͯ͠͸ྔʹΑͬͯଟগखؒ͸มΘΔ͕ɺඞͣ͠΋ൺྫ͢ΔΘ͚Ͱ͸ͳ͍ • ഁյతͳมߋ΋ܰඍͳରԠͰࡁΉ͜ͱ͕ଟ͍͕ɺੑ࣭ʹΑͬͯख͕͔͔ؒΔ͜ͱ΋ʢྫ: Riverpod v1→v2ʣ • `dart fix --apply`Ͱద༻Ͱ͖ͨΓɺϚΠάϨʔγϣϯπʔϧΛ༻ҙͯ͘͠ΕΔͱָͰ͖Δ

Slide 17

Slide 17 text

17 εΫϦϓτΛ׆༻ͯ͠ɺมߋࠩ෼Λ໢ཏతʹ೺Ѳ͢Δͷ΋͓͢͢Ί ݸਓతʹѪ༻͍ͯ͠Δmono͞ΜͷGrinderεΫϦϓτ • pubspec.lockͷࠩ෼͔ΒCHANGELOGʹϦϯΫͯ͠ϒϥ΢βλϒΛ্ཱͪ͛ͯ͘ΕΔmono͞ΜεΫϦϓτ • ฐνʔϜͰ͸௚઀ґଘͷύοέʔδ͕100ఔ౓͋ΓɺCHANGELOGΛ௥͏ͷ͕େมͳͷͰॿ͔͍ͬͯΔ https://twitter.com/_mono/status/1447464160921489412 ࣗಈͰϒϥ΢βλϒ͕։͖CHANGELOG͕දࣔ͞ΕΔ

Slide 18

Slide 18 text

18 Your Flu tt er App Pla tf rom OS SDK Package dependencies Framework / Engine iOS / Android etc… riverpod, dio, firebase_auth etc…

Slide 19

Slide 19 text

19 Platform OS • Flutter͸ޙ௥͍ʹͳΔͷͰ࠷৽ػೳ͕͙͢ʹར༻Ͱ͖ͳ͍έʔε΋͋Δ͕ɺରԠ͸ൺֱతૣ͍ • ྫʣগ͠ݹ͍͕Android 13ͰͷThemed App IconsʹΑΔύʔιφϥΠζԽ iOS/Androidͷ৔߹͸ຖ೥Ն~ळࠒʹ๚ΕΔϝδϟʔΞοϓσʔτ [FlutterΞϓϦΛAndroid 13ʹରԠͤ͞Δ](https://zenn.dev/tsuruo/articles/eae9dbbad8372f) https://pc.watch.impress.co.jp/docs/news/1515805.html

Slide 20

Slide 20 text

20 Android OSͷstable൛ϦϦʔε·Ͱ • গ͠ݹ͍Ͱ͕͢ɺAndroid 13ͷϓογϡ௨஌ڐ୚μΠΞϩάରԠΛྫʹ঺հ • ਖ਼ࣜ൛ϦϦʔε࣌ʹ଎΍͔ʹରԠ͕ඞཁͳ৔߹͸ɺࣄલςετظ͕ؒগͳ݁͘ߏ߄͍ͨͩ͠ ϓϥοτϑΥʔϜ҆ఆ൛͋ͨΓ͔Β։ൃ͞ΕͯɺΪϦΪϦͳ࣌ظײ Android 13ਖ਼ࣜϦϦʔε͔Β໿10೔ޙʹϚʔδ https://developer.android.com/about/versions/13/changes/notification- permission

Slide 21

Slide 21 text

21 ΞοϓσʔτΛଵΔ͜ͱʹΑΔฐ֐͸Կʁ

Slide 22

Slide 22 text

22 Developer Developer Developer Team Pla tf rom OS SDK Packages Flu tt er App Developer Update

Slide 23

Slide 23 text

23 ιϑτ΢ΣΞ΍ίʔυͷ඼࣭͕޲্͠ͳ͍ ΞοϓσʔτΛଵΔ͜ͱʹΑΔฐ֐ - Fluter App • FlutterʹݶΒͣҰൠʹιϑτ΢ΣΞͰͷΞοϓσʔτ͕ཁٻ͞ΕΔ࿩ͱಉ͡ • ϢʔβϏϦςΟɾ։ൃऀମݧɾηΩϡϦςΟͷ௿Լ • ࡉΊͳΞοϓσʔτΛଵΔͱɺσάϨ΍όάͳͲΛݟམͱ͢Մೳੑ͕ߴ͍ Pla tf rom OS SDK Package dependencies App Usability Security Developer Experience

Slide 24

Slide 24 text

24 ݹ͍։ൃ؀ڥ͸ݹ͍෩౔ΛੜΈɺ։ൃऀ͕཭Ε͍͖ͯ΍͍͢ ΞοϓσʔτΛଵΔ͜ͱʹΑΔฐ֐ - Developer Team • ࠾༻΋೉͘͠: ୯७ͳ࿩ɺࣗ෼͕։ൃऀͩͬͨͱͯͦ͠ͷ؀ڥʹ਎Λஔ͍ͯಇ͖͍͔ͨ • ٕज़બఆͷࡍʹɺ௠෗Խٕͨ͠ज़Ͱ͸ͳ͘Ϟμϯͳٕज़Λ࠾༻͢ΔϝϦοτʹ΋௨ͣΔͱ͜Ζ͕͋Δ Developer Developer Developer Team Developer Older App New Developer

Slide 25

Slide 25 text

25 ࠷৽൛ΛόϥϯεΑ͘औΓೖΕΔ޻෉ Chapter.02

Slide 26

Slide 26 text

26 Կ΋͠ͳ͍ Ξοϓσʔτద༻ͷΈ Ξοϓσʔτ+৽ػೳΛ׆༻ Gradient of Updates

Slide 27

Slide 27 text

27 Կ΋͠ͳ͍ Ξοϓσʔτద༻ͷΈ Gradient of Updates ͳΔ΂͘ӈͷྖҬʹدͤΔ Ξοϓσʔτ+৽ػೳΛ׆༻

Slide 28

Slide 28 text

28 طଘίʔυ͸ஈ֊తʹɺ৽نίʔυ͸ҙࣝతʹมߋʹ௥ै͢Δ ࠷খݶͷखؒͰॻ͖׵͓͑ͯ͘ • ৽چͷίʔυ͕ࠞࡏ͢Δͱ͍͏σϝϦοτ΋͋ΔͷͰνʔϜͰͷೝࣝ߹Θͤ͸ඞཁ • ྫʣDart 2.17Ͱͷenhanced enumͷಋೖʹ൐͏extensionͷॻ͖׵͑ Da rt 2.17·Ͱʢچίʔυʣ ׬શʹ৽ػೳʹॻ͖׵͑Δ தؒղͱͯ͠ஈ֊తʹऔΓࠐΉ

Slide 29

Slide 29 text

29 ഁյతͳมߋ͕େ͖͗͢Δ৔߹͸ɺ෼཭͞Εͨ؅ཧը໘Ͱઌߦద༻͢Δ MelosͷϚϧνύοέʔδߏ੒Ͱࢼ༻͢Δ • Өڹൣғ͕େ͖͍ͱ༧ଌͰ͖Δ৔߹͸Ϣʔβʔ؀ڥΛ෼཭ͨ͠؅ཧը໘ΛαϯυϘοΫεͱͯ͠ར༻ • ίʔυن໛͕খ͍͞ͱ͍͏ଆ໘΋͋Δͱঘྑ͠ • ྫʣnull safetyରԠɺgo_routerରԠ admin app ӡӦ͕࢖͏؅ཧαΠτ Ϣʔβʔ͕࢖͏ΞϓϦ Ξοϓσʔτ+৽ػೳΛ׆༻ Ξοϓσʔτ͸༷ࢠݟ common

Slide 30

Slide 30 text

30 ৗʹϞμϯͳίʔυ΁ͷॻ͖׵͑͹͔ΓΛͯ͠ Ϣʔβʔମݧ޲্͕ૄ͔ʹͳΔͱྑ͘ͳ͍ͷͰɺ ͍ͭͲͷ͘Β͍౤ࢿ͢Δ͔͸όϥϯεײ͕֮ඞཁ

Slide 31

Slide 31 text

31 ٕज़ਐԽͱ޲͖߹͍ଓ͚ΔԸܙ Chapter.03

Slide 32

Slide 32 text

32 ͜͜·Ͱ͸Ξοϓσʔτʹର͢Δ۩ମͳ࿩

Slide 33

Slide 33 text

33 ࣮ࡍʹͦͷ࢟੎Λଓ͚Δ஝ੵͱͯ͠ੜ·ΕΔԸܙ

Slide 34

Slide 34 text

34 ٕज़ऀͨΔجຊ࢟੎͕਎ʹ͖ͭɺεςοϓΞοϓΛ࣮ײ

Slide 35

Slide 35 text

35 Developer Developer Developer Team Pla tf rom OS SDK Flu tt er App Developer Update

Slide 36

Slide 36 text

36 Developer Developer Team Flu tt er App Update • ஌ࣝͷ޲্ɿ1࣍৘ใΛࢀর͠࠷৽৘ใͷΩϟονΞοϓΛश׳Խ • Ξ΢τϓοτػձͷ֦େɿࢢ৔ʹग़ճ͍ͬͯͳ͍৘ใͷωλ͕Ͱ͖Δ • ίϛϡχςΟ΁ͷؼଐҙࣝɿOSSߩݙɺMainainerͱͷίϛϡχέʔγϣϯ ͳͲ

Slide 37

Slide 37 text

37 ҙࣝతʹΠϯϓοτΛऔΓೖΕΔΑ͏ʹͳΓɺைྲྀΛ௫ΉώϯτΛಘΔ ٕज़ऀͱͯ͠ͷԸܙ - 1 • มߋ఺͔Βɺղܾ͠Α͏ͱ͍ͯ͠Δ໰୊΍޲͔͓͏ͱ͍ͯ͠Δํ޲ͳͲͷைྲྀ͕ݟ͑ͯ͘Δ • ಛʹFlutter͸ΦʔϓϯιʔεͷͨΊɺGitHubʹެ։͞Ε͓ͯΓϒϥοΫϘοΫε෦෼͕গͳֶ͘श͕ḿΔ • ΤϯδχΞͱͯ͠ੜ্͖͍ͯ͘ͰϚετͳʮ৘ใͷΩϟονΞοϓʯΛश׳ԽͰ͖Δ

Slide 38

Slide 38 text

38 ࣗ෼͕ͦͷٕज़ͷઌ಄Λ૸ΔҙࣝΛ࣋ͪɺίϛϡχςΟʹߩݙͰ͖Δ ٕज़ऀͱͯ͠ͷԸܙ - 2 • ౰વઌ಄Ͱ͸ͳ͍ͱ͍͏ͷ͸ཧղͭͭ͠ɺͦͷٕज़ʹDeep Dive͍ͯ͠ΔҎ্͸ਓΑΓલΛ૸Δҙ͕ࣝେࣄ • FirebaseͳͲͷ༗໊ύοέʔδͰ΋ҙ֎ͱόά͕͋ͬͨΓ͢Δ • ઌΜͯ͡ࢼ͢͜ͱͰɺόά΍վળ఺͕ݟ͔ͭΓίϛϡχςΟߩݙʹ΋د༩Ͱ͖Δ Issueىථ΋গͳ͔Βͣ࿑ྗ͕͔͔ΔͷͰɺετοΫ͓͍ͯͯ͠ޙͰ΍ΔͷͰ΋ྑ͍

Slide 39

Slide 39 text

39 ٕज़ͷਐԽͷมભΛϦΞϧλΠϜʹ਎Λ΋ͬͯମݧͰ͖Δ ٕज़ऀͱͯ͠ͷԸܙ - 3 • ྫʣProvider→StateNotifier→Riverpod→Riverpod v2→Riverpod Generator • ʮRiverpod͕ྲྀߦ͍ͬͯΔ͔Β࢖͑ΔΑ͏ʹͳΓ·ͨ͠ʯͱ͸΍͸Γղ૾౓͕ҧ͏ • ҰํͰઌਓ͕ͨͪ੔උͯ͘͠Εͨߴ଎ಓ࿏ͳͷͰɺ࠷ॳ͔ΒRiverpod࢖͍·͢Ͱ΋౰વྑ͍ ※͜ͷϓϩδΣΫτͰ͸·ͩriverpod_generatorରԠ·Ͱ͸ͯ͠·ͤΜ

Slide 40

Slide 40 text

40 ΫϩεϓϥοτϑΥʔϜͷಛੑʹΑΓɺڵຯɾ஌ࣝͷ෯͕޿͕Δ ٕज़ऀͱͯ͠ͷԸܙ - 4 • FlutterΛى఺ʹपล஌ࣝΛิ׬ͯ͠࿈૝ήʔϜ͢Δʢྫ: Impeller→Skia→Metal, Vulkanʣ • Flutterʹ͸iOS/Androidͷ஌͕ࣝඞਢ৚݅ͳͷ͔ٞ࿦΋كʹ͋Δ͕ɺ஌ࣝͳ͘ͱ΋దֶٓ΂͹ࡁΉఔ౓ • App Store/Google Play StoreͷΞϓϦετΞͷѻ͍΍WebAssemblyͳͲ෯޿͘ Flu tt er Android iOS Web macOS Windows Linux Embedded Linux

Slide 41

Slide 41 text

41 ·ͱΊ Chapter.04

Slide 42

Slide 42 text

42 Conclusion • ٕज़ਐԽʹద߹͠ଓ͚Δ͜ͱ͸ϓϩμΫτ΁ͷ౤ࢿͰ͋Γɺ ΤϯδχΞͱͯ͠ͷࣗ෼ࣗ਎΁ͷ౤ࢿͰ͋Δɻ • FlutterΛத৺ʹऔΓר͘पғͷ؀ڥʹؔ৺Λ࣋ͪɺମܥతʹཧ ղʹ౒ΊΕ͹ɺࣗવͱεΩϧΞοϓʹܨ͕Δɻ • Ξοϓσʔτద༻͸νʔϜ؀ڥ΍ϞνϕʔγϣϯͰૄ͔ʹͳΔ͜ ͱ΋͋Δ͕ɺ͜·ΊʹόϥϯεΑ͘औΓࠐΉ͜ͱΛҙࣝ͢Δɻ

Slide 43

Slide 43 text

43 Flutter/DartͷਐԽΛόϥϯεྑ͘औΓೖΕɺ ΞϓϦέʔγϣϯ඼࣭޲্ͱͱ΋ʹɺ ٕज़ऀͱͯ͠εςοϓΞοϓ͠Α͏ Flutter/Dartͱ͸ҧ͏ٕज़͕ϝΠϯʹͳͬͯ΋ɺ͜ͷ࢟੎͸ϝλ஌ࣝͱͯ͠స༻Ͱ͖Δ͸ͣ

Slide 44

Slide 44 text

44 Appendix • [Introducing Flutter 3. The culmination of our journey to… | by Tim Sneath | Flutter | Medium](https://medium.com/ flutter/introducing-flutter-3-5eb69151622f) • [What’s new | Flutter](https://docs.flutter.dev/release/whats-new) • [Flutter Tips and Tricks - FlutterCon23 - Google εϥΠυ](https://docs.google.com/presentation/d/1az1lb-p- aI6abv6w-jgMXKCKbl6qwfEwwR98mbJavbE/mobilepresent?pli=1&slide=id.g42789f296bb367e1_360) • https://developer.android.com/about/versions/13/changes/notification-permission • [FlutterΞϓϦΛAndroid 13ʹରԠͤ͞Δ](https://zenn.dev/tsuruo/articles/eae9dbbad8372f) • [ʮAndroid 14 Beta 4ʯ഑৴։࢝ɻPixel Tablet/FoldʹରԠ - PC Watch](https://pc.watch.impress.co.jp/docs/ news/1515805.html) • [ʮiOS 17ʯʮiPadOS 17ʯύϒϦοΫϕʔλ͕ొ৔ - έʔλΠ Watch](https://k-tai.watch.impress.co.jp/docs/ news/1516253.html)