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
910
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
370
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
350
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
150
ウォンテッドリーにおけるモバイルアプリ開発 / 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
780
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
2025/6/21 日本学術会議公開シンポジウム発表資料
Avatar for Keisuke Fujii keisuke198619
2
480
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
Avatar for kubell kubell_hr
1
110
AIの最新技術＆テーマをつまんで紹介＆フリートークするシリーズ #1 量子機械学習の入門
Avatar for Takahiro Esaki tkhresk
0
130
Amplifyとゼロからはじめた AIコーディング 成果と展望
Avatar for k.masachika mkdev10
1
380
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
Avatar for Mitsuki Ogasahara yamitzky
0
390
菸酒生在 LINE Taiwan 的後端雙刀流
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
Avatar for Masato Ishigaki / 石垣雅人 i35_267
4
1.4k
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
Avatar for CUEBiC Inc. cuebic9bic
2
230
第9回情シス転職ミートアップ_テックタッチ株式会社
Avatar for forester3003 forester3003
0
160
フィンテック養成勉強会#54
Avatar for フィンテック養成コミュニティ finengine
0
120
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
Avatar for HASEGAWA Tomoki tomzoh
3
1.5k
解析の定理証明実践＠Lean 4
Avatar for H Segawa dec9ue
0
130

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Side Projects
Avatar for Sacha Greif sachag
455
42k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
31
1k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.6k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.4k

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