Webを “後付け” で拡張する──不動産 SaaS × Chrome 拡張機能のフロントエンド戦略 by 折原レオナルド賢

フロントエンドカンファレンス北海道2025
レギュラートーク(20分)

Webを “後付け” で拡張する──不動産 SaaS × Chrome 拡張機能のフロントエンド戦略

Leonardo_engr 折原レオナルド賢 Leonardo_engr

既存の物件検索サイトは保存できる検索条件の上限や、価格の変更を手動でチェックするなど、業務効率を阻む制約が多く、SaaS単体では解決が困難です。
そこで、私たちは拡張機能を前提にSaaSを設計しました。
拡張機能があることで既存のWebサイトを拡張したり、管理画面と連携することができます。

管理画面にログイン中なら拡張側も自動認証できるスマートログイン。
ダウンロード直後のPDF図面をService Workerが捕捉し管理画面へ登録するスマートアップロード。
content-scriptが埋め込んだ UI 要素と拡張機能のlocalStorageをstorageイベントで双方向同期するなど、
普段のフロントエンド開発ではなかなか取り組めない技術の組み合わせを紹介します。

当日はライブデモを交えてWebを “壊さず拡張する” 次世代フロントエンドの実践知を共有します!