Flutter APP DOJO 2019-04

Transcript

1. 1.

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

2. 2.

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

   2
3. 3.

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

4. 4.

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

   Flutter APPDOJO 4
5. 5.

   Flutter の特徴 Dart language Reactive framework 自前UI (Material and iOS)

   オープンソース on GitHub Google and community Flutter APPDOJO 5
6. 6.

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

   フレームワーク Flutter APPDOJO 6
7. 7.

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

8. 8.

   CARTUNE Flutter APPDOJO 8

9. 9.

   なぜFlutter ？ クロスプラットフォーム Android / iOS の両プラットフォームで 同じような実装を繰り返すのはもったいない 結果: ほとんどの部分を共通化できた

   ※画面数でいうと95% はFlutter/Dart で共通 Flutter はUI が自前なので UI に関してはOS 間の差異がない Flutter APPDOJO 9
10. 10.

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

11. 11.

    なぜFlutter ？ 開発のしやすさ Reactive framework UI の記述のしやすさ ホットリロード Dart 言語（静的型,

    async/await ） プラグインやデバッグ機能 Flutter APPDOJO 11
12. 12.

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

    APPDOJO 12
13. 13.

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

    13
14. 14.

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

    Flutter APPDOJO 14
15. 15.

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

    APPDOJO 15