【UIの開発効率を上げられる!?】monarchを使ったFlutterでのUIコンポーネント開発・管理のお話 by satomix

FlutterKaigi 2021
レギュラートーク(30分)

【UIの開発効率を上げられる!?】monarchを使ったFlutterでのUIコンポーネント開発・管理のお話

satomixx_ satomix satomixx_
8

monarchというツールをご存知でしょうか?
webでのUIコンポーネント開発ではStorybookが有名かと思います。
monarchはstorybookに強く影響を受けた、FlutterでのUIコンポーネント構築を高速化・効率化させる為のツールです。

UIコンポーネントの開発においては悩ましいことが多々あるかと思います。

  • 渡す値などによって起きるUI崩れ
  • 端末やOSごとにチェックするのが大変
  • コードだけでは実際のUIを把握しづらいので、見ながら実装したい
  • 小さなコンポーネントを実装する場所にちょっと悩む
    etc...

monarchを使うことでこういった悩みのいくつかを軽減させることができるかもしれません。
今Flutterとともに成長してるmonarchについて、私が体験している小さなアレコレのお話にはなりますが、お役に立てましたら幸いです。