initial commit

3 files changed, 392 insertions, 0 deletions

diff --git a/files/ja/web/api/pushevent/data/index.html b/files/ja/web/api/pushevent/data/index.html
new file mode 100644
index 0000000000..e80894ee52
--- /dev/null
+++ b/files/ja/web/api/pushevent/data/index.html
@@ -0,0 +1,139 @@
+---
+title: PushEvent.data
+slug: Web/API/PushEvent/data
+tags:
+  - API
+  - Experimental
+  - Property
+  - Push
+  - PushEvent
+  - Reference
+  - data
+translation_of: Web/API/PushEvent/data
+---
+<p>{{APIRef("Push API")}}{{SeeCompatTable()}}</p>
+
+<p><strong><code>PushEvent</code></strong> インターフェースの <code>data</code> 読み取り専用プロパティは、<span style="line-height: 19.0909080505371px;">{{domxref("PushSubscription")}}</span> に送信されてたデータを含む {{domxref("PushMessageData")}} オブジェクトへの参照を返します。</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="brush: js">var myPushData = PushEvent.data;</pre>
+
+<h3 id="値">値</h3>
+
+<p>{{domxref("PushMessageData")}} オブジェクト</p>
+
+<p><strong style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">例</strong></p>
+
+<p>次の例は、 <code>PushEvent</code> からデータを取得して、すべての service worker クライアントで表示しています。</p>
+
+<pre class="brush: js">self.addEventListener('push', function(event) {
+  if (!(self.Notification &amp;&amp; self.notification.permission === 'granted')) {
+    return;
+  }
+
+  var data = {};
+  if (event.data) {
+    data = event.data.json();
+  }
+  var title = data.title || "Something Has Happened";
+  var message = data.message || "Here's something you might want to check out.";
+  var icon = "images/new-notification.png";
+
+  var notification = new Notification(title, {
+    body: message,
+    tag: 'simple-push-demo-notification',
+    icon: icon
+  });
+
+  notification.addEventListener('click', function() {
+    if (clients.openWindow) {
+      clients.openWindow('https://example.blog.com/2015/03/04/something-new.html');
+    }
+  };
+});
+</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Push API','#widl-PushEvent-data','data')}}</td>
+   <td>{{Spec2('Push API')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>機能</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>基本サポート</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop(44.0)}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>機能</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Firefox OS</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>基本サポート</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile(48)}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<ul>
+ <li>[1] Push（と <a href="/ja/docs/Web/API/Service_Worker_API">Service Workers</a>） は、<a href="https://www.mozilla.org/ja/firefox/organizations/">Firefox 45 延長サポート版</a>（ESR）では使用できません。</li>
+ <li>[2] Firefox for Android 48 から、既定で Push を使用できます。</li>
+</ul>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/ja/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a></li>
+</ul>
diff --git a/files/ja/web/api/pushevent/index.html b/files/ja/web/api/pushevent/index.html
new file mode 100644
index 0000000000..ddbf3ac4a8
--- /dev/null
+++ b/files/ja/web/api/pushevent/index.html
@@ -0,0 +1,101 @@
+---
+title: PushEvent
+slug: Web/API/PushEvent
+tags:
+  - API
+  - ExtendableEvent
+  - Interface
+  - Offline
+  - Push
+  - Push API
+  - Reference
+  - Service Workers
+  - Workers
+translation_of: Web/API/PushEvent
+---
+<p>{{APIRef("Push API")}}{{SeeCompatTable()}}</p>
+
+<p><a href="/ja/docs/Web/API/Push_API">Push API</a> の <strong><code>PushEvent</code></strong> インターフェースは、受け取ったプッシュメッセージを表します。このイベントは、{{domxref("ServiceWorker")}} の <a href="/ja/docs/Web/API/ServiceWorkerGlobalScope">グローバルスコープ</a>に送信されます。これは、アプリケーションサーバーから {{domxref("PushSubscription")}} に送信された情報を含みます。</p>
+
+<h2 id="Constructor" name="Constructor">コンストラクタ</h2>
+
+<dl>
+ <dt>{{domxref("PushEvent.PushEvent()")}}</dt>
+ <dd>新しい <code>PushEvent</code> オブジェクトを生成します。</dd>
+</dl>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<p><em>親である {{domxref("ExtendableEvent")}} からプロパティを継承しています。追加プロパティ：</em></p>
+
+<dl>
+ <dt>{{domxref("PushEvent.data")}} {{readonlyinline}}</dt>
+ <dd><span>{{domxref("PushSubscription")}}</span> に送信されたデータを含む {{domxref("PushMessageData")}} オブジェクトへの参照を返します。</dd>
+</dl>
+
+<p><strong style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">メソッド</strong></p>
+
+<p><em>親である {{domxref("ExtendableEvent")}} からメソッドを継承しています。</em></p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>次の例は、<code>PushEvent</code> からデータを取得して、すべての service worker クライアントで表示しています。</p>
+
+<pre class="brush: js">self.addEventListener('push', function(event) {
+  if (!(self.Notification &amp;&amp; self.notification.permission === 'granted')) {
+   return;
+ }
+
+ var data = {};
+ if (event.data) {
+   data = event.data.json();
+ }
+ var title = data.title || "Something Has Happened";
+ var message = data.message || "Here's something you might want to check out.";
+ var icon = "images/new-notification.png";
+
+ var notification = new self.Notification(title, {
+   body: message,
+   tag: 'simple-push-demo-notification',
+   icon: icon
+ });
+
+ notification.addEventListener('click', function() {
+   if (clients.openWindow) {
+     clients.openWindow('https://example.blog.com/2015/03/04/something-new.html');
+   }
+ });
+});
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Push API','#the-push-event','PushEvent')}}</td>
+   <td>{{Spec2('Push API')}}</td>
+   <td>初期定義。</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">ブラウザー実装状況</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは構造化データから作成されています。データに貢献したい場合、<a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックし、プルリクエストを送ってください。</div>
+
+<p>{{Compat("api.PushEvent")}}</p>
+</div>
+
+<h2 id="See_also" name="See_also">関連項目</h2>
+
+<ul>
+ <li><a href="/ja/docs/Web/API/Push_API">Push API</a></li>
+ <li><a href="/ja/docs/Web/API/Service_Worker_API">Service Worker API</a></li>
+</ul>
diff --git a/files/ja/web/api/pushevent/pushevent/index.html b/files/ja/web/api/pushevent/pushevent/index.html
new file mode 100644
index 0000000000..db1bac9c97
--- /dev/null
+++ b/files/ja/web/api/pushevent/pushevent/index.html
@@ -0,0 +1,152 @@
+---
+title: PushEvent.PushEvent()
+slug: Web/API/PushEvent/PushEvent
+tags:
+  - API
+  - Constructor
+  - Experimental
+  - Push
+  - Push API
+  - PushEvent
+  - Reference
+  - Service Workers
+translation_of: Web/API/PushEvent/PushEvent
+---
+<p>{{APIRef("Push API")}}{{SeeCompatTable()}}</p>
+
+<p><code><strong>PushEvent()</strong></code> コンストラクタは、新しい {{domxref("PushEvent")}} オブジェクトを生成します。このコンストラクタは、service worker にのみ公開されていることに注意してください。</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="syntaxbox">var myPushEvent = new PushEvent(type, <span class="idlInterface" id="idl-def-PushEvent"><span class="extAttr">eventInitDict</span></span>);</pre>
+
+<h3 id="パラメーター">パラメーター</h3>
+
+<dl>
+ <dt><em>type</em></dt>
+ <dd><code>PushEvent</code> の型を定義する {{domxref("DOMString")}}。{{event("push")}} か {{event("pushsubscriptionchange")}} を設定可能。</dd>
+ <dt><em>eventInitDict</em> {{optional_inline}}</dt>
+ <dd><code>PushEvent</code> オブジェクトに設定するいずれかの初期データを含むオプションオブジェクト。オプションは次のとおり：
+ <ul>
+  <li><code>data</code>： <code>PushEvent</code> に含ませる何らかのデータ。コンストラクタが呼び出された際、結果オブジェクトの {{domxref("PushEvent.data")}} プロパティは、<code>eventInitDict データ</code>メンバーから抽出されたバイトを含む新しい {{domxref("PushMessageData")}} オブジェクトを設定する。</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="例">例</h2>
+
+<pre>var dataInit = {
+                data : 'Some sample text'
+              }
+
+var myPushEvent = new PushEvent('push', dataInit);
+
+myPushEvent.data.text(); // 'Some sample text' を返す</pre>
+
+<p> </p>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Push API','#the-push-event','PushEvent')}}</td>
+   <td>{{Spec2('Push API')}}</td>
+   <td>初期定義。</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>機能</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>基本サポート</td>
+   <td>{{CompatChrome(42.0)}}</td>
+   <td>{{CompatGeckoDesktop(44.0)}}<sup>[1][2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>data</code> プロパティ</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop(44.0)}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>機能</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Firefox OS</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>基本サポート</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile(48)}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(42.0)}}</td>
+  </tr>
+  <tr>
+   <td><code>data</code> プロパティ</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile(48)}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<ul>
+ <li>[1] 現在、Nightly/Developer エディション/Beta で既定で使用できますが、リリースチャネルでは使用できません。（{{bug(1207875)}}。）</li>
+ <li>[2] Push（と <a href="/ja/docs/Web/API/Service_Worker_API">Service Workers</a>） は、<a href="https://www.mozilla.org/ja/firefox/organizations/">Firefox 45 延長サポート版</a>（ESR）では使用できません。</li>
+ <li>[3] Firefox for Android 48 から、既定で Push を使用できます。</li>
+</ul>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/ja/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a></li>
+ <li><a href="/ja/docs/Web/API/Push_API">Push API</a></li>
+ <li><a href="/ja/docs/Web/API/Service_Worker_API">Service Worker API</a></li>
+</ul>