September 30, 2020

Flutterをやってみよう!と思って調べていくと、

  • 公式読め
  • 英語読め
  • リンク先でさらにこれ読めっていわれてどんどん増える
  • 多すぎる。いつおわるんだ。
  • これ古いんじゃないか?
  • ねむくなる。ねむい。
  • どこまで行ったらコード書き始めていいんだ。

こんな感じなのでおすすめの勉強コンテンツリンク集を作りました。

(以下作成中)

環境構築

最低限(iPhoneシミュレータで実行できるところまで)のセットアップをする。

  • Mac
  • VSCode
  • iPhoneシミュレータだけ入れる。(Androidと実機はやりたくなったときにあとでやる)
  • Run

    • flutter create my_app
    • cd my_app
    • flutter run
  • iPhoneシミュレータで実行する / 再起動する
  • コードを書き換えるとHotReloadされる

(実技) チュートリアル(Write your first Flutter app)

写経して体験

(実技) Widgetを組み合わせて画面を作る

Widgetツリーを作れば画面ができる

(理論) WidgetとWidgetツリー

(実技) setState

https://flutter.dev/docs/development/ui/interactive

(理論)

(実技) Provider

https://flutter.dev/docs/development/data-and-backend/state-mgmt/simple

  • Consumer
  • Provider.of

(理論) WidgetツリーとInheritedWidgetとProvider


Profile picture

Written by takeru You should follow them on Twitter