「TypeScript 並列処理」の版間の差分
ナビゲーションに移動
検索に移動
1行目: | 1行目: | ||
[[Node.js]] | [[Angular]] | [[Google Cloud Platform]] | | [[Node.js]] | [[Angular]] | [[Google Cloud Platform]] | | ||
{{amazon|4873119049}} | {{amazon|4873119049}} | ||
− | ==Web Worker== | + | ==Web Worker(ブラウザ)== |
*[https://www.typea.info/blog/index.php/2020/07/23/typescript_node_environment/ TypeScriptをブラウザで実行する環境を準備] | *[https://www.typea.info/blog/index.php/2020/07/23/typescript_node_environment/ TypeScriptをブラウザで実行する環境を準備] | ||
===コード=== | ===コード=== | ||
28行目: | 28行目: | ||
===実行=== | ===実行=== | ||
[[File:typescript_multithred.png|400px]] | [[File:typescript_multithred.png|400px]] | ||
+ | |||
==子プロセス== | ==子プロセス== |
2020年7月24日 (金) 04:47時点における版
Node.js | Angular | Google Cloud Platform |
Web Worker(ブラウザ)
コード
- scripts/browser_main_thread.ts
let worker = new Worker("/scripts/browser_worker.js"); worker.onmessage = e => { console.log(`RECEIVE MESSAGE FROM WORKER:${e.data}`); } worker.postMessage("message to worker!");
- scripts/browser_worker.ts
onmessage = e => { console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`); postMessage(`Ack:"${e.data}"`); }
- index.html
<html> <head> <script src="scripts/browser_main_thread.js"></script> <script src="scripts/browser_worker.js"></script> </head> <body> TEST </body> </html>
実行
子プロセス
© 2006 矢木浩人