Android Studioプラグインを作ってみよう 〜Compose for Desktopで始めるプラグイン開発〜

2023年10月26日（木）開催のpixiv App Nightで発表した資料です。

Transcript

1. 2023/10/26 fusuma Android StudioϓϥάΠϯΛ࡞ͬͯΈΑ͏ 
 ʙCompose for DesktopͰ࢝ΊΔϓϥάΠϯ։ൃʙ
2. ࣗݾ঺հ • fusuma(;͢·) • ϐΫγϒגࣜձࣾ • pixivίϛοΫͷAndroidΞϓϦ։ൃ
3. Android StudioϓϥάΠϯ • Android StudioͷػೳΛ֦ு͢Δ༷ʑͳϓϥάΠϯ͕ެ։͞Ε͍ͯΔ • ։ൃͷੜ࢈ੑΛ޲্ͤͯ͘͞ΕΔ X(چTwitter)΍MeetͷίϝϯτͰ 
 օ͞Μ͕Α͘࢖͏ϓϥάΠϯΛڭ͍͑ͯͩ͘͞
4. εΫγϣิॿͷϓϥάΠϯΛ࡞ͬͨ • Android UiTheme Screenshot • εΫϦʔϯγϣοτิॿ • ϓϧϦΫʹషΔ༻ͳͲΛ૝ఆ • ςʔϚ੾Γସ͑ɾεΫγϣɾϦαΠζ 
 ΛϫϯϘλϯͰ
5. σϞ
6. ϓϥάΠϯ։ൃ͍ͯ͘͠ ※঺հͨ͠ϓϥάΠϯͷ࣮૷ͷৄࡉʹ͸৮Ε·ͤΜ 
 (ίʔυ͸GitHubʹஔ͍͍ͯ·͢) 
 https://github.com/k-tomoyasu/Android-UiTheme-Screenshot
7. Android StudioϓϥάΠϯΛ࡞Γ͍ͨ • Android Studio͸IntelliJϕʔεͷIDE • جຊతʹ͸IntelliJϓϥάΠϯ • ଟ͘ͷIntelliJϓϥάΠϯ͸Android StudioͰͦͷ··࢖͑Δ • IntelliJϓϥάΠϯ։ൃͷυΩϡϝϯτΛΈͯਐΊΔ 
 https://plugins.jetbrains.com/docs/intellij/developing-plugins.html • ͍͔ͭ͘Android Studio޲͚ͷઃఆ͕͋Δ • Android Studioʹґଘͨ͠ػೳ͕ͳ͚Ε͹ෆཁ
8. ։ൃ؀ڥ • ݴޠ: Kotlin | 1.9.10 • ։ൃ: IntelliJ IDEA (Community Edition) | IC-232.10072.27 • ಈ࡞֬ೝ: Android Studio Giraffe | 2022.3.1 Patch 2 • ϓϥάΠϯ͕Android Studioʹͳ͍ػೳʹґଘͯ͠͠·͍ͬͯͯ΋։ ൃதʹؾ෇͚Δ(σϑΥϧτͩͱಈ࡞֬ೝ࣌ʹ͸։ൃͰ࢖͍ͬͯΔIDE ͕ىಈ͞ΕΔ)
9. ϓϩδΣΫτ࡞੒ • File > New > Project ͔ΒIDE PluginΛબ୒ • ࡞੒ͨ͠εέϧτϯϓϩδΣΫτʹAndroid Studio޲͚ͷઃఆΛՃ͑Δ
10. resouces/META-INF/plugin.xml ϓϥάΠϯͷઃఆ
11. build.gradle.kts ϓϥάΠϯͷϏϧυઃఆ
12. version.setͱAndroid Studioͷޓ׵ੑ • ࢦఆ͢ΔIntelliJ IDEAͷόʔδϣϯ͸λʔήοτͱͳΔAndroid Studioͱޓ׵ੑ͕͋Δ΋ͷʹ͢Δ • ઌ΄Ͳͷྫͷ version.set(“2022.3.3”) ͷ෦෼ • IntelliJ IDEAͱAndroid StudioͷόʔδϣϯͷରԠΛ·ͱΊͨϖʔδ͕͋Δ • ࢦఆͨ͠IDEAͷόʔδϣϯ͕Android StudioͷͲͷόʔδϣϯͱޓ׵ੑ͕͋Δ͔֬ೝͯ͠ɺόʔδϣ ϯΛ߹ΘͤΔ
13. ϓϥάΠϯͷಈ࡞֬ೝ • Run PluginͰϓϥάΠϯ͕Πϯετʔϧ͞ΕͨAndroid Studio͕ىಈ
15. ϓϥάΠϯΛݺͼग़͢: ActionΛྫʹ • Action: ϓϥάΠϯΛݺͼग़͢खஈͰɺ࠷΋Α͘࢖ΘΕΔ • ϝχϡʔ΍πʔϧόʔ͔Β࣮ߦ͞ΕΔΑ͏ʹઃఆͰ͖Δ • AnActionΫϥεΛܧঝͨ͠ΫϥεΛ࣮૷͠ɺݺͼग़͠ͷτϦΨʔΛ plugin.xmlʹఆٛ͢Δͱ͍͏ྲྀΕ
17. resouces/META-INF/plugin.xml
18. දࣔ͞Εͨ
19. ϓϥάΠϯͷUI࣮૷ • ϓϥάΠϯͷUI࣮૷ʹ͸SwingΛ࢖͏ • Swing: JavaͰఏڙ͞Ε͍ͯΔGUIϑϨʔϜϫʔΫ • μΠΞϩά࣮૷ͷྫ(࣍εϥΠυ)
22. SwingɺΘ͔Βͳ͍ ※ Swing͕ѱ͍Θ͚Ͱ͸ͳ͍Ͱ͢
23. ๯಄Ͱ঺հͨ͠ϓϥάΠϯͰ͸
24. ͜͜ΛComposeͰ࣮૷ ๯಄Ͱ঺հͨ͠ϓϥάΠϯͰ͸
25. ComposeͰ΋UIΛ࣮૷Ͱ͖Δ
26. Compose for Desktop • Compose MultiplatformͷҰ෦ • Jetpack Compose ͷ API Λ༷ʑͳϓϥοτϑΥʔϜʹద༻ • Swingͱ૬ޓӡ༻͢ΔͨΊͷAPI͕͋Γɺ૊Έ߹Θͤͯ࢖͑Δ • ϓϥάΠϯͷUI࣮૷ʹར༻Ͱ͖Δ • SwingΛ࢖Θͳ͘ͳΔΘ͚Ͱ͸ͳ͍ • Composeͱͷ઀͗໨͸΋ͪΖΜɺSwingͷ࣮૷Λ࢖͍͍ͨ৔໘΋͋Δ
30. Before: Swing
31. After: Compose
32. ϓϥάΠϯUIɺ͍͚ͦ͏ͳؾ͕͢Δ
33. Compose for DesktopΛ࢖͏४උ • IntelliJͰCompose MultiplatformͷϓϥάΠϯΛΠϯετʔϧ • Preview͕࢖͑Δ(ͨͩ͠Previewͷߋ৽͸खಈ)
34. ґଘؔ܎ͷهड़ build.gradle.kts
35. ComposeͰ։ൃ͢Δ४උ͕Ͱ͖ͨ
36. IDEͷ഑৭ͱ߹͍ͬͯͳ͍
37. ͳΒจࣈΛന͘
38. จࣈΛന͘……
39. IDEͷ഑৭ʹద߹ͤ͞Δ࣮૷
42. ࣮૷ͨ͠ThemeΛద༻
43. ComposeͰ։ൃ͢Δ४උ͕Ͱ͖ͨ
44. ϓϥάΠϯؔ࿈APIΛௐ΂Δ • UI͕Composeͩͱͯ͠΋ɺػೳͷ࣮૷͢Δʹ͸ϓϥάΠϯؔ࿈ͷAPIʹ ͍ͭͯௐ΂Δඞཁ͕͋Δ • υΩϡϝϯτ͔Β୳͢……͚ͩͩͱେม • ࢀߟʹͳΔίʔυΛ୳͢ • ΍Γ͍ͨ͜ͱʹ͍ۙطଘͷϓϥάΠϯ͔Β୳͢ • Android Studioͷ࣮૷͔Β୳͢
45. • ϓϥάΠϯͷઃఆը໘ʹ͋ΔϦϯΫ͔ΒḷΔͷָ͕ طଘͷϓϥάΠϯ͔Β୳͢
46. ιʔείʔυ͕ެ։͞Ε͍ͯͨΒɺ͔͜͜ΒḷΓண͚Δ
47. Android Studioͷ࣮૷͔Β୳͢ • Android Studioʹόϯυϧ͞Ε͍ͯΔϓϥάΠϯ͔Β୳͢ • ιʔείʔυ͕ެ։͞Ε͍ͯΔ 
 https://github.com/JetBrains/android • AndroidϓϥάΠϯ΁ͷґଘΛઃఆ͍ͯ͠ΔͷͰɺAndroid Studioͷ࣮ ૷Λར༻͢Δ͜ͱ΋Ͱ͖Δ
48. Android Studioͷ࣮૷͔Β୳͢ • Android StudioͷWebP ConverterΛىಈ͢Δ
49. Android Studioͷ࣮૷͔Β୳͢
50. ެ։ • JetBrainsͷΞΧ΢ϯτ͕ඞཁ • ࡞ۀ͸υΩϡϝϯτͷखॱ௨ΓͰOK 
 https://plugins.jetbrains.com/docs/intellij/publishing-plugin.html 1. GradleλεΫbuildPluginͰΞοϓϩʔυ͢ΔzipΛੜ੒ 2. JetBrains Marketplaceͷϖʔδ͔Β৹ࠪఏग़ 3. ೋӦۀ೔ͷ಺ʹ৹͕ࠪ׬ྃͯ͠ެ։։࢝
51. ɹϓϥάΠϯ։ൃͰ 
 Compose for DesktopΛಋೖͨ͠ॴײ
52. Compose for DesktopͰͷϓϥάΠϯ։ൃͷॴײ • ؾʹͳͬͨ఺ • ϓϥάΠϯͷϑΝΠϧαΠζ͕େ͖͘ͳΔ • Swingʹ͸ރΕٕͨज़ͷ҆৺ײ͕͋Δ • Compose for DesktopͰ͸ෆ۩߹Β͖͠΋ͷΛ౿ΜͩΓɺະ࣮૷ͷ΋ͷ͕͋ͬͨΓ • Swingͱͷ૬ޓӡ༻͕ࠓޙ΋ൃల͍͔ͯ͘͠Ͳ͏͔ • ྑ͍఺ • ಈతʹมԽ͢Δཁૉ͕ଟ͍UIͷ࣮૷ʹڧ͍ • Composeͷ஌ࣝΛ࢖͑Δ • ϨΠΞ΢τͷํ๏΍ඪ४తͳίϯϙʔωϯτͷ࢖͍ํ͕෼͔ΔϝϦοτ͸େ͖͍ • ָ͍͠
53. Compose for DesktopͰͷϓϥάΠϯ։ൃͷॴײ • ߴ͍҆ఆੑ΍ଟ͘ͷϢʔβʔʹ࢖ΘΕΔ΋ͷΛٻΊΔͳΒؾ߹͕ඞཁͦ͏ • ಛʹUI͕؆ૉͰ͋Ε͹Swing͕ແ೉ • ComposeΛ࢖͍͍ͨؾ͕࣋ͪڧ͍/ͱΓ͋͑ͣࣗ෼͕࢖͏༻ͷϓϥάΠϯ Λ࡞Γ͍ͨͳΒ👍 • ͱʹ͔͘AndroidΤϯδχΞʹͱͬͯऔͬ෇͖΍͍͢ͷ͸ັྗ
54. ࢀߟ • IntelliJ Platform SDK (ެࣜυΩϡϝϯτ) • Android Studio Plugin 
 • JetBrains/compose-multiplatofrm ϦϙδτϦ (pluginͷαϯϓϧ) 
 • JetBrains/android (Android Studio࣮૷) 
 • pbreqult/adb-idea 
 • AndroidͰϥΠτ/μʔΫϞʔυͷεΫγϣΛshellΛୟ͚͹ҰׅͰࡱӨͰ͖ΔΑ͏ʹͯ͠Έͨ | Qiita • Compose for DeskopͰ࢝ΊΔAndroid։ൃޮ཰Խπʔϧͷ࡞੒ | Speaker Deck