タグ

2016年6月5日のブックマーク (3件)

  • 4パターンのWebWorker生成方法とインラインワーカーの技法 - Qiita

    WebWorker の作り方を4つ紹介するついでに、ライブラリ作るマンから見た それぞれの所感 と node.js でも動かせる & テストしやすい インラインワーカーの技法 について書きます。 1. 外部のワーカーファイルを読み込む 基のやり方。 一番わかりやすいので良いけど、ライブラリとして配布することを考えると複数ファイルの管理をする/してもらうのが面倒い。ライブラリの中で書くならワーカーのパスは設定で変更できるようにしたほうが良い。 シンプルでわかりやすい 管理が面倒い var worker = new Worker("worker.js"); worker.onmessage = function(e) { console.log(e.data); // (3) hello!! }; worker.postMessage("hello"); // (1)

    4パターンのWebWorker生成方法とインラインワーカーの技法 - Qiita
    satmat
    satmat 2016/06/05
  • Web Worker を使用する - Web API インターフェイス | MDN

    ウェブワーカーは、ウェブコンテンツがスクリプトをバックグラウンドのスレッドで実行するためのシンプルな手段です。ワーカースレッドは、ユーザーインターフェイスを妨げることなくタスクを実行できます。さらに、fetch() や XMLHttpRequest など API を用いて、ネットワークリクエストを行うことができます。ワーカーが生成されると、それを作成した JavaScript コードが指定するイベントハンドラーにメッセージを投稿することで、そのコードにメッセージを送ることができます(逆も同様)。 この記事では、ウェブワーカーを使用するための詳しい紹介をしています。 ワーカーはコンストラクター(Worker() など)を使用して生成されるオブジェクトであり、名前付きの JavaScript ファイル(このファイルはワーカースレッドで実行するコードを持ちます)を実行します。またワーカーは、現在

    Web Worker を使用する - Web API インターフェイス | MDN
    satmat
    satmat 2016/06/05
  • The Basics of Web Workers  |  Articles  |  web.dev

    The Basics of Web Workers Stay organized with collections Save and categorize content based on your preferences. The problem: JavaScript concurrency There are a number of bottlenecks preventing interesting applications from being ported (say, from server-heavy implementations) to client-side JavaScript. Some of these include browser compatibility, static typing, accessibility, and performance. For

    The Basics of Web Workers  |  Articles  |  web.dev
    satmat
    satmat 2016/06/05