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
Ankoでコンポーネント指向
Search
Keita Kagurazaka
December 13, 2016
Programming
1
7.9k
Ankoでコンポーネント指向
第4回Kotlin勉強会 (
https://connpass.com/event/44710/
) で発表した資料です。
Keita Kagurazaka
December 13, 2016
Tweet
Share
More Decks by Keita Kagurazaka
See All by Keita Kagurazaka
SELECT FOR UPDATEの話
kkagurazaka
0
380
Mobileアプリのアーキテクチャ設計法
kkagurazaka
2
1.4k
原理から完全理解するDagger Hilt Migration
kkagurazaka
1
1.8k
今後のJetpackでAndroid開発はこう変わる!
kkagurazaka
16
6.1k
外部SDKのViewにマスク処理をする方法と罠
kkagurazaka
0
950
AWAのフルリニューアルを支えたアーキテクチャ
kkagurazaka
1
860
CQRS Architecture on Android
kkagurazaka
7
3k
suspending functionの裏側
kkagurazaka
3
440
coroutinesで非同期ページネーション
kkagurazaka
1
640
Other Decks in Programming
See All in Programming
バリデーションライブラリ徹底比較
nayuta999999
1
360
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
suzukimar
0
190
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
160
iOSアプリ開発もLLMで自動運転する
hiragram
6
2.1k
鯛変だったRubyKaigi 2025 ── それでも楽しかった!
pndcat
0
130
ドメイン駆動設計とXPで支える子どもの未来 / Domain-Driven Design and XP Supporting Children's Future
nrslib
0
350
ts-morph実践:型を利用するcodemodのテクニック
ypresto
1
520
List Unfolding - 'unfold' as the Computational Dual of 'fold', and how 'unfold' relates to 'iterate'"
philipschwarz
PRO
0
110
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
Zennの運営完全に理解した #完全に理解したTalk
wadayusuke
1
130
推論された型の移植性エラーTS2742に挑む
teamlab
PRO
0
150
衛星の軌道をWeb地図上に表示する
sankichi92
0
240
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
740
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
Code Reviewing Like a Champion
maltzj
523
40k
For a Future-Friendly Web
brad_frost
178
9.7k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
Side Projects
sachag
454
42k
Code Review Best Practice
trishagee
68
18k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Thoughts on Productivity
jonyablonski
69
4.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Transcript
Ankoでコンポーネント指向 2016/12/13 第4回 Kotlin勉強会 @ Sansan @kkagurazaka
自己紹介 • @kkagurazaka • 普段はC++で画像処理とか • Kotlin lover • 趣味Androider
RxProperty for Android https://github.com/k-kagurazaka/rx-property-android
初LTです
コンポーネント指向 • 近年Webフロント界隈で注目 • プレゼンテーション層のパラダイム
普通のModel-View-Presenter View Presenter • View Template • UI State •
Event Handling • View Controller
普通のModel-View-ViewModel View ViewModel • View Template • Event Handling •
UI State
コンポーネント指向 AllTasksComponent View ViewModel ToolbarComponent View ViewModel TaskListComponent View ViewModel
TaskComponent View ViewModel FABComponent View ViewModel
Reactの場合 UI State Event Handling View Template
なにが嬉しいのか? • 関心の分離 View TemplateとPresentation Logicの分離は「技術による分離」 • カプセル化 1つのコンポーネントに関心事項が収まる •
再利用性 一度定義したコンポーネントは使い回せる
Presentational / Container Component Presentational Container 関心 どう見えるか どう動くか データ読み込み
親コンポーネントから与え られる モデルから取得 データ書き込み 親コンポーネントから与え られるコールバックを呼ぶ モデルのロジックをキック 内部状態 (なるべく)持たない 持つ
Presentational / Container Component Container Presentational Container Presentational Presentational Presentational
Presentational Presentational Presentational
Androidの場合は?
• Container Component ◦ Activity / Fragment ◦ イベントを受けてモデルをキックする、実質Presenter •
Presentational Component ◦ (Custom) View / Composite View ◦ 親から受け取った値を表示するだけ • View Template ◦ layout.xml + DataBinding ◦ <include>でコンポーネントのネストを実現
layout.xml + DataBindingの辛み • XMLそのものが辛い ◦ タイプセーフじゃない ◦ DataBinding周りの補完が不十分 ◦
Javaコードと行ったり来たり • エラーの原因がわかりにくい ◦ Android Studioでうまくエラーメッセージ出ない経験ないですか? • Kotlinとの相性がイマイチ ◦ 大分マシにはなったものの、kaptは問題が起きやすい
None
Anko • KotlinでAndroidアプリ開発するのに便利な機能たくさん ◦ layout.xmlをKotlin上でDSLとして・・・ ◦ 非同期処理を簡単に・・・ ◦ SQLiteも簡単に・・・ ◦
その他便利なユーティリティ多数 • JetBrains製
Layout DSL • タイプセーフ・nullセーフ • 再利用性が高い • パース時間ゼロ • DataBinding不要
⇒コンポーネント作れる!
やってみよう
None
1. AnkoComponentを継承してLayout DSL
2. 外部とのI/F定義 ダサい・・・
Bound call references (since Kotlin 1.1)
Javaのgetter/setterから自動生成されたプロパティには未対応
気を取り直して・・・
3. DSL内で使える拡張関数を定義 あとは同じようにコンポーネントを作っていくだけ!
まとめ • Ankoを使えばAndroidでもコンポーネント指向はできる • ただし、まだネタ枠 ◦ タブレット対応どうする? ◦ アーキテクチャどうする? ◦
propsのバケツリレーどうする?
Thanks!