本文へ移動

§09-19Forms

クエリ式 builder (if-then UI)

条件とアクションを組み合わせてルールを作る。

「もし〜なら〜する」の形で条件を組み立て、コードを書かずに自動化や絞り込みを定義できる。通知ルールや高度な検索条件の設定に使う。

実装のポイント

条件はフィールド・演算子・値のツリー構造で持ち、フィールドの型に応じて使える演算子と入力 UI を切り替える。保存前にプレビュー件数を見せると誤設定に気付ける。

特徴
  • フォーム
  • 状態管理
デモで使っているもの
  • lucide-react