Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin M...

Avatar for Masatoshi Kubode Masatoshi Kubode
January 15, 2025
Technology
0
450

WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly

https://sansan.connpass.com/event/339209/

Avatar for Masatoshi Kubode

Masatoshi Kubode

January 15, 2025
Tweet

More Decks by Masatoshi Kubode

See All by Masatoshi Kubode
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
Avatar for Masatoshi Kubode kubode
2
990
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
410
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
360
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
Avatar for Masatoshi Kubode kubode
1
1.3k
Make your Android app into Multiplatform app
Avatar for Masatoshi Kubode kubode
0
160
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1.1k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
820
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
Avatar for Masatoshi Kubode kubode
0
360
ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly
Avatar for Masatoshi Kubode kubode
0
1.8k

Other Decks in Technology

See All in Technology
生成AIによる情報システムへのインパクト
Avatar for Takaaki Yayoi taka_aki
1
150
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
Avatar for Taiki Sugawara taikis
1
280
Amazon CloudWatchのメトリクスインターバルについて / Metrics interval matters
Avatar for ymotongpoo ymotongpoo
3
210
TROCCO今昔
Avatar for gtnao gtnao
0
210
AI駆動開発 with MixLeap Study【大阪支部 #3】
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
210
CSPヘッダー導入で実現するWebサイトの多層防御：今すぐ試せる設定例と運用知見
Avatar for llamakko llamakko
1
220
DATA+AI SummitとSnowflake Summit: ユーザから見た共通点と相違点 / DATA+AI Summit and Snowflake Summit
Avatar for NTT docomo Business nttcom
0
220
室長の逆襲 ：データ活用の陣地を増やすためのヒント
Avatar for 阿部 昌利 masatoshi0205
0
190
20250719_JAWS_kobe
Avatar for Takuya Yonezawa takuyay0ne
1
160
Data Engineering Study#30 LT資料
Avatar for tetsuroito tetsuroito
1
570
機械学習を「社会実装」するということ 2025年夏版 / Social Implementation of Machine Learning July 2025 Version
Avatar for Moe Uchiike（内池 もえ） moepy_stats
1
630
「手を動かした者だけが世界を変える」ソフトウェア開発だけではない開発者人生
Avatar for Yasuhiro Onishi onishi
12
5.3k

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
109
19k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k

Transcript

  1. © 2025 Wantedly, Inc.

  2. © 2025 Wantedly, Inc. WantedlyでのKotlin Multiplatformの導入と課題 Kotlin Multiplatform Night 2025/01/15

    久保出雅俊

  3. © 2025 Wantedly, Inc. wantedly.com/id/kubode @swiz_ard @kubode

  4. © 2025 Wantedly, Inc. Agenda 弊社のKMP導入事例を紹介 • 導入した背景 • 導入により得られた成果

    • 導入プロセス • 導入後の課題 🙅 KMP自体の紹介、導入時の技術的課題

  5. © 2025 Wantedly, Inc. 導入した背景

  6. © 2025 Wantedly, Inc. 導入したプロダクトの紹介 https://speakerdeck.com/wantedly/for-engineers

  7. © 2025 Wantedly, Inc. 大きく2つの課題 • React Nativeの技術負債化 ◦ メンテナー不在

    ◦ アップデートが困難に • iOSとAndroidでの動作の不一致 ◦ 詳細仕様や設計書がない ◦ キャッシュ構造 ◦ エラー時の挙動 導入背景 https://www.wantedly.com/companies/wantedly/post_articles/282562

  8. © 2025 Wantedly, Inc. Native UI アーキテクチャ Kotlin Multiplatform Reactor

    Action State UseCase GraphQL RestAPI DB Backend

  9. © 2025 Wantedly, Inc. 導入により得られた成果

  10. © 2025 Wantedly, Inc. 課題の解決 • React Nativeを取り除き、技術負債を返済 ◦ モバイルチームの所有物が減りメンテナンス性が向上

    • 動作の不一致の改善

  11. © 2025 Wantedly, Inc. 設計プロセスの改善

  12. © 2025 Wantedly, Inc. KMP/iOS/Android並列実装 • KMP側はロジックの内部実装を進める • UI側は設計されたStateをもとにPreview駆動開発 KMP

    インターフェー ス 設計・実装 KMP 内部実装 iOS UI実装 Android UI実装 画面仕様 QA リリース 結合

  13. © 2025 Wantedly, Inc. 導入プロセス

  14. © 2025 Wantedly, Inc. チームへの共有やヒアリング • 課題感をチームへ共有、認識を合わせる • 導入検討方針を伝え、懸念や不安を個別にヒアリング ◦

    React Nativeと変わらないのでは？ ◦ iOSエンジニアのKotlinの学習コスト ◦ 退行プランはどうするのか

  15. © 2025 Wantedly, Inc. 検証フェーズ • 小さく検証し懸念や不安を払拭 • PoCだけでなくプロダクションコードでの実証

  16. © 2025 Wantedly, Inc. 説明責任を果たす KMPはチームのあり方を変える技術 👉 ステークホルダーとの合意形成が必須 ◦ なぜ導入したいのか、長期視点での利点やリスクを説明

    ◦ 導入検討を伝えることで、欠如した観点を得られる ◦ 合意後も状況共有しつつ導入を進める

  17. © 2025 Wantedly, Inc. 導入後の課題

  18. © 2025 Wantedly, Inc. 定期的な振り返りの実施 検証しても課題はつきもの • 導入後に定期的に振り返りを実施、継 続的に改善 •

    導入して終わりにしない

  19. © 2025 Wantedly, Inc. チームに根付かせる 属人化させず、チームにKMPを根付かせる • ドキュメント化 • ペアプロやモブプロの実践

  20. © 2025 Wantedly, Inc. まとめ

  21. © 2025 Wantedly, Inc. まとめ 弊社のKMP導入事例を紹介 • 弊社にとってKMPは、課題解決にマッチした良い技術 • 乗り越えるハードルはあるが、それに見合う利点がある

    • 先にプロセスの課題を改善すべきだった ◦ 動作の不一致の課題解決や設計改善は、別の手法でも可能 ◦ KMP導入によるリスクの漏れや過小評価 ◦ KMPによってプロセスを改善するのではなく、プロセス改善が先