Web標準なフォームは万能じゃなかった。Conformを使って直面した現実 / Conform and the Reality of Web Standards

フロントエンドカンファレンス名古屋2026 登壇資料

Transcript

1. Web 標準なフォームは万能じゃなかっ た。Conform を使って直面した現実 Haruto Takeuchi フロントエンドカンファレンス名古屋2026
2. 自己紹介 武内 覇斗 @harucn 永和システムマネジメン ト（ESM, Inc. ） 福井から来ました
3. 今日はWeb 標準なConform を使って パフォーマンスがキツくなっていった話をします
4. React 向けフォームライブラリ Web 標準に準拠 サーバー処理との連携を第一に設計 Conform
5. コードがシンプルに書ける JavaScript で値を管理しないため軽量 ある程度のパフォーマンス要件なら耐えられるはず なぜ選んだか
6. 12345 1 枚 200 円 200 円 商品コード 数量 単価 金額 ... 67890 5 本 1,200 円 6,000 円 商品コード 数量 単価 金額 ... 34567 2 箱 5,000 円 10,000 円 商品コード 数量 単価 金額 ... 作っていたもの
7. ある日 10,000 input を超える要件が
10. DOM が巨大になりすぎていた （当たり前） そもそも 10,000 input が想定以上 さらに hidden input も爆増していた 原因
11. 値を画面に表示せず裏側で持っておきたい → 問答無用で hidden input リッチなUI コンポーネントで値を扱いたい → 表示用とは別に hidden input hidden input 地獄
12. 同じくDOM で値を管理するから 仮想化も厳しかった
13. （補足）今はできるようになってる https://github.com/edmundhung/conform/releases/tag/v1.17.0
14. JS で値を管理しない = 軽量 とは限らない 軽量じゃないわけじゃないが 規模によるし、さすがに限度はある Web 標準の誤解
15. 正直エッジケースな要件 だからこそ ライブラリの思想と制約がはっきり見えた
16. ライブラリを使うということは その思想・制約を受け入れる心構えが必要
17. 何ができるかより 何ができないか・何を捨てているか をより注視する ひとつの視点
18. ありがとうございました