Effective Form ~ Flutterによる複雑なフォーム開発の実践 ~ by たまねぎ

FlutterKaigi 2024
一般セッション

Effective Form ~ Flutterによる複雑なフォーム開発の実践 ~

_chocoyama たまねぎ _chocoyama

概要

「フォーム」を取り扱うアプリの機能実装は、考慮すべき点が多岐に渡り、難易度が非常に高い部分です。

例えば、商品注文や申請作成の入力画面は、単純な入力画面とは性質が異なり、複雑な仕様の中でミスができない実装が求められます。
そこでは、高度なバリデーションや、複数ソースからの動的なデータ取得・更新など、「複雑なロジックをフロントで実装する必要がある」点で多くの課題が存在します。

Flutterの活用は、開発効率を上げる有効な手段の1つですが、単に導入するだけでは上記課題は解消しきれません。
本トークでは、複雑度が極めて高いフォーム開発を、宣言的かつ型安全に保つことで、効率的に実現する方法をご紹介します。

トピック

  • Flutterでのフォーム画面開発
    • 実プロダクトの事例紹介
  • 状態管理とバリデーションのアプローチ
    • 状態設計の手法
    • Riverpod, flutter_hooksの活用
    • フォーム要素間の相互依存関係の処理
    • 複数画面間でのデータ同期の実装
  • ユーザー体験向上の工夫
    • エラー、アラートのフィードバック
    • 入力補助
    • 細かな操作感

想定視聴者

  • フォーム開発の設計や実装に悩んだことがある方
  • Flutterを使って効率的に複雑なフォームを実装したい方