Slide 1
Slide 1 text
Redux for Android
yuyakaido
DroidKaigi 2019
Slide 2
Slide 2 text
ࣗݾհ
• ւ౻༏ʢ͔͍Ͳ͏Ώ͏ʣ
• גࣜձࣾΤϨΧ
• AndroidΤϯδχΞ
• DroidKaigi
• 2016 - ςετ͓͡͞Μ
• 2017 - RxJavaͷΤϥʔϋϯυϦϯά
• 2018 - ϚϧνϩάΠϯͷ࣮ํ๏
• 2019 - Redux for Android
2
yuyakaido
Slide 3
Slide 3 text
Pairs Japan / Global
• ຊ࠷େͷϚονϯάαʔϏε
• ɾؖࠃͰαʔϏεల։
• ձһɿ1000ສਓ
• Ϛονϯάɿ5600ສ
• Χοϓϧɿ10ສ
3
Slide 4
Slide 4 text
࣍
• ͡Ίʹ
• AndroidΞϓϦ։ൃʹ͓͚Δ·͍͠ɺଞͷϓϥοτϑΥʔϜͰͷղܾࡦ
• جૅฤ
• Reduxͷશମ૾ͱߏཁૉ
• αϯϓϧɿTODOΞϓϦ
• Ԡ༻ฤ
• ඇಉظॲཧɺը໘ભҠɺঢ়ଶมߋͷෛՙɺςετίʔυ
• αϯϓϧɿGitHubΫϥΠΞϯτ
• ͓ΘΓʹ
• ReduxͷϝϦοτɾσϝϦοτ
• ଞͷΞʔΩςΫνϟͱͷؔੑ
• ·ͱΊ
4
Slide 5
Slide 5 text
͡Ίʹ
5
Slide 6
Slide 6 text
Android։ൃʹ͓͚Δ·͍͠
• OSґଘͷڍಈ
• iOS༏ͳຊࢢ
• ෳࡶͳঢ়ଶཧ
• ը໘Λލ͍ͩঢ়ଶͷಉظ
• ϥΠϑαΠΫϧͱͷ͖߹͍ํ
6
Slide 7
Slide 7 text
ը໘Λލ͍ͩঢ়ଶͷಉظ
• ෳͷը໘ͰಉҰͷใ͕දࣔ͞Ε͍ͯΔ߹ɺ͋Δը໘Ͱߦ
ΘΕͨঢ়ଶมߋΛଞͷը໘ʹಉظ͢Δඞཁ͕͋Δ
• ඪ४APIΛ༻͍ͯঢ়ଶΛಉظ͢Δ߹ɺը໘ؒͰํʹσʔ
λͷΓऔΓΛߦ͏
• Կ͕ʁ
• ը໘͕ํʹґଘͯ͠Մಡੑ͕ѱ͍
7
Slide 8
Slide 8 text
ϥΠϑαΠΫϧͱͷ͖߹͍ํ
• ଟ͘ͷϥΠϑαΠΫϧ͕ଘࡏ͠ɺϥΠϑαΠΫϧʹ߹Θͤͯঢ়
ଶΛཧ͢Δඞཁ͕͋Δ
• ը໘ճసϝϞϦෆʹΑΔը໘ͷ࠶ੜͱ͍ͬͨΠϨΪϡϥʔ
έʔεߟྀ͢Δඞཁ͕͋Δ
• Կ͕ʁ
• ϥΠϑαΠΫϧͱঢ়ଶཧͱ͍͏ຊ࣭తʹແؔͷͷ͕
ಉډ͍ͯ͠Δ
8
Slide 9
Slide 9 text
ෳࡶͳঢ়ଶཧͷ
• ঢ়ଶΛಉظ͢ΔͨΊʹը໘͕ํʹґଘ͍ͯ͠Δ
• ϥΠϑαΠΫϧͱঢ়ଶཧ͕ಉډ͍ͯ͠Δ
9
Slide 10
Slide 10 text
ଞͷϓϥοτϑΥʔϜͰͷղܾࡦ
• ୯ํσʔλϑϩʔͷߟ͑ํʹଇͬͯঢ়ଶཧΛߦ͏ͷ͕ओྲྀ
• σʔλͷྲྀΕΛ୯ํʹ੍ݶ͢Δߟ͑ํ
• ͜ΕʹΑͬͯঢ়ଶมߋʹ·ͭΘΔͷଟ͕͘ղফՄೳ
• ୯ํσʔλϑϩʔͷ࣮ྫͱͯ͠ɺFacebook͕FluxΛఏএ
• ͦͷޙଟ͘ͷ࣮ྫ͕ొ͠ɺ࠷ϝδϟʔͳͷ͕Redux
10
Slide 11
Slide 11 text
Redux
• ୯ํσʔλϑϩʔΛϕʔεͱͨ͠ΞʔΩςΫνϟ
• ঢ়ଶΛதԝͰҰׅཧ͠ɺը໘ͦΕΛඳը͢Δ͚ͩ
• ReduxͰঢ়ଶཧͷΛղফͰ͖ΔͷͰͳ͍͔ʁ
• ঢ়ଶΛதԝͰҰׅཧ͢Δ͜ͱͰը໘͕ํʹґଘ͠ͳ͍
• ঢ়ଶཧͱϥΠϑαΠΫϧΛ͢Δ͜ͱ͕Ͱ͖Δ
11
Slide 12
Slide 12 text
جૅฤ
12
Slide 13
Slide 13 text
Reduxͷߏཁૉ
13
Slide 14
Slide 14 text
State
• ΞϓϦશମͷঢ়ଶΛදݱ͢Δͷ
• ΞϓϦશମͷঢ়ଶΛ1ͭͷStateͰදݱ͢Δ
• ෭࡞༻Λࢭ͢ΔͨΊʹಡΈऔΓઐ༻Ͱఆٛ͢Δͱྑ͍
14
Slide 15
Slide 15 text
Action
• ঢ়ଶͷมߋ༰Λදݱ͢Δͷ
• ActionΛStoreʹ͢͜ͱͰঢ়ଶͷมߋΛߦ͏͜ͱ͕ग़དྷΔ
15
Slide 16
Slide 16 text
Reducer
• StateͱAction͔ΒStateΛܭࢉ͢Δͷ
• ܕͰදݱ͢Δͱɺ(State, Action) -> StateͱͳΔ
• ෭࡞༻ͷͳ͍७ਮͳؔͱ࣮ͯ͢͠Δඞཁ͕͋Δ
16
Slide 17
Slide 17 text
Store
• Stateͷอ࣋ɾมߋɾ௨Λߦ͏ͷ
• ঢ়ଶมߋॲཧReducerΛ༻͍ͯߦ͏
• RxJavaΛར༻͢Δͱ࣮͕Γ͍͢
17
Slide 18
Slide 18 text
αϯϓϧ
• TodoΞϓϦ
• TodoҰཡ
• TodoՃ
• ٕज़ཁૉ
• Reduxͷશମ૾
• ֤ཁૉͷ࣮
• ঢ়ଶมߋͷखॱ
• ϦϙδτϦ
• https://github.com/yuyakaido/ReduxKit
18
Slide 19
Slide 19 text
શମ૾
19
Slide 20
Slide 20 text
Ϣʔεέʔε
• TodoҰཡ
• TodoՃ
20
Slide 21
Slide 21 text
AppState
21
Slide 22
Slide 22 text
AppState
• ΞϓϦશମͷঢ়ଶΛදݱ͢ΔΫϥε
• Data Classͱͯ͠ఆٛ͢Δͱঢ়ଶมߋָ͕
data class AppState(
val todos: List = emptyList()
) : StateType
data class Todo(
val title: String
)
22
Slide 23
Slide 23 text
AppAction
23
Slide 24
Slide 24 text
AppAction
• ঢ়ଶมߋΛදݱ͢ΔΫϥε
• Sealed ClassͰ࣮͢Δ͜ͱͰReducerΛγϯϓϧʹͰ͖Δ
sealed class AppAction : ActionType {
data class RefreshTodos(val todos: List) : AppAction()
data class AddTodo(val todo: Todo) : AppAction()
}
24
Slide 25
Slide 25 text
AppReducer
25
Slide 26
Slide 26 text
AppReducer
• AppStateͱAppAction͔ΒAppStateΛܭࢉ͢ΔΫϥε
• Sealed ClassΛͬͨ߹else͕ෆཁʹͳΔ
object AppReducer : ReducerType {
override fun reduce(state: AppState, action: AppAction): AppState {
return when (action) {
is AppAction.RefreshTodos -> {
state.copy(todos = action.todos)
}
is AppAction.AddTodo -> {
state.copy(todos = state.todos.plus(action.todo))
}
}
}
}
26
Slide 27
Slide 27 text
AppStore
27
Slide 28
Slide 28 text
AppStore
• AppStateͷอ࣋ɾมߋɾ௨Λߦ͏Ϋϥε
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
override fun observable(): Observable {
return state.observeOn(AndroidSchedulers.mainThread())
}
}
28
Slide 29
Slide 29 text
AppStore
• AppStateͷอ࣋ɾมߋɾ௨Λߦ͏Ϋϥε
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
override fun observable(): Observable {
return state.observeOn(AndroidSchedulers.mainThread())
}
}
29
ॳظͷड͚औΓ
Slide 30
Slide 30 text
AppStore
• AppStateͷอ࣋ɾมߋɾ௨Λߦ͏Ϋϥε
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
override fun observable(): Observable {
return state.observeOn(AndroidSchedulers.mainThread())
}
}
30
ঢ়ଶͷอ࣋
Slide 31
Slide 31 text
AppStore
• AppStateͷอ࣋ɾมߋɾ௨Λߦ͏Ϋϥε
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
override fun observable(): Observable {
return state.observeOn(AndroidSchedulers.mainThread())
}
}
31
ঢ়ଶͷมߋ
Slide 32
Slide 32 text
AppStore
• AppStateͷอ࣋ɾมߋɾ௨Λߦ͏Ϋϥε
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
override fun observable(): Observable {
return state.observeOn(AndroidSchedulers.mainThread())
}
}
32
ঢ়ଶͷ௨
Slide 33
Slide 33 text
View
33
Slide 34
Slide 34 text
View
• AppStateΛߪಡ͠ɺTodoҰཡΛඳը͢ΔΫϥε
val adapter = TodoAdapter()
binding.recyclerView.layoutManager = LinearLayoutManager(this)
binding.recyclerView.adapter = adapter
getAppStore().observable()
.subscribeBy { state ->
adapter.setTodos(state.todos)
adapter.notifyDataSetChanged()
}
.addTo(disposables)
34
Slide 35
Slide 35 text
Ϣʔεέʔε
• TodoҰཡ
• TodoՃ
35
Slide 36
Slide 36 text
View → AppAction
36
Slide 37
Slide 37 text
View → AppAction
• FloatingActionButtonͷԡԼ࣌ʹAppActionΛੜ͢Δ
• ࠓճTodoͷՃΛߦ͏ͷͰɺAppAction.AddTodoΛੜ͢Δ
binding.floatingActionButton
.setOnClickListener {
val todo = Todo(" NewTask!")
val action = AppAction.AddTodo(todo)
}
37
Slide 38
Slide 38 text
AppAction → AppStore
38
Slide 39
Slide 39 text
AppAction → AppStore
• AppActionΛAppStoreʹ͢͜ͱͰঢ়ଶมߋΛߦ͏
val todo = Todo(" NewTask!")
val action = AppAction.AddTodo(todo)
getAppStore().dispatch(action)
39
Slide 40
Slide 40 text
AppStore → AppReducer
40
Slide 41
Slide 41 text
AppStore → AppReducer
• AppStoreAppReducerΛར༻ͯ࣍͠ͷAppStateΛܭࢉ͢Δ
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
}
41
Slide 42
Slide 42 text
AppStore → AppReducer
• AppStoreAppReducerΛར༻ͯ࣍͠ͷAppStateΛܭࢉ͢Δ
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
}
42
Actionͷड͚औΓ
Slide 43
Slide 43 text
AppStore → AppReducer
• AppStoreAppReducerΛར༻ͯ࣍͠ͷAppStateΛܭࢉ͢Δ
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
val nextState = AppReducer.reduce(currentState, action as AppAction)
state.accept(nextState)
}
}
}
43
ঢ়ଶͷมߋ
Slide 44
Slide 44 text
AppStore → AppState
44
Slide 45
Slide 45 text
AppStore → AppState
• AppStoreঢ়ଶ͕มߋ͞ΕΔʹAppStateΛ௨͢Δ
• AppStateViewʹߪಡ͞ΕΔͷͰϝΠϯεϨουͰ௨͢Δ
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun observable(): Observable {
return state.observeOn(AndroidSchedulers.mainThread())
}
}
45
Slide 46
Slide 46 text
AppStore → AppState
• AppStoreঢ়ଶ͕มߋ͞ΕΔʹAppStateΛ௨͢Δ
• AppStateViewʹߪಡ͞ΕΔͷͰϝΠϯεϨουͰ௨͢Δ
class AppStore(
private val initialState: AppState = AppState()
) : StoreType {
private val state = BehaviorRelay.createDefault(initialState)
override fun observable(): Observable {
return state.observeOn(AndroidSchedulers.mainThread())
}
}
46
ঢ়ଶͷมߋ௨
Slide 47
Slide 47 text
AppState → View
47
Slide 48
Slide 48 text
AppState → View
• AppStateΛߪಡ͠ɺঢ়ଶมߋΛड͚औΔͱը໘Λߋ৽͢Δ
val adapter = TodoAdapter()
binding.recyclerView.layoutManager = LinearLayoutManager(this)
binding.recyclerView.adapter = adapter
getAppStore().observable()
.subscribeBy { state ->
adapter.setTodos(state.todos)
adapter.notifyDataSetChanged()
}
.addTo(disposables)
48
Slide 49
Slide 49 text
Ԡ༻ฤ
49
Slide 50
Slide 50 text
Ԡ༻ฤ
• ࣮ࡍͷϓϩμΫτͰɺߟྀ͖͢͜ͱ͕ͨ͘͞Μ͢Δ
• ඇಉظॲཧ
• ը໘ભҠ
• ঢ়ଶมߋͷෛՙ
• ςετίʔυ
50
Slide 51
Slide 51 text
ඇಉظॲཧ
• Reduxঢ়ଶཧʹಛԽ͓ͯ͠ΓɺඇಉظॲཧΛࡹ͘ΈΛ࣋ͨͳ͍
• ReduxͷελϯεReducerҎલͰඇಉظॲཧΛࡹ͘͜ͱ
• ͦͷݱΕͱͯ͠ɺReducerҎ߱ඞͣಉظॲཧͰهड़͢Δඞཁ͕͋Δ
• ࣮ࡍඇಉظॲཧඞਢͰ͋ΓɺMiddlewareΛ༻͍࣮͕ͨओྲྀ
• redux-thunk
• redux-saga
• etc…
51
Slide 52
Slide 52 text
Middleware
• StoreͰͷঢ়ଶมߋલޙʹॲཧΛڬΉͨΊͷػߏ
• Middlewareͷ࣮ྫ
• ϩΪϯάॲཧ
• ඇಉظॲཧ
• etc…
• ෳͷMiddlewareΛઃఆ͢Δ͜ͱ͕Մೳ
52
Slide 53
Slide 53 text
53
Slide 54
Slide 54 text
LoggerMiddleware
• ϩάग़ྗMiddlewareͷ࠷୯७ͳར༻ྫ
• Dispatch͞ΕͨActionΛஞҰϩάʹग़ྗ͢Δ
• ඞཁʹԠͯ͡StateΛग़ྗ͢Δ͜ͱՄೳ
class LoggerMiddleware : MiddlewareType {
override fun before(state: StateType, action: ActionType): Single {
Log.d("ReduxKit", "Before dispatching: ${action::class.java.simpleName}")
return Single.just(action)
}
override fun after(state: StateType, action: ActionType): Single {
Log.d("ReduxKit", "After dispatching: ${action::class.java.simpleName}")
return Single.just(action)
}
}
54
Slide 55
Slide 55 text
ThunkMiddleware
• ඇಉظॲཧΛߦ͏ࡍͷ࠷ҰൠతͳΞϓϩʔν
55
Slide 56
Slide 56 text
ThunkMiddleware
interface AsyncActionType : ActionType {
fun execute(dispatcher: Dispatcher): Single
}
class ThunkMiddleware(
private val dispatcher: Dispatcher
) : MiddlewareType {
override fun before(state: StateType, action: ActionType): Single {
return if (action is AsyncActionType) {
action.execute(dispatcher)
} else {
Single.just(action)
}
}
override fun after(state: StateType, action: ActionType): Single {
return Single.just(action)
}
}
56
Slide 57
Slide 57 text
ThunkMiddleware
interface AsyncActionType : ActionType {
fun execute(dispatcher: Dispatcher): Single
}
class ThunkMiddleware(
private val dispatcher: Dispatcher
) : MiddlewareType {
override fun before(state: StateType, action: ActionType): Single {
return if (action is AsyncActionType) {
action.execute(dispatcher)
} else {
Single.just(action)
}
}
override fun after(state: StateType, action: ActionType): Single {
return Single.just(action)
}
}
57
ඇಉظॲཧ༻ͷInterface
Slide 58
Slide 58 text
ThunkMiddleware
interface AsyncActionType : ActionType {
fun execute(dispatcher: Dispatcher): Single
}
class ThunkMiddleware(
private val dispatcher: Dispatcher
) : MiddlewareType {
override fun before(state: StateType, action: ActionType): Single {
return if (action is AsyncActionType) {
action.execute(dispatcher)
} else {
Single.just(action)
}
}
override fun after(state: StateType, action: ActionType): Single {
return Single.just(action)
}
}
58
ඇಉظॲཧͷ߹͚࣮ͩߦ͢Δ
Slide 59
Slide 59 text
ThunkMiddleware
interface AsyncActionType : ActionType {
fun execute(dispatcher: Dispatcher): Single
}
class ThunkMiddleware(
private val dispatcher: Dispatcher
) : MiddlewareType {
override fun before(state: StateType, action: ActionType): Single {
return if (action is AsyncActionType) {
action.execute(dispatcher)
} else {
Single.just(action)
}
}
override fun after(state: StateType, action: ActionType): Single {
return Single.just(action)
}
}
59
Dispatcherͱʁ
Slide 60
Slide 60 text
Dispatcher
• ඇಉظʹॲཧΛߦ͏ؒʹผͷActionΛൃߦ͢ΔͨΊͷΈ
• ྫ͑ɺαʔόʔ͔ΒσʔλΛऔಘ͍ͯ͠ΔؒʹϩʔσΟϯά
Λදࣔ͢Δ
60
Slide 61
Slide 61 text
61
Slide 62
Slide 62 text
ը໘ભҠ
• Reduxঢ়ଶཧʹಛԽ͍ͯ͠Δ
• ͦͦը໘ભҠঢ়ଶͳͷ͔ʁ
• BooleanͰແཧΓঢ়ଶͱͯ͠දݱͰ͖ͳ͘ͳ͍
• Ұ࣌తͳͷͳͷͰঢ়ଶͱͯ͠දݱ͠ʹ͍͘
• ઈରతͳਖ਼ղͳ͍͕ɺReduxͱผʹ࣮͢Δͷ͕ແ
62
Slide 63
Slide 63 text
ঢ়ଶมߋͷෛՙ
• ReduxͰΞϓϦશମͷঢ়ଶΛ1ͭͷStateͰදݱ͢Δ
• Stateͷઃܭʹ໌֬ͳࢦଘࡏ͠ͳ͍
• ୯७ͳΞϓϦͷ߹ɺը໘୯ҐͰStateΛఆٛ͢Εྑ͍
• ෳࡶͳΞϓϦͷ߹ɺը໘୯ҐͰStateΛఆٛ͢Δͱσʔλͷॏ
ෳ͕ͱͳΔ
63
Slide 64
Slide 64 text
σʔλॏෳ
• TodoΞϓϦʹػೳΛՃ͢Δ߹Λߟ͑Δ
• Todoͷىථऀͱ͍͏֓೦ΛՃ͢Δ
• શͯͷTodo͕දࣔ͞ΕΔը໘Λ࣮͢Δ
• ࣗͷTodo͚͕ͩදࣔ͞ΕΔը໘Λ࣮͢Δ
64
Slide 65
Slide 65 text
65
Slide 66
Slide 66 text
σʔλͷਖ਼نԽ
• RDBͷΑ͏ʹσʔλΛਖ਼نԽͯ͠ΈΔ
66
Slide 67
Slide 67 text
67
Slide 68
Slide 68 text
68
Slide 69
Slide 69 text
αϯϓϧ
• GitHubΫϥΠΞϯτ
• ݕࡧը໘
• ελʔҰཡը໘
• ٕज़ཁૉ
• ඇಉظॲཧ
• σʔλͷਖ਼نԽ
69
ݕࡧը໘ ελʔҰཡը໘
Slide 70
Slide 70 text
શମ૾
70
Slide 71
Slide 71 text
AppState
71
Slide 72
Slide 72 text
AppState
• ΞϓϦશମͷঢ়ଶΛදݱ͢ΔΫϥε
data class AppState(
val domain: DomainState = DomainState(),
val search: SearchStoreState = SearchStoreState(),
val star: StarStoreState = StarStoreState()
) : StateType {
fun toSearchViewState(): SearchViewState
fun toStarViewState(): StarViewState
}
72
Slide 73
Slide 73 text
AppState
• ΞϓϦશମͷঢ়ଶΛදݱ͢ΔΫϥε
data class AppState(
val domain: DomainState = DomainState(),
val search: SearchStoreState = SearchStoreState(),
val star: StarStoreState = StarStoreState()
) : StateType {
fun toSearchViewState(): SearchViewState
fun toStarViewState(): StarViewState
}
73
υϝΠϯΤϯςΟςΟΛදݱ͢ΔΫϥε
Slide 74
Slide 74 text
AppState
• ΞϓϦશମͷঢ়ଶΛදݱ͢ΔΫϥε
data class AppState(
val domain: DomainState = DomainState(),
val search: SearchStoreState = SearchStoreState(),
val star: StarStoreState = StarStoreState()
) : StateType {
fun toSearchViewState(): SearchViewState
fun toStarViewState(): StarViewState
}
74
ݕࡧը໘ͷঢ়ଶΛදݱ͢ΔΫϥε
Slide 75
Slide 75 text
AppState
• ΞϓϦશମͷঢ়ଶΛදݱ͢ΔΫϥε
data class AppState(
val domain: DomainState = DomainState(),
val search: SearchStoreState = SearchStoreState(),
val star: StarStoreState = StarStoreState()
) : StateType {
fun toSearchViewState(): SearchViewState
fun toStarViewState(): StarViewState
}
75
ελʔҰཡը໘ͷঢ়ଶΛදݱ͢ΔΫϥε
Slide 76
Slide 76 text
76
Slide 77
Slide 77 text
AppState
data class AppState(
val domain: DomainState = DomainState(),
val search: SearchStoreState = SearchStoreState(),
val star: StarStoreState = StarStoreState()
) : StateType {
fun toSearchViewState(): SearchViewState {
return SearchViewState(
isLoading = search.isLoading,
repos = search.repos.map { domain.findRepoById(it.id) }
)
}
fun toStarViewState(): StarViewState {
return StarViewState(
isLoading = star.isLoading,
repos = star.repos.map { domain.findRepoById(it.id) }
)
}
}
77
Slide 78
Slide 78 text
AppAction
78
Slide 79
Slide 79 text
AppAction
• ঢ়ଶมߋΛදݱ͢ΔΫϥε
sealed class AppAction : ActionType {
sealed class DomainAction : AppAction()
sealed class SearchAction : AppAction()
sealed class StarAction : AppAction()
}
79
Slide 80
Slide 80 text
AppAction
• ঢ়ଶมߋΛදݱ͢ΔΫϥε
sealed class AppAction : ActionType {
sealed class DomainAction : AppAction()
sealed class SearchAction : AppAction()
sealed class StarAction : AppAction()
}
80
DomainStateͷঢ়ଶมߋΛදݱ͢ΔΫϥε
Slide 81
Slide 81 text
AppAction
• ঢ়ଶมߋΛදݱ͢ΔΫϥε
sealed class AppAction : ActionType {
sealed class DomainAction : AppAction()
sealed class SearchAction : AppAction()
sealed class StarAction : AppAction()
}
81
SearchStateͷঢ়ଶมߋΛදݱ͢ΔΫϥε
Slide 82
Slide 82 text
AppAction
• ঢ়ଶมߋΛදݱ͢ΔΫϥε
sealed class AppAction : ActionType {
sealed class DomainAction : AppAction()
sealed class SearchAction : AppAction()
sealed class StarAction : AppAction()
}
82
StarStateͷঢ়ଶมߋΛදݱ͢ΔΫϥε
Slide 83
Slide 83 text
AppReducer
83
Slide 84
Slide 84 text
AppReducer
• AppStateͱAppAction͔ΒAppStateΛܭࢉ͢ΔΫϥε
object AppReducer : ReducerType {
override fun reduce(state: AppState, action: AppAction): AppState {
return when (action) {
is AppAction.DomainAction -> {
state.copy(domain = DomainReducer.reduce(state.domain, action))
}
is AppAction.SearchAction -> {
state.copy(search = SearchReducer.reduce(state.search, action))
}
is AppAction.StarAction -> {
state.copy(star = StarReducer.reduce(state.star, action))
}
}
}
}
84
Slide 85
Slide 85 text
AppReducer
• AppStateͱAppAction͔ΒAppStateΛܭࢉ͢ΔΫϥε
object AppReducer : ReducerType {
override fun reduce(state: AppState, action: AppAction): AppState {
return when (action) {
is AppAction.DomainAction -> {
state.copy(domain = DomainReducer.reduce(state.domain, action))
}
is AppAction.SearchAction -> {
state.copy(search = SearchReducer.reduce(state.search, action))
}
is AppAction.StarAction -> {
state.copy(star = StarReducer.reduce(state.star, action))
}
}
}
}
85
DomainReducerΛ༻ͯ͠DomainStateΛܭࢉ
Slide 86
Slide 86 text
AppReducer
• AppStateͱAppAction͔ΒAppStateΛܭࢉ͢ΔΫϥε
object AppReducer : ReducerType {
override fun reduce(state: AppState, action: AppAction): AppState {
return when (action) {
is AppAction.DomainAction -> {
state.copy(domain = DomainReducer.reduce(state.domain, action))
}
is AppAction.SearchAction -> {
state.copy(search = SearchReducer.reduce(state.search, action))
}
is AppAction.StarAction -> {
state.copy(star = StarReducer.reduce(state.star, action))
}
}
}
}
86
SearchReducerΛ༻ͯ͠SearchStateΛܭࢉ
Slide 87
Slide 87 text
AppReducer
• AppStateͱAppAction͔ΒAppStateΛܭࢉ͢ΔΫϥε
object AppReducer : ReducerType {
override fun reduce(state: AppState, action: AppAction): AppState {
return when (action) {
is AppAction.DomainAction -> {
state.copy(domain = DomainReducer.reduce(state.domain, action))
}
is AppAction.SearchAction -> {
state.copy(search = SearchReducer.reduce(state.search, action))
}
is AppAction.StarAction -> {
state.copy(star = StarReducer.reduce(state.star, action))
}
}
}
}
87
StarReducerΛ༻ͯ͠StarStateΛܭࢉ
Slide 88
Slide 88 text
AppStore
88
Slide 89
Slide 89 text
AppStore
• AppStateͷอ࣋ɾมߋɾ௨
• MiddlewareΛར༻ͨ͠ϩάग़ྗɾඇಉظॲཧ
89
Slide 90
Slide 90 text
AppStore
90
Slide 91
Slide 91 text
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
Single.just(action)
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.before(currentState, currentAction)
}
}
return@flatMap stream
}
.doOnSuccess { update(it) }
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.after(currentState, currentAction)
}
}
return@flatMap stream
}
.subscribe()
}
}
91
Slide 92
Slide 92 text
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
Single.just(action)
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.before(currentState, currentAction)
}
}
return@flatMap stream
}
.doOnSuccess { update(it) }
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.after(currentState, currentAction)
}
}
return@flatMap stream
}
.subscribe()
}
}
92
Dispatch͞ΕͨActionΛىʹॲཧΛ։࢝
Slide 93
Slide 93 text
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
Single.just(action)
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.before(currentState, currentAction)
}
}
return@flatMap stream
}
.doOnSuccess { update(it) }
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.after(currentState, currentAction)
}
}
return@flatMap stream
}
.subscribe()
}
}
93
ࣄલॲཧ༻ͷMiddlewareΛ࿈݁
Slide 94
Slide 94 text
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
Single.just(action)
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.before(currentState, currentAction)
}
}
return@flatMap stream
}
.doOnSuccess { update(it) }
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.after(currentState, currentAction)
}
}
return@flatMap stream
}
.subscribe()
}
}
94
Storeͷঢ়ଶΛߋ৽
Slide 95
Slide 95 text
override fun dispatch(action: ActionType) {
state.value?.let { currentState ->
Single.just(action)
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.before(currentState, currentAction)
}
}
return@flatMap stream
}
.doOnSuccess { update(it) }
.flatMap { originalAction ->
var stream = Single.just(originalAction)
middlewares.forEach { middleware ->
stream = stream.flatMap { currentAction ->
middleware.after(currentState, currentAction)
}
}
return@flatMap stream
}
.subscribe()
}
}
95
ࣄޙॲཧ༻ͷMiddlewareΛ࿈݁
Slide 96
Slide 96 text
Ϣʔεέʔεຖͷ࣮
• ϦϙδτϦͷݕࡧॲཧ
• ݕࡧը໘ʹೖྗ͞ΕͨΫΤϦΛͱʹݕࡧΛ࣮ߦ
• ݕࡧ݁ՌΛҰཡͰදࣔ
• ϦϙδτϦͷελʔॲཧ
• ϦϙδτϦͷݕࡧ݁Ռ͔ΒελʔॲཧΛ࣮ߦ
• ελʔॲཧྃޙʹɺݕࡧը໘ͱελʔҰཡը໘ʹө
96
Slide 97
Slide 97 text
ϦϙδτϦͷݕࡧॲཧ
• ॲཧͷྲྀΕ
• ݕࡧॲཧΛඇಉظͰ࣮ߦ͢Δ
• ݕࡧॲཧͷ։࢝࣌ʹϩʔσΟϯάΛදࣔ͢Δ
• ݕࡧॲཧͷऴྃ࣌ʹϩʔσΟϯάΛඇදࣔʹ͢Δ
• ݕࡧ݁ՌΛݕࡧը໘ʹө͢Δ
97
Slide 98
Slide 98 text
class SearchActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun fetchSearchRepositories(query: String): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.searchRepositoriesByQuery(query)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(true))
}
.doOnEvent { _, _ ->
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(false))
}
.doOnSuccess { repos ->
dispatcher.dispatch(AppAction.DomainAction.PutRepos(repos))
}
.map { repos ->
AppAction.SearchAction.RefreshRepos(repos)
}
}
}
}
}
98
Slide 99
Slide 99 text
class SearchActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun fetchSearchRepositories(query: String): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.searchRepositoriesByQuery(query)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(true))
}
.doOnEvent { _, _ ->
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(false))
}
.doOnSuccess { repos ->
dispatcher.dispatch(AppAction.DomainAction.PutRepos(repos))
}
.map { repos ->
AppAction.SearchAction.RefreshRepos(repos)
}
}
}
}
}
99
ݕࡧॲཧΛ࣮ߦ
Slide 100
Slide 100 text
class SearchActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun fetchSearchRepositories(query: String): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.searchRepositoriesByQuery(query)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(true))
}
.doOnEvent { _, _ ->
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(false))
}
.doOnSuccess { repos ->
dispatcher.dispatch(AppAction.DomainAction.PutRepos(repos))
}
.map { repos ->
AppAction.SearchAction.RefreshRepos(repos)
}
}
}
}
}
100
ݕࡧॲཧͷ։࢝࣌ʹϩʔσΟϯάΛදࣔ
Slide 101
Slide 101 text
class SearchActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun fetchSearchRepositories(query: String): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.searchRepositoriesByQuery(query)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(true))
}
.doOnEvent { _, _ ->
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(false))
}
.doOnSuccess { repos ->
dispatcher.dispatch(AppAction.DomainAction.PutRepos(repos))
}
.map { repos ->
AppAction.SearchAction.RefreshRepos(repos)
}
}
}
}
}
101
ݕࡧॲཧͷऴྃ࣌ʹϩʔσΟϯάΛඇදࣔ
Slide 102
Slide 102 text
class SearchActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun fetchSearchRepositories(query: String): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.searchRepositoriesByQuery(query)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(true))
}
.doOnEvent { _, _ ->
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(false))
}
.doOnSuccess { repos ->
dispatcher.dispatch(AppAction.DomainAction.PutRepos(repos))
}
.map { repos ->
AppAction.SearchAction.RefreshRepos(repos)
}
}
}
}
}
102
DomainStateΛมߋ
Slide 103
Slide 103 text
class SearchActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun fetchSearchRepositories(query: String): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.searchRepositoriesByQuery(query)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(true))
}
.doOnEvent { _, _ ->
dispatcher.dispatch(AppAction.SearchAction.RefreshLoading(false))
}
.doOnSuccess { repos ->
dispatcher.dispatch(AppAction.DomainAction.PutRepos(repos))
}
.map { repos ->
AppAction.SearchAction.RefreshRepos(repos)
}
}
}
}
}
103
ݕࡧ݁ՌΛը໘ʹө
Slide 104
Slide 104 text
ϦϙδτϦͷελʔॲཧ
• ॲཧͷྲྀΕ
• ελʔॲཧΛඇಉظͰ࣮ߦ͢Δ
• ελʔҰཡը໘ʹϦϙδτϦΛՃ͢Δ
104
Slide 105
Slide 105 text
class StarActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun starRepo(repo: Repo): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.starRepo(repo)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSuccess { repo ->
dispatcher.dispatch(AppAction.DomainAction.StarRepo(repo))
}
.map { repo ->
AppAction.StarAction.AddRepo(repo)
}
}
}
}
}
105
Slide 106
Slide 106 text
class StarActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun starRepo(repo: Repo): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.starRepo(repo)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSuccess { repo ->
dispatcher.dispatch(AppAction.DomainAction.StarRepo(repo))
}
.map { repo ->
AppAction.StarAction.AddRepo(repo)
}
}
}
}
}
106
ελʔॲཧΛ࣮ߦ
Slide 107
Slide 107 text
class StarActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun starRepo(repo: Repo): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.starRepo(repo)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSuccess { repo ->
dispatcher.dispatch(AppAction.DomainAction.StarRepo(repo))
}
.map { repo ->
AppAction.StarAction.AddRepo(repo)
}
}
}
}
}
107
ελʔॲཧͷྃޙʹDomainStateΛมߋ
Slide 108
Slide 108 text
class StarActionCreator @Inject constructor(
private val repository: GitHubRepository
) {
fun starRepo(repo: Repo): AsyncActionType {
return object : AsyncActionType {
override fun execute(dispatcher: Dispatcher): Single {
return repository.starRepo(repo)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSuccess { repo ->
dispatcher.dispatch(AppAction.DomainAction.StarRepo(repo))
}
.map { repo ->
AppAction.StarAction.AddRepo(repo)
}
}
}
}
}
108
ελʔҰཡը໘ʹϦϙδτϦΛՃ
Slide 109
Slide 109 text
ςετίʔυ
• AppState/AppAction
• ೖΕΫϥεͳͷͰςετෆཁ
• AppReducer
• ঢ়ଶมߋͷܭࢉ͕ਖ਼͘͠ߦΘΕΔ͔ΛνΣοΫ͢Δ
• ७ਮͳؔͱ࣮͍ͯͯ͠͠ΔͷͰඇৗʹςετָ͕
• AppStore
• ঢ়ଶͷอ࣋ɾมߋɾ௨͕ਖ਼͘͠ߦΘΕΔ͔ΛνΣοΫ͢Δ
• RxJava͕བྷΉ෦TestObserverΛར༻ͯ͠ςετ͢Δ
109
Slide 110
Slide 110 text
AppReducer
• ঢ়ଶมߋͷܭࢉ͕ਖ਼͘͠ߦΘΕΔ͔ΛνΣοΫ͢Δ
var state = AppState()
assert(!state.search.isLoading)
val action = AppAction.SearchAction.RefreshLoading(isLoading = true)
state = AppReducer.reduce(state, action)
assert(state.search.isLoading)
110
Slide 111
Slide 111 text
AppStore
• ঢ়ଶͷอ࣋ɾมߋɾ௨͕ਖ਼͘͠ߦΘΕΔ͔ΛνΣοΫ͢Δ
val state = AppState()
val store = AppStore(state)
val observer = TestObserver()
store.observable().subscribe(observer)
observer.assertValueCount(1)
observer.assertValueAt(0, state)
val action = AppAction.SearchAction.RefreshLoading(true)
store.dispatch(action)
observer.assertValueCount(2)
observer.assertValueAt(1, state.copy(search = state.search.copy(isLoading = true)))
111
Slide 112
Slide 112 text
͓ΘΓʹ
112
Slide 113
Slide 113 text
ϝϦοτɾσϝϦοτ
• ϝϦοτ
• ୯ํσʔλϑϩʔʹΑͬͯίʔυ͕͍͘͢ͳΔ
• ঢ়ଶཧͷ࣮͕ΞϓϦશମͰ౷Ұ͞ΕΔ
• AndroidͷϥΠϑαΠΫϧʹࠨӈ͞Εͳ͘ͳΔ
• σϝϦοτ
• ReduxͷࢥΛཧղ͢Δ·Ͱ։ൃεϐʔυ͕μϯ
• ίʔυྔ͕૿͑ɺσʔλਖ਼نԽ·ͰؚΊΔͱ࣮͕େม
113
Slide 114
Slide 114 text
ଞͷΞʔΩςΫνϟͱͷؔੑ
114
Presentation Model
MVP ̋ ✕
MVVM ̋ ✕
Flux / Redux ̋ ✕
AAC ̋ ✕
Layered Architecture ✕ ̋
Slide 115
Slide 115 text
PairsͷΞʔΩςΫνϟ
• Redux
• MVVM
• Layered Architecture
115
Slide 116
Slide 116 text
·ͱΊ
• AndroidΞϓϦ։ൃͰঢ়ଶཧ͕·͍͠
• ը໘Λލ͍ͩঢ়ଶͷಉظ
• ϥΠϑαΠΫϧͱͷ͖߹͍ํ
• ReduxΛ࠾༻͢Δ͜ͱͰঢ়ଶཧʹ·ͭΘΔ͕ղফՄೳ
• ঢ়ଶΛதԝूݖతʹཧ
• ϥΠϑαΠΫϧͱঢ়ଶཧΛ
116
Slide 117
Slide 117 text
·ͱΊ
• جૅฤ
• Stateɿঢ়ଶΛදݱ͢Δͷ
• Actionɿঢ়ଶͷมߋ༰Λදݱ͢Δͷ
• Reducerɿ࣍ͷঢ়ଶΛܭࢉ͢Δͷ
• Storeɿঢ়ଶอ࣋ͱมߋΛ୲͢Δͷ
• Ԡ༻ฤ
• ඇಉظॲཧɿMiddlewareͰͷ࣮͕ओྲྀ
• ը໘ભҠɿReduxͱผͰ࣮͢Δ
• σʔλͷਖ਼نԽɿσʔλͷมߋෛՙΛԼ͛Δ
• ςετίʔυɿReducer؆୯ɺStoreTestObserverΛ͏
117
Slide 118
Slide 118 text
118 Credit: NASA Earth Observatory/NOAA NGDC
Thank you :)