DroidKaigi2024で学んだことを試してみました

Transcript

1. ּদ޺ฏ @DroidKaigi 2024 AFTER PARTY 2024/10/17 ComposeϓϨϏϡʔͷεΫϦʔϯγϣοτςετ DroidKaigi 2024ͰֶΜͩ͜ͱΛ ࢼͯ͠Έ·ͨ͠
2. ࣗݾ঺հ • ໊લɿּদ޺ฏ(ϏδωεωʔϜ: Ring) • ॴଐɿTimeTree ެ։ΧϨϯμʔຊ෦ • ܦྺ • 2018೥ Android ηοττοϓϘοΫεͷҊ݅ͰAndroidΞϓϦॳ։ൃ • 2023೥ Droidk a igiॳࢀՃ • 2024೥ TimeTreeʹೖࣾ
3. ձࣾ঺հ
4. #อकɾӡ༻ɾςετͷൃද DroidKaigi2024ͷৼΓฦΓ • ࢓૊Έ͔Βཧղ͢ΔʂComposeϓϨϏϡʔΛ༷ʑͳόϦΤʔγϣϯͰεΫϦʔϯγϣοτςετ͠Α͏ Sumio Toy a m a (sumio_tym) • AndroidΞϓϦͷεΫϦʔϯγϣοτςετΛϚελʔ͢Δ bing-zhu • AndroidΞϓϦͷUIόϦΤʔγϣϯΛ͋ͷख͜ͷखͰ֬ೝ͢Δ Nozomi T a kum a • ςετͷ৽࣌୅ M a rcel Schnelle • ΞϓϦΛϦϦʔεͰ͖Δঢ়ଶʹอͬͨ··ஈ֊తʹϦϑΝΫλϦϯά͢ΔͨΊͷઓུͱઓज़ Yuki Anz a i • ىಈ࣌ؒͰࠩΛ͚ͭΖʂΞϓϦىಈύϑΥʔϚϯεվળʂ y a nm a r • ࣮ફʂ೉ಡԽΨΠυ ΈͬͪΌ
5. #อकɾӡ༻ɾςετͷൃද DroidKaigi2024ͷৼΓฦΓ • 43%(3݅/7݅)͕εΫϦʔϯγϣοτςετؔ࿈(ڈ೥͸1݅/6݅) • ࢓૊Έ͔Βཧղ͢ΔʂComposeϓϨϏϡʔΛ༷ʑͳόϦΤʔγϣϯͰεΫϦʔϯγϣοτςετ͠Α͏ Sumio Toy a m a (sumio_tym) • AndroidΞϓϦͷεΫϦʔϯγϣοτςετΛϚελʔ͢Δ bing-zhu • AndroidΞϓϦͷUIόϦΤʔγϣϯΛ͋ͷख͜ͷखͰ֬ೝ͢Δ Nozomi T a kum a • ςετͷ৽࣌୅ M a rcel Schnelle • ΞϓϦΛϦϦʔεͰ͖Δঢ়ଶʹอͬͨ··ஈ֊తʹϦϑΝΫλϦϯά͢ΔͨΊͷઓུͱઓज़ Yuki Anz a i • ىಈ࣌ؒͰࠩΛ͚ͭΖʂΞϓϦىಈύϑΥʔϚϯεվળʂ y a nm a r • ࣮ફʂ೉ಡԽΨΠυ ΈͬͪΌ
6. εΫϦʔϯγϣοτςετؔ࿈ͷൃද DroidKaigi2024ͷৼΓฦΓ • εΫϦʔϯγϣοτςετͱ͸ʁ 1. ࣗಈͰΞϓϦͷը໘ΛεΫϦʔϯγϣοτ͢Δ 2. อଘ͞ΕͨεΫϦʔϯγϣοτͱൺֱͯ͠Ҏલͷը૾ͱมΘΓͳ͍͔ςετ͢Δ • εΫϦʔϯγϣοτର৅͸Jetp a ck Composeͷ@PreviewͰੜ੒͞ΕΔը໘ • εΫϦʔϯγϣοτͷجૅɺϥΠϒϥϦͷ࢖༻ํ๏ɺϕετϓϥΫςΟε
7. εΫϦʔϯγϣοτςετؔ࿈ͷൃද DroidKaigi2024ͷৼΓฦΓ • Previewͷऩू[1] • Compos a ble Preview Sc a nner • શ@Preview propertyΛ੍ޚͰ͖Δ • 2024/06/10ʹϑΝʔετϦϦʔε • Showk a se • group, n a me, widthDp, heightDpΛ੍ޚͰ͖Δ • 2020/12/21ʹϑΝʔετϦϦʔε [1]:࢓૊Έ͔Βཧղ͢ΔʂComposeϓϨϏϡʔΛ༷ʑͳόϦΤʔγϣϯͰεΫϦʔϯγϣοτςετ͠Α͏ Sumio Toy a m a (sumio_tym)
8. εΫϦʔϯγϣοτςετؔ࿈ͷൃද DroidKaigi2024ͷৼΓฦΓ • Ωϟϓνϟͱը૾ൺֱ[1] • Robolectric + Robor a zzi • ComposeͱैདྷͷViewʹରԠ • ΩϟϓνϟΛΧελϚΠζͰ͖Δ • Compose Preview Screenshot Testing • ଎౓͕଎͍ • IDEʹ૊Έࠐ·Ε͍ͯΔ • Experiment a l [1]: AndroidΞϓϦͷεΫϦʔϯγϣοτςετΛϚελʔ͢Δ bing-zhu
9. TimeTreeͷঢ়گ • ৽نը໘ɾओཁͳը໘͸ComposeͰ࣮૷ • @PreviewLightD a rkͰϓϨϏϡ࣮૷ࡁΈ • ଟݴޠԽͷ֬ೝ΍ڞ௨Compos a bleͷมߋΛؾͮ͘࢓૊Έ͕ཉ͍͠
10. ͜ͷൃදͷΰʔϧ • DroidK a igi2024ͷൃදΛࢀߟʹComposeεΫϦʔϯγϣοτςετΛࢼͨ݁͠ՌΛڞ༗ • ࢖༻͢ΔϥΠϒϥϦ͸ʮ Robolectric + Compos a ble Preview Sc a nner + Robor a zziʯ
11. ൃදࢿྉͱϋϯζΦϯΛࢀߟʹ࣮૷(1/2) Robolectric + Composable Preview Scanner + RoborazziΛࢼͯ͠ΈΔ • gr a dleपΓͷઃఆ • ύϥϝλϥΠζςετΛ࣮૷ ऩूͨ͠Previewຖʹςετ͕࣮ߦ͞ΕΔ PreviewΛऩू ࢀߟ:https://github.com/DeNA/ a ndroid-modern- a rchitecture-test-h a ndson/blob/m a in/docs/h a ndson/Visu a lRegressionTest_Preview_Compos a blePreviewSc a nner.md
12. ൃදࢿྉͱϋϯζΦϯΛࢀߟʹ࣮૷(2/2) Robolectric + Composable Preview Scanner + RoborazziΛࢼͯ͠ΈΔ ࢀߟ:https://github.com/DeNA/ a ndroid-modern- a rchitecture-test-h a ndson/blob/m a in/docs/h a ndson/Visu a lRegressionTest_Preview_Compos a blePreviewSc a nner.md ऩू͢Δ@Previewͷࢦఆ ऩूͨ͠@PreviewͷΩϟϓνϟ priv a teؔ਺΋ऩूର৅ʹؚΊΔ
13. ΤϥʔͱͳΔύοέʔδΛআ֎ Robolectric + Composable Preview Scanner + RoborazziΛࢼͯ͠ΈΔ ࣦഊ͢ΔύοέʔδΛࢦఆ
14. Preview͝ͱʹআ֎ͱඞཁʹԠͯ͡Ξχϝʔγϣϯ༻ͷDelay௥Ճ Robolectric + Composable Preview Scanner + RoborazziΛࢼͯ͠ΈΔ @Preview͝ͱʹআ֎ࢦఆ͢ΔͨΊͷ ΞϊςʔγϣϯΛ௥Ճ Ξχϝʔγϣϯ׬ྃΛ଴ͭΞϊςʔγϣϯΛ௥Ճ
15. ࢼͯ͠Έͨ݁Ռ
16. ࢼͯ͠Έͨ݁Ռ • 635ຕΩϟϓνϟͰ͖ͨ • ϩδοΫ͕ೖ͍ͬͯΔ@Preview΍ݱࡏ࣌ࠁΛͱͬͯσʔλͱͯ͠࢖༻͍ͯ͠Δ@Preview͸ मਖ਼͕ඞཁ • ଟݴޠԽͱڞ௨ͷCompos a bleΛ֬ೝͰ͖Δͷ͕ͱͯ΋ศར • ଟݴޠԽͷΞϊςʔγϣϯΛ@Preivewʹ௥Ճ͍ͨ͠
17. ࢼͯ͠Έͨ݁Ռ • ॲཧ࣌ؒ • Ωϟϓνϟऔಘʢ./gr a dlew recordRobor a zziDebugʣɿ 2m 35s • ݕূʢ./gr a dlew verifyRobor a zziDebugʣ ɿ2m 29s • ը૾ൺֱʢ./gr a dlew comp a reRobor a zziDebugʣɿ2m 32s • ଌఆ؀ڥ • M a cBook Pro Apple M3 M a x(ϝϞϦ: 64GBɺM a cOS 14.5)
18. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠