initial commit

3 files changed, 173 insertions, 0 deletions

diff --git a/files/ja/web/api/permissionstatus/index.html b/files/ja/web/api/permissionstatus/index.html
new file mode 100644
index 0000000000..1773e6f46a
--- /dev/null
+++ b/files/ja/web/api/permissionstatus/index.html
@@ -0,0 +1,64 @@
+---
+title: PermissionStatus
+slug: Web/API/PermissionStatus
+tags:
+  - API
+  - Experimental
+  - Interface
+  - PermissionStatus
+  - Permissions
+  - Permissions API
+  - Reference
+translation_of: Web/API/PermissionStatus
+---
+<div>{{APIRef("Permissions API")}}{{SeeCompatTable}}</div>
+
+<p><span class="seoSummary"><a href="/ja/docs/Web/API/Permissions_API">Permissions API</a> の <strong><code>PermissionStatus</code></strong> インターフェイスは、オブジェクトの状態と、その状態への変更を監視するためのイベントハンドラを提供します。</span></p>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<dl>
+ <dt>{{domxref("PermissionStatus.state")}} {{readonlyinline}}</dt>
+ <dd>要求されたパーミッションの状態を返します。 <code>'granted'</code>（付与）、<code>'denied'</code>（拒否）、<code>'prompt'</code>（プロンプト）のいずれかです。</dd>
+ <dt>{{domxref("PermissionStatus.status")}}{{readonlyinline}} {{deprecated_inline()}}</dt>
+ <dd>要求されたパーミッションの状態を返します。 <code>'granted'</code>、<code>'denied'</code>、<code>'prompt'</code> のいずれかです。 仕様の今後のバージョンは、これを {{domxref("PermissionStatus.state")}} に置き換えます。</dd>
+</dl>
+
+<h3 id="Event_Handler" name="Event_Handler">イベントハンドラ</h3>
+
+<dl>
+ <dt>{{domxref("PermissionStatus.onchange")}}</dt>
+ <dd><code>PermissionStatus.status</code> が変わるたびに呼び出されるイベント。</dd>
+</dl>
+
+<h2 id="Example" name="Example">例</h2>
+
+<pre class="brush: js">navigator.permissions.query({name:'geolocation'}).then(function(permissionStatus) {
+  console.log('位置情報のパーミッションの状態は ' + permissionStatus.state + ' です。');
+  permissionStatus.onchange = function() {
+    console.log('位置情報のパーミッションの状態が ' + this.state + ' に変更されました。');
+  };
+});</pre>
+
+<h2 id="Specification" name="Specification">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Permissions API', '#status-of-a-permission', 'PermissionStatus')}}</td>
+   <td>{{Spec2('Permissions API')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.PermissionStatus")}}</p>
diff --git a/files/ja/web/api/permissionstatus/onchange/index.html b/files/ja/web/api/permissionstatus/onchange/index.html
new file mode 100644
index 0000000000..cf4760c501
--- /dev/null
+++ b/files/ja/web/api/permissionstatus/onchange/index.html
@@ -0,0 +1,54 @@
+---
+title: PermissionStatus.onchange
+slug: Web/API/PermissionStatus/onchange
+tags:
+  - API
+  - Event Handler
+  - Experimental
+  - PermissionStatus
+  - Permissions
+  - Property
+  - Reference
+  - onchange
+translation_of: Web/API/PermissionStatus/onchange
+---
+<p>{{APIRef("Permissions API")}}{{SeeCompatTable}}</p>
+
+<p><span class="seoSummary">{{domxref("PermissionStatus")}} インターフェイス の <strong><code>onchange</code></strong> イベントハンドラは、{{domxref("PermissionStatus.state")}} プロパティが変更されるたびに呼び出されます。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="brush: js">PermissionStatus.onchange = function() { ... }
+PermissionStatus.addEventListener('change', function() { ... })</pre>
+
+<h2 id="Example" name="Example">例</h2>
+
+<pre class="brush: js">navigator.permissions.query({name:'geolocation'}).then(function(permissionStatus) {
+  console.log('位置情報のパーミッションの状態は ' + permissionStatus.state + ' です。');
+  permissionStatus.onchange = function() {
+    console.log('位置情報のパーミッションの状態が ' + this.state + ' に変更されました。');
+  };
+});</pre>
+
+<h2 id="Specification" name="Specification">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Permissions API','#widl-PermissionStatus-onchange','onchange')}}</td>
+   <td>{{Spec2('Permissions API')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.PermissionStatus.onchange")}}</p>
diff --git a/files/ja/web/api/permissionstatus/state/index.html b/files/ja/web/api/permissionstatus/state/index.html
new file mode 100644
index 0000000000..92270f0c9c
--- /dev/null
+++ b/files/ja/web/api/permissionstatus/state/index.html
@@ -0,0 +1,55 @@
+---
+title: PermissionStatus.state
+slug: Web/API/PermissionStatus/state
+tags:
+  - API
+  - Event Handler
+  - Experimental
+  - PermissionStatus
+  - Permissions
+  - Permissions API
+  - Property
+  - Reference
+  - state
+  - status
+translation_of: Web/API/PermissionStatus/state
+---
+<p>{{APIRef("Permissions API")}}{{SeeCompatTable}}</p>
+
+<p><span class="seoSummary">{{domxref("PermissionStatus")}} インターフェイスの <strong><code>state</code></strong> 読み取り専用プロパティは、要求されたパーミッションの状態を返します。</span> このプロパティは、<code>'granted'</code>（付与）、<code>'denied'</code>（拒否）、<code>'prompt'</code>（プロンプト）のいずれかを返します。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>permission</em> = <em>PermissionStatus</em>.state;</pre>
+
+<h2 id="Example" name="Example">例</h2>
+
+<pre class="brush: js">navigator.permissions.query({name:'geolocation'}).then(function(permissionStatus) {
+  console.log('位置情報のパーミッションの状態は ' + permissionStatus.state + ' です。');
+  permissionStatus.onchange = function() {
+    console.log('位置情報のパーミッションの状態が ' + this.state + ' に変更されました。');
+  };
+});</pre>
+
+<h2 id="Specification" name="Specification">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Permissions API','#widl-PermissionStatus-state','state')}}</td>
+   <td>{{Spec2('Permissions API')}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.PermissionStatus.state")}}</p>