Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
モバイルアプリを効率的に開発するクロスプラットフォーム開発という選択肢
Search
shige0501
February 22, 2020
Programming
1
400
モバイルアプリを効率的に開発するクロスプラットフォーム開発という選択肢
shige0501
February 22, 2020
Tweet
Share
More Decks by shige0501
See All by shige0501
グロースするプロダクトの開発プロセスと関わり方
shige0501
0
320
2017/03/25 RxJava2 + OkHttp + Retrofit入門
shige0501
0
1.8k
Other Decks in Programming
See All in Programming
Team operations that are not burdened by SRE
kazatohiei
1
290
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
220
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
570
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
590
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
780
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
4
260
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
600
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
100
ニーリーにおけるプロダクトエンジニア
nealle
0
720
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
2
330
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
0
640
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Scaling GitHub
holman
459
140k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
Thoughts on Productivity
jonyablonski
69
4.7k
Code Review Best Practice
trishagee
69
18k
Why Our Code Smells
bkeepers
PRO
337
57k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Building an army of robots
kneath
306
45k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
The Language of Interfaces
destraynor
158
25k
Transcript
モバイルアプリを効率的に開発する クロスプラットフォーム開発という選 択肢 2020/02/22(Sat) 日本Androidの会 中国支部長 コミュニティ運営委員 重村浩二 @shige0501
自己紹介 - 日本Androidの会 コミュニティ運営委員 中国支部長 - 全然活動できてない - 誰か引き継ぎしたい -
Client Dev Japan 立ち上げ - クライアントの勉強会をやるコミュニティ - これからやっていこうとしてます - (新型コロナが出てきたので、進め方検討中) - 普段はAndroidアプリの開発エンジニアやってます - フルリモートワーク - 年に数回東京 / 大阪に出張してます
今日のお話 Aさん 「モバイルアプリの開発について話を聞 きたい」
Android / iOS 共に公開から10年経過
開発方法が複雑化 / 高度化 (覚えることが増えた) - Androidの場合 - Kotlin - Kotlin
Coroutine - Android Jetpack - LiveData - DataBinding - Android KTX - 各種ライブラリの知識 - RxJava - etc …
素早く市場検証するアプリを作るとき、選ぶ? - 新規事業の検証に投下できるリソースは大抵限られている - iOS / Android同時に開発しようとすると、開発工数が倍かかる - スピードが求められる
Jcomp - jp.freepik.com によって作成された vintage 写真 https://jp.freepik.com/free-photos-vectors/vintage 他に選択肢はないか?
最近のホットな選択肢 - Flutter
Flutterとはなにか?
Flutter とはなにか? - https://flutter.dev/ - Googleが開発しているクロスプラットフォーム開発ができるツール - Android - iOS
- 2018年12月4日に1.0がリリースされたばかりで、まだ歴史は浅い
Flutter とはなにか? - Material Designに準拠したアプリが作れる - モダンなUIにできる - iOSらしいUIにはCupertinoで対応可能(まだまだみたいだけ ど)
https://flutter.dev/docs/development/ui/widgets/cupertino
https://flutterawesome.com/a-simple-flutter-app-to-read-and-download-ebooks/
Flutter とはなにか? - 開発言語はDart - DartもGoogleが開発している言語 - GitHub上で2019年最も成長の早い言語 - https://japan.zdnet.com/article/35145190/
- CやJavaに近い - Kotlinに慣れていると、SmartCastがなかったり、;(セミコロン) の記述が必要だったりと、書き方が古く感じてしまう - 今後の進化に期待
Flutterだとなにが嬉しいのか? - Hot Reload - コードの変更をおこなっても、Flutter Hot Reloadを実行すれ ば大抵の場合はすぐに反映される -
洗練されたUIで、プラットフォーム間のUI / UXを共通化 - Material Design - 高パフォーマンスの実現 - C++で書かれたSkiaというミドルウェアの恩恵
これまであったクロスプラットフォーム開発との比較 - Xamarin - C# - ホットリロードできない - Unity -
C# - ゲーム向け - ハイスペックを求めていて、消費電力も大きい
これまであったクロスプラットフォーム開発との比較 - React Native - JavaScript - ネイティブとブリッジして開発 - UIは各プラットフォームのものを利用
これまであったクロスプラットフォーム開発との比較 - Kotlin Multi Platform - Kotlin - iOS /
Android / Server の実装をKotlinで統一することができ る - FlutterのようにWebやデスクトップアプリの実装まではまだ踏 み込んでいない - 今後の注目株
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/
参考)DroidKaigiカンファレンスアプリでの過去の実 績 - DroidKaigi 2017まで - Androidのネイティブアプリのみ - DroidKaigi 2018
- Flutterを採用 - DroidKaigi 2019 - 2020 - Kotlin Multi Platformを採用
閑話休題
最近のスタートアップで取り組む企業が増加中 - Wantedlyで2020/02/16時点で118件の中途採用の求人 - 特にスタートアップ系で取り組んでいる企業が多い印象 - 新規アプリの受託開発でも、小さめの案件ならやりやすいイメージ - 実際に副業案件(結局個別のプラットフォーム向けの開発に なったりたち消えた)で、出てきたことはあります
実例
試しに開発中の個人アプリ +
何をするアプリなのか? - 個人アプリ - Togglとは? - 作業記録アプリ - 日々の実施した作業を記録 -
やりたいこと - 日々の実施した作業を日報としてまとめて、Chatworkの指定 した部屋に投稿する
実装画面 - Toggl トークンとChatworkトークンの入力画面 - Togglの日報情報確認画面 - Text Input Fieldとし、コメントを追加できるようにする
- Chatworkの投稿先ルーム選択画面
実際に触ってみた感触 - 良かったこと - Hot Reload便利 - ビルドで待たされることがないのはとても心地よい - 複数プラットフォームに同時にアプリを作れて、ビジネスロジッ
クとUI実装も共通化することができる - AndroidエンジニアがiOSアプリを同時に開発するようなこ とができる
実際に触ってみた感触 - 難しい - UIの実装方法が少々特殊 - UIの組み方が独特なので、まずはそこを乗り越えないと いけない - iOSやAndroidのUIの組み方とちょっと違う
- iOS ….. Storyboard - Android ….. Layout EditorやXMLでのレイアウト定 義 - レイアウトやStoryboardに慣れているととっつきにくく感じ る。
実際に触ってみた感触 - ここイケてない - 結局各プラットフォームのお作法は理解が必要 - アプリ名やパッケージ名は各プラットフォームのファイル (AndroidManifestなど)を触る - 横向きの画面に対応したり、タブレット対応したりと、プ
ラットフォーム共通の壁を超えるような対応が入ってくる と、一気に難易度が上がりそう。(その分個別の実装が増 える)
実際に触ってみた感触 - 実際に企業のプロダクションとして使えるのか? - 厳しい - エンジニア不足 - Flutterが書けるエンジニアがまだまだいない -
できたコードのメンテをできる人不足 - けど、条件付きで採用あり - スピード実装したいスタートアップ - アプリの要件がシンプルなもの - プラットフォーム特有な機能を組み込む場合は少々つら い
何を見て学ぶと良いか? 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
まとめ - Flutterを覚えて帰ってください - Android / iOS 両方のアプリが作れる - スタートアップの間で注目されている
- Webやデスクトップアプリの開発も可能になるので、定着する と開発の選択肢として広がるかもしれない - もちろん丁寧に作り込むならプラットフォーム個別の開発も選択肢 に - 長期的に運用していくアプリであれば、プラットフォーム毎に近 い環境を選ぶほうがプラス - アプリのライフサイクルがどれぐらいかで見極めて
ご清聴ありがとうございました!!