Tweet
Tweet

Slide 1

Slide 1 text

Flutter Google I/O 2018 報告会 信州 2018-05-19 @najeira Flutter とは？ 1

Slide 2

Slide 2 text

Flutter アプリのためのSDK モバイルアプリ クロスプラットフォー ム Flutter とは？ 2

Slide 3

Slide 3 text

Beta 3 Google I/O 2018 May Beta 2: 2018-04 Beta 1: 2018-02 Alpha: 2017-05 Flutter とは？ 3

Slide 4

Slide 4 text

特徴 クロスプラットフォー ム Dart Reactive 自前UI (Material / iOS) オー プンソー ス on GitHub by Google 高い開発効率 高い実行パフォー マンス Flutter とは？ 4

Slide 5

Slide 5 text

クロスプラットフォー ム Android iOS Fuchsia ※ 将来的には macOS や Linux も？ アプリはDart で書く Flutter とは？ 5

Slide 6

Slide 6 text

Dart 静的型付き AoT コンパイル VM 実行（JIT） 型推論 非同期処理サポー ト Flutter とは？ 6

Slide 7

Slide 7 text

Reactive React インスパイア build メソッドが返すWidget ツリー setState で状態を変えて再build Flutter は、 前回build と今回build の Widget ツリー の 差分 を描画する Flutter とは？ 7

Slide 8

Slide 8 text

高い実行パフォー マンス ネイティブのマシンコー ドにコンパイル Dart の AOT コンパイル GPU を活用したUI 描画 Skia Flutter とは？ 8

Slide 9

Slide 9 text

高い開発効率 IDE プラグイン & デバッグ IntelliJ IDEA Android Studio Visual Studio Code ホットリロー ド Flutter とは？ 9

Slide 10

Slide 10 text

ホットリロー ド Flutter とは？ 10

Slide 11

Slide 11 text

Flutter UI Flutter とは？ 11

Slide 12

Slide 12 text

Hello, Flutter! void main() { runApp(new MaterialApp( home: new Scaffold( appBar: new AppBar( title: const Text('Hello, 信州'), ), body: const Center(child: const Text( 'This is Flutter!', style: const TextStyle(fontSize: 48.0), )), ), )); } Flutter とは？ 12

Slide 13

Slide 13 text

多数のWidget よく使うもの Text, TextStyle, Icon, Theme, RaisedButton, FlatButton, Scaffold, AppBar, ListView, GridView, ScrollView, ListTile, ListBody, Container, Row, Column, Stack, Padding, Expand, Image, BottomNavigationBar, TabBar, TabBarView, MaterialApp, Drawer, Card, AlertDialog, Color, EdgeInset, InkWell, GestureDetector, ... Widget だけで1000 近くある Flutter とは？ 13

Slide 14

Slide 14 text

事例 Flutter とは？ 14

Slide 15

Slide 15 text

Alibaba Flutter とは？ 15

Slide 16

Slide 16 text

CARTUNE Flutter とは？ 16

Slide 17

Slide 17 text

まとめ Flutter とは？ 17

Slide 18

Slide 18 text

Flutter モバイルアプリのSDK Android / iOS 両対応 高い開発効率 ベー タ版 来年の I/O でバー ジョン 1.0 になるかも？ Flutter とは？ 18