コンポーネントを切らずにAtomic Design!? MVVM構成を用いたFlutterアプリの設計実験 by Hand-Tomi

FlutterKaigi 2025
セッション

コンポーネントを切らずにAtomic Design!? MVVM構成を用いたFlutterアプリの設計実験

ThomasS2558 Hand-Tomi ThomasS2558
2

概要

MVVM Clean Architectureで作られたFlutterアプリに、Atomic Design Patternを組み合わせてみた実例を紹介します。
既存のUiStateやPage、Actionなどの構成に、どうやってAtomやMoleculeといった考え方を落とし込んだのかを具体的に解説。
再利用性や保守性がどう変わったのか、逆に設計が複雑になって困った点など、リアルな経験も共有します。

想定視聴者

  • UI設計に悩んでいるFlutter開発者
  • Clean ArchitectureやAtomic Designに興味がある人
  • 実際に導入してみた話を聞いてみたい人