【Flutter】「Flutter for Web」を試してみた。

開発環境
⭐️Flutter
（flutter_macos_v1.9.1+hotfix.5-stable）

⭐️Android Studio 3.5.1
⭐️Xcode１１.２ beata

🍬Flutter(フラッター)🍬
iOS/AndroidのUIが簡単に開発できる🧸FlutterのWeb版✨Flutter for Web✨を動かしてみたよぉ🤩Webサイトなのに、ネイティブアプリのモバイルUIのような動き。🖥️PCでも📲スマホでも動かせちゃう😍https://t.co/1gzgDeYgST#flutter #flutterWeb pic.twitter.com/7APHQTlCnB

— non (@nonnonkapibara) November 10, 2019

「Flutter for Web」のサンプルをローカルにて、起動してみた。
↓↓↓完成内容

では、始めます。
1.「Flutter for Web」のGitHubリポジトリにアクセスし、URLをコピーする
https://github.com/flutter/flutter_web

2.Cloneする。（私はSource Treeを使っています）

3.サンプルのうち、「gallery」のサンプルを試します。

4.Android　Studioを起動し、Openを選ぶ。

5.「gallery」を選ぶ

6.PackageをUpgradeする

7.Upgrade　完了

8.では、実行してみます

9.起動成功

他にも、GitHubにサンプルがあります。
https://flutter.github.io/samples/

スマホでも動かしてみれます。
https://flutter.github.io/samples/

では、試しに、Galleryをみてみる

パソコンでアクセスしてみた
https://flutter.github.io/samples/gallery/#/

「Material」-「Bottom navigation」

スマホでもアクセスして、サンプルを動かしてみる事ができる
https://flutter.github.io/samples/gallery/#/