Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web標準なフォームは万能じゃなかった。Conformを使って直面した現実 / Conform...
Search
Haruto Takeuchi
May 09, 2026
39
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Web標準なフォームは万能じゃなかった。Conformを使って直面した現実 / Conform and the Reality of Web Standards
フロントエンドカンファレンス名古屋2026 登壇資料
Haruto Takeuchi
May 09, 2026
Featured
See All Featured
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
340
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
170
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
230
HDC tutorial
michielstock
2
710
The Pragmatic Product Professional
lauravandoore
37
7.3k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
400
The Language of Interfaces
destraynor
162
27k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
390
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
210
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
480
What's in a price? How to price your products and services
michaelherold
247
13k
Transcript
Web 標準なフォームは万能じゃなかっ た。Conform を使って直面した現実 Haruto Takeuchi フロントエンドカンファレンス名古屋2026
自己紹介 武内 覇斗 @harucn 永和システムマネジメン ト(ESM, Inc. ) 福井から来ました
今日はWeb 標準なConform を使って パフォーマンスがキツくなっていった話をします
React 向けフォームライブラリ Web 標準に準拠 サーバー処理との連携を第一に設計 Conform
コードがシンプルに書ける JavaScript で値を管理しないため軽量 ある程度のパフォーマンス要件なら耐えられるはず なぜ選んだか
12345 1 枚 200 円 200 円 商品コード 数量 単価
金額 ... 67890 5 本 1,200 円 6,000 円 商品コード 数量 単価 金額 ... 34567 2 箱 5,000 円 10,000 円 商品コード 数量 単価 金額 ... 作っていたもの
ある日 10,000 input を超える要件が
None
None
DOM が巨大になりすぎていた (当たり前) そもそも 10,000 input が想定以上 さらに hidden input
も爆増していた 原因
値を画面に表示せず裏側で持っておきたい → 問答無用で hidden input リッチなUI コンポーネントで値を扱いたい → 表示用とは別に hidden
input hidden input 地獄
同じくDOM で値を管理するから 仮想化も厳しかった
(補足)今はできるようになってる https://github.com/edmundhung/conform/releases/tag/v1.17.0
JS で値を管理しない = 軽量 とは限らない 軽量じゃないわけじゃないが 規模によるし、さすがに限度はある Web 標準の誤解
正直エッジケースな要件 だからこそ ライブラリの思想と制約がはっきり見えた
ライブラリを使うということは その思想・制約を受け入れる心構えが必要
何ができるかより 何ができないか・何を捨てているか をより注視する ひとつの視点
ありがとうございました