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
530

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
1.2k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
590
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
420
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
180
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1.3k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
970
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
Avatar for Masatoshi Kubode kubode
0
380
ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly
Avatar for Masatoshi Kubode kubode
0
1.9k

Other Decks in Technology

See All in Technology
膨大なデータをどうさばく？ Java × MQで作るPub/Subアーキテクチャ
Avatar for igu zenta
0
120
技術広報のOKRで生み出す 開発組織への価値 〜 カンファレンス協賛を通して育む学びの文化 〜 / Creating Value for Development Organisations Through Technical Communications OKRs — Nurturing a Culture of Learning Through Conference Sponsorship —
Avatar for Pauli pauli
5
530
FFMとJVMの実装から学ぶJavaのインテグリティ
Avatar for Kenji Kazumura kazumura
0
160
自然言語でAPI作業を片付ける！「Postman Agent Mode」
Avatar for 草薙昭彦 nagix
0
140
.NET 10のEntity Framework Coreの新機能
Avatar for tkym htkym
0
120
信頼性が求められる業務のAIAgentのアーキテクチャ設計の勘所と課題
Avatar for Koji Miyata miyatakoji
0
150
JavaScript パーサーに using 対応をする過程で与えたエコシステムへの影響
Avatar for Yuichiro Yamashita baseballyama
1
140
個人から巡るAI疲れと組織としてできること - AI疲れをふっとばせ。エンジニアのAI疲れ治療法 ショートセッション -
Avatar for kichion kikuchikakeru
5
1.9k
AI エージェントを評価するための温故知新と Spec Driven Evaluation
Avatar for Takahiro Kubo icoxfog417
PRO
2
710
持続可能なアクセシビリティ開発
Avatar for azukiazusa azukiazusa1
6
320
Pandocでmd→pptx便利すぎワロタwww
Avatar for meow meow_noisy
2
910
AI駆動開発を実現するためのアーキテクチャと取り組み
Avatar for Yuichiro Yamashita baseballyama
16
12k

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.3k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
760
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
30
5.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k

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