Flutter、いいじゃん

2021年1月時点での
Flutterについての
- どんなモノか
- 使うメリット
- 使い所
を説明します

Youtube解説版
https://www.youtube.com/watch?v=WBBPooYjPZE&t=11s

Transcript

1. Flutter、いいじゃん
2. ◦ やのちゃんねる ◦ 今までのお仕事 □ Flutter, Laravelでの開発 □ 機械学習 ◦ 求人レコメンド ◦ 求職者スコアリング □ データ基盤 はじめまして！ 2 ◦ 最近の仕事以外 □ 恵比寿でルームシェア □ 毎週、家でもくもく会開催
3. 今日のゴール
4. 今日のゴール ◦ Flutterがどんなものか分かる ◦ Flutterを使うメリットがわかる ◦ Flutterをいつ使えば良いかわかる 4
5. ◦ Flutterがどんなものか分かる ◦ Flutterを使うメリットがわかる ◦ Flutterをいつ使えば良いかわかる 今日のゴール 5 Flutter、いいじゃん
6. アジェンダ ◦ Flutterってなに？ ◦ Flutterってすごいの？ ◦ Flutterを実際に動かす ◦ Flutterのメリット、デメリット ◦ Flutterを使うべきシーン ◦ まとめ 6
7. Flutterってなに？
8. 僕の中の定義 8 Googleが開発した クロスプラットフォーム技術
9. Googleさんの言及(~2019/5) 9 Flutterを使えば、 １つのプログラムで iOS・Androidの美しい ネイティブ（スマホ）アプリが作れます
10. Googleさんの言及(2019/8~) 10 Flutterは、 １つのプログラムで モバイル（スマホ）・Web・デスクトップで動く美し いネイティブアプリを作るためのGoogleが開発 したUIツールキットです
11. Googleさんの言及(2019/8~) 11 Flutterは、 １つのプログラムで モバイル（スマホ）・Web・デスクトップで動く美し いネイティブアプリを作るためのGoogleが開発 したUIツールキットです 適用範囲がどんどん増えてる！！
12. Flutterってすごいの？
13. 結論 13 ◦ 開発界隈での勢いがすごい ◦ 大きい企業での導入実績がある すごい
14. 勢いがすごい(1つ目) 14 検索数の遷移
15. 勢いがすごい(2つ目) 15 Githubスター数の遷移
16. 導入実績がある 16 Alibaba, Baidu, Tencent でも採用されているらしい
17. 導入実績がある 17 2021年春のFlutter発表では トヨタでも採用予定とのこと
18. 実際にFlutterを動かす
19. 19 iOS,Webを同時に動かします
20. Flutterの メリット、デメリット
21. Flutterのメリット 21 ◦ 単一のソースコードで管理できる ◦ Dart言語が分かりやすい, 型がしっかりしている ◦ Widgetの種類が豊富 ◦ 実現したいUIを実現しやすい(Xd to Flutter) ◦ IDEでの機能が充実している (HotReload, インスペクター, デバッグ, パフォーマンスチェックetc...)
22. Flutter (Web版)のメリット 22 ◦ CSSのようにブラウザ互換をそこまで考えなくていい ◦ ビルドするとシンプルなhtml, jsファイルになるので ホスティングサービスを使いやすい ◦ 既存のjsもラッパーを挟めば利用できる
23. Flutterを採用するデメリット ◦ プラットフォームに依存する機能はネイティブで 書かなければいけないことも多い(Face Id, Pay系etc) ◦ プラットフォームによってif分岐が発生することもある ◦ ライブラリがないor保守されてないものがたまにある ◦ 型になれてない人はDartが書きづらいかも？ ◦ Dartの機能が少ないという人も多少いる 23
24. Flutter(Web版)を採用するデメリット ◦ 下手に作るとパフォーマンスが悪い ◦ DOM構造が整っていないのでSEOに不安あり ◦ 最新のHTMLタグを使うことができない可能性 ◦ Flutter Webに対応してないLibraryがある 24
25. Flutter を使うべきシーン
26. 僕が考えたFlutterを使うべきシーン 26 ✓ いろんなプラットフォームでほぼ同じUIで出したい ✓ あまりプラットフォーム独自の機能は使わない ✓ 今までフロントもエンジニアが担当していた (コーディング担当を余らせたくない) ✓ 多少のバグは許されるアプリケーション ✓ エンジニアリソースをあまり割けない ✓ 新しい技術に寛容な組織
27. 僕がFlutterを避けて良いかもしれないシーン 27 ✓ プラットフォームによって機能がかなり違う ✓ プラットフォーム独自の機能をよく使う ✓ コーディング担当の人が多く、 Flutterの学習が難しい ✓ バグや低パフォーマンスが致命的なアプリケーション ✓ エンジニアリソースが潤沢 ✓ 今使用している技術の豊富な知識やライブラリがある
28. まとめ
29. まとめ ◦ FlutterはGoogle製のクロスプラットフォーム技術 ◦ Flutterは今、勢いのあるフレームワーク ◦ 多くのプラットフォームに対応したいかつ、新しい技術に 抵抗のなく、人員が少ない状況に適している (≒スタートアップ？) □ プラットフォーム独自の機能をどれくらい使うか □ 厳密性が求められるか 29
30. Thank you for listening!!