インタラクティブ会場マップ
生 SVG をインライン展開し pan/zoom 上で部屋をクリック可能に。elementsFromPoint で重なりも解決。
IVS Event Frontend
セッション・会場マップ・アンケート・登壇者ランキング・クリエイティブ自動生成まで、IVS2026 カンファレンスの機能面を担った公式サブサイト兼 CMS。SNS カードから A2 印刷ポスターまでコードで生成した。
COMMITS1,298
LINES+218,472
ADMIN TOOLS23
画像生成ルート11
iframe 専用に用意した bare ページ。pan/zoom + 部屋クリック
OPEN LIVE ↗本番サイトを新しいタブで開く参加者に配られた本物のアンケート + Q&A。3 段階 face 評価が登壇者ランキングに直結する
OPEN LIVE ↗本番サイトを新しいタブで開くリスト hover で該当小間が発光する SVG マップ。128 ブース × 3 日
実装の現物 — 回答完了演出 (実装の現物)
会場でアンケート送信した参加者が見た Canvas 紙吹雪。@harvested-from ivs-cms
WHAT'S INSIDE
アンケート → 登壇者ランキング
匿名 3 段階評価を IMDb 型加重レーティング (会場平均ベースライン + 票数信頼度) で集計。
クリエイティブをコードで生成
Satori / DOM ラスタライズ / CSS 印刷 (√2 拡大) の 5 技法で SNS カードから A2 ポスターまで。
Slido ライク Q&A + 投票
Upstash KV でリアルタイム同期。主催の画面切替に全端末が追従。
