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
Start Jetpack Compose.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
mitohato14
January 26, 2021
Programming
410
0
Share
Start Jetpack Compose.pdf
mitohato14
January 26, 2021
More Decks by mitohato14
See All by mitohato14
Androidアプリ開発にもCursorという選択肢を
mitohato14
0
460
兎に角、コードレビュー
mitohato14
2
380
CodeRabbitと過ごした1ヶ月 ─ AIコードレビュー導入で実感したチーム開発の進化
mitohato14
4
3.8k
アプリの復旧を早くしたい!
mitohato14
1
140
事業開発とコミュニティ活動
mitohato14
0
64
プレビューファーストUI開発
mitohato14
1
500
新米テックリードの試行錯誤.pdf
mitohato14
1
550
JetpackCompose Slot APIs
mitohato14
0
1.1k
Other Decks in Programming
See All in Programming
実用!Hono RPC2026
yodaka
2
230
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
nealle
2
200
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
shin1x1
0
380
Coding as Prompting Since 2025
ragingwind
0
840
PDI: Como Alavancar Sua Carreira e Seu Negócio
marcelgsantos
0
120
VueエンジニアがReactを触って感じた_設計の違い
koukimiura
0
180
書籍「ユーザーストーリーマッピング」が私のバイブル
asumikam
3
350
NakouPAY説明用
annouim0
0
180
ドメインイベントでビジネスロジックを解きほぐす #phpcon_odawara
kajitack
3
780
CDK Deployのための ”反響定位”
watany
4
780
Server-Side Kotlin LT大会 vol.18 [Kotlin-lspの最新情報と Neovimのlsp設定例]
yasunori0418
1
150
PCOVから学ぶコードカバレッジ #phpcon_odawara
o0h
PRO
0
270
Featured
See All Featured
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
260
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
YesSQL, Process and Tooling at Scale
rocio
174
15k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
280
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
140
For a Future-Friendly Web
brad_frost
183
10k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.5k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
The Curious Case for Waylosing
cassininazir
0
300
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.8k
Transcript
Jetpack Compose͡Ί mitohato14
ࣗݾհ ໊લɹٶཬᰜే ॴଐɹ߹ಉձࣾDMM.com ɹɹɹ૯߹τοϓ։ൃ෦(20৽ଔ) झຯɹήʔϜ Twitter ɹ@mitohato14 GitHubɹ@mitohato
※ҙ • ഁյతมߋ͕ൃੜ͢ΔՄೳੑ͕͋Γ·͢ɻ • 1.0.0-alpha09࣌ͰͷใΛѻ͍ͬͯ·͢ɻ
͢͜ͱ • Jetpack Composeͱ • એݴతUIͱ໋ྩతUIͷҧ͍ • ঢ়ଶϗΠεςΟϯά
͞ͳ͍͜ͱ • ৄࡉͳίʔυͷॻ͖ํ • ͏͖͔൱͔ • ઃܭͷࡉ͔͍
Jetpack Composeͱ
Jetpack Composeͱ • ωΠςΟϒUIΛߏங͢ΔͨΊͷએݴతUIπʔϧΩοτ • Kotlin APIΛར༻͠AndroidͰͷUI։ൃΛ؆ૉԽ͢Δ • ίϯϙʔβϒϧؔΛΈ߹ΘͤͯUIΛߏங͢Δ
None
એݴతUIʁ એݴతUIͬͯͳΜͩ… ࠓ·ͰͷͷͱԿ͕ҧ͏Μͩ… ٯʹࠓ·ͰͷͷԿ͍ͯ͏Μͩ…
ൺֱ • ࠓ·Ͱओྲྀͳํ๏໋ྩత • Jetpack Composeએݴత
Կ͕ҧ͏ͷ͔ ໋ྩతUI ͲͷViewΛͲ͏͢Δͷ͔Λهड़͢Δ એݴతUI View͕Ͳ͏ͳΔͷ͔Λهड़͢Δ
໋ྩతUI View͕ఏڙ͍ͯ͠ΔϝιουΛ௨ͯ͠ঢ়ଶΛมԽͤ͞Δ ίʔυͰͲͷViewΛߋ৽͢Δ͔هड़ ΞϓϦͷঢ়ଶͱViewͷঢ়ଶ
એݴతUI ͜ͷView͜ͷঢ়ଶΛදࣔ͢Δ ίʔυͰͲͷView͕Ͳͷঢ়ଶΛ͔࣋ͭهड़ ΞϓϦͷঢ়ଶʹண
αϯϓϧ
໋ྩతUI
໋ྩతUI
໋ྩతUI
એݴతUI
એݴతUI
એݴతUI
એݴతUI
એݴతUI
ঢ়ଶϗΠεςΟϯά
ঢ়ଶͱ
ঢ়ଶͱ
ঢ়ଶϗΠεςΟϯά • ঢ়ଶΛύϥϝʔλͱΠϕϯτʹஔ͖͑Δ • ঢ়ଶΛݺͼग़͠ݩ͕࣋ͭΑ͏ʹ͢Δ • εςʔτϑϧͳίϯϙʔβϒϧΛεςʔτϨεʹ
εςʔτϑϧ
εςʔτϑϧ
εςʔτϑϧ
εςʔτϨε
εςʔτϨε
εςʔτϨε
Կ͕خ͍͠ͷ͔ • ίϯϙʔβϒϧؔͷঢ়ଶΛଞͰར༻Ͱ͖Δʂ • ࠶ར༻ςετ͕༰қʹͳΔʂ • ঢ়ଶͷཧ͕͍͢͠ʂ
ݺͼग़͠ྫ1
ݺͼग़͠ྫ1
ݺͼग़͠ྫ1
ݺͼग़͠ྫ1
ݺͼग़͠ྫ2
ݺͼग़͠ྫ2
ݺͼग़͠ྫ2
εςʔτϑϧͰ͍͍ྫ
εςʔτϑϧͰ͍͍ྫ
εςʔτϑϧͰ͍͍ྫ
εςʔτϑϧͰ͍͍ྫ
·ͱΊ • KotlinΛͬͨએݴతUIπʔϧΩοτ • ঢ়ଶϗΠεςΟϯάͳͲͷ৽͍֓͠೦ͷొ • ߟ͑ํΛม͑Δඞཁ͕͋Δ • ָ͍͠ͷͰͬͯΈͯʂ
ࢀߟ • એݴతUI https://speakerdeck.com/sonatard/xuan-yan-de-ui • ެࣜυΩϡϝϯτ https://developer.android.com/jetpack/compose?hl=ja
͓ΘΓ