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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
150
ウォンテッドリーの「ココロオドル」モバイル開発 / 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
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
180
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
2.3k
maplibre-gl-layers - 地図に移動体たくさん表示したい
Avatar for Kouji Matsui kekyo
PRO
0
260
AHC061解説
Avatar for Shun_PI shun_pi
0
370
Understanding Apache Lucene - More than just full-text search
Avatar for Alexander Reelsen spinscale
0
110
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
2.1k
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.1k
TipKitTips
Avatar for Ryomm ktcryomm
0
160
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
470
最初からAWS CDKで技術検証してもいいんじゃない？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
4
140
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
180
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
180

Featured

See All Featured
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
69
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
140
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
190
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k

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.