From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/api/extendablemessageevent/data/index.html | 79 +++++++++++++++ .../extendablemessageevent/index.html | 79 +++++++++++++++ files/ja/web/api/extendablemessageevent/index.html | 108 +++++++++++++++++++++ .../extendablemessageevent/lasteventid/index.html | 72 ++++++++++++++ .../api/extendablemessageevent/origin/index.html | 79 +++++++++++++++ .../api/extendablemessageevent/ports/index.html | 78 +++++++++++++++ .../api/extendablemessageevent/source/index.html | 79 +++++++++++++++ 7 files changed, 574 insertions(+) create mode 100644 files/ja/web/api/extendablemessageevent/data/index.html create mode 100644 files/ja/web/api/extendablemessageevent/extendablemessageevent/index.html create mode 100644 files/ja/web/api/extendablemessageevent/index.html create mode 100644 files/ja/web/api/extendablemessageevent/lasteventid/index.html create mode 100644 files/ja/web/api/extendablemessageevent/origin/index.html create mode 100644 files/ja/web/api/extendablemessageevent/ports/index.html create mode 100644 files/ja/web/api/extendablemessageevent/source/index.html (limited to 'files/ja/web/api/extendablemessageevent') diff --git a/files/ja/web/api/extendablemessageevent/data/index.html b/files/ja/web/api/extendablemessageevent/data/index.html new file mode 100644 index 0000000000..6a4da9f2cc --- /dev/null +++ b/files/ja/web/api/extendablemessageevent/data/index.html @@ -0,0 +1,79 @@ +--- +title: ExtendableMessageEvent.data +slug: Web/API/ExtendableMessageEvent/data +tags: + - API + - ExtendableMessageEvent + - Property + - Reference + - Service Workers + - data +translation_of: Web/API/ExtendableMessageEvent/data +--- +

{{APIRef("Service Workers API")}}

+ +

{{domxref("ExtendableMessageEvent")}} インターフェイスの data 読み取り専用プロパティは、イベントのデータを返します。 任意のデータ型を使用できます。

+ +

構文

+ +
var myData = extendableMessageEvent.data;
+ +

値

+ +

任意のデータ型。

+ +

例

+ +

次のコードをサービスワーカー内で使用して、{{domxref("PushMessageData")}} を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは ExtendableMessageEvent になります。

+ +
var port;
+
+self.addEventListener('push', function(e) {
+  var obj = e.data.json();
+
+  if(obj.action === 'subscribe' || obj.action === 'unsubscribe') {
+    port.postMessage(obj);
+  } else if(obj.action === 'init' || obj.action === 'chatMsg') {
+    port.postMessage(obj);
+  }
+});
+
+self.onmessage = function(e) {
+  console.log(e.data);
+  port = e.ports[0];
+}
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Service Workers', '#dom-extendablemessageevent-data', 'ExtendableMessageEvent.data')}}{{Spec2('Service Workers')}}初期定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.ExtendableMessageEvent.data")}}

+
+ +

関連情報

+ + diff --git a/files/ja/web/api/extendablemessageevent/extendablemessageevent/index.html b/files/ja/web/api/extendablemessageevent/extendablemessageevent/index.html new file mode 100644 index 0000000000..e85ef28fcc --- /dev/null +++ b/files/ja/web/api/extendablemessageevent/extendablemessageevent/index.html @@ -0,0 +1,79 @@ +--- +title: ExtendableMessageEvent() +slug: Web/API/ExtendableMessageEvent/ExtendableMessageEvent +tags: + - API + - Constructor + - ExtendableMessageEvent + - Reference + - Service Workers +translation_of: Web/API/ExtendableMessageEvent/ExtendableMessageEvent +--- +

{{APIRef("Service Workers API")}}

+ +

ExtendableMessageEvent() コンストラクターは、新しい {{domxref("ExtendableMessageEvent")}} オブジェクトのインスタンスを作成します。

+ +

構文

+ +
var extendableMessageEvent = new ExtendableMessageEvent(type, init);
+ +

パラメーター

+ +
+
type
+
作成されるメッセージイベントのタイプを定義する {{domxref("DOMString")}}。
+
init {{optional_inline}}
+
次のパラメータを含む初期化オブジェクト。 +
    +
  • data: イベントのデータ — これはどのデータ型でもかまいません。
    • +
  • origin: 対応するサービスワーカーの環境設定オブジェクトのオリジンを定義する {{domxref("DOMString")}}。
    • +
  • lastEventId: イベントソースの最後のイベント ID を定義する {{domxref("DOMString")}}。
    • +
  • source: メッセージを送信した {{domxref("Client")}}、{{domxref("ServiceWorker")}}、または {{domxref("MessagePort")}}。
    • +
  • ports: メッセージを送信するチャネルに接続された {{domxref("MessagePort")}} オブジェクトを含む配列。
    • +
+
+
+ +

例

+ +
var init = {
+             data : 'hello message',
+             source : MessagePortReference,
+             ports : MessagePortListReference
+           }
+
+var myEME = new ExtendableMessageEvent('message', init);
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Service Workers', '#dom-extendablemessageevent-extendablemessageevent', 'ExtendableMessageEvent()')}}{{Spec2('Service Workers')}}初期定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.ExtendableMessageEvent.ExtendableMessageEvent")}}

+
+ +

関連情報

+ + diff --git a/files/ja/web/api/extendablemessageevent/index.html b/files/ja/web/api/extendablemessageevent/index.html new file mode 100644 index 0000000000..f42b886fe8 --- /dev/null +++ b/files/ja/web/api/extendablemessageevent/index.html @@ -0,0 +1,108 @@ +--- +title: ExtendableMessageEvent +slug: Web/API/ExtendableMessageEvent +tags: + - API + - ExtendableMessageEvent + - Interface + - Reference + - Service Workers +translation_of: Web/API/ExtendableMessageEvent +--- +
{{APIRef("Service Workers API")}}
+ +

Service Worker API の ExtendableMessageEvent インターフェイスは、（別のコンテキストからのメッセージを {{domxref("ServiceWorkerGlobalScope")}} で受信した時に）サービスワーカーで発生する {{event("message_(ServiceWorker)","message")}} イベントのイベントオブジェクトを表し、このようなイベントの存続期間を延長します。

+ +

このインターフェイスは、{{domxref("ExtendableEvent")}} インターフェイスを継承しています。

+ +

コンストラクター

+ +
+
{{domxref("ExtendableMessageEvent.ExtendableMessageEvent","ExtendableMessageEvent()")}}
+
新しい ExtendableMessageEvent オブジェクトのインスタンスを作成します。
+
+ +

プロパティ

+ +

親の {{domxref("ExtendableEvent")}} からプロパティを継承します。

+ +
+
{{domxref("ExtendableMessageEvent.data")}} {{readonlyinline}}
+
イベントのデータを返します。 任意のデータ型を使用できます。
+
{{domxref("ExtendableMessageEvent.origin")}} {{readonlyinline}}
+
メッセージを送信した {{domxref("Client")}} のオリジンを返します。
+
{{domxref("ExtendableMessageEvent.lastEventId")}} {{readonlyinline}}
+
サーバー送信イベント（server-sent events）で、イベントソースの最後のイベント ID を表します。 これは空の文字列です。
+
{{domxref("ExtendableMessageEvent.source")}} {{readonlyinline}}
+
メッセージを送信した {{domxref("Client")}} オブジェクトへの参照を返します。
+
{{domxref("ExtendableMessageEvent.ports")}} {{readonlyinline}}
+
関連するメッセージチャンネルのポートを表す {{domxref("MessagePort")}} オブジェクトを含む配列を返します。
+
+ +

メソッド

+ +

親の {{domxref("ExtendableEvent")}} からメソッドを継承します。

+ +

例

+ +

以下の例では、ページが {{domxref("ServiceWorkerRegistration.active")}} を介して {{domxref("ServiceWorker")}} オブジェクトへのハンドルを取得し、その postMessage() 関数を呼び出します。

+ +
// 制御されているページ内
+if (navigator.serviceWorker) {
+
+  navigator.serviceWorker.register('service-worker.js');
+
+  navigator.serviceWorker.addEventListener('message', event => {
+    // event は MessageEvent オブジェクトです
+    console.log(`The service worker sent me a message: ${event.data}`);
+  });
+
+  navigator.serviceWorker.ready.then( registration => {
+    registration.active.postMessage("Hi service worker");
+  });
+
+}
+ +

次のように、サービスワーカーは、message イベントをリッスンしてメッセージを受信できます。

+ +
// サービスワーカー内
+addEventListener('message', event => {
+  // event は ExtendableMessageEvent オブジェクトです
+  console.log(`The client sent me a message: ${event.data}`);
+
+  event.source.postMessage("Hi client");
+});
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Service Workers', '#extendablemessageevent', 'ExtendableMessageEvent')}}{{Spec2('Service Workers')}}初期定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.ExtendableMessageEvent")}}

+
+ +

関連情報

+ + diff --git a/files/ja/web/api/extendablemessageevent/lasteventid/index.html b/files/ja/web/api/extendablemessageevent/lasteventid/index.html new file mode 100644 index 0000000000..280795d018 --- /dev/null +++ b/files/ja/web/api/extendablemessageevent/lasteventid/index.html @@ -0,0 +1,72 @@ +--- +title: ExtendableMessageEvent.lastEventId +slug: Web/API/ExtendableMessageEvent/lastEventId +translation_of: Web/API/ExtendableMessageEvent/lastEventId +--- +

{{APIRef("Service Workers API")}}

+ +

{{domxref("ExtendableMessageEvent")}} インターフェイスの lastEventID 読み取り専用プロパティは、サーバー送信イベント（server-sent events）で、イベントソースの最後のイベント ID を表します。 これは空の文字列です。

+ +

構文

+ +
var myLastEventId = extendableMessageEvent.lastEventId;
+ +

値

+ +

{{domxref("DOMString")}}。

+ +

例

+ +

次のコードをサービスワーカー内で使用して、{{domxref("PushMessageData")}} を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは ExtendableMessageEvent になります。

+ +
var port;
+
+self.addEventListener('push', function(e) {
+  var obj = e.data.json();
+
+  if(obj.action === 'subscribe' || obj.action === 'unsubscribe') {
+    port.postMessage(obj);
+  } else if(obj.action === 'init' || obj.action === 'chatMsg') {
+    port.postMessage(obj);
+  }
+});
+
+self.onmessage = function(e) {
+  console.log(e.lastEventId);
+  port = e.ports[0];
+}
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Service Workers', '#dom-extendablemessageevent-lasteventid', 'ExtendableMessageEvent.lastEventId')}}{{Spec2('Service Workers')}}初期定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.ExtendableMessageEvent.lastEventId")}}

+
+ +

関連情報

+ + diff --git a/files/ja/web/api/extendablemessageevent/origin/index.html b/files/ja/web/api/extendablemessageevent/origin/index.html new file mode 100644 index 0000000000..56b0803353 --- /dev/null +++ b/files/ja/web/api/extendablemessageevent/origin/index.html @@ -0,0 +1,79 @@ +--- +title: ExtendableMessageEvent.origin +slug: Web/API/ExtendableMessageEvent/origin +tags: + - API + - ExtendableMessageEvent + - Property + - Reference + - Service Workers + - origin +translation_of: Web/API/ExtendableMessageEvent/origin +--- +

{{APIRef("Service Workers API")}}

+ +

{{domxref("ExtendableMessageEvent")}} インターフェイスの origin 読み取り専用プロパティは、メッセージを送信した {{domxref("Client")}} のオリジンを返します。

+ +

構文

+ +
var myOrigin = extendableMessageEvent.origin;
+ +

値

+ +

{{domxref("USVString")}}。

+ +

例

+ +

次のコードをサービスワーカー内で使用して、{{domxref("PushMessageData")}} を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは ExtendableMessageEvent になります。

+ +
var port;
+
+self.addEventListener('push', function(e) {
+  var obj = e.data.json();
+
+  if(obj.action === 'subscribe' || obj.action === 'unsubscribe') {
+    port.postMessage(obj);
+  } else if(obj.action === 'init' || obj.action === 'chatMsg') {
+    port.postMessage(obj);
+  }
+});
+
+self.onmessage = function(e) {
+  console.log(e.origin);
+  port = e.ports[0];
+}
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Service Workers', '#dom-extendablemessageevent-origin', 'ExtendableMessageEvent.origin')}}{{Spec2('Service Workers')}}初期定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.ExtendableMessageEvent.origin")}}

+
+ +

関連情報

+ + diff --git a/files/ja/web/api/extendablemessageevent/ports/index.html b/files/ja/web/api/extendablemessageevent/ports/index.html new file mode 100644 index 0000000000..3b67d01e96 --- /dev/null +++ b/files/ja/web/api/extendablemessageevent/ports/index.html @@ -0,0 +1,78 @@ +--- +title: ExtendableMessageEvent.ports +slug: Web/API/ExtendableMessageEvent/ports +tags: + - API + - ExtendableMessageEvent + - Property + - Reference + - Service Workers + - ports +translation_of: Web/API/ExtendableMessageEvent/ports +--- +

{{APIRef("Service Workers API")}}

+ +

{{domxref("ExtendableMessageEvent")}} インターフェイスの ports 読み取り専用プロパティは、関連するメッセージチャンネル（メッセージが送信されるチャンネル）のポートを表す {{domxref("MessagePort")}} オブジェクトを含む配列を返します。

+ +

構文

+ +
var myPorts = extendableMessageEvent.ports;
+ +

値

+ +

{{domxref("MessagePort")}} オブジェクトの配列。

+ +

例

+ +

次のコードをサービスワーカー内で使用して、{{domxref("PushMessageData")}} を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは ExtendableMessageEvent になります。

+ +
var port;
+
+self.addEventListener('push', function(e) {
+  var obj = e.data.json();
+
+  if(obj.action === 'subscribe' || obj.action === 'unsubscribe') {
+    port.postMessage(obj);
+  } else if(obj.action === 'init' || obj.action === 'chatMsg') {
+    port.postMessage(obj);
+  }
+});
+
+self.onmessage = function(e) {
+  port = e.ports[0];
+}
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Service Workers', '#dom-extendablemessageevent-ports', 'ExtendableMessageEvent.ports')}}{{Spec2('Service Workers')}}初期定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.ExtendableMessageEvent.ports")}}

+
+ +

関連情報

+ + diff --git a/files/ja/web/api/extendablemessageevent/source/index.html b/files/ja/web/api/extendablemessageevent/source/index.html new file mode 100644 index 0000000000..2b822601e1 --- /dev/null +++ b/files/ja/web/api/extendablemessageevent/source/index.html @@ -0,0 +1,79 @@ +--- +title: ExtendableMessageEvent.source +slug: Web/API/ExtendableMessageEvent/source +tags: + - API + - ExtendableMessageEvent + - Property + - Reference + - Service Workers + - source +translation_of: Web/API/ExtendableMessageEvent/source +--- +

{{APIRef("Service Workers API")}}

+ +

{{domxref("ExtendableMessageEvent")}} インターフェイスの source 読み取り専用プロパティは、メッセージの送信元の {{domxref("Client")}} オブジェクトへの参照を返します。

+ +

構文

+ +
var mySource = extendableMessageEvent.source;
+ +

値

+ +

{{domxref("Client")}}、{{domxref("ServiceWorker")}}、または {{domxref("MessagePort")}} オブジェクト。

+ +

例

+ +

次のコードをサービスワーカー内で使用して、{{domxref("PushMessageData")}} を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは ExtendableMessageEvent になります。

+ +
var port;
+
+self.addEventListener('push', function(e) {
+  var obj = e.data.json();
+
+  if(obj.action === 'subscribe' || obj.action === 'unsubscribe') {
+    port.postMessage(obj);
+  } else if(obj.action === 'init' || obj.action === 'chatMsg') {
+    port.postMessage(obj);
+  }
+});
+
+self.onmessage = function(e) {
+  console.log(e.source);
+  port = e.ports[0];
+}
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('Service Workers', '#dom-extendablemessageevent-source', 'ExtendableMessageEvent.source')}}{{Spec2('Service Workers')}}初期定義
+ +

ブラウザーの互換性

+ +
+ + +

{{Compat("api.ExtendableMessageEvent.source")}}

+
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf