個人開発向け OSS ライブラリ Mador を公開──855 バイトの Proxy で既存 DOM をリアクティブ化
フレームワーク不要で既存の HTML と JavaScript に状態管理を組み込める、ミニマルな 855 バイトのリアクティブ DOM ランタイム。
リリース: 2026-09-06 · 読了 2 分記事の要約
1. 核心（What）
- marsbos は 2026 年 9 月 6 日、軽量なリアクティブ DOM ランタイム Mador を公開した。
- ライブラリのサイズは圧縮後で 855 バイトと極小設計である。
- コンポーネントや仮想 DOM を持たず、Proxy ベースの状態管理で既存 DOM を直接操作する。
- 配布形態はネイティブ ES モジュールで、npm または CDN からビルドステップなしで利用できる。
2. 影響（Why）
- 軽量ウィジェット実装の選択肢: 小規模な静的ページや埋め込みウィジェットに React や Vue を持ち込むオーバースペックを回避し、既存の HTML 構造のまま数行のスクリプトで状態連携を実現できる。
- 国内小規模 SaaS 開発への影響: LP や管理画面の一部で動的な表示切替が必要な国内 Web 制作の現場において、ビルド環境やバンドラーの設定を不要にするため、プロトタイピングの工数を大幅に削減できる。
3. 根拠・詳細（How）
- Proxy による依存関係の自動追跡: read 関数内で参照されたステートプロパティを Proxy により自動追跡し、対応するセレクタの要素だけを再描画する機構を採用している。
- バッチ処理による書き込み最適化: write 関数内の状態変更は一括してバッチ処理され、同一フレーム内での複数回の書き込みによる無駄な DOM 更新を防ぐ設計になっている。
4. 展望・課題（Next）
- エコシステムの拡大予定: 現在のところコアランタイム以外の周辺ツールや公式プラグインの提供予定はアナウンスされていない。