Slide 1
Slide 1 text
モバイルアプリを効率的に開発する
クロスプラットフォーム開発という選
択肢
2020/02/22(Sat)
日本Androidの会 中国支部長 コミュニティ運営委員
重村浩二 @shige0501
Slide 2
Slide 2 text
自己紹介
- 日本Androidの会 コミュニティ運営委員 中国支部長
- 全然活動できてない
- 誰か引き継ぎしたい
- Client Dev Japan 立ち上げ
- クライアントの勉強会をやるコミュニティ
- これからやっていこうとしてます
- （新型コロナが出てきたので、進め方検討中）
- 普段はAndroidアプリの開発エンジニアやってます
- フルリモートワーク
- 年に数回東京 / 大阪に出張してます
Slide 3
Slide 3 text
今日のお話
Aさん
「モバイルアプリの開発について話を聞
きたい」
Slide 4
Slide 4 text
Android / iOS 共に公開から10年経過
Slide 5
Slide 5 text
開発方法が複雑化 / 高度化 (覚えることが増えた)
- Androidの場合
- Kotlin
- Kotlin Coroutine
- Android Jetpack
- LiveData
- DataBinding
- Android KTX
- 各種ライブラリの知識
- RxJava
- etc …
Slide 6
Slide 6 text
素早く市場検証するアプリを作るとき、選ぶ？
- 新規事業の検証に投下できるリソースは大抵限られている
- iOS / Android同時に開発しようとすると、開発工数が倍かかる
- スピードが求められる
Slide 7
Slide 7 text
Jcomp - jp.freepik.com によって作成された vintage 写真
https://jp.freepik.com/free-photos-vectors/vintage
他に選択肢はないか？
Slide 8
Slide 8 text
最近のホットな選択肢 - Flutter
Slide 9
Slide 9 text
Flutterとはなにか？
Slide 10
Slide 10 text
Flutter とはなにか？
- https://flutter.dev/
- Googleが開発しているクロスプラットフォーム開発ができるツール
- Android
- iOS
- 2018年12月4日に1.0がリリースされたばかりで、まだ歴史は浅い
Slide 11
Slide 11 text
Flutter とはなにか？
- Material Designに準拠したアプリが作れる
- モダンなUIにできる
- iOSらしいUIにはCupertinoで対応可能（まだまだみたいだけ
ど）
https://flutter.dev/docs/development/ui/widgets/cupertino
Slide 12
Slide 12 text
https://flutterawesome.com/a-simple-flutter-app-to-read-and-download-ebooks/
Slide 13
Slide 13 text
Flutter とはなにか？
- 開発言語はDart
- DartもGoogleが開発している言語
- GitHub上で2019年最も成長の早い言語
- https://japan.zdnet.com/article/35145190/
- CやJavaに近い
- Kotlinに慣れていると、SmartCastがなかったり、;(セミコロン)
の記述が必要だったりと、書き方が古く感じてしまう
- 今後の進化に期待
Slide 14
Slide 14 text
Flutterだとなにが嬉しいのか？
- Hot Reload
- コードの変更をおこなっても、Flutter Hot Reloadを実行すれ
ば大抵の場合はすぐに反映される
- 洗練されたUIで、プラットフォーム間のUI / UXを共通化
- Material Design
- 高パフォーマンスの実現
- C++で書かれたSkiaというミドルウェアの恩恵
Slide 15
Slide 15 text
これまであったクロスプラットフォーム開発との比較
- Xamarin
- C#
- ホットリロードできない
- Unity
- C#
- ゲーム向け
- ハイスペックを求めていて、消費電力も大きい
Slide 16
Slide 16 text
これまであったクロスプラットフォーム開発との比較
- React Native
- JavaScript
- ネイティブとブリッジして開発
- UIは各プラットフォームのものを利用
Slide 17
Slide 17 text
これまであったクロスプラットフォーム開発との比較
- Kotlin Multi Platform
- Kotlin
- iOS / Android / Server の実装をKotlinで統一することができ
る
- FlutterのようにWebやデスクトップアプリの実装まではまだ踏
み込んでいない
- 今後の注目株
Slide 18
Slide 18 text
Flutterはマルチプラットフォーム開発ができる
- Android / iOS以外に、Webと Desktop (Windows / macOS) もサ
ポート
- https://jp.techcrunch.com/2019/05/09/2019-05-07-googles-
flutter-framework-spreads-its-wings-and-goes-multi-platfor
m/
Slide 19
Slide 19 text
参考）DroidKaigiカンファレンスアプリでの過去の実
績
- DroidKaigi 2017まで
- Androidのネイティブアプリのみ
- DroidKaigi 2018
- Flutterを採用
- DroidKaigi 2019 - 2020
- Kotlin Multi Platformを採用
Slide 20
Slide 20 text
閑話休題
Slide 21
Slide 21 text
最近のスタートアップで取り組む企業が増加中
- Wantedlyで2020/02/16時点で118件の中途採用の求人
- 特にスタートアップ系で取り組んでいる企業が多い印象
- 新規アプリの受託開発でも、小さめの案件ならやりやすいイメージ
- 実際に副業案件（結局個別のプラットフォーム向けの開発に
なったりたち消えた）で、出てきたことはあります
Slide 22
Slide 22 text
実例
Slide 23
Slide 23 text
試しに開発中の個人アプリ
＋
Slide 24
Slide 24 text
何をするアプリなのか？
- 個人アプリ
- Togglとは？
- 作業記録アプリ
- 日々の実施した作業を記録
- やりたいこと
- 日々の実施した作業を日報としてまとめて、Chatworkの指定
した部屋に投稿する
Slide 25
Slide 25 text
実装画面
- Toggl トークンとChatworkトークンの入力画面
- Togglの日報情報確認画面
- Text Input Fieldとし、コメントを追加できるようにする
- Chatworkの投稿先ルーム選択画面
Slide 26
Slide 26 text
実際に触ってみた感触
- 良かったこと
- Hot Reload便利
- ビルドで待たされることがないのはとても心地よい
- 複数プラットフォームに同時にアプリを作れて、ビジネスロジッ
クとUI実装も共通化することができる
- AndroidエンジニアがiOSアプリを同時に開発するようなこ
とができる
Slide 27
Slide 27 text
実際に触ってみた感触
- 難しい
- UIの実装方法が少々特殊
- UIの組み方が独特なので、まずはそこを乗り越えないと
いけない
- iOSやAndroidのUIの組み方とちょっと違う
- iOS ….. Storyboard
- Android ….. Layout EditorやXMLでのレイアウト定
義
- レイアウトやStoryboardに慣れているととっつきにくく感じ
る。
Slide 28
Slide 28 text
実際に触ってみた感触
- ここイケてない
- 結局各プラットフォームのお作法は理解が必要
- アプリ名やパッケージ名は各プラットフォームのファイル
(AndroidManifestなど）を触る
- 横向きの画面に対応したり、タブレット対応したりと、プ
ラットフォーム共通の壁を超えるような対応が入ってくる
と、一気に難易度が上がりそう。（その分個別の実装が増
える）
Slide 29
Slide 29 text
実際に触ってみた感触
- 実際に企業のプロダクションとして使えるのか？
- 厳しい
- エンジニア不足
- Flutterが書けるエンジニアがまだまだいない
- できたコードのメンテをできる人不足
- けど、条件付きで採用あり
- スピード実装したいスタートアップ
- アプリの要件がシンプルなもの
- プラットフォーム特有な機能を組み込む場合は少々つら
い
Slide 30
Slide 30 text
何を見て学ぶと良いか？
1. Flutterの効率良い学び方
a. https://medium.com/flutter-jp/flutter-learning-c5640c5f05b9
?source=collection_category---4------1-----------------------
b. momoさんのサイト。国内でFlutterの詳しさはトップクラスだと
思う
2. Flutterの公式サイト
a. 一番情報が豊富。上記と合わせてこちらから
b. https://flutter.dev/
3. 書籍
a. Flutter モバイルアプリ開発バイブル
b. 基礎から学ぶFlutter
Slide 31
Slide 31 text
まとめ
- Flutterを覚えて帰ってください
- Android / iOS 両方のアプリが作れる
- スタートアップの間で注目されている
- Webやデスクトップアプリの開発も可能になるので、定着する
と開発の選択肢として広がるかもしれない
- もちろん丁寧に作り込むならプラットフォーム個別の開発も選択肢
に
- 長期的に運用していくアプリであれば、プラットフォーム毎に近
い環境を選ぶほうがプラス
- アプリのライフサイクルがどれぐらいかで見極めて
Slide 32
Slide 32 text
ご清聴ありがとうございました！！