サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


サイドバー

目次

サルでもわかる機械学習

sidebar

00.flutter:index.html


スマホアプリ作成フレームワークFlutter

2021/05/21 更新

メニュー

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年現在、ググってもサンプルコードが少ない

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

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

リンク

目次:

次:


00.flutter/index.html.txt · 最終更新: 2021/09/26 by adash333