Flutter入門メモ

FlutterはAndroidアプリとiPhoneアプリを同時に開発できるライブラリ

1. インストール方法
   1. https://flutter.dev/docs/get-started/install

特徴
- マテリアルデザインを簡単に組むことができる

iPhoneのシュミレーター起動

$ open -a Simulator

下記を実行することで、chrome上でもシュミレーションしながら開発ができるようになります

$ flutter channel beta
$ flutter upgrade
$ flutter config --enable-web

新規アプリ作成

$ flutter create myapp

アプリ起動

$ flutter run

$ flutter run 
Multiple devices found:
Web Server (web) • web-server • web-javascript • Flutter Tools
Chrome (web)     • chrome     • web-javascript • Google Chrome 86.0.4240.198
[0]: Web Server (web-server)
[1]: Chrome (chrome)
Please choose one (To quit, press "q/Q"): 0
Running "flutter pub get" in ibank...                              295ms
Launching lib/main.dart on Web Server in debug mode...
Syncing files to device Web Server...                              13.9s
lib/main.dart is being served at http://localhost:52171
The web-server device requires the Dart Debug Chrome extension for debugging. Consider using the Chrome or Edge devices for an improved development workflow.

Warning: Flutter's support for web development is not stable yet and hasn't
been thoroughly tested in production environments.
For more information see https://flutter.dev/web

🔥  To hot restart changes while running, press "r" or "R".