AI駆動 Jetpack Compose 移行戦略

Transcript

1. © 2025 Wantedly, Inc. AI駆動 Jetpack Compose 移行戦略 Mobile勉強会 #21 ウォンテッドリー × チームラボ × Sansan July.24 2025 -長尾 光
2. © 2025 Wantedly, Inc. 自己紹介 @hikaengineer 長尾 光 hikaru nagao hikaru_nagao_i Nagao-hikaru Mobile Growth Squad, Wantedly, Inc. Joined in April 2025
3. © 2025 Wantedly, Inc. Jetpack Composeへの移行は進 んでますか？
4. • Composeへの移行は30%ほど完了 • 主要画面(プロフィール画面や メッセージ画面等)の移行も残っている Wantedly Jetpack Compose移行状況
5. © 2025 Wantedly, Inc. 本日伝えたい話 / 背景 / 対象者 伝えたい話 • AI(Devin, Cursor)を使用したJetpack Compose移行 のやり方を紹介 背景 • AIを使用することで、工数を最小限で Compose移行を行えてる為、有 益だと思った 対象者 • AIを使用してJetpack Compose移行を効率化したい方
6. © 2025 Wantedly, Inc. 目次 01 Devinを使用して開発の土台を作る 02 Cursorを使用して開発を行う 03 まとめ
7. © 2025 Wantedly, Inc. 目次 01 Devinを使用して開発の土台を作る 👈 02 Cursorを使用して開発を行う 03 まとめ
8. © 2025 Wantedly, Inc. • 指示issueを基に移行作業の実装stepを細かくissueに分けてもらう Devinを使用して開発の土台を作る Devinにお任せした作業
9. © 2025 Wantedly, Inc. Devinを使用して開発の土台を作る 実際に作成されたissue
10. © 2025 Wantedly, Inc. Devinを使用して開発の土台を作る 実際に作成されたissue
11. © 2025 Wantedly, Inc. Devinを使用して開発の土台を作る 実際に作成されたissue
12. © 2025 Wantedly, Inc. • 何(What)をするか明確にする ◦ ここを明確にすることで自身がやりたいこととDevinの行動の方針にずれがなく なる • どのようにするか (How)を明確にする ◦ Howについてはできる限り細かく提示する。そうすることでアウトプットが自分の 想定していた内容になる。 Devinを使用して開発の土台を作る Devinへの指示出しで重要なポイント
13. © 2025 Wantedly, Inc. 目次 01 Devinを使用して開発の土台を作る 02 Cursorを使用して開発を行う 👈 03 まとめ
14. © 2025 Wantedly, Inc. • issueのリンクを添付して「上記issueの内容を読み込んで対応を行って」と指示す るのみ！ Cursorを使用して開発を行う Cursorにお任せした作業
15. © 2025 Wantedly, Inc. Cursorを使用して開発を行う 実際にできたUI • タイトル部分 の移行が完了 • issueの内容が充実している為、基本的に 1回 目の指示出しで対応が完了する • 出来上がったソースコードはセルフレビューす る
16. © 2025 Wantedly, Inc. 目次 01 Devinを使用して開発の土台を作る 02 Cursorを使用して開発を行う 03 まとめ 👈
17. © 2025 Wantedly, Inc. • AI駆動開発をすることで、作業の時間が短くて済む ◦ 対応issue作成やコーディングに時間がかからない • AIへの指示出しは、「何 (What)」をしたいのか、「どのように (How)」したいか を伝えることが重要 ◦ What,Howを明確にすることで、指示出しが少なくて済む。 • issueを細かく分けることで、 Cursorの作業も想定していた範囲内に収まる まとめ
18. © 2025 Wantedly, Inc. ご清聴ありがとうございました！！ @hikaengineer hikaru_nagao_i Nagao-hikaru