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
430

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
830
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
340
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
340
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
Avatar for Masatoshi Kubode kubode
1
1.2k
Make your Android app into Multiplatform app
Avatar for Masatoshi Kubode kubode
0
140
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
750
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
Avatar for Masatoshi Kubode kubode
0
350
ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly
Avatar for Masatoshi Kubode kubode
0
1.8k

Other Decks in Technology

See All in Technology
SmartHRの複数のチームにおけるMCPサーバーの活用事例と課題
Avatar for Yuki Horikoshi yukisnow1823
2
1.2k
テストを実施する前に考えるべきテストの話 / Thinking About Testing Before You Test
Avatar for nihonbuson nihonbuson
PRO
14
2k
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
Avatar for きむそん kimuson
2
1.3k
AIに実況させる / AI Streamer
Avatar for motemen motemen
3
1.4k
AIとSREの未来 / AI and SRE
Avatar for ymotongpoo ymotongpoo
2
1.3k
コードの考古学 〜労務システムから発掘した成長の糧〜
Avatar for Kenta SEKINE kenta_smarthr
1
1.2k
[zh-TW] DevOpsDays Taipei 2025 -- Creating Awesome Change in SmartNews!(machine translation)
Avatar for Ikuo Suyama martin_lover
1
650
ソフトウェアテストのAI活用_ver1.10
Avatar for fumisuke fumisuke
0
240
GitHub Coding Agent 概要
Avatar for KAMEGAWA Kazushi kkamegawa
1
1.7k
OSMnx Galleryの紹介
Avatar for mopinfish mopinfish
0
150
CloudBruteによる外部からのS3バケットの探索・公開の発見について / 20250605 Kumiko Hennmi
Avatar for SHIFT EVOLVE shift_evolve
3
180
ローカル環境でAIを動かそう！
Avatar for Michael Tedder falken
PRO
1
170

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
123
52k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
76
5.8k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k

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によってプロセスを改善するのではなく、プロセス改善が先