Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Flutterビギナーのための
Widget完全攻略

Avatar for watanave watanave
April 24, 2024
Programming
65
0

 Flutterビギナーのための
Widget完全攻略

Avatar for watanave

watanave

April 24, 2024

More Decks by watanave

See All by watanave
Figma Dev Modeで変わる！Flutterの開発体験
Avatar for watanave watanave
0
5.4k
Flutter実践開発に書かなかったこと
Avatar for watanave watanave
0
90
決めず、語らずのリーダーシップ
Avatar for watanave watanave
0
590
複数プロジェクトを横断するゆめみテックリードの戦略
Avatar for watanave watanave
0
140
Androidエンジニア目線のKMM / iOSエンジニア目線のKMM
Avatar for watanave watanave
0
380
Why does Activity die soon?
Avatar for watanave watanave
0
390
Anko試食会
Avatar for watanave watanave
0
2.4k

Other Decks in Programming

See All in Programming
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
Avatar for r-kagaya rkaga
5
800
ActionController meets Protocol Buffers
Avatar for Sorah Fukumori sorah
1
790
AI時代のFlutter品質設計 — アプリ品質を守るQuality Layers
Avatar for omatty198 omatty198
0
360
DroidKnights 2026 Android A2UI Jetpack Compose 기반의 안전한 AI UI 렌더링 - 박제창
Avatar for JaiChangPark itsmedreamwalker
1
200
AI-Powered Domain-Driven Design
Avatar for Alberto Brandolini ziobrando
0
410
プロジェクトコードをキレイキレイしよう！暗黙的な参照を読み解く静的解析
Avatar for Takuma Osada ostk0069
0
210
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
360
AIで開発が速くなった先で、開発チームは何を目指すか
Avatar for Yuki Shiho shihochan
1
2k
複数ドメインを一つのアプリに統合するFlutterの設計と運用_FlutterKaigi2026登壇資料（須永高弘）
Avatar for 須永高弘 takahirosunaga
0
160
AI時代のシニアエンジニアとは
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
15
11k
AI Augmentation Techniques with Liberty
Avatar for ivargrimstad ivargrimstad
1
400
Spec-Driven Development - Why Vaadin Is the Perfect Fit
Avatar for Simon Martinelli simas
PRO
0
240

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
It's Worth the Effort
Avatar for 3n 3n
188
29k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
560
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.4k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.4k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.3k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
520
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
11k

Transcript

  1. FlutterϏΪφʔͷͨΊͷ Widget׬શ߈ུ 2024/04/24 Yohta Watanave

  2. w ౉෦ཅଠʢΑʔͨΜʣ w גࣜձࣾΏΊΈٕज़୲౰औక໾ w ஶॻ'MVUUFS࣮ફ։ൃ w !ZPIUB@XBUBOBWF Who am

    I

  3. w 'MVUUFSͬͯφχʁ w ؀ڥߏஙͷཁ఺ w 8JEHFUલฤ w 8JEHFUޙฤ ΞδΣϯμ

  4. Flutterͬͯφχʁ

  5. w ϚϧνϓϥοτϑΥʔϜϑϨʔϜϫʔΫ w ։ൃݴޠ͸%BSU w ։ൃऀମݧ͕ྑ͍ w ҆ఆ͍ͯ͠Δ Flutterͬͯφχʁ

  6. wϚϧνϓϥοτϑΥʔϜϑϨʔϜϫʔΫ w ։ൃݴޠ͸%BSU w ։ൃऀମݧ͕ྑ͍ w ҆ఆ͍ͯ͠Δ Flutterͬͯφχʁ

  7. w ϚϧνϓϥοτϑΥʔϜϑϨʔϜϫʔΫ w։ൃݴޠ͸%BSU w ։ൃऀମݧ͕ྑ͍ w ҆ఆ͍ͯ͠Δ Flutterͬͯφχʁ

  8. None
  9. None
  10. None
  11. None

  12. w ϚϧνϓϥοτϑΥʔϜϑϨʔϜϫʔΫ w ։ൃݴޠ͸%BSU w։ൃऀମݧ͕ྑ͍ w ҆ఆ͍ͯ͠Δ Flutterͬͯφχʁ

  13. None
  14. None

  15. w ϚϧνϓϥοτϑΥʔϜϑϨʔϜϫʔΫ w ։ൃݴޠ͸%BSU w ։ൃऀମݧ͕ྑ͍ w҆ఆ͍ͯ͠Δ Flutterͬͯφχʁ

  16. ϚϧνϓϥοτϑΥʔϜͰ ਏ͍ࢥ͍Λͨ͠ํ͍·ͤΜ͔ʁ

  17. w ϚϧνϓϥοτϑΥʔϜٕज़͸ൟӫͱਰୀͷ܁Γฦ͠ w ͜͜਺೥͸৽͍͠࢓૊Έͷ΋ͷ͕ݱΕͨ w 'MVUUFS΋ͦͷதͷҰͭ ϚϧνϓϥοτϑΥʔϜͷྺ࢙

  18. ैདྷ͔Β͋ΔϚϧνϓϥοτϑΥʔϜ J1IPOF "OESPJE ࢲ͕࣮ͨͪ૷͢Δ ϑϨʔϜʔϫʔΫͷίʔυ #VUUPOCVUUPOOFX#VUUPO  CVUUPO5FYUl0,z

  19. ैདྷ͔Β͋ΔϚϧνϓϥοτϑΥʔϜ J1IPOF "OESPJE ࢲ͕࣮ͨͪ૷͢Δ ϑϨʔϜʔϫʔΫͷίʔυ #VUUPOCVUUPOOFX#VUUPO  CVUUPO5FYUl0,z

  20. ैདྷ͔Β͋ΔϚϧνϓϥοτϑΥʔϜ J1IPOF "OESPJE ࢲ͕࣮ͨͪ૷͢Δ ϑϨʔϜʔϫʔΫͷίʔυ #VUUPOCVUUPOOFX#VUUPO  CVUUPO5FYUl0,z MFUCVUUPO6*#VUUPO 

    CVUUPOTFU5JUMF l0,zʜ WBMCVUUPO#VUUPO DPOUFYU  CVUUPOUJUMF l0,z ϓϥοτϑΥʔϜ ಠࣗͷίʔυ

  21. ैདྷ͔Β͋ΔϚϧνϓϥοτϑΥʔϜ J1IPOF "OESPJE ࢲ͕࣮ͨͪ૷͢Δ ϑϨʔϜʔϫʔΫͷίʔυ #VUUPOCVUUPOOFX#VUUPO  CVUUPO5FYUl0,z ϓϥοτϑΥʔϜ ಠࣗͷϘλϯ6*

  22. ैདྷ͔Β͋ΔϚϧνϓϥοτϑΥʔϜ J1IPOF "OESPJE ࢲ͕࣮ͨͪ૷͢Δ ϑϨʔϜʔϫʔΫͷίʔυ #VUUPOCVUUPOOFX#VUUPO  CVUUPO5FYUl0,z

  23. ैདྷ͔Β͋ΔϚϧνϓϥοτϑΥʔϜ J1IPOF "OESPJE ࢲ͕࣮ͨͪ૷͢Δ ϑϨʔϜʔϫʔΫͷίʔυ #VUUPOCVUUPOOFX#VUUPO  CVUUPO5FYUl0,z ϑϨʔϜʔϫʔΫ ͷڞ௨ίʔυ

  24. ैདྷ͔Β͋ΔϚϧνϓϥοτϑΥʔϜ J1IPOF "OESPJE ࢲ͕࣮ͨͪ૷͢Δ ϑϨʔϜʔϫʔΫͷίʔυ #VUUPOCVUUPOOFX#VUUPO  CVUUPO5FYUl0,z ϑϨʔϜʔϫʔΫ ͷڞ௨ίʔυ

  25. IUUQTEPDT fl VUUFSEFWSFTPVSDFTBSDIJUFDUVSBMPWFSWJFX

  26. w ैདྷ·Ͱͱ໌Β͔ʹ࢓૊Έ͕ҧ͏ w Ҏલͱ͸ൺ΂෺ʹͳΒͳ͍΄Ͳ҆ఆͯ͠ʮී௨ʹಈ͘ʯ ݱ୅ͷϚϧνϓϥοτϑΥʔϜ

  27. w ϚϧνϓϥοτϑΥʔϜϑϨʔϜϫʔΫ w ։ൃݴޠ͸%BSU w ։ൃऀମݧ͕ྑ͍ w ҆ఆ͍ͯ͠Δ Flutterͬͯφχʁ

  28. w 'MVUUFSͬͯφχʁ w؀ڥߏஙͷཁ఺ w 8JEHFUલฤ w 8JEHFUޙฤ ΞδΣϯμ

  29. ؀ڥߏஙͷཁ఺

  30. w 'MVUUFS4%,ͷΠϯετʔϧ w J04։ൃ؀ڥ w "OESPJE։ൃ؀ڥ Flutterͷ؀ڥߏங

  31. Flutterͷ؀ڥߏங

  32. w *%&ͷઃఆ w 7JTVBM4UVEJP$PEF w "OESPJE4UVEJP w *OUFMMJ+*%&" Flutterͷ؀ڥߏங

  33. w '7. 'MVUUFSͷόʔδϣϯ؅ཧπʔϧ Flutterͷ؀ڥߏங

  34. w 'MVUUFSͬͯφχʁ w ؀ڥߏஙͷཁ఺ w8JEHFUલฤ w 8JEHFUޙฤ ΞδΣϯμ

  35. w ϑϨʔϜϫʔΫͷத৺ͱͳΔΫϥε w 'MVUUFSΞϓϦ͸8JEHFUͷ૊Έ߹ΘͤͰ࣮૷ Ωϗϯ͸8JEHFU

  36. Widgetͷ֊૚ߏ଄

  37. Widgetͷ֊૚ߏ଄

  38. Widgetͷ֊૚ߏ଄

  39. Widgetͷ֊૚ߏ଄

  40. Widgetͷ֊૚ߏ଄

  41. Widgetͷ֊૚ߏ଄ ᵋ$POUBJOFS  ᵋ$FOUFS   ᵋ5FYU

  42. Widgetͷ֊૚ߏ଄

  43. Widgetͷ֊૚ߏ଄ ᵋ$PMVNO ᵓ5FYU ᵓ5FYU  ᵋ5FYU

  44. Widgetͷ֊૚ߏ଄ ᵋ$PMVNO ᵓ5FYU ᵓ5FYU  ᵋ5FYU

  45. Ωϗϯ͸8JEHFU

  46. Ωϗϯ͸8JEHFU ᵋ$FOUFS  ᵋ3PX  ᵓ*DPO  ᵓ$POUBJOFS  

    ᴹ ᵋ*DPO   ᵋ*DPO

  47. Ωϗϯ͸8JEHFU ᵋ$FOUFS  ᵋ3PX  ᵓ*DPO  ᵓ$POUBJOFS  

    ᴹ ᵋ*DPO   ᵋ*DPO

  48. Ωϗϯ͸8JEHFU ᵋ$FOUFS  ᵋ3PX  ᵓ*DPO  ᵓ$POUBJOFS  

    ᴹ ᵋ*DPO   ᵋ*DPO

  49. Ωϗϯ͸8JEHFU ᵋ$FOUFS  ᵋ3PX  ᵓ*DPO  ᵓ$POUBJOFS  

    ᴹ ᵋ*DPO   ᵋ*DPO

  50. Ωϗϯ͸8JEHFU ᵋ$FOUFS  ᵋ3PX  ᵓ*DPO  ᵓ$POUBJOFS  

    ᴹ ᵋ*DPO   ᵋ*DPO

  51. Ωϗϯ͸8JEHFU

  52. w 8JEHFUͷ਌ࢠؔ܎ɺ֊૚ߏ଄Ͱ6*Λදݱ Ωϗϯ͸8JEHFU

  53. ಠࣗͷ8JEHFUΫϥε࣮૷

  54. Ωϗϯ͸8JEHFU w 8JEHFUΫϥεΛ࣮૷ͯ͠ΈΔ

  55. Ωϗϯ͸8JEHFU w 8JEHFUΫϥεΛܧঝ͢Δ

  56. Ωϗϯ͸8JEHFU w ίϯετϥΫλʢṖͷҾ਺,FZʣ

  57. Ωϗϯ͸8JEHFU w #VJMEϝιουΛ࣮૷͢Δ

  58. Ωϗϯ͸8JEHFU w ṖͷҾ਺#VJME$POUFYU

  59. Ωϗϯ͸8JEHFU w ࣮ߦ݁Ռʢίʔυ͸Ұ෦লུʣ

  60. Ωϗϯ͸8JEHFU w ࣮ߦ݁Ռʢίʔυ͸Ұ෦লུʣ

  61. w ಠࣗ8JEHFUΫϥε࣮૷·ͱΊ w 8JEHFUΫϥεΛܧঝ w #VJMEϝιουͰ8JEHFUͷ֊૚Λੜ੒ w ,FZɺ#VJME$POUFYU͸Ṗͷ·· Ωϗϯ͸8JEHFU

  62. Ωϗϯ͸8JEHFU w ੩తͳΞϓϦ͔͠࡞Εͳ͍

  63. ಈతͳը໘ߋ৽

  64. w ಈతͳը໘ߋ৽͸Ͳ͏͢Ε͹ʜʁ ಈతͳը໘ߋ৽

  65. ಈతͳը໘ߋ৽

  66. ಈతͳը໘ߋ৽ ᵋ$PMVNO ᵓ*DPO#VUUPO  ᵋ5FYU

  67. ಈతͳը໘ߋ৽ ⁞   ⁠

  68. ಈతͳը໘ߋ৽

  69. ಈతͳը໘ߋ৽

  70. ಈతͳը໘ߋ৽

  71. ಈతͳը໘ߋ৽

  72. ಈతͳը໘ߋ৽

  73. ಈతͳը໘ߋ৽

  74.  TFU4UBUFΛݺͼग़͢ ಈతͳը໘ߋ৽

  75.  TFU4UBUFΛݺͼग़͢  CVJMEϝιου͕ݺ͹ΕΔ ͪΐͬͱ෮श

  76.  TFU4UBUFΛݺͼग़͢  CVJMEϝιου͕ݺ͹ΕΔ  ࢠ8JEHFUͷΠϯελϯε͕࠶ੜ੒ ͪΐͬͱ෮श

  77. w ಈతͳը໘ߋ৽·ͱΊ w 4UBUFGVM8JEHFUΛܧঝ͢Δ w TFU4UBUFϝιουͰɺঢ়ଶΛߋ৽͢Δ w #VJMEϝιου͕࠶ͼݺ͹Εɺ8JEHFUΛ࠶ߏங͢Δ Ωϗϯ͸8JEHFU

  78. w 'MVUUFSΞϓϦ͸8JEHFUͷ֊૚ߏ଄ w ࣗ෼Ͱը໘ߋ৽Ͱ͖ͳ͍4UBUFMFTT8JEHFU w ࣗ෼Ͱը໘ߋ৽Ͱ͖Δ4UBUFGVM8JEHFU Ωϗϯ͸8JEHFU

  79. w 'MVUUFSͬͯφχʁ w ؀ڥߏஙͷཁ఺ w 8JEHFUલฤ w8JEHFUޙฤ ΞδΣϯμ

  80. ͍ͬͨΜ$.Ͱ͢

  81. None
  82. None
  83. None
  84. None

  85. ΏΊΈΦʔϓϯϋϯυϒοΫ ΦʔϓϯϋϯυϒοΫ 'MVUUFSͱ͸ 'MVUUFSΤϯδχΞ࠾༻ ͓࢓ࣄͷ͝૬ஊ

  86. w 'MVUUFSͬͯφχʁ w ؀ڥߏஙͷཁ఺ w 8JEHFUલฤ w8JEHFUޙฤ ΞδΣϯμ

  87. WidgetΛΑΓཧղ͢Δ

  88. WidgetΛΑΓཧղ͢Δ

  89. WidgetΛΑΓཧղ͢Δ ϘλϯΛλοϓ͢Δͱ Χ΢ϯτΞοϓ͢Δը໘

  90. WidgetΛΑΓཧղ͢Δ ϘλϯΛλοϓ͢Δͱ Χ΢ϯτΞοϓ͢Δը໘

  91. WidgetΛΑΓཧղ͢Δ λοϓ͢Δͱ Χ΢ϯτΞοϓ͢ΔϘλϯ

  92. $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU 4UBUFGVM8JEHFU

  93. $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU

  94. $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU 4UBUFGVM8JEHFU

  95. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU

    DPVOU DPVOU

  96. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU

    TFU4UBUF \  DPVOU ^ TFU4UBUF \  DPVOU ^
  97. None

  98. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU

    TFU4UBUF \  DPVOU ^

  99. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU

    CVJMEϝιου͕ݺ͹ΕΔ

  100. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU

  101. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO ᵋ&MFWBUFE#VUUPO  ɹᵋ5FYU

    DPVOU

  102. CounterButton͸0ʹ໭Δͷ͔ʁ

  103. None

  104. ໭Βͳ͍ʂ ͳ͊ͥʁͳ͊ͥʁ

  105. WidgetΛΑΓཧղ͢Δ ϩάΛೖΕͯΈΔ ⁞   ⁠

  106. WidgetΛΑΓཧղ͢Δ ίϯιʔϧʹ஫໨

  107. w 8JEHFUͷίϯετϥΫλ͸ݺ͹Ε͍ͯΔ w $PVOUFS#VUUPO8JEHFUͷΠϯελϯε͸࠶ੜ੒ w ΞϓϦىಈ࣌Ҏ߱͸ADSFBUF4UBUFA͕ݺ͹Ε͍ͯͳ͍ w8JEHFUΑΓ΋4UBUFͷϥΠϑαΠΫϧ͕௕͍ʂ WidgetΛΑΓཧղ͢Δ

  108. WidgetΛΑΓཧղ͢Δ Χ΢ϯτ͸4UBUF͕อ࣋ 4UBUF͕࠶ੜ੒͞Εͳ͍ͳΒ Χ΢ϯτͷ஋͸มΘΒͳ͍

  109. ͔͜͜Β Flutter಺෦ͷ͓࿩

  110. සൟʹΠϯελϯε࡞ΒΕΔ ΋͸΍࢖͍ࣺͯ

  111. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO       8JEHFU

  112. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO       $PVOUFS4DSFFO 

         8JEHFU &MFNFOU DSFBUF&MFNFOU

  113. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO       $PVOUFS4DSFFO 

         8JEHFU &MFNFOU 4UBUF࣋ͬͯΔ

  114. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO       $PVOUFS4DSFFO 

         8JEHFU &MFNFOU CVJME 4UBUF࣋ͬͯΔ

  115. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   $PVOUFS4DSFFO

          8JEHFU &MFNFOU 4UBUF࣋ͬͯΔ

  116. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   $PVOUFS4DSFFO

    ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU &MFNFOU DSFBUF&MFNFOU 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ

  117. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   $PVOUFS4DSFFO

    ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU &MFNFOU TFU4UBUF 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ

  118. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   $PVOUFS4DSFFO

    ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU &MFNFOU CVJME 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ

  119. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   $PVOUFS4DSFFO

    ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU &MFNFOU CVJME 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ ɹ ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO  

  120. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU

    &MFNFOU 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ 👀 $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   ɹ ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO  

  121. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU

    &MFNFOU 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ 👀 $MBTT͸ʁ ,FZ͸ʁ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   ɹ ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO  

  122. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU

    &MFNFOU 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ 👀 &MFNFOU ࠶ར༻Ͱ͖ΔΘʂ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   ɹ ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO  

  123. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   $PVOUFS4DSFFO

    ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU &MFNFOU 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ DSFBUF&MFNFOU 🙅

  124. WidgetΛΑΓཧղ͢Δ $PVOUFS4DSFFO ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   $PVOUFS4DSFFO

    ᵋ$PMVNO ᵓ&MFWBUFE#VUUPO  ᴹᵋ5FYU ᵋ$PVOUFS#VUUPO   8JEHFU &MFNFOU 4UBUF࣋ͬͯΔ 4UBUF࣋ͬͯΔ ಉ͡4UBUF Πϯελϯε

  125. WidgetΛΑΓཧղ͢Δ 8JEHFU &MFNFOU ΞϓϦͷઃܭਤ ࢖͍ࣺͯͷܰྔΦϒδΣΫτ ίϛ͍ͬͨ͜ͱΛ΍ͬͯ͘ΕΔཪํ͞Μ

  126. w 8JEHFUίϯετϥΫλͷ,FZ͸&MFNFOU࠶ར༻ͷ൑அࡐྉ WidgetΛΑΓཧղ͢Δ

  127. w#VJME$POUFYUͷਖ਼ମ͸&MFNFOU WidgetΛΑΓཧղ͢Δ

  128. w#VJME$POUFYUͷਖ਼ମ͸&MFNFOU WidgetΛΑΓཧղ͢Δ

  129. w#VJME$POUFYUͷਖ਼ମ͸&MFNFOU WidgetΛΑΓཧղ͢Δ

  130. w 4UBUFGVM8JEHFUͷঢ়ଶ͕ҡ࣋͞ΕΔ༷ࢠΛ֬ೝ w 'MVUUFS಺෦ͰߦΘΕ͍ͯΔ͜ͱΛղઆ w ,FZ͸&MFNFOU࠶ར༻ͷ൑அࡐྉ w #VJME$POUFYU͸&MFNFOU WidgetΛΑΓཧղ͢Δ

  131. ࠓ೔ͷৼΓฦΓ

  132. w'MVUUFSͬͯφχʁʢ'MVUUFS࣮ફ։ൃୈষʣ w ϚϧνϓϥοτϑΥʔϜ w ։ൃݴޠ͸%BSU w ։ൃऀମݧ͕ྑ͍ w ҆ఆ͍ͯ͠Δ ࠓ೔ͷৼΓฦΓ

  133. w؀ڥߏஙʢ'MVUUFS࣮ફ։ൃୈষʣ w Πϯετʔϧखॱͷશମ૾ w ϙϐϡϥʔͳ*%& w 'MVUUFSͷόʔδϣϯ؅ཧπʔϧʢ'7.ʣ ࠓ೔ͷৼΓฦΓ

  134. w8JEHFUલฤʢ'MVUUFS࣮ફ։ൃୈষʣ w 'MVUUFSΞϓϦ͸8JEHFUͷ֊૚ߏ଄ w ࣗ෼Ͱը໘ߋ৽Ͱ͖ͳ͍4UBUFMFTT8JEHFU w ࣗ෼Ͱը໘ߋ৽Ͱ͖Δ4UBUFGVM8JEHFU ࠓ೔ͷৼΓฦΓ

  135. w8JEHFUޙฤʢ'MVUUFS࣮ફ։ൃୈষʣ w 4UBUFGVM8JEHFUͷঢ়ଶ͕ҡ࣋͞ΕΔ༷ࢠΛ֬ೝ w 'MVUUFS಺෦ͰߦΘΕ͍ͯΔ͜ͱΛղઆ w ,FZ͸&MFNFOU࠶ར༻ͷ൑அࡐྉ w #VJME$POUFYU͸&MFNFOU ࠓ೔ͷৼΓฦΓ

  136. w ୈষ%BSUͷݴޠ࢓༷ w ୈষΞϓϦͷ೔ຊޠରԠɺΞηοτ؅ཧɺ؀ڥม਺ w ୈষঢ়ଶ؅ཧͱ3JWFSQPE w ୈষߴ଎Ͱอकੑͷߴ͍ΞϓϦΛ։ൃ͢ΔͨΊͷίπ w ʜBOENPSF‼

    Flutter࣮ફ։ൃ