8,416
回編集
差分
ナビゲーションに移動
検索に移動
ページの作成:「'''Web Messaging'''とは、HTML5を構成する仕様の一部で、ウインドウやフレーム、オブジェクトの間でメッセージを送受信する仕…」
'''Web Messaging'''とは、[[HTML5]]を構成する仕様の一部で、ウインドウやフレーム、オブジェクトの間でメッセージを送受信する仕組みである。いわゆる[[プロセス間通信]]に相当するものである。
== 実装例 ==
これらを動作させるにはウェブサーバーが必要となる。ローカルファイルとしてブラウザで開くとセキュリティの関係で動作しない。これだけのために[[apache]]や[[nginx]]を入れるのは不毛なので[[簡易ウェブサーバー]]を使うといい。」
test.html<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html>
<head>
<title>WebMessage TEST</title>
<script>
window.addEventListener("load", function() {
var worker = new Worker('test.js');
worker.onmessage = function(event) {
document.getElementById('result').innerHTML = event.data;
}
};
});
</script>
</head>
<body onload="init()">
<div id="result">
</div>
</body>
</html>
</syntaxhighlight>test.js<syntaxhighlight lang="javascript">
var count = 0;
setInterval(function() {
postMessage('hoge' + count++);
}, 1000);
</syntaxhighlight>
== 外部リンク ==
* 仕様書 = http://www.w3.org/TR/webmessaging/
<br />
== 実装例 ==
これらを動作させるにはウェブサーバーが必要となる。ローカルファイルとしてブラウザで開くとセキュリティの関係で動作しない。これだけのために[[apache]]や[[nginx]]を入れるのは不毛なので[[簡易ウェブサーバー]]を使うといい。」
test.html<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html>
<head>
<title>WebMessage TEST</title>
<script>
window.addEventListener("load", function() {
var worker = new Worker('test.js');
worker.onmessage = function(event) {
document.getElementById('result').innerHTML = event.data;
}
};
});
</script>
</head>
<body onload="init()">
<div id="result">
</div>
</body>
</html>
</syntaxhighlight>test.js<syntaxhighlight lang="javascript">
var count = 0;
setInterval(function() {
postMessage('hoge' + count++);
}, 1000);
</syntaxhighlight>
== 外部リンク ==
* 仕様書 = http://www.w3.org/TR/webmessaging/
<br />
