Flutter採用企業3社が語るアプリ開発の現場と今後の展望とは

https://findy-code.io/events/kGDZ9uP2s5mHP

Transcript

1. © 2024 vivid garden Inc 食べチョクアプリのFlutter化と展望 y-hakutaku
2. 自己紹介 © 2024 vivid garden Inc 白澤 義康 @y_hakutaku 2014年頃からiOSエンジニア。 「Flutter完全に理解した！」 今のおすすめは、りんご🍎 名前 略歴 おすすめ商品
3. © 2024 vivid garden Inc ぐんま名月
4. ・食べチョク(Web) 消費者が商品を探し て注文する 2017/8 ~ ・Farmer(Web) 生産者向け管理画面。 商品登録、注文管理、 ダッシュボード等 2017/8 ~ ・食べチョク(iOS) 消費者が商品を探して 注文する 2020/7 ~ ・食べチョク(Android) 消費者が商品を探して注 文する 2020/11 ~ プロダクトについて
5. アジェンダ © 2024 vivid garden Inc テーマは「食べチョクアプリのFlutter化と展望」 • Flutterリプレースに至った背景 • リプレースする際に大事にしたこと • 今後のアプリの展望 • まとめ
6. アプリ/Webユーザー比率が同程度になった • 事業成長におけるアプリの比重が増した © 2024 vivid garden Inc モバイルエンジニアは4名体制 最近の食べチョク アプリの状況 チームの役割は大きく2つ • KR達成のための仮説検証サイクルの実行 • プラットフォームごとの技術的改善 Flutterリプレースに至った背景
7. Flutter化を考えてみる...? © 2024 vivid garden Inc 事業成長 ≒ 仮説検証実施数 1施策1名で進められたら４レーン並行！ Flutterリプレースに至った背景
8. • 社内に有識者がいない • メンバー全員ゼロからの学習 　　　　 　　　　ハードな挑戦！ © 2024 vivid garden Inc Flutter化は夢のある話だが...。 Flutterリプレースに至った背景
9. リプレースする際の合意 • １施策１名で開発可能な設計 • 見積もりは難しいしあくまでも予測という期待値調整 • チーム一人一人のFlutterの習得もゴールに含める • リプレースに全集中 © 2024 vivid garden Inc リプレースする際に重要視したこと
10. チーム一人一人のFlutterの習得もゴールに含める 全員初心者、リリースはできたけどチームのFlutter理解度が低いママを避ける 技術習得まわりのポイント • ベテランの業務委託者からナレッジを吸収 • VSCodeのLiveShare機能でペアプロやモブプロやろうぜ！ • 週1のレトロスペクティブで開発全般で気になっていることを書き出し Github Discussionに転載し1日1つずつ議論や認識合わせし結論をまとめる © 2024 vivid garden Inc リプレースする際に重要視したこと
11. © 2024 vivid garden Inc リプレースする際に重要視したこと
12. © 2024 vivid garden Inc リプレースする際に重要視したこと
13. １施策１名で開発可能な設計 Material3をベースにした共通のUI • デザインマスターやコンポーネント定義をデザイナーへ依頼 • iOS/Androidで機能差分のあるUIも統一 © 2024 vivid garden Inc リプレースする際に重要視したこと
14. 学習込みの見積もりは難しい。リリースへの期待値調整 全員初心者！ 技術を習得しながらの0->1のアプリ開発のポイント • 個人の学習スピードを加味しながらは見積もれない • とはいえ中盤以降から、ベロシティ計算による完了予測を立てた 結果として事業上のリリースすべきスケジュールと実際の見込みのスケ ジュールをPdMやCTOとsyncしながら進めることが可能になり心理的に安全 な体制を担保できました。 © 2024 vivid garden Inc リプレースする際に重要視したこと
15. リプレースに全集中する体制 リプレースに合わせた新規機能の追加はしない • 既存機能のみに絞ることで、全員の思考をリプレースに集中で きるようにした。 既存アプリの開発もストップ • 全社的にアプリの機能追加はストップする意思決定をした © 2024 vivid garden Inc リプレースする際に重要視したこと
16. © 2024 vivid garden Inc QAエンジニアが期間中、専属で対応。 具体的には • テストケースの作成と機能ごとの濃淡の調整 • QAエンジニア観点のテスト実施 • 開発と並行して動く箇所からバグの洗い出し 早い段階からQAエンジニアと連携したことで バグ件数の予測やビッグバンテストの回避を実現。 リプレースする際に重要視したこと
17. © 2024 vivid garden Inc libraries • riverpod • freezed Testing libraries • flutter_test • mockito CI/CD • GithubActions • Bitrise(iOSのbuildのみ) Architecture • Layered Architecture mBaas • Firebase • etc 技術的に採用したこと
18. 現在、佳境です！ © 2024 vivid garden Inc リプレースする際に重要視したこと
19. © 2024 vivid garden Inc リプレースする際に重要視したこと
20. リリース後の展望 © 2024 vivid garden Inc
21. やっていくこと、山盛り • 引き続き、仮説検証 • 開発ストップ中に増えたWeb版機能の追加 • あっと驚く新機能！ 社内の期待値が高く、リリース後にユーザーに提供したい体験のス トックはたくさんあり、優先順位の検討も始めています リリース後の展望 © 2024 vivid garden Inc
22. 技術的な展望 • 初期コードにhooksを一部使っている部分があるのでriverpodへ • 運用工数を下げるようなCI/CDの追加 • 難易度の高い画面の実装手法の共有会など そのほか事業成長への貢献に使う時間を増やすための改善をしていき ます リリース後の展望 © 2024 vivid garden Inc
23. • アプリの成長が食べチョク事業成長の中心であること • Flutterの活用次第で1施策1名体制が実現可能なこと • 学習しながらリプレースするには周囲の理解と 有識者によるサポートがあるとよい • りんごは「ぐんま名月」がおすすめ まとめ © 2024 vivid garden Inc
24. We are hiring! toC事業の成長を担いたい Flutterエンジニア求む！