—2021/05/21 更新

01.Windows10にFlutterをインストール

02.FlutterでWebアプリを作成

02.FlutterでWebアプリを作成201909版

03.Dart言語

04.flutter_webでfirestore

05.flutterでtodoアプリ

06.flutterでチャットアプリ

Flutterは、Googleが開発しているスマホアプリ、web、Windows、IoTアプリ作成のためのフレームワークです。
言語はDartという、また聞いたこともないような言語を用いるらしいです。
Flutterを利用してアプリを作成する理由としては、以下があると思います。

1. 1つのコードで、Androidアプリ、iPhoneアプリとWebアプリを作製できる
2. Dartという言語のみを覚えればよい。（Webアプリ作成時のHTML、CSS、JavaScriptと3言語を使用しなくてよい）
3. Androidスマホ実機を接続して開発すると、ホットリロードが速くて非常に便利
4. Googleが開発している新OS｢Fuchsia｣上でFlutterアプリが動くという噂がある

でも、1つのコードでiPhoneとAndroidが動くのはIonicでも同じ（しかもこちらは言語がJavaScriptとそっくりなTypeScript）なので、3番目のメリットが大きいのだと思われます。

　デメリットとしては、

1. 開発環境構築が非常に面倒
2. 開発サーバでも、初回起動に3分くらい時間がかかる（重い）
3. エミュレーターでは、うまく設定しないと、動きが遅すぎて使い物にならない
4. Dart言語を新たに覚えないといけない
5. 2021年現在、ググってもサンプルコードが少ない

というところかなと思います。

RaisedButtonは非推奨 ⇒ ElevatedButton

FlatButtonも非推奨、代わりにTextButtonの使用が推奨

「Flutter 2.2」では、標準でnull安全。

https://zuma-lab.com/posts/flutter-dart-sound-null-safety-replace
Flutter2のDart Null Safetyを既存のプロジェクトに導入する
2021-03-04

https://dart.dev/null-safety/migration-guide
Migrating to null safety

まずは、以下の本の前半が良かったです。

その次に、以下の本を写経していくのがよいかなと思います。

https://zenn.dev/fastriver/books/caff13da8b852c
FlutterでWebアプリ開発入門
fastriver
2021.2.13
→まず最初にお勧めです。

https://zenn.dev/kazutxt/books/flutter_practice_introduction
Flutter実践入門 ～環境構築からAndroid/iOS/Webに広告を付けて同時にリリース!!～
kazutxt
2021.5.22

https://zenn.dev/kboy/books/ca6a9c93fd23f3/viewer/0f62d6
Chapter 03
Widgetの基本的な使い方
kboy

https://pentagon.tokyo/app/2937/
【Flutter入門】100画面を超える規模のアプリを開発してみた感想
2021年3月3日

https://aloerina01.github.io/blog/2018-07-01-1
WebフロントエンジニアがDart × Flutterに入門した話
2018-07-01
→USBデバッグを許可した実機を接続するか、Android Studioのエミュレータを起動するかが必要だそうです。

https://medium.com/flutter-jp/first-step-9b7f2c74fb08
Flutter はじめの一歩
はじめに自動的に作られるカウンターアプリを丁寧に解説
mono
2019 Nov 8

https://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
2019-08-06
Flutter入門 - 簡単なアプリを作ってUI宣言やホットリロードなど便利機能の使い方を理解しよう

https://pentagon.tokyo/app/2937/
【Flutter入門】100画面を超える規模のアプリを開発してみた感想
2021年3月3日

https://japan.zdnet.com/article/35171016/
グーグル、クロスプラットフォームフレームワーク「Flutter 2.2」発表
Larry Dignan 2021-05-20 12:42
→「Flutter 2」ではモバイルアプリ、デスクトップ／ウェブ／組み込みアプリが作成できるようになり、今回のFlutter 2.2はマネタイゼーションとクラウドサービスとの統合が追加された。

https://qiita.com/tetsukick/items/a883f73b526eb2a63b8a
@tetsukick
が2021年03月09日に更新
【Flutter】Flutter2.0で何が変わるのか？

https://dtpscriptin.com/flutter2-release/
超初心者でもわかる！ Flutter2で変わった主なこと
2021.05.10

目次：

次：