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

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

Avatar for watanave watanave
April 24, 2024
Programming
52
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.3k
Flutter実践開発に書かなかったこと
Avatar for watanave watanave
0
88
決めず、語らずのリーダーシップ
Avatar for watanave watanave
0
590
複数プロジェクトを横断するゆめみテックリードの戦略
Avatar for watanave watanave
0
140
Androidエンジニア目線のKMM / iOSエンジニア目線のKMM
Avatar for watanave watanave
0
370
Why does Activity die soon?
Avatar for watanave watanave
0
380
Anko試食会
Avatar for watanave watanave
0
2.4k

Other Decks in Programming

See All in Programming
S3 を使うアプリケーションをローカル完結で動かすことに全力を注いでみた / Running S3 Apps Offline
Avatar for Daisuke Garaike contour_gara
0
420
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
Avatar for Susisu susisu
0
150
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
260
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
360
運用ダッシュボードの設計を誰も教えてくれないのだけど みなさんどうしてるんですか？ - チームに監視するという文化を根付かせるための第一歩を踏みたい -
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
100
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
140
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
Avatar for maroon1st maroon1st
0
340
いまどきの Codex で開発する visionOS アプリの開発スタイルについて
Avatar for kazuhiro hara karad
0
120
為什麼你並不需要ViewModel / No, you don't need a ViewModel
Avatar for Elvis Shi lovee
1
490
わからない話を追いかけたら、プログラミング言語を作る側にいた
Avatar for ydah ydah
3
490
テーブルをDELETEした
Avatar for yuzneri yuzneri
0
140
OpenSpecのproposalにbrainstormingを持たせてみた
Avatar for Toranosuke Minamikawa tigertora7571
1
210

Featured

See All Featured
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.5k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
750
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.8k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
250
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.4k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Design in an AI World
Avatar for tapps tapps
1
280
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
570
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
660

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࣮ફ։ൃ