Now in Android アプリ解説 / Now in Android App

Transcript

1. :VLJ
   "O[BJ
   !ZBO[N
   *0
   FYUFOEFE
    /PX
   JO
   "OESPJE
   ΞϓϦղઆ
2. :VLJ
   "O[BJ w (PPHMF
   %FWFMPQFS
   &YQFSU
   GPS
   "OESPJE
   w UXJUUFS
   
   !ZBO[N
   w CMPH
   
   ZBO[NCMPHTQPUDPN
   w גࣜձࣾ΢ϑΟΧ
3. /PX
   JO
   "OESPJE
   ΞϓϦ w IUUQTHJUIVCDPNBOESPJEOPXJOBOESPJE
   w ."%ʢ.PEFSO
   "OESPJE
   %FWFMPQNFOUʣͳαϯϓϧΞϓϦ
   w ,PUMJO
   
   +FUQBDL
   $PNQPTF
4. /PX
   JO
   "OESPJE
   ͸
   <8PSL
   JO
   QSPHSFTT
   🚧>
   Ͱ͋Γɺ
   ͜͜Ͱ঺հͨ͠಺༰ʢ೥݄೔࣌఺ʣ͕
   ࠓޙมߋ͞ΕΔՄೳੑ͕͋Γ·͢
6. BOESPJE
   BQQMJDBUJPO
7. BOESPJE
   BQQMJDBUJPO NBDSP
   CFODINBSL
8. BOESPJE
   BQQMJDBUJPO NBDSP
   CFODINBSL BOESPJE
   MJCSBSZ
9. BOESPJE
   BQQMJDBUJPO NBDSP
   CFODINBSL BOESPJE
   MJCSBSZ ʁ
10. ʁ pluginManagement { includeBuild("build-logic") repositories { google() mavenCentral() gradlePluginPortal() } } …
11. pluginManagement { includeBuild("build-logic") repositories { google() mavenCentral() gradlePluginPortal() } } … QMVHJO
    CVJME
    ͷ
    
    SPPU
    QSPKFDU
    EJSFDUPSZ ಠࣗ
    QMVHJO
    ͷ
    QSPKFDU
12. NPEVMF
14. plugins { `kotlin-dsl` } group = "com.google.samples.apps.nowinandroid.buildlogic" java { sourceCompatibility = JavaVersion.VERSION_1_8 targetCompatibility = JavaVersion.VERSION_1_8 } dependencies { implementation(libs.android.gradlePlugin) implementation(libs.kotlin.gradlePlugin) implementation(libs.spotless.gradlePlugin) } gradlePlugin { plugins { … } } ʁ implementation("com.android.tools.build:gradle:7.2.1") ͷΑ͏ͳจࣈྻࢦఆͰ͸ͳ͍
    MJCTBESPJEHSBEMF1MVHJO
    ͸Ͳ͜Λࢦ͍ͯ͠Δʁ
15. ϥΠϒϥϦ؅ཧ w HSBEMF
    ͷ
    7FSTJPO
    $BUBMPH
    w IUUQTEPDTHSBEMFPSHDVSSFOUVTFSHVJEFQMBUGPSNTIUNM
    w TFUUJOHTHSBEMF
    ಺ʹ௚઀ఆٛ
    PS
    50.-
    ϑΝΠϧʹఆٛ
16. ϥΠϒϥϦ؅ཧ w HSBEMF
    ͷ
    7FSTJPO
    $BUBMPH
    w IUUQTEPDTHSBEMFPSHDVSSFOUVTFSHVJEFQMBUGPSNTIUNM dependencyResolutionManagement { … versionCatalogs { create("libs") { from(files("../gradle/libs.versions.toml")) } } } …
17. [versions] accompanist = "0.24.8-beta" androidDesugarJdkLibs = "1.1.5" androidGradlePlugin = "7.2.1" androidxActivity = "1.4.0" androidxAppCompat = "1.3.0" androidxCompose = "1.2.0-beta02" … [libraries] accompanist-flowlayout = { group = "com.google.accompanist", name = "accompanist-flowlayout", version.ref = "accompanist" } android-desugarJdkLibs = { group = "com.android.tools", name = "desugar_jdk_libs", version.ref = "androidDesugarJdkLibs" } android-gradlePlugin = { group = "com.android.tools.build", name = "gradle", version.ref = "androidGradlePlugin" } androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "androidxActivity" } androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "androidxAppCompat" } … [plugins] protobuf = { id = "com.google.protobuf", version.ref = "protobufPlugin" } ksp = { id = "com.google.devtools.ksp", version.ref = "ksp" }
18. [versions] accompanist = "0.24.8-beta" androidDesugarJdkLibs = "1.1.5" androidGradlePlugin = "7.2.1" androidxActivity = "1.4.0" androidxAppCompat = "1.3.0" androidxCompose = "1.2.0-beta02" … [libraries] accompanist-flowlayout = { group = "com.google.accompanist", name = "accompanist-flowlayout", version.ref = "accompanist" } android-desugarJdkLibs = { group = "com.android.tools", name = "desugar_jdk_libs", version.ref = "androidDesugarJdkLibs" } android-gradlePlugin = { group = "com.android.tools.build", name = "gradle", version.ref = "androidGradlePlugin" } androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "androidxActivity" } androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "androidxAppCompat" } … [plugins] protobuf = { id = "com.google.protobuf", version.ref = "protobufPlugin" } ksp = { id = "com.google.devtools.ksp", version.ref = "ksp" }
19. … dependencies { implementation(libs.android.gradlePlugin) … } dependencyResolutionManagement { … versionCatalogs { create("libs") { from(files("...")) } } } … … [libraries] … android-gradlePlugin = { … } …
20. dependencies { … implementation(libs.androidx.activity.compose) implementation(libs.androidx.appcompat) … dependencyResolutionManagement { repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS) repositories { … } } WFSTJPO$BUBMPHT
    ͕ࢦఆ͞Ε͍ͯͳ͍ɺ͜ͷ
    MJCT
    ͸Ͳ͔͜Βʁ
21. ϥΠϒϥϦ؅ཧ w HSBEMF
    ͷ
    7FSTJPO
    $BUBMPH
    w IUUQTEPDTHSBEMFPSHDVSSFOUVTFSHVJEFQMBUGPSNTIUNM
    w TFUUJOHTHSBEMF
    ಺ʹ௚઀ఆٛ
    PS
    50.-
    ϑΝΠϧʹఆٛ
    w HSBEMF
    ͷԼʹ
    MJCTWFSTJPOTUPNM
    ͱ͍͏໊લͰϑΝΠϧΛ༻ҙ͢Δͱɺ MJCT
    ͱ͍͏໊લͰ
    7FSTJPO
    $BUBMPH
    ͕࡞ΒΕΔ
22. CVJMEMPHJD
    ͷ
    DVTUPN
    HSBEMF
    QMVHJO
    ͸ԿΛ͍ͯ͠Δͷ͔ʁ
23. CVJMEMPHJD
    ͷ
    DVTUPN
    HSBEMF
    QMVHJO
    ͸ԿΛ͍ͯ͠Δͷ͔ʁ plugins { id("nowinandroid.android.application") id("nowinandroid.android.application.compose") id("nowinandroid.android.application.jacoco") kotlin("kapt") id("jacoco") id("dagger.hilt.android.plugin") id("nowinandroid.spotless") } android { … } dependencies { … } ʁ OPXJOBOESPJE99
    ͷ
    JE
    Λࢦఆ͍ͯͯ͠ id("com.android.application") Ͱ͸ͳ͍
24. … gradlePlugin { plugins { register("androidApplicationCompose") { id = "nowinandroid.android.application.compose" implementationClass = "AndroidApplicationComposeConventionPlugin" } register("androidApplication") { id = "nowinandroid.android.application" implementationClass = "AndroidApplicationConventionPlugin" } … } }
25. class AndroidApplicationConventionPlugin : Plugin<Project> { override fun apply(target: Project) { with(target) { with(pluginManager) { apply("com.android.application") apply("org.jetbrains.kotlin.android") } extensions.configure<BaseAppModuleExtension> { configureKotlinAndroid(this) defaultConfig.targetSdk = 32 } } } } ͜͜Ͱࢦఆ͞Ε͍ͯΔ BOESPJE
    CMPDL
    Ͱͷઃఆͷڞ௨Խ
26. internal fun Project.configureKotlinAndroid( commonExtension: CommonExtension<*, *, *, *>, ) { commonExtension.apply { compileSdk = 32 defaultConfig { minSdk = 21 } compileOptions { sourceCompatibility = JavaVersion.VERSION_1_8 targetCompatibility = JavaVersion.VERSION_1_8 isCoreLibraryDesugaringEnabled = true } kotlinOptions { … } } … }
27. ΞϓϦͷߏ੒ w BOESPJE
    BQQMJDBUJPO
    NPEVMF
    w BQQ
    
    ϝΠϯͷΞϓϦ
    w BQQOJBDBUBMPH
    
    ΞϓϦ༻ͷ
    6*
    DPNQPOFOUT
    ΛݟΕΔΧλϩάΞϓϦ
28. BQQOJBDBUBMPH app-nia-catalog core-ui core-model
29. BQQOJBDBUBMPH app-nia-catalog core-ui core-model data class Author( val id: String, val name: String, val imageUrl: String, val twitter: String, val mediumPage: String, val bio: String, )
30. BQQOJBDBUBMPH app-nia-catalog core-ui core-model @Composable fun NiaFilledButton( onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, small: Boolean = false, … content: @Composable RowScope.() -> Unit ) { Button( … ) }
31. BQQOJBDBUBMPH app-nia-catalog core-model core-ui
32. BQQ
33. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢
34. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢
35. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢ w *0
    ༻ͷ
    $PSPVUJOF%JTQBUDIFS
    w TFBMFE
    JOUFSGBDF
    3FTVMUPVU
    5
36. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢ 1SPUP
    EBUBTUPSF
    Ͱ
    GPMMPX
    ͨ͠
    5PQJD
    ͱ
    "VUIPS
    ͷ
    JE
    Λอଘ
37. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢ 3FUPSpU
    Λ࢖ͬͯωοτϫʔΫ͔Β σʔλΛऔಘ
38. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢ SPPN
    ʹ
    5PQJD
    ΍
    "VUIPS
    ͳͲͷ σʔλΛอଘ
39. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢ 5PQJD
    "VUIPS
    /FXT
    ͷ
    3FQPTJUPSZ
    ࣮૷
40. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢ 8PSL.BOBHFS
    Λ࢖ͬͯΞϓϦ
    ىಈ࣌ʹσʔλΛಉظ
41. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢ /BWJHBUJPO
    ͷભҠઌΛදݱ͢Δ
    JOUFSGBDF
42. App core-ui core-navigation feature-author sync feature-interests feature-foryou feature-topic core-model core-common core-data core- datastore core- database core- network ˎ
    UFTU
    ༻ͷ
    NPEVMF
    ͸
    আ͍͍ͯ·͢
43. GFBUVSF99
    NPEVMF w ػೳ୯Ґͷ
    6*
    NPEVMF
    w 99/BWJHBUJPOLU
    
    /BW(SBQI#VJMEFS
    ʹ
    DPNQPTBCMF
    Λ௥Ճ͢ΔͨΊͷ֦ுؔ਺
    w 994DSFFOLU
    
    ը໘ͷ
    $PNQPTBCMF
    w 997JFX.PEFMLU
    
    994DSFFO
    Ͱར༻͞Ε Δ
    7JFX.PEFM
44. 5PQJD/BWJHBUJPOLU object TopicDestination : NiaNavigationDestination { override val route = "topic_route" override val destination = "topic_destination" const val topicIdArg = "topicId" } fun NavGraphBuilder.topicGraph( onBackClick: () -> Unit ) { composable( route = "${TopicDestination.route}/{${TopicDestination.topicIdArg}}", arguments = listOf( navArgument(TopicDestination.topicIdArg) { type = NavType.StringType } ) ) { TopicRoute(onBackClick = onBackClick) } } /BW(SBQI
    ʹ͜ͷ
    GFBUVSF
    ͷը໘Λ
    ભҠઌͱͯ͠௥Ճ͢ΔͨΊͷ֦ுؔ਺
45. @Composable fun NiaNavHost( … ) { NavHost( navController = navController, startDestination = startDestination, modifier = modifier, ) { … interestsGraph( …, nestedGraphs = { topicGraph(onBackClick = { navController.popBackStack() }) authorGraph(onBackClick = { navController.popBackStack() }) } ) } }
46. $PNQPTF
    ͷ
    QSBDUJDF
47. .BUFSJBM
    XJUI
    +FUQBDL
    $PNQPTF w EZOBNJD
    DPMPS
    TDIFNF
    ʢ"OESPJE
    
    Ҏ߱ʣରԠ @Composable fun NiaTheme( darkTheme: Boolean = isSystemInDarkTheme(), dynamicColor: Boolean = false, androidTheme: Boolean = false, content: @Composable() () -> Unit ) { val colorScheme = when { dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> { val context = LocalContext.current if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(co } androidTheme && darkTheme -> DarkAndroidColorScheme androidTheme -> LightAndroidColorScheme darkTheme -> DarkDefaultColorScheme else -> LightDefaultColorScheme }
48. *DPO
    Λ·ͱΊͨ
    PCKFDU object NiaIcons { val AccountCircle = Icons.Outlined.AccountCircle val Add = Icons.Rounded.Add val ArrowBack = Icons.Rounded.ArrowBack val ArrowDropDown = Icons.Rounded.ArrowDropDown val ArrowDropUp = Icons.Rounded.ArrowDropUp val Bookmark = R.drawable.ic_bookmark … } Icon( painter = painterResource(id = NiaIcons.Bookmark), contentDescription = null ) Icon(imageVector = NiaIcons.Add, contentDescription = null)
49. 8JOEPX*OTFUT
    ͷѻ͍ w 8JOEPX*OTFUTTBGF%SBXJOH
    Λओʹ࢖༻ NiaNavRail( …, modifier = Modifier.safeDrawingPadding() ) NavigationBar( modifier = Modifier.windowInsetsPadding( WindowInsets.safeDrawing.only( WindowInsetsSides.Horizontal + WindowInsetsSides.Bottom ) ), … ) {
50. 8JOEPX4J[F
    DMBTT w ը໘෯Ͱ
    #PUUPN#BS
    ͱ
    /BW3BJM
    Λग़͠෼͚ Scaffold( … bottomBar = { if (windowSizeClass.widthSizeClass == WindowWidthSizeClass.Compact) { NiaBottomBar( … ) } } ) { padding -> Row(…) { if (windowSizeClass.widthSizeClass != WindowWidthSizeClass.Compact) { NiaNavRail( … ) } … } BOESPJEYDPNQPTFNBUFSJBMNBUFSJBMXJOEPXTJ[FDMBTTBMQIB
51. 8JOEPX4J[F
    DMBTT w ը໘෯Ͱ
    #PUUPN#BS
    ͱ
    /BW3BJM
    Λग़͠෼͚
    w هࣄҰཡͷ
    $PMVNO
    ਺ val numberOfColumns = when (windowSizeClass.widthSizeClass) { WindowWidthSizeClass.Compact, WindowWidthSizeClass.Medium -> 1 else -> floor(maxWidth / 300.dp).toInt().coerceAtLeast(1) } BOESPJEYDPNQPTFNBUFSJBMNBUFSJBMXJOEPXTJ[FDMBTTBMQIB
52. /BWJHBUJPO
    
    4BWFE4UBUF)BOEMF composable( route = "${TopicDestination.route}/{${TopicDestination.topicIdArg}}", arguments = listOf( navArgument(TopicDestination.topicIdArg) { type = NavType.StringType } ) ) { TopicRoute(onBackClick = onBackClick) } @Composable fun TopicRoute( onBackClick: () -> Unit, modifier: Modifier = Modifier, viewModel: TopicViewModel = hiltViewModel(), ) { … 5PQJD%FTUJOBUJPOUPQJD*E"SH
    ͱ͍͏໊લͰ
    4USJOH
    ͷ
    BSHVNFOU /BW#BDL4UBDL&OUSZ
    ͷ
    BSHVNFOUT
    ͕
    "CTUSBDU4BWFE4UBUF7JFX.PEFM'BDUPSZ
    ͷ
    EFGBVMU"SHT
    ʹ౉͞ΕΔ
53. /BWJHBUJPO
    
    4BWFE4UBUF)BOEMF @HiltViewModel class TopicViewModel @Inject constructor( savedStateHandle: SavedStateHandle, … ) : ViewModel() { private val topicId: String = checkNotNull(savedStateHandle[TopicDestination.topicIdArg]) … } 5PQJD%FTUJOBUJPOUPQJD*E"SH
    ͱ͍͏໊લͰ
    4USJOH
    ͷ
    BSHVNFOU
    ͕
    4BWFE4UBUF)BOEMF
    ʹೖ͍ͬͯΔ
54. CZ
    TBWFE4UBUF)BOEMFTBWFBCMF
    \
    ^ TextField( value = viewModel.text, onValueChange = { viewModel.text = it } ) @HiltViewModel class SampleViewModel @Inject constructor( savedStateHandle: SavedStateHandle ) : ViewModel() { var text by mutableStateOf("") } 1SPDFTT
    LJMM
    ࣌ʹ
    5FYU'JFME
    ͷ
    ೖྗจࣈΛࣦͬͯ͠·͏ @HiltViewModel class SampleViewModel @Inject constructor( savedStateHandle: SavedStateHandle ) : ViewModel() { var text by savedStateHandle.saveable { mutableStateOf("") } } 1SPDFTT
    LJMM
    ࣌΋ೖྗจࣈ
    ͕อ࣋͞ΕΔ 😫 👍
55. ·ͱΊ w /PX
    JO
    "OESPJE
    ΞϓϦʹ͸࠷৽ͷ
    "OESPJE
    ։ൃͷ஌ݟ͕੝Γࠐ·Ε͍ͯΔ
    w ίʔυΛಡΜͰΈΑ͏
    w IUUQTHJUIVCDPNBOESPJEOPXJOBOESPJE