Flutter / Google I/O 2018 報告会 信州

Transcript

1. Flutter Google I/O 2018 報告会 信州 2018-05-19 @najeira Flutter とは？ 1
2. Flutter アプリのためのSDK モバイルアプリ クロスプラットフォー ム Flutter とは？ 2
3. Beta 3 Google I/O 2018 May Beta 2: 2018-04 Beta 1: 2018-02 Alpha: 2017-05 Flutter とは？ 3
4. 特徴 クロスプラットフォー ム Dart Reactive 自前UI (Material / iOS) オー プンソー ス on GitHub by Google 高い開発効率 高い実行パフォー マンス Flutter とは？ 4
5. クロスプラットフォー ム Android iOS Fuchsia ※ 将来的には macOS や Linux も？ アプリはDart で書く Flutter とは？ 5
6. Dart 静的型付き AoT コンパイル VM 実行（JIT） 型推論 非同期処理サポー ト Flutter とは？ 6
7. Reactive React インスパイア build メソッドが返すWidget ツリー setState で状態を変えて再build Flutter は、 前回build と今回build の Widget ツリー の 差分 を描画する Flutter とは？ 7
8. 高い実行パフォー マンス ネイティブのマシンコー ドにコンパイル Dart の AOT コンパイル GPU を活用したUI 描画 Skia Flutter とは？ 8
9. 高い開発効率 IDE プラグイン & デバッグ IntelliJ IDEA Android Studio Visual Studio Code ホットリロー ド Flutter とは？ 9
10. ホットリロー ド Flutter とは？ 10
11. Flutter UI Flutter とは？ 11
12. 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
13. 多数の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
14. 事例 Flutter とは？ 14
15. Alibaba Flutter とは？ 15
16. CARTUNE Flutter とは？ 16
17. まとめ Flutter とは？ 17
18. Flutter モバイルアプリのSDK Android / iOS 両対応 高い開発効率 ベー タ版 来年の I/O でバー ジョン 1.0 になるかも？ Flutter とは？ 18