Start Jetpack Compose.pdf

Slide 1

Slide 1 text

Jetpack Compose͸͡Ί mitohato14

Slide 2

Slide 2 text

ࣗݾ঺հ ໊લɹٶཬᰜే ॴଐɹ߹ಉձࣾDMM.com ɹɹɹ૯߹τοϓ։ൃ෦(20৽ଔ) झຯɹήʔϜ Twitter ɹ@mitohato14 GitHubɹ@mitohato

Slide 3

Slide 3 text

※஫ҙ఺ • ഁյతมߋ͕ൃੜ͢ΔՄೳੑ͕͋Γ·͢ɻ • 1.0.0-alpha09࣌఺Ͱͷ৘ใΛѻ͍ͬͯ·͢ɻ

Slide 4

Slide 4 text

࿩͢͜ͱ • Jetpack Composeͱ͸ • એݴతUIͱ໋ྩతUIͷҧ͍ • ঢ়ଶϗΠεςΟϯά

Slide 5

Slide 5 text

࿩͞ͳ͍͜ͱ • ৄࡉͳίʔυͷॻ͖ํ • ࢖͏΂͖͔൱͔ • ઃܭͷࡉ͔͍࿩

Slide 6

Slide 6 text

Jetpack Composeͱ͸

Slide 7

Slide 7 text

Jetpack Composeͱ͸ • ωΠςΟϒUIΛߏங͢ΔͨΊͷએݴతUIπʔϧΩοτ • Kotlin APIΛར༻͠AndroidͰͷUI։ൃΛ؆ૉԽ͢Δ • ίϯϙʔβϒϧؔ਺Λ૊Έ߹ΘͤͯUIΛߏங͢Δ

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

એݴతUIʁ એݴతUIͬͯͳΜͩ… ࠓ·Ͱͷ΋ͷͱԿ͕ҧ͏Μͩ… ٯʹࠓ·Ͱͷ΋ͷ͸Կ͍ͯ͏Μͩ…

Slide 10

Slide 10 text

ൺֱ • ࠓ·Ͱओྲྀͳํ๏͸໋ྩత • Jetpack Compose͸એݴత

Slide 11

Slide 11 text

Կ͕ҧ͏ͷ͔ ໋ྩతUI ͲͷViewΛͲ͏͢Δͷ͔Λهड़͢Δ એݴతUI View͕Ͳ͏ͳΔͷ͔Λهड़͢Δ

Slide 12

Slide 12 text

໋ྩతUI View͕ఏڙ͍ͯ͠ΔϝιουΛ௨ͯ͠ঢ়ଶΛมԽͤ͞Δ ίʔυͰͲͷViewΛߋ৽͢Δ͔هड़ ΞϓϦͷঢ়ଶͱViewͷঢ়ଶ

Slide 13

Slide 13 text

એݴతUI ͜ͷView͸͜ͷঢ়ଶΛදࣔ͢Δ ίʔυͰͲͷView͕Ͳͷঢ়ଶΛ͔࣋ͭهड़ ΞϓϦͷঢ়ଶʹண໨

Slide 14

Slide 14 text

αϯϓϧ

Slide 15

Slide 15 text

໋ྩతUI

Slide 16

Slide 16 text

໋ྩతUI

Slide 17

Slide 17 text

໋ྩతUI

Slide 18

Slide 18 text

એݴతUI

Slide 19

Slide 19 text

એݴతUI

Slide 20

Slide 20 text

એݴతUI

Slide 21

Slide 21 text

એݴతUI

Slide 22

Slide 22 text

એݴతUI

Slide 23

Slide 23 text

ঢ়ଶϗΠεςΟϯά

Slide 24

Slide 24 text

ঢ়ଶͱ͸

Slide 25

Slide 25 text

ঢ়ଶͱ͸

Slide 26

Slide 26 text

ঢ়ଶϗΠεςΟϯά • ঢ়ଶΛύϥϝʔλͱΠϕϯτʹஔ͖׵͑Δ • ঢ়ଶΛݺͼग़͠ݩ͕࣋ͭΑ͏ʹ͢Δ • εςʔτϑϧͳίϯϙʔβϒϧΛεςʔτϨεʹ

Slide 27

Slide 27 text

εςʔτϑϧ

Slide 28

Slide 28 text

εςʔτϑϧ

Slide 29

Slide 29 text

εςʔτϑϧ

Slide 30

Slide 30 text

εςʔτϨε

Slide 31

Slide 31 text

εςʔτϨε

Slide 32

Slide 32 text

εςʔτϨε

Slide 33

Slide 33 text

Կ͕خ͍͠ͷ͔ • ίϯϙʔβϒϧؔ਺ͷঢ়ଶΛଞͰར༻Ͱ͖Δʂ • ࠶ར༻΍ςετ͕༰қʹͳΔʂ • ঢ়ଶͷ؅ཧ͕͠΍͍͢ʂ

Slide 34

Slide 34 text

ݺͼग़͠ྫ1

Slide 35

Slide 35 text

ݺͼग़͠ྫ1

Slide 36

Slide 36 text

ݺͼग़͠ྫ1

Slide 37

Slide 37 text

ݺͼग़͠ྫ1

Slide 38

Slide 38 text

ݺͼग़͠ྫ2

Slide 39

Slide 39 text

ݺͼग़͠ྫ2

Slide 40

Slide 40 text

ݺͼग़͠ྫ2

Slide 41

Slide 41 text

εςʔτϑϧͰ΋͍͍ྫ

Slide 42

Slide 42 text

εςʔτϑϧͰ΋͍͍ྫ

Slide 43

Slide 43 text

εςʔτϑϧͰ΋͍͍ྫ

Slide 44

Slide 44 text

εςʔτϑϧͰ΋͍͍ྫ

Slide 45

Slide 45 text

·ͱΊ • KotlinΛ࢖ͬͨએݴతUIπʔϧΩοτ • ঢ়ଶϗΠεςΟϯάͳͲͷ৽͍֓͠೦ͷొ৔ • ߟ͑ํΛม͑Δඞཁ͕͋Δ • ָ͍͠ͷͰ΍ͬͯΈͯʂ

Slide 46

Slide 46 text

ࢀߟ • એݴతUI https://speakerdeck.com/sonatard/xuan-yan-de-ui • ެࣜυΩϡϝϯτ https://developer.android.com/jetpack/compose?hl=ja

Slide 47

Slide 47 text

͓ΘΓ