ITエンジニア/デザイナ向けにオープンソースを毎日紹介

HTML5 APIの一つにWeb Workerがあります。通常のWebブラウザ上で動作するJavaScriptとは別で、バックグラウンドで動作するJavaScriptです。時間のかかる処理を行ったりするのに便利ですが、一つの欠点にDOMが使えないという点が挙げられます。

そこで使ってみたいのがWorker DOMです。Web Worker上でDOM操作を可能にします。

Worker DOMの使い方

デモです。ボタンを推した際のイベントでDOMを書き換えます。

SVGの表示もできます。

テーブルの内容を書き換えることもできます。

さらに細かな表示制御も。

Todoアプリのデモもあります。

documentオブジェクトが使える訳ではないので、実際の利用には癖があるようです。とは言え、本来はDOM操作ができないWeb Workerでもできるとあって、利用範囲が広がるのではないでしょうか。

Worker DOMはTypeScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

ampproject/worker-dom: The same DOM API and Frameworks you know, but in a Web Worker.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2