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

ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly

Avatar for Masatoshi Kubode Masatoshi Kubode
May 21, 2024
Programming
0
2k

ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly

https://wantedly.connpass.com/event/316051/

Avatar for Masatoshi Kubode

Masatoshi Kubode

May 21, 2024
Tweet

More Decks by Masatoshi Kubode

See All by Masatoshi Kubode
3リポジトリーを2ヶ月でモノレポ化した話 / How I turned 3 repositories into a monorepo in 2 months
Avatar for Masatoshi Kubode kubode
0
140
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
Avatar for Masatoshi Kubode kubode
2
1.3k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
660
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
460
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
Avatar for Masatoshi Kubode kubode
0
590
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
Avatar for Masatoshi Kubode kubode
1
1.4k
Make your Android app into Multiplatform app
Avatar for Masatoshi Kubode kubode
0
210
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1.4k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
1.1k

Other Decks in Programming

See All in Programming
Unity6.3 AudioUpdate
Avatar for Cova8bitdots cova8bitdots
0
110
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜
Avatar for kuro kuro_kurorrr
3
1.7k
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
3
1.1k
エージェント開発初心者の僕が エージェントを作った話と今後やりたいこと
Avatar for ta-hasunuma thasu0123
0
230
20260228_JAWS_Beginner_Kansai
Avatar for Takuya Yonezawa takuyay0ne
5
460
Ruby x Terminal
Avatar for Akira Matsuda a_matsuda
7
590
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
410
AIプロダクト時代のQAエンジニアに求められること
Avatar for imtnd imtnd
2
740
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
3
740
atmaCup #23でAIコーディングを活用した話
Avatar for ML_Bear ml_bear
4
750
AIコーディングの理想と現実 2026 | AI Coding: Expectations vs. Reality 2026
Avatar for Tomohisa Takaoka tomohisa
0
1.2k
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
4
380

Featured

See All Featured
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
340
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
130
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
150
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
5.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
850
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
220
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
73
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.7k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
470
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k

Transcript

  1. © 2024 Wantedly, Inc. ウォンテッドリーでの KMPワークフロー Mobile勉強会#14 2024/05/21 久保出雅俊

  2. © 2024 Wantedly, Inc. wantedly.com/id/kubode @swiz_ard @kubode

  3. © 2024 Wantedly, Inc. Agenda • 弊社でのKMPのワークフローを紹介 • チーム構成や現状に至った経緯

  4. © 2024 Wantedly, Inc. Kotlin Multiplatform (KMP)

  5. © 2024 Wantedly, Inc. Kotlin Multiplatform

  6. © 2024 Wantedly, Inc. https://android-developers.googleblog.com/2024/05/android-support-for-kotlin-multiplatform-to-share-business-logic-across-mobile-web-server-desktop.html

  7. © 2024 Wantedly, Inc. ウォンテッドリーでのKotlin Multiplatform

  8. © 2024 Wantedly, Inc. 導入

  9. © 2024 Wantedly, Inc. 共通化レベル

  10. © 2024 Wantedly, Inc. Presentation Logic SearchReactor send(Action.Bookmark) state

  11. © 2024 Wantedly, Inc. Repository構成 KMP iOS Android SwiftPM Maven

    Publish Publish

  12. © 2024 Wantedly, Inc. Mobile Chapter チーム構成とコミット KMP iOS Android

    専門性 iOS Android Commit Commit

  13. © 2024 Wantedly, Inc. ワークフロー

  14. © 2024 Wantedly, Inc. 開発ワークフロー KMP インターフェー ス 設計・実装 KMP

    内部実装 iOS UI実装 Android UI実装 画面仕様 QA リリース 結合

  15. © 2024 Wantedly, Inc. 開発ワークフロー KMP インターフェー ス 設計・実装 画面仕様

    QA リリース • 仕様を元にStateとActionをモデリング、実装 ◦ KMP/iOS/Android全エンジニアがそれぞれの観点でレビュー • KMPの状態更新などの中身は実装しない KMP 内部実装 iOS UI実装 Android UI実装 結合

  16. © 2024 Wantedly, Inc. 開発ワークフロー KMP インターフェー ス 設計・実装 画面仕様

    QA リリース • KMPは内部の状態更新を実装していく • iOS/AndroidはStateをもとにPreview駆動開発 • UI実装とStateやActionに乖離があればフィードバック KMP 内部実装 iOS UI実装 Android UI実装 結合

  17. © 2024 Wantedly, Inc. 開発ワークフロー KMP インターフェー ス 設計・実装 画面仕様

    QA リリース • KMPの内部実装が進んだらiOS/Androidと結合を始める • 実装と結合の工程はきっちり別れずグラデーションで進行 • 結合時の課題はフィードバックして改善 KMP 内部実装 iOS UI実装 Android UI実装 結合

  18. © 2024 Wantedly, Inc. 開発ワークフロー KMP インターフェー ス 設計・実装 画面仕様

    QA リリース KMPでは、ここの並列化とフィードバック速度が重要 KMP 内部実装 iOS UI実装 Android UI実装 結合

  19. © 2024 Wantedly, Inc. 開発ワークフローの重要な工程 KMP インターフェー ス 設計・実装 画面仕様

    QA リリース 手戻りを減らす フィードバックを早く回す KMP 内部実装 iOS UI実装 Android UI実装 結合

  20. © 2024 Wantedly, Inc. KMPインターフェース設計・実装 KMP インターフェー ス 設計・実装 画面仕様

    QA リリース 手戻りを減らす KMP 内部実装 iOS UI実装 Android UI実装 結合

  21. © 2024 Wantedly, Inc. • 実装時の手戻りが多い課題があった ◦ KMPに破壊的変更を頻繁に入れる ◦ UI側で不足する状態が実装中に発覚

    • → 仕様整理や設計のレベルを上げよう！ KMPインターフェース設計・実装

  22. © 2024 Wantedly, Inc. KMPインターフェース設計・実装

  23. © 2024 Wantedly, Inc. KMPインターフェース設計・実装 • 手戻りがかなり減った • モデリングの手法も議論が起きて堅牢に ◦

    data class (直積) → sealed class (直和)

  24. © 2024 Wantedly, Inc. 結合 KMP インターフェー ス 設計・実装 画面仕様

    QA リリース フィードバックを早く回す KMP 内部実装 iOS UI実装 Android UI実装 結合

  25. © 2024 Wantedly, Inc. 結合 • 以前はKMPに手動でバージョンをつけてパッケージ化 ◦ KMPの結合までが非常に手間、心理的ハードル ◦

    結合のフィードバックが回しづらい

  26. © 2024 Wantedly, Inc. 結合 • CI/CDを整備、メインブランチマージで自動的にPR作成 ◦ iOS/Android側のPRをマージするだけに •

    朝会での相談などフィードバックの機会を増やす • 設計工程を手厚くしたことで結合時の手戻りも減った

  27. © 2024 Wantedly, Inc. まとめ

  28. © 2024 Wantedly, Inc. まとめ • 弊社でのKMPのワークフローを紹介 • 当たり前だけど設計は重要な工程 •

    CI/CDはフィードバックを回すためにも必須 • チーム内のコミュニケーションを活発に

  29. © 2024 Wantedly, Inc.