Flutterと歩んできたプロダクト開発と副次的効果

2023.01.24に開催された ドコモグループ（ドコモ・コミニュケーションズ・コムウェア）のイベントにて登壇

Transcript

1. © NTT DOCOMO, INC. All Rights Reserved. NTT DOCOMO Confidential. FlutterͱาΜͰ͖ͨ ϓϩμΫτ։ൃͱ෭࣍తޮՌ TSURUOKA Hideki / NTT DOCOMO, INC. 2023.01.24 dcc Engineer Day 23
3. 3 ΫϩεϓϥοτϑΥʔϜ։ൃ༻ͷGoogle੡OSSϑϨʔϜϫʔΫ Android iOS Web macOS Windows Linux 1ͭͷιʔείʔυ ෳ਺ϓϥοτϑΥʔϜͰ࣮ߦ Mobile Mobile Web Desktop Desktop Desktop / Embedded - [Flutter - Build apps for any screen](https://flutter.dev/) - [Supported platforms | Flutter](https://docs.flutter.dev/development/tools/sdk/release-notes/supported-platforms#supported-platforms)
4. 4 Android iOS Web macOS Windows Linux 1ͭͷιʔείʔυ ෳ਺ϓϥοτϑΥʔϜͰ࣮ߦ Mobile Mobile Web Desktop Desktop Desktop / Embedded ੈͷதͰྑ͘໨ʹ͢ΔFlutterΞϓϦ͸ϞόΠϧ͕ଟ͍ - [Flutter - Build apps for any screen](https://flutter.dev/) - [Supported platforms | Flutter](https://docs.flutter.dev/development/tools/sdk/release-notes/supported-platforms#supported-platforms)
5. 5 - [FlutterͰΞϓϦ։ൃͯ͠Έͨ - ENGINEERING BLOG υίϞ։ൃऀϒϩά](https://nttdocomo-developers.jp/entry/202212221200_3) - [ϞόΠϧΞϓϦΛϦϦʔε͠·ͨ͠ʂ](https://nework.notion.site/8197f4cce8964463b88d530882e05382) NTTάϧʔϓͰͷFlutter࠾༻ࣄྫ ahamo NeWork
6. 6 0 50 100 2015/1 2015/11 2016/9 2017/7 2018/5 2019/3 2020/1 2020/11 2021/9 2022/7 •React Native •Flu!er •Cordova ࠃ಺ͰͷΫϩεϓϥοτϑΥʔϜਓؾ౓ͷมભ ूܭظؒ: 2015/01~2023/01 Google TrendsΑΓ Ωʔϫʔυͷݕࡧճ਺Λ૬ରൺֱͨ͠਺஋
7. 0 50 100 2015/1 2015/11 2016/9 2017/7 2018/5 2019/3 2020/1 2020/11 2021/9 2022/7 0 50 100 2015/1 2015/11 2016/9 2017/7 2018/5 2019/3 2020/1 2020/11 2021/9 2022/7 7 2022/12 2ഒҎ্ʹٸ੒௕ Flutterͱ 2೥ؒڞʹาΜͩ࿩ 2020/05 ϓϩδΣΫτ։ൃணख Flutter 1.0͕ൃද͞Εͨޙɺൺֱత஍൫͕੔͍ͭͭ͋Δ࣌఺Ͱͷࢀೖ Flutter 1.0 Flutter 2.0 Flutter 3.0 2018/12 2021/03 2022/05
8. 8 Today’s Talk ຊ೔͓࿩͢Δ͜ͱ GoogleͷΦʔϓϯιʔεϑϨʔϜϫʔΫͰ͋ΔFlutter͸ۙ೥͞Βʹ஫໨͞ Ε͍ͯ·͢ɻݱࡏɺࢲ͕ͨͪ։ൃɾӡ༻͍ͯ͠Δ৽نࣄۀʰϚΠτϨʔυʱ ͸2020೥5݄ʹ։ൃΛ࢝Ίɺ౰ॳ·ͩͦ͜·Ͱීٴ͍ͯ͠ͳ͔ͬͨFlutter Λ࠾༻͠ɺ2೥ؒ൒ڞʹาΜͰ͖·ͨ͠ɻ ࠓճ͸ɺFlutterΛ׆༻ͨ͠ϓϩμΫτ։ൃͰܦݧͨۤ͠࿑΍ɺਐԽ͢Δ ٕज़ͱ޲͖߹͏͜ͱͰಘΒΕͨԸܙΛ࣮ମݧʹج͍͓ͮͯ࿩͠·͢ɻ
9. 9 01 ࣗݾ঺հɾϓϩδΣΫτ঺հ Flu!erʹΑΔϓϩμΫτ։ൃͷۤ࿑ ٕज़ਐԽͱ޲͖߹͍ଓ͚Δ෭࣍తޮՌ ·ͱΊ 02 03 04 AGENDA
10. Chapter.01 ࣗݾ঺հɾϓϩδΣΫτ঺հ
11. 11 ௽Ԭलथ TSURUOKA Hideki 2017೥NTTυίϞ৽ଔೖࣾɻυίϞγϣοϓݚमΛܦͯΠϊϕʔγϣϯ౷ׅ෦ʹ഑ ଐޙɺओʹϚʔέςΟϯά΍UIσβΠϯۀ຿ʹैࣄɻͦͷޙɺࣾһ಺੡ϓϩδΣΫτ ʮϚΠτϨʔυʯͰ͸ɺFlutter×FirebaseΛ׆༻ͨ͠ϑϩϯτΤϯυ։ൃΛ୲͏ɻ ֶੜ࣌୅ʹझຯ΍ΠϯλʔϯγοϓͰiOSΞϓϦ։ൃΛܦݧ͢ΔதͰɺσβΠϯΨΠ υϥΠϯΛ͖͔͚ͬʹੈͷதͷϓϩμΫτ͕ਫ਼޼ʹσβΠϯ͞Ε͍ͯΔ͜ͱΛ஌Γɺ ϓϩμΫτ։ൃʹڵຯΛ࣋ͭɻ ݱࡏ͸ɺσβΠϯ×ΤϯδχΞϦϯάΛத৺ʹ಺੡։ൃϝϯόʔͱͯ͠׆ಈதɻ Flu!er Firebase UI Design Pe"ume P.T.A. 11೥໨
12. 12 ݸਓͰͷ׆ಈ Zennʹٕͯज़هࣄͷൃ৴ ಠࣗύοέʔδͷެ։ Speaker Deck OSS Contribute
13. 13 NTTάϧʔϓͰͷొஃ࣮੷ ICTσβΠϯษڧձ@2021 Docomo Engineer Meetup@2021
14. 14 Θ͕ͨͨͪ͠։ൃɾӡ༻͍ͯ͠ΔαʔϏε ݸਓ౤ࢿՈ޲͚ͷࢿ࢈؅ཧαʔϏε ূ݊ձࣾαΠτ͔ΒσʔλΛεΫϨΠϐϯάɺ ࣗಈͰूܭ͠ՄࢹԽ͠·͢ɻ ূ݊ޱ࠲ʹಛԽͨ͠Ոܭ฽ΞϓϦͷΑ͏ͳαʔϏεͰ͢ɻ
15. 15 Θͨͨͪ͠ͷ։ൃମ੍ όοΫΤϯυ / Πϯϑϥ ূ݊σʔλܭࢉͷ։ൃ ! σβΠϯ / UIɾUX / ΞϓϦ։ൃ Ϣʔβʔ اը / ܖ໿ / ࣄۀܭը / ࣾ֎࿈ܞ ʴ σόοάิॿɺۀ຿ϔϧϓ਺໊ υίϞࣾһத৺ͷগਓ਺ͳ಺੡νʔϜͰ։ൃɾӡ༻ •ٕज़ސ໰ʹ͸ۀքਵҰͷΤϯδχΞ Λܴ͑ͯ൐૸ •Google Cloud / Go / Flutter ͷ Googleٕज़Ͱߏ੒ όοΫΦϑΟε
16. 16 υίϞࣾһʹ͓͚Δ಺੡։ൃ ঎༻ιʔείʔυͷ΄΅100%ΛυίϞࣾһ͕ؤுͬͯॻ͍ͯ·͢ •ΫϥΠΞϯταΠυͷ։ൃ͸جຊ2໊+ϨϏϡϫʔͱ͍͏ମ੍ •FirebaseͳͲϞόΠϧΞϓϦʢFlutterʣҎ֎ͷιʔείʔυ΋ؚΉ ूܭظؒ: 2020/5/17-2023/01/13 υίϞࣾһ υίϞࣾһ ٕज़ސ໰
17. 18 FlutterͰ։ൃ͢Δ্ͰͷϝϦοτɾσϝϦοτ ͲΜͳ͜ͱΛࢥ͍͖ͭ·͔͢ʁ" ૣ଎Ͱ͕͢ɺ
18. 19 ҰൠతʹޠΒΕ͍ͯΔϝϦοτ • ։ൃ޻਺/ίετ࡟ݮ • ։ൃऀମݧͷ޲্ • ΫϦʔϯͰඒ͍͠UI • ΫϩεϓϥοτϑΥʔϜ • Hot Reload • એݴతͳUI
19. 20 ͳͥFlutterΛબ୒ͨ͠ͷ͔ 1. ։ൃऀ͕౰࣌̍ਓʢ= ΫϩεϓϥοτϑΥʔϜͷબ୒ʣ 2. σβΠφʔෆࡏͷ૊৫ʢ= Material DesignʹཔΔʣ 3. ։ൃεϐʔυ༏ઌʢ= Hot ReloadʹΑΔεΫϥοϓϏϧυʣ 4. React΁ͷࣥண͕ͳ͍ʢ= React Nativeʹ߆Βͳ͍ʣ 5. Googleϕʔεͳٕज़Ξηοτʢ = Go/GCPͷόοΫΤϯυʣ
20. 21 νʔϜঢ়ଶʹΑΔٕज़બఆͷબ୒ྫ • iOS/Androidͷ࠷৽ػೳΛ࢖͏ͳΒɾɾɾSwift/Kotlin • Androidʹਫ਼௨͍ͯͨ͠ΒɾɾɾKotlin MultiPlatform MobileʢKMMʣ • React/TypeScriptʹਫ਼௨͍ͯͨ͠ΒɾɾɾReact Native • Javaʹਫ਼௨͍ͯͨ͠Βʢor ߆Γͳ͚Ε͹ʣɾɾɾFlutter • Web੡࡞ʹਫ਼௨͍ͯͨ͠ΒɾɾɾCordova/Capacitor Ͳͷٕज़΋ૉ੖Β͍͠ͷͰɺͲͷબ୒Λͯ͠΋ਅͬ౰ͳΞϓϦ͸࡞ΕΔʢݸਓతݟղʣ ※ྫͳͷͰଞͷཁҼʹΑͬͯ൑அ͸มΘΔͱࢥ͍·͢
21. 22 ҰൠతʹࢥΘΕ͍ͯΔͰ͋Ζ͏Flutterʹର͢Δҹ৅ • ٸ੒௕ͯ͠੎͍͕͋Δٕज़ • ྺ࢙͕ઙͯ͘Ϟμϯͳٕज़
22. 23 एͯ͘੎͍ͷ͋Δٕज़ͳΒͰ͸ͷେม͞΋ දཪҰମ • ཱ֬͞Εͨख๏ͷগͳ͞ • ഁյతͳมߋͷଟ͞ • ٸ੒௕ͯ͠੎͍͕͋Δٕज़ • ྺ࢙͕ઙͯ͘Ϟμϯͳٕज़ # $
23. Chapter.02 FlutterʹΑΔϓϩμΫτ։ൃͷۤ࿑
24. 25 ύοέʔδͷෆ଍ •Flutter Frameworkͷඪ४΢ΟδΣοτͱύοέʔδͷ૊Έ߹ΘͤͰαʔϏεཁ݅ΛຬͨͤΒΕΕ͹ཧ૝ •ͨͩ͠ɺྫ͑͹גՁνϟʔτͷΑ͏ʹվม͕ඞཁͱͳΔέʔε΋ଟʑ͋ΔʢϑϧεΫϥονͰ͸ͳ͍͚ͩ·ָͩʣ •ٯʹݴ͑͹͢΂ͯ͸ΦʔϓϯιʔεͳͷͰɺϥΠηϯε͑͞ΫϦΞ͢Ε͹ࣗ༝ʹվม͕Ͱ͖Δ ϚΠτϨʔυͷϝΠϯͱͳΔνϟʔτܥύοέʔδ͕ශऑ ΞϓϦͷτϯϚφΛ߹ΘͤͨϩʔιΫ଍΁վมޙ վม② શମతʹ΍΍ශऑͳFlutterͷνϟʔτܥύοέʔδ ϕʔεͱͳΔϩʔιΫ଍ύοέʔδ վม① ചങϙΠϯτΛઢͰ݁ͿίΞػೳͷ௥Ճޙ
25. 26 dΞΧ΢ϯτೝূͷFlutterϓϥάΠϯΛ։ൃ •υίϞΞϓϦͱͯ͠ఏڙ͢Δʹ͸dΞΧ΢ϯτೝূͷ౥ࡌ͕ٛ຿෇͚ΒΕ͍ͯΔ •dΞΧ΢ϯτೝূͷωΠςΟϒSDK͕༻ҙ͞Ε͍ͯΔ΋ͷͷɺFlutterϓϥάΠϯ͸ແ͍ͨΊࣗ࡞ •ωΠςΟϒ࣮૷ͷͨΊେมͰ͸͋Δ͕ɺϓϥάΠϯԽͨͨ͠ΊଞϓϩδΣΫτͰ΋ྲྀ༻Մೳͳܗʹ ཁ݅࣍ୈͰ͸ωΠςΟϒ࣮૷͕ඞཁʹͳΓɺ޻਺૿Ճ͸໔Εͳ͍ Flu!er App Swi# ϚΠτϨʔυʹݶΒͣ ͲͷϓϩδΣΫτͰ΋ར༻Մ - [Writing custom platform-specific code | Flutter](https://docs.flutter.dev/development/platform-integration/platform-channels) ϚΠτϨʔυ dΞΧ΢ϯτೝূͷFlutterϓϥάΠϯ MethodChannel iOS Kotlin Android Da$ Objective-C Java dΞΧ΢ϯτೝূͷωΠςΟϒSDK
26. 27 CI/CDͷߏஙʹ͍ͭͯ •ϞόΠϧΞϓϦͷCI/CD؀ڥߏஙͰ͸Codemagic΍Bitriseͱ͍ͬͨϗεςΟϯάܕͷSaaS͕ओྲྀ͕ͩಋೖϋʔυϧ͕ߴ͍ •۩ମతʹ͸ɺւ֎αʔϏεͰ͋Δ͜ͱʹΑΔܖ໿΍ར༻ن໿ʢಛʹࡋ൑ॴपΓʣͷ๏຿؍఺ɺ৘ηΩ؍఺ͳͲ͕͋͛ΒΕΔ •·ͨɺฐࣾͷΞϓϦετΞఏग़͸खಈલఏͱͳ͍ͬͯΔͨΊɺ্هαʔϏεΛ࢖ͬͯ΋શࣗಈԽ͸೉͍͠ঢ়گ ฐࣾϙϦγʔ্ͰͷϕετΤϑΥʔτͰɺCI/CDͷ࠷దղΛ୳͍ͬͯΔ Ϗϧυਓһ΋2໊ͱগͳ͍ͨΊɺखݩͷεΫϦϓτ࣮ߦͰ࠷௿ݶࣗಈԽ ʢຊ൪؀ڥ͸खಈσϦόϦʣ % iOS Android ϝϯόʔ഑෍ & ϩʔΧϧϚγϯ վળͷ༨஍͸͋Δͱࢥ͍·͢ ྲྀߦͷSaaS͸ϋʔυϧ͕ߴ͍ CI CD
27. 28 Material DesignͰiOS΋ଥڠͯ͠Α͍͔ͱ͍͏࿩ iOS΋Material DesignͰ౷Ұ͠ɺׂΓ੾ͬͨ։ൃ͕߹ཧత •ϓϥοτϑΥʔϜ͝ͱʹ࠷దԽ͞ΕͨUI෦඼͕ଘࡏ͠ɺiOSͳΒAppleͷ७ਖ਼෦඼Λ࢖͏͜ͱ͕Ұൠʹ޷·ΕΔ •ҰํͰMaterial DesignͰ΋Ϣʔβʔʹ༩͑Δҹ৅΍ૢ࡞͸େͯ͠มΘΒͣɺࠜຊͷମݧʹӨڹΛ༩͑Δ΋ͷͱ͸ߟ͑ʹ͍͘ •ͦ͜Λ߆ͬͯιʔείʔυ্Ͱ෼ذॲཧΛॻ͘ͱɺϝϯςφϯε޻਺͕ਹΉ͚ͩͰFlutterͷޮ༻͕ஶ͘͠ଛͳΘΕΔ iOS७ਖ਼ʹ͍ۙ HIGʹ४ڌͨ͠ΞϓϦ Material Designʹ ४ڌͨ͠iOSΞϓϦ ͍ͣΕͰ΋ͳ͍ ಠࣗϧʔϧͷΞϓϦ ʮYoutubeʯΞϓϦͳͲ ࢀߟ: iOS७ਖ਼ͷʮఱؾΞϓϦʯ ࢀߟ: iOSͷʮYoutubeʯΞϓϦ iOSΞϓϦͷཧ૝ܗ ӽ͑ΒΕͳ͍น ੈͷதʹଘࡏ͢ΔiOSΞϓϦͷ3෼ྨ https://goodpatch.com/blog/appdesign-antipatterns σβΠϯ؍఺Ͱ͸౰વࢍ൱͕͋Δ
28. 29 FlutterͷΑ͏ͳਐԽ͢Δٕज़ͱ ޲͖߹͍ଓ͚Δ͜ͱͰಘΒΕͨԸܙ FlutterΛ׆༻ͨ͠ϓϩμΫτ։ൃͷܦݧ
29. 30 FlutterͷΑ͏ͳਐԽ͢Δٕज़ͱ ޲͖߹͍ଓ͚Δ͜ͱͰಘΒΕͨԸܙ FlutterΛ׆༻ͨ͠ϓϩμΫτ։ൃͷܦݧ
30. Chapter.03 ٕज़ਐԽͱ޲͖߹͍ଓ͚Δ෭࣍తޮՌ
31. 32 Flutter/DartͷΞοϓσʔτ •Flutter 2.0ൃද࣌ͷ಺༰Ͱ͸ɺ໿8ϲ݄Ͱ4000͍ۙϓϧϦΫΤετ͕Ϛʔδ͞Εͨʢ1೔͋ͨΓ16Ϛʔδʣ •3ͭͷϦϦʔενϟϯωϧ͕͋ΓɺఆظతͳΞοϓσʔτ͕࣮ࢪ͞Ε͍ͯΔ Flutter/DartͷSDK͸೔ʑίϯτϦϏϡʔλʔʹΑͬͯ੒௕͍ͯ͠Δ - [Flutter build release channels · flutter/flutter Wiki](https://github.com/flutter/flutter/wiki/Flutter-build-release-channels) - [What’s New in Flutter 2. by Chris Sells | Mar, 2021 | Medium | Flutter | Flutter](https://medium.com/flutter/whats-new-in-flutter-2-0-fe8e95ecc65) master beta stable ຖ݄ͷୈ1݄༵೔ʹϦϦʔε ֓Ͷ࢛൒ظʹ1ճϦϦʔε ࠷৽ stability
32. 33 FlutterΞϓϦΛ։ൃ͢Δ্Ͱ޲͖߹͏Ξοϓσʔτͨͪ App 1. Flu!er/Da$ SDKຊମ 2. ґଘύοέʔδ 3. iOS/AndroidͷωΠςΟϒଆ
33. 34 FlutterΞϓϦΛ։ൃ͢Δ্Ͱ޲͖߹͏Ξοϓσʔτ •Ξοϓσʔτͷछྨ͸SDKຊମɺґଘύοέʔδɺωΠςΟϒͷ3ͭʹେ͖͘෼ྨ •ΞϓϦϦϦʔε௚લͳͲ͸֬ೝͷ͕࣌ؒऔΓʹ͍͘ͷͰߋ৽͸߇͑ΔΑ͏ʹ͍ͯ͠Δ SDKຊମͷଞʹɺ෇ਵ͢ΔΞοϓσʔτΛ։ൃͱฒߦͯ͠ద༻ ߋ৽ͷछྨ ֓ཁ Flutter/Dart SDKຊମ • ࢛൒ظʹ1ճͰSDKͷϝδϟʔΞοϓσʔτ / Dartݴޠ࢓༷ͷΞοϓσʔτ • ύϑΥʔϚϯεվળ΍ศརػೳ͕ೖͬͯ͘Δ • ྫʣnull safety, enhanced enum ґଘύοέʔδ • ϓϩδΣΫτͰґଘ͍ͯ͠Δύοέʔδͷ਺ʹΑͬͯखؒ౓͕มΘΔ • ϚΠτϨʔυͷ৔߹͸௚઀ґଘͷύοέʔδ͕90ఔ౓͋ΔͷͰ݁ߏେม • ഁյతͳมߋ͕ೖΔ͜ͱ΋͋ΔͷͰϦϦʔε௚ޙͳͲ༨ྗ͕͋ΔλΠϛϯάͰணख • ྫʣProvider→RiverpodରԠ iOS/AndroidͷωΠςΟϒଆ • ຖ೥Ն~ळࠒʹ๚ΕΔiOS/AndroidͷϝδϟʔΞοϓσʔτͷରԠ • ྫʣminSdkVersion౳ͷݟ௚͠, Android 13ͷϓογϡ௨஌ڐ୚μΠΞϩάରԠ
34. 35 Flutter/Dart SDKຊମ - [FlutterͰΞϓϦ։ൃͯ͠Έͨ - ENGINEERING BLOG υίϞ։ൃऀϒϩά](https://nttdocomo-developers.jp/entry/202212221200_3) •ରԠࣗମ͸਺࣌ؒͰऴΘΔ΋ͷ΋͋Δʢ֬ೝ΍όʔδϣϯΞοϓఔ౓ʣ •खಈରԠͨ͠null safetyͰ͸ؙ2೔Քಇఔ౓Λཁͨ͠ʢϚΠάϨʔγϣϯπʔϧΛར༻͢Ε͹Ұॠͳ৔߹΋͋Δʣ SDKຊମͷߋ৽͸֓ͶେมͰ͸ͳ͍΋ͷͷɺnull safetyʹ͸ؙ2೔ఔ౓ ʢࢀߟʣahamoΞϓϦͷόʔδϣϯΞοϓ΁ͷ௥ैྫ
35. 36 ༏ྑpub.devύοέʔδͷݟۃΊํ •ґଘύοέʔδ/ϓϥάΠϯͷखؒ౓͸࣭×ྔͰܾ·Γɺ࣭Λ͋͛ΔͨΊͷ໨ར͖ •ඍົͳύοέʔδબఆ͸ޙʹࣗ෼ͷटΛకΊΔ͜ͱʹͳΔ •ผࢹ఺Ͱ͸৐Γ׵͑ίετ͕௿͍Α͏ʹɺมߋՕॴΛ࠷খݶʹͱͲΊ࣮ͨ૷Λҙࣝ͢Δͱ͍͏ͷ΋େࣄ ґଘύοέʔδߋ৽ͷखؒΛ௿ݮ͢ΔͨΊʹ΋ɺݟۃΊ͕ඞཁ FlutterެࣜʹೝΊΒΕͨύοέʔδͷূ͕͋Δͱ҆৺ ʢ͜Ε͕෇͍͍ͯͳ͍͔ΒNGͱ͍͏Θ͚Ͱ͸ͳ͍ʣ PUB POINTS͕140ʢMAXʣͰ͋Δ͜ͱ͸࠷௿৚݅ ʢٯʹ௿͚Ε͹Maintainer͕ଵ͍ͬͯΔͱ൑அʣ ࠷ऴߋ৽೔͕ݹ͗͢ͳ͍͔ʢ1೥Ҏ্์ஔ͞Ε͍ͯͳ͍͔ʣ ࠷৽ͷόʔδϣϯͰಈ͔͘ - ৴པͰ͖ΔPublisher͔ - GitHubͷIssue͕์ஔ͞Ε͍ͯͳ͍͔
36. 37 ϓϩμΫτ͕੒௕͢ΔʹͭΕͯ Ξοϓσʔτʹ͔͔Δ࿑ྗ͕େ͖͘ͳΔ' ٕज़ͷਐԽ͸خ͍͠൓໘
37. 38 ৽ن։ൃ Ξοϓσʔτ௥ै ඇػೳཁ݅ɿൃੜ͢Δ࿑ྗʹରͯ͠ཧղ͞Εʹ͍͘ ػೳཁ݅ɿϏδωε໘Ͱ༏ઌ͞ΕΔ
38. 39 ׳ΕͨόʔδϣϯͰݻఆͯ͠ ୹ظతͳ։ൃޮ཰Λ࠷େԽ͢Δ ҎԼͷߟ͑ํ΋ɺ߹ཧతͳଆ໘͕͋Δ ͱ͘ʹɺॏްͳγεςϜ΍ܦݧ๛෋ͳٕज़ऀʹଟ͍Πϝʔδ
39. த௕ظతͳϝϦοτΛٻΊͯ ೔ʑͷਐԽʹଈ࣌௥ैΛ߆͖ͬͯͨ 40 ͦΕͰ΋ ৽نࣄۀͰͷൺֱతϑοτϫʔΫ͕͍ܰͱ͍͏໘΋͋Δ
40. 41 ٕज़ͷਐԽͱฒ૸͢Δ͜ͱͰ ෭࣍తͳޮՌ΋ಘΒΕΔ ݸਓతʹײͨ͜͡ͱ
41. 42 ݸਓతʹࢥ͏Ξοϓσʔτʹ௥ै͢Δ͜ͱͷϝϦοτ Ϣʔβʔ΍ίʔυ඼࣭໘͚ͩͰ͸ͳ͘ɺ։ൃऀ/νʔϜͷ੒௕ʹ΋د༩ •௥ैͷΩϟονΞοϓ΍खؒΛޙճ͠ʹ͢Δͱɺݹ͍৘ใ΍ॻ͖ํʹ׳Εͯ͠·͍औΓ࢒͞ΕΔා͞ • पล৘ใͳͲ࠷৽৘ใΛΩϟονΞοϓͰ͖Δʢ=஌ࣝͷ޲্ʣ • OSSίϯτϦϏϡʔτ͠΍͘͢ͳΔʢ=ίϛϡχςΟ΁ͷؼଐҙࣝʣ • ύϑΥʔϚϯεվળʹͭͳ͕Δʢ=ϢʔβϏϦςΟ޲্ʣ • ίʔυͷ඼࣭͕ྑ͘ͳΔʢ=։ൃऀମݧ޲্ʣ • ੬ऑੑ͕ղফ͞ΕΔʢ= ηΩϡϦςΟ޲্ʣ Ұൠతʹ஌ΒΕΔޮՌ ෭࣍తͳޮՌ
42. 43 Ξοϓσʔτʹ௥ै͢Δϑϩʔ - [Flutter release notes | Flutter](https://docs.flutter.dev/development/tools/sdk/release-notes) INPUT TRY มߋ఺ͷΩϟονΞοϓ खݩͰಈ͔͢ ϓϩδΣΫτ΁౤ೖ ϨϏϡʔ ࣮ફಋೖ ஌ݟΛൃ৴/OSSߩݙ REVIEW RELEASE ISSUE/COMMIT OUTPUT •جຊతͳ޻ఔ͸ɺINPUT→TRY→OUTPUT ΠϯϓοτͱखݩͰͷݕূΛجຊʹɺ࣮ફಋೖ͍ͯ͘͠
43. 44 Ξοϓσʔτʹ௥ै͢Δϑϩʔ - [Flutter release notes | Flutter](https://docs.flutter.dev/development/tools/sdk/release-notes) INPUT TRY มߋ఺ͷΩϟονΞοϓ खݩͰಈ͔͢ ϓϩδΣΫτ΁౤ೖ ϨϏϡʔ ࣮ફಋೖ ஌ݟΛൃ৴/OSSߩݙ REVIEW RELEASE ISSUE/COMMIT OUTPUT •جຊతͳ޻ఔ͸ɺINPUT→TRY→OUTPUT ΠϯϓοτͱखݩͰͷݕূΛجຊʹɺ࣮ફಋೖ͍ͯ͘͠ STEP.1 STEP.2 STEP.3
44. 45 1. INPUT&TRY •Flutter͸ΦʔϓϯιʔεͷͨΊɺ͢΂͕ͯGitHubʹެ։͞Ε͓ͯΓϒϥοΫϘοΫε෦෼͕গͳֶ͘श͕ḿΔ •มߋ఺ΛݟΔ͜ͱͰɺԿͷ໰୊Λղܾ͠Α͏ͱ͍ͯ͠Δͷ͔ɺͲ͜ʹ޲͔͓͏ͱ͍ͯ͠Δͷ͔ͷைྲྀ͕ݟ͑ͯ͘Δ •ΤϯδχΞͱͯ͠ੜ্͖͍ͯ͘ͰϚετͳʮ৘ใͷΩϟονΞοϓʯΛҙࣝతʹߦ͏Α͏ʹͳΔ ҙࣝతʹΠϯϓοτΛऔΓೖΕΔΑ͏ʹͳΓɺைྲྀΛ௫ΉώϯτΛಘΔ
45. 46 2. REVIEW •ຊϓϩδΣΫτ΁ϓϧϦΫΤετ/ΠγϡʔΛ͋͛ͯɺϑΟʔυόοΫΛ໯ͬͯਖ਼͍ͯ͘͠ •ίʔυϨϏϡʔΛ͢Δ͚ͩͷٕज़ސ໰Ͱ͸ͳ͘ɺแׅతͳؔΘΓํͰࣗ਎ͷྐʹ͢Δʢٕज़ސ໰ͷٕྔʹΑΔʣ ࣗ਎ͷཧղʹෆ͕҆͋Ε͹ɺٕज़ސ໰ʹͨͩͯ͠΋Β͑Δ - https://github.com/nttdocomo-com/mytradeApp/issues/22 Q. खݩͰಈ͔ͯ͠Έ·͕ͨ͠ Πϝʔδ͋ͬͯ·͔͢ʁ A. ɾYES/NO ɾʓʓͷςΫχοΫ΋͋Δ ɾʓʓ͕͓͢͢Ί
46. 47 3. OUTPUT •౰વઌ಄Ͱ͸ͳ͍ͱ͍͏ͷ͸ཧղͭͭ͠ɺͦͷٕज़ʹDeep Dive͍ͯ͠ΔҎ্͸ਓΑΓલΛ૸Δҙ͕ࣝେࣄ •ઌΜͯ͡ࢼ͢͜ͱͰɺόά΍վળ఺͕ݟ͔ͭΓίϛϡχςΟߩݙʹ΋د༩Ͱ͖Δ ࣗ෼͕ͦͷٕज़ͷઌ಄Λ૸ΔҙࣝΛ࣋ͪɺίϛϡχςΟʹߩݙͰ͖Δ
47. 48 ۩ମతͳΤϐιʔυྫ •ࡢࠓͷϞόΠϧΞϓϦʢϑϩϯτΤϯυͷ։ൃʣͰ͸ෳࡶͳ࣮૷͕ཁٻ͞ΕΔͨΊঢ়ଶ؅ཧ͕ॏཁͱଊ͑ΒΕ͍ͯΔ •Riverpodͱ͍͏ঢ়ଶ؅ཧ͕v1→v2ʹ޲͚ͯࠓޙͷํ਑ʹؔ܎͢Δେ͖ͳมߋ͕ೖΔՄೳੑ͕ߴ͘ɺґଘ͢Δʹ͸ཧղ͕ඞਢ •͜ͷ௥ैʹ൐͏ϓϩμΫτϝϦοτ͸ɺίʔυ඼࣭ͷ޲্΍։ൃऀମݧͷ޲্͕ओ Riverpod v2ͷdev൛Λઌߦతʹ௥ैɺ࣮ફಋೖɺΞ΢τϓοτ pub.devͰ΋ެࣜυΩϡϝϯτͰ΋ͳ͘ɺ MaintainerͷSNS΍GitHubͷIssueΛߪಡ͠ ίϯςΩετ͔Βཧղ͢Δ͜ͱΛҙࣝ͢Δ INPUT OUTPUT TRY&REVIEW OUTPUT͢ΔҎ্ɺؒҧͬͨ৘ใ΍ݹ͍৘ใͷ··ʹ͓ͯ͘͠Θ͚ʹ΋͍͔ͳ͍ͷͰ ৗʹINPUTΛҙࣝͤ͟ΔΛಘͳ͘ͳΔ ٕज़هࣄͷҾ༻ίϝϯτͳͲΛݟͯɺ ଞͷ։ൃऀͷࠔΓϙΠϯτ͕෼͔Γڭҭʹ΋׆͔ͤΔɻ खݩͰࢼ͠ϑΟʔυόοΫΛ΋Β͍ͳ͕Βɺ ஈ֊తʹ࣮ફಋೖ͍ͯ͘͠ɻ
48. 49 ٞ࿦ͷաఔ΍ίϯςΩετ͔ΒΠϯϓοτ͠ɺ ࣗϓϩδΣΫτʹ࣮ફಋೖ͢Δ͜ͱͰ՝୊Λݟ͚ͭɺ Ξ΢τϓοτʹͭͳ͛Δ ٕज़ͷਐԽͱฒ૸͢Δ͜ͱͰ
49. 50 Ξοϓσʔτͬͯ؆୯ʹద༻Ͱ͖ͳ͍έʔε͕ ଟ͍ͷͰ͸ʁ( ͜Ε͸YES ͱ͸ݴ͍ͭͭ΋ɺ
50. 51 Ξοϓσʔτʹ௥ै͢Δ ϝΠϯϓϩδΣΫτʹΞοϓσʔτΛશద༻Ͱ͖ͳ͍৔߹΋ஈ֊తʹ •ඞͣ͠΋͙͢ʹద༻Ͱ͖ΔΘ͚Ͱ΋ͳ͍ͷ͸ͦͷ௨Γ •ଞϓϩδΣΫτ͕͋Ε͹ͦΕΛαϯυϘοΫεʹ͢Δͷ΋ྑ͍ A. ഁյతมߋ͕େ͖͍৔߹ B. มߋͷख͕ؒେ͖͍৔߹ ϝΠϯϓϩδΣΫτʹద༻
51. 52 Ξοϓσʔτʹ௥ै͢ΔɾA. ഁյతมߋ͕େ͖͍৔߹ mytrade ؅ཧը໘ϓϩδΣΫτͷΈʹઌߦద༻ •Ұ౓ʹద༻Ͱ͖Ε͹ྑ͍͕ɺӨڹൣғ͕େ͖͍ͱߟ͑ΒΕΔ৔߹͸ϢʔβʔӨڹͷͳ͍؅ཧը໘ΛαϯυϘοΫεͱͯ͠ར༻ •ίʔυن໛͕খ͍͞ͱ͍͏ଆ໘΋ྑ͍ •ྫʣnull safetyରԠɺNavigator API 2.0ʢGoRouterʣରԠ ഁյతͳมߋ͕େ͖͗͢Δ৔߹͸ɺ؅ཧը໘Ͱઌߦద༻͢Δ ϚΠτϨʔυϓϩδΣΫτͷϚϧνύοέʔδߏ੒ ϝΠϯΞϓϦʢiOS/Androidʣ mytrade_admin ؅ཧΞϓϦʢWebʣ Өڹൣғ͕େ͖͗͢ΔͷͰ༷ࢠݟ ઌߦͯ͠؅ཧΞϓϦ͚ͩద༻
52. 53 Ξοϓσʔτʹ௥ै͢ΔɾB. มߋͷख͕ؒେ͖͍৔߹ •ϕλʔͳίʔυ΁ͷϦϑΝΫλϦϯά •ྫʣRiverpodͷγϯλοΫεॻ͖׵͑ɺenhanced enumಋೖʹ൐͏Ұ෦ॻ͖׵͑ طଘίʔυ͸ஈ֊తʹɺ৽نίʔυ͸ҙࣝతʹมߋʹ௥ै͢Δ Dart 2.17·Ͱͷॻ͖ํʢچίʔυʣ Dart 2.17͔Βͷॻ͖ํʢ׬੒ܗʣ enhanced enum தؒղͱͯ͠ஈ֊తʹ੝ΓࠐΉ
53. 54 ஈ֊తʹ΋࠷৽ͷঢ়ଶΛऔΓೖΕΔΑ͏ҙࣝ͢Δ) ద༻ൣғ΍λΠϛϯάͷ൑அ͸೉͍͠Ͱ͕͢
54. 55 ٕज़ɾϓϩμΫτɾ։ൃऀͷࡾҐҰମͰਐԽΛՃ଎͢Δ# ٕज़ ϓϩμΫτ ։ൃऀ SDK,ύοέʔδͷΞοϓσʔτ • ϢʔβϏϦςΟ޲্ • ηΩϡϦςΟ޲্ • ػೳ௥Ճ OSS, ίϛϡχςΟߩݙ • ෆ۩߹ใࠂ • ύοέʔδެ։ αʔϏεಋೖ • τϥΠ&Τϥʔ • ٕज़ސ໰ϨϏϡʔ Flutter/Dart ϚΠτϨʔυ νʔϜ ৘ใΠϯϓοτ
55. Chapter.04 ·ͱΊ
56. 57 ·ͱΊ • FlutterΛ2೥ؒ൒։ൃɾӡ༻͠ɺൃలͷૣ͍ٕज़ͳΒͰ͸ͷ೉͠͞Λମݧͨ͠ҰํɺΦʔ ϓϯιʔεͳͷͰࣗ༝ʹվมͰ͖Δྑ͞΋͋Δɻ • ׶͑ͯσϝϦοτΛத৺ʹݴٴ͕ͨ͠ɺτʔλϧͰ͸ϝϦοτͷํ͕େ͖͍ͷͰબ୒ͱ͠ ͯޙչ͸ͳ͘ɺ͜Ε͔Β࢝ΊΔʹ΋࠷ળͳબ୒ͷҰͭʹͳΔͱ͸ࢥ͏ɻ • ઌਐతͳٕज़Λѻ͏͜ͱ͸େมͳ෦෼΋͋ΔҰํɺ1ͭͷٕज़ͱ௕͘޲͖߹͏͜ͱͰί ϛϡχςΟ΍ίϯςΩετ͕ཧղͰ͖ɺ։ൃऀ/νʔϜ͕੒௕Ͱ͖Δ෭࣍తͳޮՌ͕͋ Δɻ
57. 58 ٕज़ͱͷ޲͖߹͍ํ ෳ਺ͷύϥμΠϜͱ෇͖߹͏͜ͱɺ̍ͭͷٕज़ʹϑϧίϛοτ͢Δ͜ͱ https://www.ntt.com/content/dam/nttcom/hq/jp/shines/media/blog/b-t_20201012/part1.pdf •ύϥμΠϜͷҧ͏ݴޠɾٕज़ΛֶͿ͜ͱͰɺ஌ࣝิ׬͕͞Εٕͯज़ऀϨϕϧ͕͕͋Δͱ͍͏ͷ΋ೲಘ •ҰํͰ1ͭͷٕज़ʹϑϧίϛοτ͢Δ͜ͱͰɺٕज़ͷਐԽ͕Ͳ͏ߦΘΕ͍ͯΔͷ͔ɺઌۦऀ͸ԿΛ͍ͯ͠Δͷ͔ΛମݧͰ͖ͨ ௕͘෇͖߹͏ٕज़ ίϯςΩετ΍ίϛϡχςΟ΁ͷཧղ ※ʮशಘʯʹ͸ίϯςΩετ΍ίϛϡχςΟΛਂ͘ཧղ͢Δ͜ͱΛҙຯ͍ͯ͠Δ͕ ෳ਺ݴޠΛฒߦͯ͠शಘ͢Δʹ͸Ұൠతʢಛʹॳֶऀʣʹ͸೉͍͠ͱײ͡Δɻ ৼΓࢠͷΑ͏ʹ
58. 59 ͍͞͝ʹ ໌೔25೔ɺFlutterͷେن໛Πϕϯτ͕։࠵͞Ε·͢ •2023೥Ͱ༧ఆ͍ͯ͠ΔऔΓ૊ΈͷॾʑͷΞφ΢ϯε •͓ͦΒ͘2023೥ͰϦϦʔε͞ΕΔDart 3, Flutter 4ʹ͍ͭͯͷϩʔυϚοϓ
59. 60 ͑ͯ͜ ͋ͭ·Δ ͑ͯ͜ ͭͳ͕Δ ͑ͯ͜ ͏Έͩ͢ FlutterΛ࢖ͬͨ։ൃΛ͍ͯ͠Δ or ڵຯ͕͋Δͱ͍͏ํɺ ͝࿈བྷ͓଴͓ͪͯ͠Γ·͢ʂ* dcc vision at 2023 Slack
60. 61 • [Flu!er - Build apps for any screen](h!ps://"u!er.dev/) • [Suppo#ed pla$orms | Flu!er](h!ps://docs."u!er.dev/development/tools/sdk/release-notes/suppo#ed-pla$orms#suppo#ed-pla$orms) • [Flu!er/Da#ͱڞʹาΜͩελʔτΞοϓͷ։ൃΛৼΓฦͬͯಘͨɺ੒ޭͱࣦഊͷڭ܇ - Speaker Deck](h!ps://speakerdeck.com/yamarkz/history- of-stailer-with-"u!er-and-da#) Appendix
61. References ࢀߟ
62. 63 #all-zp_hands ࣾһΤϯδχΞνʔϜʰhandsʱͷϝϯόʔΛத৺ʹ ΤϯδχΞϦϯά΍σβΠϯʹ͍ͭͯɺ஌ݟΛڞ༗͢ΔνϟϯωϧͰ͢ɻ ࠓճͷΑ͏ͳυϝΠϯʹڵຯ͕͋Δํ͸ͥͻ͓ؾܰʹ͝ࢀՃ͍ͩ͘͞ *
63. 64 ٕज़ސ໰ͱͷϓϩδΣΫτͷਐΊํྫ •௨࿩ͳͲͷಉظతͳ΍ΓͱΓ͸΄΅ແ͘ɺϓϧϦΫΤετ΍Πγϡʔʹରͯ͠ίϝϯτΛ΋Β͏ਐΊํ •ݕࡧੑ͕ߴ͍ͷͰɺهԱ͕ᐆດͳ෦෼΍ϝϯόʔ͕δϣΠϯͨ͠ࡍʹ؆୯ʹաڈͷεϨουʹΞΫηεͰ͖Δ •ࠓͰ͸ϑΟʔυόοΫΛड͚ͨ಺༰ΛνʔϜϝϯόʔʹؐݩ͢ΔͳͲɺ஌ͷల։͕ޮ͖΍͍͢ GitHubத৺ͷඇಉظͳϑΟʔυόοΫʹΑΓɺετοΫ͞ΕΔ஌ݟ ϨϏϡʔ༻ϒϥϯνΛ੾ͬͯίϛοτఏࣔ Issueϕʔεͳ΍ΓͱΓ
64. 65 νʔϜʹਁಁͤ͞Δ •ߋ৽࡞ۀͷϝΠϯ୲౰ʢҰ௨Γࠩ෼ಡΜͰɺखݩͰىಈͯ͠ɺϚʔδ͢ΔʣΛ౰൪੍ʹ͢Δ •Dependabot΍GitHub ActionsΛ࢖ͬͯຖिͳͲͷఆৗۀ຿Խ͢Δ༧ఆ νʔϜͰ͸ϝΠϯ୲౰ऀΛׂΓৼͬͯɺߋ৽࡞ۀΛߦ͏ͱྑͦ͞͏ 2022೥11݄30೔ɿFlutter/DartͷηΩϡϦςΟΞοϓσʔτ·ͰରԠ - [Dependabot now supports security updates for Dart and Flutter apps that use Pub packages | GitHub Changelog](https://github.blog/changelog/2022-11-30- dependabot-now-supports-security-updates-for-dart-and-flutter-apps-that-use- pub-packages/)
65. 66 ମ੍֦େ࣌ʹ͓͚ΔԸܙ ৽͍͠ϝϯόʔ΋͙͢ʹ։ൃʹࢀՃͰ͖ɺֶशোนͷ௿͕͞࢕͑Δ •ຊਓͷؤுΓ͕͋Δͱ͍͏લఏͰɺRustͳͲͷ௿ڃݴޠ৮ΔΑΓ͸ϋʔυϧ௿͍͸ͣ •Widgetૢ࡞ͱϩδοΫ͕੾Γ཭͞Ε͍ͯΕ͹ɺϨΠΞ΢τߏஙۀ຿͔Βஈ֊తʹ࣮ફܦݧ͕Ͱ͖Δ •͜Εʹؔͯ͠͸React Nativeʹ΋ಉ༷ͷ͜ͱ͕ݴ͑ΔͷͰϑϩϯτΤϯυͷऔͬ෇͖΍͢͞ͱ΋ݴ͑Δ ϚʔΫΞοϓ ελΠϧ ϩδοΫ HTML CSS JavaScript ϨΠΞ΢τ ελΠϧ ϩδοΫ Widget(Dart) Widget(Dart) Dart ྨࣅ ࠷΋ΧϯλϯͳίʔσΟϯάྫͱͯ͠ϚʔΫΞοϓΛఏࣔ WidgetΛ࢖͏ͱHTML/CSSͱࣅͨߏ଄ͰϨΠΞ΢τߏங͕Ͱ͖Δ
66. 67 ਐԽ͚ͭͮ͠ΔDartݴޠ Dart 3ͷϩʔυϚοϓ͕ެ։͞Ε·ͨ͠ 2023೥ॳظ͔Βػೳ֦ுΛܦͯɺதࠒʹ͸Dart 3ͷ҆ఆ൛͕ఏڙ͞ΕΔܭըͷΑ͏Ͱ͢ɻ Dart 3Ҏ߱͸ҎԼͳͲ͕ରԠ༧ఆ ɾWebAssemblyίϯύΠϧ ɾStatic Metaprogramming - [The road to Dart 3: A fully sound, null safe language | by Michael Thomsen | Dart | Dec, 2022 | Medium](https://medium.com/dartlang/the-road-to-dart-3-afdd580fbefa) - [language/accepted/future-releases at master · dart-lang/language](https://github.com/dart-lang/language/tree/master/accepted/future-releases)
67. 68 Dartͱ͍͏ݴޠͷΩϟονΞοϓͷ͠΍͢͞ •Swift/KotlinΑΓݴޠػೳ͕গͳΊ͔ͭ೉ղ͞΋΋ͳͯ͘όϥϯεྑ͘ɺΩϟονΞοϓ͠΍͍͢ •աڈͷඍົͳ࢓༷ΛҾ͖ͣͬͨTS/JSΑΓ΋௚ײతͰಡΈॻ͖͠΍͍͢(React Nativeҙࣝͨ͠ൺֱ) Javaϕʔεͳݴޠ࢓༷ͳҰํͰϞμϯ͞΋͋ΓɺΩϟονΞοϓ͠΍͍͢
68. 69 FlutterΛબఆͨ͠ཧ༝ Googleࣾͱ͍͏҆৺ͱ౰࣌ͷपล؀ڥ͔Β൑அ͠ɺFlutterΛ࠾༻ Googleαϙʔτͷ҆৺ײ ঎༻ΞϓϦͱͯ͠ͷ࠾༻ࣄྫ͕গͳ͘৺഑Ͱ͸͕͋ͬͨɺGoogleࣾͷαϙʔτͱ͍͏҆৺ײ͕͋ͬ ͨɻνʔϜͷงғؾతʹFacebookΑΓGoogle͕޷͖ͩͬͨɻ ٕज़૬ஊ໾ͷਪ঑ ౰࣌ɺٕज़૬ஊΛ͍ͯͨ͠CTOΫϥεͷํ͕Go/FlutterͷGoogleٕज़Λڧ͘ਪ঑͍ͯͨ͠ɻ ٕज़ސ໰ͱͷ൐૸ ΞϓϦͷٕज़ސ໰Λ୳͍ͯͨ͠தɺۀքਵҰͷΞϓϦΤϯδχΞͰ͋ΔmonoࢯͷՔಇ͕ӡྑۭ͍͘ ͓ͯΓɺ௕ظతͳ෇͖߹͍͕Ͱ͖ͦ͏Ͱ͋ͬͨɻ ϓϩάϥϛϯάݴޠ໘ TypeScriptʹਫ਼௨͍ͯ͠ΔΘ͚Ͱ͸ͳ͔ͬͨͷͰReact Nativeʹڧ͍ࢥ͍ೖΕ͕͋ͬͨΘ͚Ͱ͸ͳ ͘ɺθϩ͔ΒֶͿͷͰ͋Ε͹ಛʹ߆Γ͸ແ͘Dart΋ड͚ೖΕ΍͔ͬͨ͢ɻ ্௕ͷܦݧଇͱצ લͷϓϩδΣΫτͰAndroidΞϓϦ։ൃʹJavaͰ͸ͳ͘ɺ౰࣌ະ੒ख़ͩͬͨKotlinΛ࠾༻ͨ͠੒ޭମ ݧ͕͋Γɺ৽͍ٕ͠ज़Λ࠾༻͍ͨ͠૝͍͕ڧ͔ͬͨɻ •ΫϩεϓϥοτϑΥʔϜͷ೾͸͖͓ͯΓ͔ͭɺΞϓϦ։ൃऀ͕1໊ͱ͍͏ཧ༝ͰωΠςΟϒ࣮૷͸ީิ͔Βআ֎
69. 70 ঢ়ଶ؅ཧͷਐԽ •جຊతͳ޻ఔͷྲྀΕ͸ɺ σϑΝΫτ͕ແ͍ঢ়ଶ؅ཧͷબఆɺProvider͔ΒRiverpod΁
70. 71 Navigator APIʢը໘ભҠʣͷਐԽ •جຊతͳ޻ఔͷྲྀΕ͸ɺ ݩGoogleɾFlutterνʔϜ࡞ͷGo RouterͰNavigator 2.0࣌୅΁ TODO: ࣌ؒͳͦ͞͏ͳͷͰεΩοϓͰྑ͍͔΋
71. 72 Hot ReloadͱMaterial Design •Material DesignʹΑΔҰ؏ͨ͠ UI ͷߏங͕؆୯ʹͰ͖ɺগਓ਺Ͱ΋ Production ϨϕϧͷσβΠϯΛߦ͏͜ͱ͕Մೳ •Hot ReloadͷಛੑΛ׆͔ͯ͠FlutterͰϓϩτλΠϓ͢ΔσβΠϯ×ΤϯδχΞϦϯάͷγʔϜϨεͳ։ൃख๏͕Մೳ σβΠϯʙ։ൃ·Ͱ1໊×ίϯαϧ1໊ͷೋਓࡾ٭Ͱ౔୆Λ։ൃ Material Design४ڌͰҰ؏ͨ͠UIͷߏங Hot ReloadʹΑΔεΫϥοϓ&Ϗϧυ ౷Ұ͞ΕͨProductionਫ४ͷΞϓϦ΁ https://youtu.be/sgPQklGe2K8?t=32
72. 73 Flutterͱ͸ ΫϩεϓϥοτϑΥʔϜ։ൃͷͨΊͷɺGoogleͷOSSϑϨʔϜϫʔΫ •1ͭͷιʔείʔυͰ࠷େ6ݸͷϓϥοτϑΥʔϜ্Ͱ࣮ߦՄೳʢAndroid, iOS, Linux, macOS, Web, Windows) •Hot ReloadʹΑΔߴ଎ͳ։ൃମݧɺඒ͍͠ϢʔβʔΠϯλϑΣʔεΛ࣮ݱ - [Flutter - Build apps for any screen](https://flutter.dev/) - [Supported platforms | Flutter](https://docs.flutter.dev/development/tools/sdk/release-notes/supported-platforms#supported-platforms)
73. 74 άϩʔόϧͰͷΫϩεϓϥοτϑΥʔϜͷར༻ऀൺֱ 2021೥ʹ͸React NativeΛൈ͖ɺFlutterͷར༻ऀ͕࠷ଟʹ - [Cross-platform mobile frameworks used by global developers 2021 | Statista](https://www.statista.com/statistics/869224/worldwide-software-developer-working-hours/) •ੈքதͷιϑτ΢ΣΞΤϯδχΞͷ42%͕FlutterΛར༻ •ϞόΠϧ։ൃऀશମͰ΋1/3͕ΫϩεϓϥοτϑΥʔϜΛར༻
74. 75 NTTάϧʔϓͰͷFlutter࠾༻ࣄྫ ahamo΍NeWorkͳͲɺFlutter੡ΞϓϦ΋૿͍͑ͯΔ •NeWork: NTTίϛϡχέʔγϣϯζͷσβΠϯελδΦʮKOELʯ͕खֻ͚Δίϛϡχέʔγϣϯπʔϧ - [FlutterͰΞϓϦ։ൃͯ͠Έͨ - ENGINEERING BLOG υίϞ։ൃऀϒϩά](https://nttdocomo-developers.jp/entry/202212221200_3) - [ϞόΠϧΞϓϦΛϦϦʔε͠·ͨ͠ʂ](https://nework.notion.site/8197f4cce8964463b88d530882e05382)
75. 76 ࠃ಺ͰͷΫϩεϓϥοτϑΥʔϜਓؾ౓ͷมભ 0 50 100 2015/1 2015/11 2016/9 2017/7 2018/5 2019/3 2020/1 2020/11 2021/9 2022/7 ूܭظؒ: 2015/01~2023/01 •React Native •Flu!er •Cordova Flutter 1.0 Flutter 2.0 Flutter 3.0 2018/12 2021/03 2022/05 - https://trends.google.co.jp/trends/explore/TIMESERIES/1672561200? hl=ja&tz=-540&date=2015-01-01+2023-01-01,2015-01-01+2023-01-01,2015-01-01+2023-01-01&geo=JP,JP,JP&q=React+Native,Flutter,Cordova&sni=3 - [Introducing Flutter 3. The culmination of our journey to… | by Tim Sneath | Flutter | Medium](https://medium.com/flutter/introducing-flutter-3-5eb69151622f) Flutterͷྺ࢙ Google TrendsͷൺֱΑΓ
76. 0 50 100 2015/1 2015/11 2016/9 2017/7 2018/5 2019/3 2020/1 2020/11 2021/9 2022/7 •Flutter 1.0͕ൃද͞Εͨޙɺൺֱత஍൫͕੔͍ͭͭ͋Δ࣌఺Ͱࢀೖ •2022೥ʹ͸ϓϩάϥϛϯάڭࡐ΍αϩϯ΋ొ৔͠ɺ1ੈ୅લͷRuby on RailsͷΑ͏ͳۦ͚ग़͠ΤϯδχΞͷબ୒ࢶͷ1ͭʹ 77 ࠃ಺ͰͷΫϩεϓϥοτϑΥʔϜਓؾ౓ͷมભ - https://trends.google.co.jp/trends/explore/TIMESERIES/1672561200? hl=ja&tz=-540&date=2015-01-01+2023-01-01,2015-01-01+2023-01-01,2015-01-01+2023-01-01&geo=JP,JP,JP&q=React+Native,Flutter,Cordova&sni=3 2020/05 2022/12 2ഒҎ্ʹ ։ൃணखͨ͠ࠒ͔Β2ഒҎ্ͷਓؾ౓্ঢɺϝδϟʔͳٕज़΁ Google TrendsͷൺֱΑΓ ूܭظؒ: 2015/01~2023/01 •React Native •Flu!er •Cordova Flutter 1.0 Flutter 2.0 Flutter 3.0 ϚΠτϨʔυ։ൃணख
77. 78 αʔϏεͷ؆୯ͳྺ࢙ 2020೥ 2021೥ 2022೥ ࠓ ਖ਼ࣜ൛ఏڙத ϕʔλ൛Ͱͷݕূظؒ ਖ਼ࣜϦϦʔε@2022/1 ։ൃɾϦϦʔεௐ੔ظؒ 1೥ؒ 1೥ؒ ໿8ϲ݄ iOS ϕʔλ൛@2021/1 Android ϕʔλ൛@2021/6 ϕʔλ൛ͰͷݕূظؒΛܦͯɺݱࡏυίϞΞϓϦͱͯ͠ఏڙத
78. 5݄ 6݄ 79 ϓϩδΣΫτ͕࢝ಈ͢Δ·Ͱͷલ४උ ϨϏϡʔ༻ΞϓϦΛ࡞੒͠ɺաෆ଍ͳ͍ՔಇͰελʔτμογϡΛܾΊΔ •ܖ໿લɿܖ໿׬ྃ௚ޙʹελʔτμογϡ੾ΕΔΑ͏ʹֶशɾ࣭໰ͷ੔ཧɾϨϏϡʔ༻ΞϓϦͷ࡞੒Λ࣮ࢪ •క݁ޙɿ౰ॳϚΠτϨʔυͷ࢓༷͸ݕ౼ஈ֊Ͱ͋ͬͨͨΊ։ൃ߲໨͕ແ͘ɺՔಇͰු͍ͯ͠·͏఺ΛαϯϓϧΞϓϦͰΧ όʔɻϨϏϡʔΛ໯͍ɺ໋໊Ͱҙࣝ͢Δ͜ͱͳͲجૅతͳԼ஍ΛݻΊ͍ͯ͘ɻ ౰࣌࡞੒ͨ͠೔ใ౤ߘܕͷSNSΞϓϦʢ https://github.com/HTsuruo/nippo ʣ Flutter/Dartͷֶश ϚΠτϨʔυͷ࢓༷ɾσβΠϯݕ౼ ܖ໿క݁४උ ܖ໿క݁ ٙ໰఺ͷચग़͠ αϯϓϧΞϓϦͷ࡞੒ αϯϓϧΞϓϦͷϑΟʔυόοΫ ٙ໰఺ͷճ౴ ։ൃ جૅతͳԼ஍͕ݻ·ͬͨঢ়ଶͰ։ൃ։࢝ إ߹Θͤ
79. 80 Riverpodͷબఆج४ Providerύοέʔδ͕ެࣜਪ঑ͷཱ৔ಘΔ(2019೥5݄)લͷɺ։ൃ࠷ॳظ(2018೥຤)͔Βೝࣝͯͣͬ͠ͱ༷ࢠΛݟͯͯ৴༻͸͋Γ·͕ͨ͠ɺͱ ͸͍͑ॾʑͷࣄ৘Ͱ։ൃଓ͚ΒΕͳ͘ͳͬͯ͠·͏͜ͱ΋͋Γಘͯɺ͔ͭಘʹRiverpod͸࣮૷͕ෳࡶͰ͜Ε·Ͱͷ଎౓อͪͳ͕Βϝϯςφϯ εͰ͖Δೳྗɾ࣌ؒͷ͋Δਓ͸΄ͱΜͲ͍ͳ͍ͩΖ͏ͱ͍͏ϦεΫ͸͋Γ·ͨ͠ɻ ࠓ͸InvertaseॴଐͰɺଟ෼ϑϧλΠϜʹ͍ۙ࣌ؒΛOSS׆ಈʹॆͯΒΕΔঢ়گͳͷ͔ͳͱ૝૾͍ͯͯ͠ɺҎલΑΓ҆৺ײ͋Γ·͢(2019೥·Ͱ ͸ຊ৬͸FlutterͰ͸ͳ͘ยखؒʹύοέʔδ։ൃͳͲͯͨ͠Α͏Ͱ͢)ɻ ਖ਼௚ɺӡɻRemi͞Μ࣍ୈͳͱ͜Ζ͕ଟ͔͕ͬͨInvertaseॴଐʹͳΓ҆৺
80. 81 ͳͥFlutterʹ஫ྗͰ͖͔ͨ Flutterͷ৔߹͸ɺ2019-2020೥ࠒʹGitHub StarsͳͲ֤छࢦඪ͔Β΋େ͖͘஫໨ େ͖ͳ࠾༻ࣄྫ(Google੡ͩͱɺStadiaͱɺGoogle PayΛωΠςΟϒ͔Βॻ͖׵͕͑ಛʹେ͖͍)΋͍ͭ͘΋ग़͖ͯͯɺී௨ʹௐ΂Ε͹ωΠςΟϒͱ ର౳ʹൺֱݕ౼Ͱ͖Δ͘Β͍ͷٕज़ͩͱ෼͔Δঢ়گʹมΘͬͨͱࢥ͍·͢ɻ ɾྑ͍ͱࢥٕͬͨज़ʹର͖ͯͪ͠ΜͱऔΓ૊Έ ɾ৽͍͠΍΍ະ஌਺ͳٕज़ʹ͠͹Β͘೪ͬͯऔΓ૊ΜͰ΋ɺظ଴֎ΕͰྲྀߦΒͣɺͲΜͲΜԼՐ ʹͳͬͯ͠·ͬͨΒ࢓ํͳ͍ͱׂΓ੾Δ ɾͦ͜·Ͱେ͖͘ྲྀߦΒͣͱ΋ɺҰఆྖҬͰ࢖ΘΕ͍ͯͯࣗ෼΋ؾʹೖ͍ͬͯΔͳΒɺͦΕͰ ॆ෼͘Β͍ͳؾ࣋ͪ
81. 82 ΩϟονΞοϓྫ
82. 83 ZappͰ؀ڥϨεʹFlutterΛࢼͤͨΓ΋͢Δ https://zapp.run/