Madorは、GitHubユーザーmarsbos氏が公開しているJavaScriptライブラリです。作者はREADMEで「Make Any DOM Reactive」を標語に掲げ、フレームワークを使わず既存のDOM・HTML・JavaScriptに後付けで反応性(リアクティビティ)を追加することを目的としていると説明しています。minified版のファイルサイズは約855バイトと非常に軽量で、ビルドステップやグローバルランタイムを必要としないネイティブESモジュールとして配布されているとのことです。

作者によれば、コンポーネント・テンプレート・仮想DOMは持たず、DOMライフタイムの管理も不要としつつ、依存関係の自動追跡や状態変更のバッチ処理には対応しているといいます。READMEの使用例ではmador({ count: 1 })のような形で状態を初期化し、read関数とwrite関数を使ってDOM要素と状態を紐付ける、というAPIが示されています。MITライセンスで公開されています。

出典が伝えている要点

  • MadorはGitHubユーザーmarsbosが公開しているリポジトリである
  • Madorの標語は「Make Any DOM Reactive」である
  • Madorはフレームワークを必要とせず既存のDOM・HTML・JavaScriptに反応性を追加するランタイムである
  • Mador(minified版)のファイルサイズは約855バイトである
  • MadorはネイティブES moduleとして提供される
  • Madorの利用にビルドステップやグローバルランタイムは不要である
  • Madorはコンポーネント・テンプレート・仮想DOMを持たない
  • MadorはDOMライフタイムの管理を必要としない
  • Madorは依存関係の自動追跡機能を持つ
  • Madorは状態変更のバッチ処理を行う
  • MadorはMITライセンスで公開されている
  • READMEの使用例では mador({ count: 1 }) のような形で状態を初期化し、read関数とwrite関数を使ってDOM要素と状態を紐付ける
← 2026.09.07 の号を通しで読む