来年に備えるために Android の知識を網羅する / Looking back on this Android year in preparation for next year.

来年に備えるために Android の知識を網羅する
Daichi Furiya / Wasabeef

View Slide

Daichi Furiya（降矢大地）
Google Developers Expert
CATS, CyberAgent
@wasabeef_jp
wasabeef

View Slide

来年に備えるために
Android の知識を網羅する

View Slide

黎明期の
Android アプリ開発は...

View Slide

RetroLambda
MVC
VOLLEY
JUICE
ActionBarSherlock
Timber

View Slide

成熟期の
Android アプリ開発は...

View Slide

DAGGER2
MVVM
FLUX
MVI
Timber

View Slide

activity
ads
annotation
appcompat
arch
asynclayoutinflater
autofill
benchmark
biometric
browser
Jetpack に含まれるライブラリを並べてみると…

View Slide

camera
car
cardview
collection
concurrent
constraintlayout
contentpager
coordinatorlayout
core
cursoradapter

View Slide

customview
databinding
documentfile
drawerlayout
dynamicanimation
emoji
enterprise
exifinterface
fragment
gridlayout

View Slide

heifwriter
interpolator
jetifier
leanback
legacy
lifecycle
loader
localbroadcastmanager
media
media2

View Slide

mediarouter
multidex
navigation
paging
palette
percentlayout
preference
print
recommendation
recyclerview

View Slide

remotecallback
room
savedstate
security
sharetarget
slice
slidingpanelayout
sqlite
swiperefreshlayout
test

View Slide

textclassifier
transition
tvprovider
vectordrawable
versionedparcelable
viewpager
viewpager2
wear
webkit
work

View Slide

activity
ads
annotation
appcompat
arch
asynclayoutinflater
autofill
benchmark
biometric
browser
camera
car
cardview
collection
concurrent
constraintlayout
contentpager
coordinatorlayou
core
cursoradapter
customview
databinding
documentfile
drawerlayout
dynamicanima
emoji
enterprise
exifinterface
fragment
gridlayout
heifwriter
interpolator
jetifier
leanback
legacy
lifecycle
loader
media
media2
remotecallback
room
savedstate
security
sharetarget
slice
slidingpanelayout
sqlite
swiperefreshlayout
textclassifier
transition
tvprovider
vectordrawable
versionedparcelable
viewpager
viewpager2
wear
webkit
work
mediarouter
multidex
navigation
paging
palette
percentlayout
preference
print
recommendation
recyclerview

View Slide

activity
ads
annotation
appcompat
arch
asynclayoutinflater
autofill
benchmark
biometric
browser
camera
car
cardview
collection
concurrent
constraintlayout
contentpager
coordinatorlayout
core
cursoradapter
customview
databinding
documentfile
drawerlayout
dynamicanimation
emoji
enterprise
exifinterface
fragment
gridlayout
heifwriter
interpolator
jetifier
leanback
legacy
lifecycle
loader
media
media2
mediarouter
multidex
navigation
paging
palette
percentlayout
preference
print
recommendation
recyclerview
remotecallback
room
savedstate
security
sharetarget
slice
slidingpanelayout
sqlite
swiperefreshlayout
test
textclassifier
transition
tvprovider
vectordrawable
versionedparcelable
viewpager
viewpager2
wear
webkit
work

View Slide

activity
ads
annotation
appcompat
arch
asynclayoutinflater
autofill
benchmark
biometric
browser
camera
car
cardview
collection
concurrent
constraintlayout
contentpager
coordinatorlayout
core
cursoradapter
customview
databinding
documentfile
drawerlayout
dynamicanimation
emoji
enterprise
exifinterface
fragment
gridlayout
heifwriter
interpolator
jetifier
leanback
legacy
lifecycle
loader
media
media2
mediarouter
multidex
navigation
paging
palette
percentlayout
preference
print
recommendation
recyclerview
remotecallback
room
savedstate
security
sharetarget
slice
slidingpanelayout
sqlite
swiperefreshlayout
test
textclassifier
transition
tvprovider
vectordrawable
versionedparcelable
viewpager
viewpager2
wear
webkit
work
70+ 個のライブラリ群

View Slide

DAGGER2
MVVM
FLUX
MVI
Timber
activity
ads
annotation
appcompat
arch
asynclayoutinflater
autofill
benchmark
biometric
browser
camera
car
cardview
collection
concurrent
constraintlayout
contentpager
coordinatorlayout
core
cursoradapter
customview
databinding
documentfile
drawerlayout
dynamicanimation
emoji
enterprise
exifinterface
fragment
gridlayout
heifwriter
interpolator
jetifier
leanback
legacy
lifecycle
loader
media
media2
mediarouter
multidex
navigation
paging
palette
percentlayout
preference
print
recommendation
recyclerview
remotecallback
room
savedstate
security
sharetarget
slice
slidingpanelayout
sqlite
swiperefreshlayout
test
textclassifier
transition
tvprovider
vectordrawable
versionedparcelable
viewpager
viewpager2
wear
webkit
work

View Slide

この場で話す範囲
Android 10
Android Studio 4.0
(Flutter)
Kotlin (DSL, MPP, Coroutine, Flow)
Architecture（MVVM）
Jetpack (AAC, Compose)
Networking (Retrofit+OkHttp)
DI (Dagger2)
Firebase (Test Lab)

View Slide

Android 10

View Slide

Security
Updates
Smart
Reply
Dark
Theme
Privacy
Controls
Family
Link
Live
Caption
Sound
Amplifier
Location
Controls
Gesture
Navigation
Focus
Mode
Android 10 Highlights

View Slide

Location
Controls

View Slide

Location Controls

android:name="android.permission.ACCESS_COARSE_LOCATION" />
android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />

バックグラウンドでロケーション
情報を取得するには、また別に権
限を取得しないといけません。

View Slide

Gestural
Navigation

View Slide

Gestural Navigation
これらをテーマから透過にする必要
があります。
・ NavigationBar
・ StatusBar

View Slide

Foldable

View Slide

https://youtu.be/7r_UgNcJtzQ

View Slide

アプリの継続性
まだ日本で購入できる端末は少な
くて、シェアは多くないですが、
画面を折り畳んだ後も正常に実行
できるように考慮しなければいけ
ません。

View Slide

マルチウィンドウ
そしてまた、画面を分割して、ア
プリを複数立ち上げられるという
ことは画面比率が変わることがあ
るので、レイアウトが崩れないよ
うに実装を注意する必要がありま
す。

View Slide

マルチウィンドウ
レイアウト崩れもそうですが、も
う一つ大きな注意点があります。
例えば YouTube を起動している
ときに、Netﬂix を起動した場合
は、両方とも動画が流れ続けては
いけません。

View Slide

Android Studio
4.0

View Slide

Motion Editor
Jetpack
Compose
Multi-Preview
Kotlin DSL Build Speed
Emulator
Multi-Display
Google Map
Integration
Proguard
Editing
Desugaring
in D8 & R8
Live
Layout
Inspector
Android Studio 4.0 Highlights

View Slide

Motion Editor

View Slide

Motion Editor
MotionLayout と Motion
Editor を使うことで、GUI
上で簡単にアニメーション
を実装できます。

View Slide

Multi Preview

View Slide

Multi Preview
さまざまな解像度のデバイ
スや、各国の言語設定をプ
レビューすることができ、
これにより事前にレイアウ
ト崩れなどをチェックでき
ます。

View Slide

Live
Layout Inspector

View Slide

Live Layout Inspector
エミュレータなどでデバッ
グしているアプリの View
構造を 3D に視覚化でき、
設定されているプロパティ
値などの確認を迅速に行え
るようになります。

View Slide

Flutter

View Slide

Flutter
一つのソースコードからモバイル、
Web、デスクトップ向けにネイティブ
コンパイルするための Google 製 UI
ツールキットです。
国内の採用事例もいくつかあります。

View Slide

Flutter の事をもっと知りたい方は..
Flutter Overview
17:00 〜 17:40
B202
上田哲広 / Tetsuhiro Ueda

View Slide

Kotlin

View Slide

Kotlin 1.3.61
（2019.12.14）

View Slide

2017年 Kotlin 公式言語化
2018年 Android Jetpack 発表
2019年 Kotlin-first

View Slide

Kotlin-first?
Java Kotlin
Platform SDK support Yes Yes
Android Studio support Yes Yes
Lint Yes Yes
Guided docs support Yes Yes
API docs support Yes Yes
AndroidX support Yes Yes
AndroidX Kotlin-specific APIs (e.g. KTX, coroutines) N/A Yes
Online training Best effort Yes
Samples Best effort Yes
Multi-platform Projects No Yes
Jetpack Compose No Yes

View Slide

60% のアプリで利用（TOP 1000）
Kotlin-first?

View Slide

Kotlin vs Java?

View Slide

public final class Dog {
private String name;
private Color color;
private LocalDate birthday;
private float height;
private float weight;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public Color getColor() {
return color;
}
Kotlin
data class Dog(
var name: String,
var color: Color,
var birthday: LocalDate,
var height: Float,
var weight: Float
)
Java

View Slide

Android Java にはない Kotlin の機能
SAM 変換
拡張関数
データクラス
Null-safety
インライン関数
スマートキャスト
Coroutines
Flows
etc..

View Slide

Kotlin
Coroutines

View Slide

Android Threading
Android マルチスレッドにおいての画面の更新はメインス
レッドで実行する必要があり、API 通信などはメインスレッ
ドで通信してはいけません。
また、Activity や Fragment が破棄された後にそれらのス
レッドをキャンセルするためにライフサイクルを知っておく
必要もあります。

View Slide

java.lang.Thread, android.os.Handler（API Level 1）
もっとも古くからある原始的
な非同期処理で、Activity
などのライフサイクルは考慮
されていません。Thread,
Handler はあらゆる非同期
処理の内部実装で使われてい
ます。
Thread {
val bitmap = loadBitmap("https: //wasabeef.jp/image.png")
Handler(mainLooper).post {
imageView.setImageBitmap(bitmap)
}
}.start()

View Slide

RxJava
非同期処理用ではなくリア
クティブプログラミングの
ライブラリです。ライフサ
イクルに紐づけることもで
きます。RxJava の機能全
体を把握するのは難しく、
学習コストが高めです。
val observable = Observable.create { emitter ->
val bitmap = loadBitmap("https: //wasabeef.jp/image.png")
emitter.onNext(bitmap)
emitter.onComplete()
}.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.subscribe(
{ bitmap -> imageView.setImageBitmap(bitmap) },
{ error -> /** do something **/ })
.addTo(compositeDisposable)
}

View Slide

Kotlin Coroutines
軽量スレッド
キャンセルが簡単
失敗時のハンドリングが簡単
ライフサイクルへの紐付けが簡単
2019年が移行期
1.3.3

View Slide

コルーチンビルダーで
す。launch 関数を呼び
出すことでコルーチンが
開始されます。
launch {
println("Hello, Coroutines !!")
}
launch - Kotlin Coroutines

View Slide

val job = launch {
}
job.cancel()
また、launch 関数は Job
クラスを返します。この
Job はコルーチンのライフ
サイクルのハンドリングを
提供します。アクティブ状
態か完了しているかなどを
把握でき、キャンセルする
こともできます。
Job - Kotlin Coroutines

View Slide

Job では Job 同士を階
層関係で管理することが
できます。launch 関数
を呼ぶときに親にあた
る Job　を渡すことでそ
れが可能となります。
val parentJob = Job()
val job = launch(parentJob) {
}
parentJob.cancel()
Job hierarchy - Kotlin Coroutines

View Slide

Job の階層関係を作るこ
とで、親 Job をキャン
セルした場合には、子
Job もキャンセルするこ
とができます。
Job hierarchy - Kotlin Coroutines
Parent Job
Child Job A Child Job B Child Job C
.cancel()
.cancel() .cancel() .cancel()

View Slide

Job によってコルーチ
ンのライフサイクルを
ハンドリングすること
ができますが、そのコ
ルーチンは、どういう
スコープで生存させる
かを決めることができ
ます。
CotoutineScope - Kotlin Coroutines
val parentJob = Job()
val job = launch(parentJob) {
}
parentJob.cancel()

View Slide

val scope = CoroutineScope(Job())
val job = scope.launch {
}
scope.cancel()
launch 関数は全て
CoroutineScope の中で
実行されます。これまで
省略していましたが、本
来はこのような形になっ
ており。そのスコープ内
のコルーチンはキャンセ
ルすることができます。

View Slide

このスコープを
Activity、Fragment
や ViewModel に合わせ
ることで、Android のラ
イフサイクルに紐づける
ことができます。
}
scope.cancel()

View Slide

launch 関数にはコルー
チンが実行に使用するス
レッドを指定することが
できます。CPU に負荷
がかかるような計算など
はメインスレッドではな
く Default を使用する
ことができます。
CotoutineDispatcher - Kotlin Coroutines
val job = scope.launch(Dispatchers.Default) {
}
scope.cancel()

View Slide

val job = scope.launch(Dispatchers.Main) {
}
scope.cancel()
Android において画面
の更新はメインスレッド
で行わないといけないた
め、Main を指定するこ
とにより UI 操作もする
こができます。

View Slide

val job = scope.launch(Dispatchers.IO) {
}
scope.cancel()
メインスレッドではな
く、データベース、ファ
イルの読み書きやネット
ワーク通信をする場合に
は IO を指定することで
パフォーマンスも期待で
きます。

View Slide

CoroutineScope を生
成するときに、スコープ
のデフォルトスレッドを
指定したい場合などに
は、+ でつなげること
ができます。
val scope = CoroutineScope(Job() + Dispatchers.IO)
}
scope.cancel()

View Slide

Kotlin Flows

View Slide

Kotlin Flows
RxJava と同様に Reactive streams specification
Coroutines は One-shotで、Flows は Observers として使う
RxJava に比べたらやれることが少ない
RxJava よりもパフォーマンス向上のためシンプルな設計
受信するまで動作しない（コールドストリーム）
2020年が移行期？？

View Slide

簡単に使ってみるのは
とてもシンプルで、
ﬂow {} ビルダーで生
成して、launch 内で
collect 関数を呼ぶこ
とで、emit された
データを受信します。
Kotlin Flows
val my Flow = flow {
emit("Hello, World!")
emit("I'm Flow?")
}
launch {
my Flow.collect { data ->
println(data)
}
}

View Slide

Flow はコールドスト
リームなので、collect
関数を何度呼んでも同じ
データを受信します。
ホットストリームを使い
たい場合は RxJava か
Kotlin Channels を調
べてみましょう。
Kotlin Flows
val my Flow = flow {
emit("Hello, World!")
emit("I'm Flow?")
}
launch {
println(data)
}
println(data)
}
}

View Slide

Kotlin/Native

View Slide

Kotlin/Native
Kotlin をネイティブバイナ
リにコンパイルするための
技術であり、iOS などの仮
想マシンがない環境でも実
行できます。

View Slide

Target Platforms - Kotlin/Native
iOS (arm32, arm64, simulator x86_64)
macOS (x86_64)
Android (arm32, arm64)
Windows (mingw x86_64, x86)
Linux
(x86_64, arm32, MIPS, MIPS LE, Raspberry Pi)
WebAssembly (x86_64)

View Slide

Kotlin
Multiplatform

View Slide

Kotlin Multiplatform
KotlinConf 2019 でも多く
のセッションがありました
が、iOS と Android でビジ
ネスロジックを Kotlin で共
通化するなどの事例が出始
めています。
※ iOS の UI が作れるものではありません。
Kotlin/LLVM
Kotlin/JVM Kotlin/JVM
Kotlin/JS
Common code

View Slide

Architecture
（MVVM）

View Slide

Architecture（MVVM） Activity/Fragment
Repository
ViewModel
LiveData
Local Source
Room
Remote Data Source
Retrofit/okHttp
https://developer.android.com/jetpack/docs/guide
最近では Google の推奨
アーキテクチャとして
MVVM が取り上げられて
います。FLUX や MVI に
寄せて開発しているプロダ
クトの事例もあります。

View Slide

Repository
ViewModel
LiveData
Local Source
Room
Remote Data Source
Retrofit/okHttp
Jetpack
そして、MVVM で設計す
る上で、使いやすいライブ
ラリが Jetpack には多く
存在します。

View Slide

Repository
ViewModel
LiveData
Local Source
Room
Remote Data Source
Retrofit/okHttp
Jetpack
そして、MVVM で設計す
る上で、使いやすいライブ
ラリが Jetpack には多く
存在します。
Jetpack
Jetpack

View Slide

Jetpack

View Slide

activity
ads
annotation
appcompat
arch
asynclayoutinflater
autofill
benchmark
biometric
browser
camera
car
cardview
collection
concurrent
constraintlayout
contentpager
coordinatorlayout
core
cursoradapter
customview
databinding
documentfile
drawerlayout
dynamicanimation
emoji
enterprise
exifinterface
fragment
gridlayout
heifwriter
interpolator
jetifier
leanback
legacy
lifecycle
loader
media
media2
mediarouter
multidex
navigation
paging
palette
percentlayout
preference
print
recommendation
recyclerview
remotecallback
room
savedstate
security
sharetarget
slice
slidingpanelayout
sqlite
swiperefreshlayout
test
textclassifier
transition
tvprovider
vectordrawable
versionedparcelable
viewpager
viewpager2
wear
webkit
work

View Slide

Architecture UI
Behavior
Foundation
Jetpack
ボイラープレートコードの
手間省けて、下位互換性を
備えたアプリを簡単に作成
するためのライブラリで
す。androidx.* パッケー
ジで構成されています。

View Slide

Architecture UI
Behavior
Foundation
Jetpack
Data Binding
Lifecycles
LiveData
Navigation
Paging
Room
ViewModel
WorkManager

View Slide

Architecture UI
Behavior
Foundation
Jetpack
Animation & Transitions
Auto, TV & Wear
Emoji
Fragment
Layout
Pallets

View Slide

Architecture UI
Behavior
Foundation
Jetpack
Download Manager
Media & Playback
Permissions
Notifications
Sharing
Slices

View Slide

Architecture UI
Behavior
Foundation
Jetpack
AppCompat
Android KTX
Multidex
Test

View Slide

AppCompat
※ JetpackͷҰ෦

View Slide

AppCompat
必ず使うことになるライブラ
リで Android アプリ開発で
は、古い OS の対応などがと
ても困難でありそれらの問題
を吸収してくれるサポートラ
イブラリとなります。
import androidx.appcompat.app.AppCompatActivity
public class AppCompatActivity
extends FragmentActivity implements ... { }

View Slide

Android KTX
※ JetpackͷҰ෦

View Slide

Android KTX
Jetpack に含まれる
Kotlin の拡張機能セッ
ト。コードをシンプルにす
ることができます。
view.viewTreeObserver.addOnPreDrawListener(
object : ViewTreeObserver.OnPreDrawListener {
override fun onPreDraw(): Boolean {
viewTreeObserver.removeOnPreDrawListener(this)
something()
return true
}
}
)

View Slide

Android KTX
Jetpack に含まれる
Kotlin の拡張機能セッ
ト。コードをシンプルにす
ることができます。
view.doOnPreDraw {
something()
}

View Slide

Android Architecture Components
（AAC）
※ JetpackͷҰ෦

View Slide

Android Architecture Components（AAC） Activity/Fragment
Repository
ViewModel
LiveData
Local Source
Room
Remote Data Source
Retrofit/okHttp
AAC
Android アーキテクチャコ
ンポーネントは、堅牢でテ
ストとメンテナンスが簡単
なアプリの設計を支援する
ライブラリのコレクション
です。
Lifecycle, ViewModel,
LiveData, Room...
AAC
AAC

View Slide

Lifecycle
※ AACͷҰ෦

View Slide

Android のライフサイク
ルを理解するのも取り扱う
のもとても大変です。多く
の初学者が最初にぶつかる
壁かもしれません。
Lifecycle

View Slide

Lifecycle
Repository
Local Source
Room
Remote Data Source
Retrofit/okHttp
Android の UI コンポーネン
トの多くがライフサイクルに
紐づいて作られています。そ
のため Lifecycle ライブラリ
では、そのライフサイクルに
簡単に対応できるように用意
されています。
Activity/Fragment
ViewModel
LiveData

View Slide

Navigation
※ AACͷҰ෦

View Slide

Navigation
Repository
ViewModel
LiveData
Local Source
Room
Remote Data Source
Retrofit/okHttp
単純なボタンクリックか
ら、アプリバーやナビゲー
ションドロワーなどの複雑
なパターンまで、さまざま
なコンテンツ間を移動する
を実装するに便利です。
Activity/Fragment

View Slide

Navigation
Android Studio にあるで
きるナビゲーションエディ
ターを使うことで、画面間
の遷移を視覚的に実装でき
ます。

View Slide

ナビゲーションエディター
で設定することもできます
が、それらは全て XML で
定義されています。なので
もちろん直接編集すること
ができますし、直接編集し
て XML を整理したりする
こともあります。
Navigation

xmlns:app="http: //schemas.android.com/apk/res-auto"
xmlns:tools="http: //schemas.android.com/tools"
android:id="@+id/nav_graph"
app:startDestination="@id/fragment_home">
android:id="@+id/fragment_home"
android:name="jp.wasabeef.navplayground.home.HomeFragment"
tools:layout="@layout/fragment_home">
android:id="@+id/to_dashboard"
app:destination="@id/fragment_dashboard" />

android:id="@+id/fragment_dashboard"
android:name="jp.wasabeef.navplayground.dashboard.DashboardFragment"
tools:layout="@layout/fragment_dashboard" >
android:name="id"
app:argType="string" />

View Slide

Navigation
画面間のデータを型安全に渡せる
Bottom Navigation の画面遷移にも対応
デープリンクの実装

View Slide

ViewModel
+ LiveData
※ AACͷҰ෦

View Slide

ViewModel + LiveData Activity/Fragment
Repository
Local Source
Room
Remote Data Source
Retrofit/okHttp
これらを使うことによりライ
フサイクルを意識した方法
で UI 関連のデータを保存お
よび管理できます。
ViewModel
LiveData

View Slide

アプリの画面回転時に破棄
されないようデータを保持
複数の Fragment 間での
データ共有
ライフサイクルに紐づいた
Observable の一種
ViewModel LiveData

View Slide

Activity および ViewModel
はそれぞれ異なるライフサイ
クルになっており、
ViewModel のほうが長く生存
するため、Activity の画面回
転でもデータを保持してくれ
ます。
ViewModel

View Slide

これはかなりシンプルな
MyViewModel というクラ
スを作りました。その
ViewModel のデータを
LiveData として扱うのが一
般的です。なのでこの二つは
セットに説明されることが多
くなっています。
ViewModel + LiveData
class MyViewModel(private val repo: UserRepo) : ViewModel() {
private val _user = MutableLiveData()
val user: LiveData get() = _user
fun getUser() = repo.getUser()
}
class MyActivity : AppCompatActivity() {
private val model: MyViewModel by viewModels()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
model.getUser().observe(viewLifecycleOwner) {
// update UI
}
}
}
Activity

View Slide

ViewModel を使う側の
Activity では、その
Activity のライフサイク
ルを渡すことで、画面が
破棄された後などには
データを受診しないよう
にすることができます。
}
// update UI
}
}
}
Activity

View Slide

実際には ViewModel の
なかで、Coroutines や
Flows を使って非同期処
理、ストリーム化したり
します。
}
// update UI
}
}
}
Activity

View Slide

Jetpack Compose

View Slide

Android の UI は現在も XML で構築
していくのが一般的ですが、今年の
Google I/O で突然発表された宣言型
の UI ツールキットになります。既存
との互換性も保つよう作られており、
2020年を目標にベータ版が公開され
る予定です。現在でも最新の
Android Studio を使うことで試すこ
とができます。書き方は Flutter っぽ
い。
Jetpack Compose
@Preview
fun HomeScreen(openDrawer: () -> Unit) {
val postTop = posts[3]
val postsSimple = posts.subList(0, 2)
val postsPopular = posts.subList(2, 7)
val postsHistory = posts.subList(7, 10)
Column {
TopAppBar(
title = { Text(text = "Jetnews") },
navigationIcon = {
VectorImageButton(R.drawable.ic_jetnews_logo) {
openDrawer()
}
}
)
VerticalScroller(modifier = Flexible(1f)) {
Column {
HomeScreenTopSection(post = postTop)
HomeScreenSimpleSection(posts = postsSimple)
HomeScreenPopularSection(posts = postsPopular)
HomeScreenHistorySection(posts = postsHistory)
}
}
}
}

View Slide

Jetpack Compose
@Preview
fun HomeScreen(openDrawer: () -> Unit) {
val postTop = posts[3]
val postsSimple = posts.subList(0, 2)
val postsPopular = posts.subList(2, 7)
val postsHistory = posts.subList(7, 10)
Column {
TopAppBar(
title = { Text(text = "Jetnews") },
navigationIcon = {
VectorImageButton(R.drawable.ic_jetnews_logo) {
openDrawer()
}
}
)
VerticalScroller(modifier = Flexible(1f)) {
Column {
HomeScreenTopSection(post = postTop)
HomeScreenSimpleSection(posts = postsSimple)
HomeScreenPopularSection(posts = postsPopular)
HomeScreenHistorySection(posts = postsHistory)
}
}
}
}

View Slide

Networking

View Slide

Square 社製でデファクトスタン
ダードになっています。Android
5.0 以上が最低動作バージョンに
なっており、JSON, Protobuf,
XML などにも対応していてとて
も使くなっています。
Retrofit (+ OkHttp)
interface SampleService {
@GET("users/{user}")
fun getUser(@Path("user") user: String): Deferred
}
val retrofit = Retrofit.Builder()
.baseUrl("https: //wasabeef.jp/")
.client(okHttpClient)
.build()
val service = retrofit.create(SampleService ::class.java)
launch {
val user = service.getUser("wasabeef").await()
// Do something
}

View Slide

Dependency Injection
(DI)

View Slide

Dagger Koin Kodein
Java
Google 製
慣れるまで難しい
利用実績が多い
高速
JVM, Android
Kotlin
軽量で簡単
DSL
Kotlin
簡単
マルチプラットフォーム
対応 (JVM Android, JS, iOS)

View Slide

Dagger
Java
Google 製
慣れるまで難しい
利用実績が多い
高速
JVM, Android

View Slide

Firebase

View Slide

Firebase
iOS、Android、ウェブ向けの
包括的な開発プラットフォーム
となります。Crashlytics、
Authentication、Cloud
Messaging、Test Lab など
様々なプロダクトで採用実績が
あります。

View Slide

Test Lab

View Slide

Firebase Test Lab
アプリをアップロードするだけ
で、Google が管理する複数の実
機及びエミュレータ上で同時に
動作確認ができます。Android
の Instrumentation テストにも
対応していて CI から実行するこ
とも可能となっています。iOS
の XCTest にも対応していま
す。

View Slide

Firebase Test Lab
Firebase Console からテストの
実行状況が確認できます。
赤い▲がクラッシュした場合の表
示です。

View Slide

Firebase Test Lab
アプリがクラッシュした場合には
スタックトレースや Logcat を確
認することができます。

View Slide

Firebase Test Lab
テスト実行中の端末を終始、画面
録画されて、CPU やメモリなどの
グラフも確認できるようになって
います。

View Slide

Firebase Test Lab
画面録画だけではなく、動作中の
スクリーンショットも確認するこ
とができます。

View Slide

2020年はどうなることやら。
Conclusion
twitter.com/wasabeef_jp
wasabeef.jp
github.com/wasabeef
Photo by Annie Spratt on Unsplash

View Slide

来年に備えるために Android の知識を網羅する / Looking back on this Android year in preparation for next year.

来年に備えるために Android の知識を網羅する / Looking back on this Android year in preparation for next year.

Daichi Furiya (Wasabeef)

More Decks by Daichi Furiya (Wasabeef)

Other Decks in Programming

Featured

Transcript