ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

© 2024 Wantedly, Inc. “シゴトでココロオドル”とは？私たちは“シゴトでココロオドル ”人を増やし（プロダクト）、私たち自身も“シゴトでココロオドル ”状態であり続けることを目指します。没頭することで成果を出し、成果によって成長を実感することミッションやカルチャーなどに共感できる組織の、自律的に意思決定できる環境で、簡単すぎず、難しすぎない適度な挑戦によりフロー状態となり、仕事に没頭できている状態没頭した結果、新しい価値といった成果を生み出す一定の成果をあげられたことに対して、成長を実感できる About Wantedly シゴトでココロオドル状態とは？没頭１成果 2 成長実感 3

Slide 5

Slide 5 text

© 2024 Wantedly, Inc. 人々が仕事に夢中になるためのユニークな価値を提供 Business サービス提供価値 Wantedlyの提供価値 Employee Engagement Recruiting Recruitment Marketing 認知形成・興味喚起・応募定着・活躍 Blog、SNS、動画、PR 詳細情報提供、イベントコミュニケーション、チームマネジメント、福利厚生選考・内定・承諾日程調整、候補者管理、進捗把握、データ分析　

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

© 2024 Wantedly, Inc. KMPの実例 Reactor class OnboardingLocationEditReactor internal constructor( private val updateLocationUseCase: UpdateLocationUseCase, ) : BaseReactor(State()) { data class State( val location: String = "", val submissionStatus: SubmissionStatus = SubmissionStatus.Pending, ) sealed class Action { data class UpdateLocation(val location: String) : Action() data object Submit : Action() } } ● 居住地入力のロジックを担う

Slide 20

Slide 20 text

© 2024 Wantedly, Inc. SwiftUIとKMPの連携 public struct OnboardingLocationView: View { public typealias Reactor = AnySwiftUIReactor< OnboardingLocationEditReactor.Action, OnboardingLocationEditReactor.State, KotlinUnit > @EnvironmentObject private var reactor: Reactor private var locationText: Binding { Binding( 　　　get: { reactor.state.location }, set: { newValue in reactor.send(OnboardingLocationEditReactor.ActionUpdateLocation(location: newValue)) }) } public var body: some View { VStack { /* UIのコード */ Button { reactor.send(OnboardingLocationEditReactor.ActionSubmit()) } label: { ... } } } }

Slide 21

Slide 21 text

© 2024 Wantedly, Inc. SwiftUIとKMPの連携 Binding( get: { reactor.state.location }, set: { newValue in reactor.send(OnboardingLocationEditReactor.ActionUpdateLocation(location: newValue)) }) Button { reactor.send(OnboardingLocationEditReactor.ActionSubmit()) } label: { ... }

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

© 2024 Wantedly, Inc. KMPの変更をiOS側に取り込む手順 2. KMPの実装を取り込むまでに時間がかかる Kotlin Multiplatform 1. PR作成し、CIを実施 2. PRをマージ 3. KMPの変更を含んだ PRが作成される 4. PRをマージ Repo: Visit App Shared Repo: Visit iOS Swift Package Manager XCFramework

Slide 27

Slide 27 text

© 2024 Wantedly, Inc. 3. Kotlin → Swiftへの変換に慣れる必要がある Sealed Classをenum へ変換する例 sealed class SubmissionStatus { data object Pending : SubmissionStatus() data object Submitting : SubmissionStatus() data object Succeeded : SubmissionStatus() data class Failed(val error: Exception) : SubmissionStatus() } ネットワークリクエストの状態を表す

Slide 28

Slide 28 text

© 2024 Wantedly, Inc. extension OnboardingLocationEditReactor.SubmissionStatus { public enum Pattern { case pending 　　// 一部省略 case failed(error: KotlinException) } public func asSwiftEnum() -> Pattern? { switch self { case self as OnboardingLocationEditReactor.SubmissionStatusPending: return .pending // 一部省略 case let failed as OnboardingLocationEditReactor.SubmissionStatusFailed: return .failed(error: failed.error) default: assertionFailure("not supported") return nil } } } 3. Kotlin → Swiftへの変換に慣れる必要がある

Slide 29

Slide 29 text

© 2024 Wantedly, Inc. 改善案と展望 KMPを触るiOSエンジニアの開発者体験向上 https://touchlab.co/kmp-teams-use-source 1. コードの定義元に直接飛べない ○ Xcode-Kotlin Pluginの導入 2. KMPの実装を取り込むまでに時間がかかる ○ GitPortalの導入 3. Kotlin → Swiftへの変換に慣れる必要がある ○ SKIEの導入