====== スマホアプリ作成フレームワークFlutter ====== {{tag>flutter}} https://zenn.dev/nameless_sn/articles/the_loadmap_of_flutter Flutter開発をマスターするための手引き 2022年版 https://zenn.dev/kazutxt/books/flutter_practice_introduction Flutter実践入門 kazutxt ===== メニュー ===== [[00.flutter:01.Windows10にFlutterをインストール|01.Windows10にFlutterをインストール]] [[00.flutter:02.FlutterでWebアプリを作成|02.FlutterでWebアプリを作成]] [[00.flutter:02.FlutterでWebアプリを作成201909版|02.FlutterでWebアプリを作成201909版]] [[00.flutter:03.Dart言語|03.Dart言語]] [[00.flutter:04.flutter_webでfirestore|04.flutter_webでfirestore]] [[00.flutter:05.flutterでtodoアプリ|05.flutterでtodoアプリ]] [[00.flutter:06.flutterでチャットアプリ|06.flutterでチャットアプリ]] [[00.flutter:07.flutterとAppleWatch|07.flutterとAppleWatch]] [[00.flutter:08.masamune|00.flutter:08.masamune]] ===== Flutterとは ===== [[https://flutter.dev/|Flutter]]は、Googleが開発しているスマホアプリ、web、Windows、IoTアプリ作成のためのフレームワークです。言語はDartという、また聞いたこともないような言語を用いるらしいです。 Flutterを利用してアプリを作成する理由としては、以下があると思います。 -1つのコードで、Androidアプリ、iPhoneアプリとWebアプリを作製できる -Dartという言語のみを覚えればよい。（Webアプリ作成時のHTML、CSS、JavaScriptと3言語を使用しなくてよい） -Androidスマホ実機を接続して開発すると、ホットリロードが速くて非常に便利 -Googleが開発している新OS｢Fuchsia｣上でFlutterアプリが動くという噂があるでも、1つのコードでiPhoneとAndroidが動くのはIonicでも同じ（しかもこちらは言語がJavaScriptとそっくりなTypeScript）なので、3番目のメリットが大きいのだと思われます。　デメリットとしては、 -開発環境構築が非常に面倒 -開発サーバでも、初回起動に3分くらい時間がかかる（重い） -エミュレーターでは、うまく設定しないと、動きが遅すぎて使い物にならない -Dart言語を新たに覚えないといけない -2021年現在、ググってもサンプルコードが少ないというところかなと思います。 ===== Flutter2 ===== RaisedButtonは非推奨 => ElevatedButton FlatButtonも非推奨、代わりにTextButtonの使用が推奨 ==== null安全 ==== 「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 ===== Flutter入門に関するリンク ===== まずは、以下の本の前半が良かったです。その次に、以下の本を写経していくのがよいかなと思います。

https://zenn.dev/fastriver/books/caff13da8b852c FlutterでWebアプリ開発入門 fastriver 2021.2.13 →まず最初にお勧めです。 https://zenn.dev/tsuruo/articles/6cc7b5bf24bb65 2021年 - これからFlutterを始める人へ学習方法のススメ 2021.09.25 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宣言やホットリロードなど便利機能の使い方を理解しよう ===== Flutter2 ===== 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 ===== リンク ===== 目次：次：