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
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
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて!
k0kubun
4
3k
🦞OpenClaw works with AWS
licux
1
190
SkillがSkillを生む:QA観点出しを自動化した
sontixyou
6
3.4k
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
16
5.6k
PicoRuby for IoT: Connecting to the Cloud with MQTT
yuuu
2
630
Programming with a DJ Controller — not vibe coding
m_seki
3
140
Cache-moi si tu peux : patterns et pièges du cache en production - Devoxx France 2026 - Conférence
slecache
0
280
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
webzawa
0
150
SREに優しいTerraform構成 modulesとstateの組み方
hiyanger
2
140
アクセシビリティ試験の"その後"を仕組み化する
yuuumiravy
1
170
CursorとClaudeCodeとCodexとOpenCodeを実際に比較してみた
terisuke
1
480
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
hadashia
2
580
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
40k
The Pragmatic Product Professional
lauravandoore
37
7.2k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
360
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
170
Odyssey Design
rkendrick25
PRO
2
580
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.7k
Code Review Best Practice
trishagee
74
20k
Amusing Abliteration
ianozsvald
1
160
Typedesign – Prime Four
hannesfritz
42
3k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
540
We Have a Design System, Now What?
morganepeng
55
8.1k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
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
͓ΘΓ