Worker DOM - Web WorkerでDOM操作を実現
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.