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](https://cdn-ak-scissors.b.st-hatena.com/image/square/f959919a08d88895cecafaabd5a56bcd2530a417/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9NCVFMyU4MyU5MSVFMyU4MiVCRiVFMyU4MyVCQyVFMyU4MyVCMyVFMyU4MSVBRVdlYldvcmtlciVFNyU5NCU5RiVFNiU4OCU5MCVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MSVBOCVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MyVBOSVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MyVBRiVFMyU4MyVCQyVFMyU4MiVBQiVFMyU4MyVCQyVFMyU4MSVBRSVFNiU4QSU4MCVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YWY0ZTZlYTMxMTRhZmY3ZTkyNmU5OGY0ZDJlZjgyMTI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbW9oYXlvbmFvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kZmFjOTdjNDk3YmFiY2QwYzk2MmU2NzcwYjdkOTU0YQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dba52de2fb0898316293f79a9891009c0)