Tweet
Tweet

Slide 1

Slide 1 text

Flutter APP DOJO 2019/04/15 @najeira Flutter APPDOJO 1

Slide 2

Slide 2 text

Flutter とは？ 開発フレームワーク、SDK モバイルアプリ 単一のコードベース クロスプラットフォーム Android 、iOS Flutter APPDOJO 2

Slide 3

Slide 3 text

2019/02 正式版 v1.2 Flutter APPDOJO 3

Slide 4

Slide 4 text

Flutter の特長 高い開発効率 UI が作りやすい ホットリロード、デバッグ 高いパフォーマンス ネイティブ・コンパイル GPU 活用 Flutter APPDOJO 4

Slide 5

Slide 5 text

Flutter の特徴 Dart language Reactive framework 自前UI (Material and iOS) オープンソース on GitHub Google and community Flutter APPDOJO 5

Slide 6

Slide 6 text

Flutter の特徴 ホットリロード プラグイン, IDE デバッグ ネイティブ(ARM/x86) にAOT コンパイル 豊富で表現力のあるUI フレームワーク Flutter APPDOJO 6

Slide 7

Slide 7 text

Showcase https:// utter.dev/showcase https://itsallwidgets.com/ たくさんのFlutter 採用事例 Flutter APPDOJO 7

Slide 8

Slide 8 text

CARTUNE Flutter APPDOJO 8

Slide 9

Slide 9 text

なぜFlutter ？ クロスプラットフォーム Android / iOS の両プラットフォームで 同じような実装を繰り返すのはもったいない 結果: ほとんどの部分を共通化できた ※画面数でいうと95% はFlutter/Dart で共通 Flutter はUI が自前なので UI に関してはOS 間の差異がない Flutter APPDOJO 9

Slide 10

Slide 10 text

なぜFlutter ？ 高いパフォーマンス ネイティブにコンパイル GPU 活用（Skia ） Flutter APPDOJO 10

Slide 11

Slide 11 text

なぜFlutter ？ 開発のしやすさ Reactive framework UI の記述のしやすさ ホットリロード Dart 言語（静的型, async/await ） プラグインやデバッグ機能 Flutter APPDOJO 11

Slide 12

Slide 12 text

使ってみた感想 ソースコードが公開されており、 Dart なので読めば分かる UI はFlutter 提供のものを組み合わせればOK だいたい標準UI で揃っている Flutter APPDOJO 12

Slide 13

Slide 13 text

使ってみた感想 いくつかバグには遭遇した テキスト入力まわりはまだ弱い プラットフォーム側の機能との連携は実装が必要 カメラ、写真、GPS など プラグインが提供されているものもある 要件によるが、ネイティブ実装も必要 Flutter APPDOJO 13

Slide 14

Slide 14 text

得意な分野 UI （画面・部品）が多いアプリ UI を作る効率が高いため 逆に、少数画面の機能特化だとメリットが小さいかも しれない カメラ・動画だけの単画面 2D ゲーム？ Flutter APPDOJO 14

Slide 15

Slide 15 text

向き不向き 新規のアプリ開発には有力な候補 本アプリを作ってもよし プロトタイプだけでもよし 既存アプリにハイブリッド的に組み込むのは 向かない（と思う） ネイティブ(Android/iOS) と 別で実装になるので部品を共通化しにくい Flutter APPDOJO 15