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

MEet Flutter Add-to-App: Unlocking Our Producti...

MEet Flutter Add-to-App: Unlocking Our Productivity

イベント名:Money Forward Tech Day 2024
登壇日:2024年9月20日
登壇者:Ichiro Hirata
説明:Flutter Add-to-App(以下A2A)は、既存のネイティブアプリにFlutterを部分的に統合する機能です。2023年2月、マネーフォワード MEは新サービスのリリースに伴い、A2Aを導入しました。1年以上にわたる開発の結果、iOSとAndroidの実装の共通化により開発速度が向上し、アプリの仕様策定やデザインなどの業務が大幅に削減され、全体的な開発生産性が飛躍的に向上しました。また、新しい技術を取り入れることで生じた課題には、GitHub Actionsなどのツールを活用した自動化プロセスの導入により迅速に対応しました。A2Aの導入はさらに、iOSおよびAndroidエンジニア間、他チーム、他部門とのコミュニケーションを促進し、プロジェクトチーム全体の協力体制を強化することにも貢献しました。今回のトークでは、A2A導入による開発環境の改善点や具体的な自動化プロセスについて詳しく説明します。
イベントURL:https://techday.moneyforward-dev.jp/2024/

Money Forward, Inc.

September 26, 2024
Tweet

More Decks by Money Forward, Inc.

Other Decks in Technology

Transcript

  1. • iOS Engineer@Money Forward ME 
 ◦ iOSエンジニア@マネーフォワード ME 


    • Joined Money Forward in 2019
 ◦ 2019年入社
 
 Ichiro Hirata 平田 一郎
  2. プロジェクトの課題 Project Issues Development Test Design Planning Productivity,
 Communication,
 Motivation,


    Issues Assignment
 Efficiency,
 Communication
 
 
 Efficiency,
 Communication
 

  3. 課題解決手段としてのクロスプラットフォーム Cross platform as one of the solutions Development Test

    Design Planning Issues Productivity,
 Communication,
 Motivation,
 Assignment
 Efficiency,
 Communication
 
 
 Efficiency,
 Communication
 

  4. Productivity,
 Communication,
 Motivation,
 課題解決手段としてのクロスプラットフォーム Cross platform as one of the

    solutions Development Test Design Planning Issues Assignment
 Efficiency,
 Communication
 
 
 Efficiency,
 Communication
 

  5. 技術検証 Technical Verification # Features
 - View
 - Business Logic


    - Storage
 - Native View, etc.
 # Development Tools
 - Hot Reload / Restart, etc.

  6. 開発用テンプレート Templates for Development # Informative Templates
 Covers how to

    implement all classes for a single screen.
 Also helpful when reviewing pull requests.

  7. オンボーディング Onboarding # Onboarding
 - Basic knowledge of Flutter /

    Dart
 - Usage of templates, OpenAPI
 - Small task assignments, etc.

  8. デバッグツール Debugging Tool # Various Features
 - Direct Screen Transition


    - Multiple Server Environment Connections
 - API Log Viewer, etc.

  9. 導入の結果 Results Development Test Design Planning Issues Productivity,
 Communication,
 Motivation,


    Assignment
 Efficiency,
 Communication
 
 
 Efficiency,
 Communication
 

  10. 導入の結果 Results Development Test Design Planning Productivity,
 Communication,
 Motivation,
 Efficiency,


    Communication
 
 
 Assignment
 Efficiency,
 Communication
 
 Issues 2x Productivity
  11. Small Start
 with
 Add-to-app Successful Onboarding Unified
 Design
 One Screen


    One Flutter
 Independent
 Debugging Tool
 Improved Productivity 
 and Communication
 Templates
 Takeaways
 Automation
 * 記載されている会社名および商品・製品・サービス名(ロゴマーク等を含む)は、各社の商標または各権利者の登録商標です。 * Icons by Icons8