ウェブワーカー API

ウェブワーカー (Web Worker) とは、ウェブアプリケーションにおけるスクリプトの処理をメインとは別のスレッドに移し、バックグラウンドでの実行を可能にする仕組みのことです。時間のかかる処理を別のスレッドに移すことが出来るため、 UI を担当するメインスレッドの処理を中断・遅延させずに実行できるという利点があります。

概念と使い方

ワーカーオブジェクトはコンストラクター（Worker() など）を用いて生成され、名前を持つ JavaScript ファイルを実行します。このファイルにはワーカースレッドで実行されるコードが書かれています。

ワーカースレッドの中では、 JavaScript の標準の一連の関数（String、Array、Object、JSON、など）に加え、任意のコードのほとんどを実行することができます。いくつかの例外があります。例えば、ワーカー内から直接 DOM を操作することはできません。また、 Window オブジェクトの既定のメソッドやプロパティには使用できないものがあります。実行できるコードについては、対応している関数や対応している Web APIを参照してください。

ワーカーとメインスレッドとの間では、メッセージのシステムを通してデータがやり取りされます。両者は postMessage() メソッドを使ってメッセージを送信したり、受け取ったメッセージには onmessage イベントハンドラーで返信したりします（メッセージはメッセージイベントの data 属性に格納されます）。なお、データは共有されるのではなく複製されます。

ワーカーが親ページと同じオリジン内でホスティングされるのであれば、新しいワーカーをいくつも起動することができます。

また、ワーカーは fetch() または XMLHttpRequest API を使用してネットワークリクエストを作成することができます（ただし、 XMLHttpRequest の responseXML 属性が常に null になることに注意してください）。

ワーカーの種類

ワーカーにはいくつもの種類があります。

専用ワーカー (dedicated worker) は、単一のスクリプトで利用されるワーカーです。このコンテキストは DedicatedWorkerGlobalScope オブジェクトで表現されます。
共有ワーカー (shared worker) は、ワーカーと同じドメイン内にある限り、異なるウィンドウや iframe などで動作する複数のスクリプトで利用できるワーカーです。専用ワーカーよりも少し複雑で、スクリプトはアクティブなポートを介して通信する必要があります。
サービスワーカー (service worker) は、基本的に複数のウェブアプリケーション間やブラウザー、（利用可能なら）ネットワークの間でプロキシーサーバーとして動くものです。他にも、効果的なオフライン操作を実現したり、ネットワークリクエストを遮断してネットワークが利用できるかどうかで適切なアクションを取ったり、サーバーにある資産を更新したりすることなどを目的としています。また、プッシュ通知やバックグラウンド同期APIへのアクセスも可能になる予定です。