diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-08-17 11:37:07 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-08-17 11:37:07 +0900 |
commit | 98a7793a51bdbdeefb172842e677dca22eb779e5 (patch) | |
tree | f07cde27678193afe366832bd58c958657fadc6c /files/ja/orphaned/web | |
parent | 6c30dec8016abec2fba8caf0bd07d0e145c37caf (diff) | |
parent | a28f6c8632ced6d91d311614d96ab643e5ef7058 (diff) | |
download | translated-content-98a7793a51bdbdeefb172842e677dca22eb779e5.tar.gz translated-content-98a7793a51bdbdeefb172842e677dca22eb779e5.tar.bz2 translated-content-98a7793a51bdbdeefb172842e677dca22eb779e5.zip |
Merge branch 'mdn:main' into 20210811-orphaned/Web/API/NavigatorLanguage
Diffstat (limited to 'files/ja/orphaned/web')
22 files changed, 0 insertions, 1551 deletions
diff --git a/files/ja/orphaned/web/api/body/arraybuffer/index.html b/files/ja/orphaned/web/api/body/arraybuffer/index.html deleted file mode 100644 index ca11540bb0..0000000000 --- a/files/ja/orphaned/web/api/body/arraybuffer/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: Body.arrayBuffer() -slug: orphaned/Web/API/Body/arrayBuffer -tags: - - API - - ArrayBuffer - - BODY - - Experimental - - Fetch - - Method - - Reference -translation_of: Web/API/Body/arrayBuffer -original_slug: Web/API/Body/arrayBuffer ---- -<div>{{APIRef("Fetch")}}</div> - -<p>{{domxref("Body")}} ミックスインの <strong><code>arrayBuffer()</code></strong> メソッドは、{{domxref("Response")}} ストリームを取得して、完全に読み取ります。 {{jsxref("ArrayBuffer")}} で解決される promise を返します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>response</em>.arrayBuffer().then(function(<em>buffer</em>) { - // buffer を使用した何らかの処理 -});</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<p>なし。</p> - -<h3 id="Return_value" name="Return_value">戻り値</h3> - -<p>{{jsxref("ArrayBuffer")}} で解決される promise。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Playing_music" name="Playing_music">音楽の演奏</h3> - -<p><a href="http://mdn.github.io/fetch-examples/fetch-array-buffer/">fetch array buffer のライブ</a>では、Play ボタンを配置して、押下されると <code>getData()</code> 関数が実行されるようになっています。 再生する前に音声ファイル全体をダウンロードすることに注意してください。 ダウンロード中に演奏を開始したい(つまりストリーム再生したい)なら、次のように {{domxref("HTMLAudioElement")}} を使いましょう。</p> - -<pre class="brush: js">new Audio("music.ogg").play(); -</pre> - -<p><code>getData()</code> 関数内では、{{domxref("Request.Request","Request()")}} コンストラクターを使用して新しいリクエストを作成し、それを使用して OGG 音声トラックをフェッチします。 また、{{domxref("AudioContext.createBufferSource")}} を使用して、音声バッファーソースを作成します。 フェッチが成功したら、<code>arrayBuffer()</code> を使用してレスポンスから {{jsxref("ArrayBuffer")}} を読み取り、{{domxref("AudioContext.decodeAudioData")}} を使用して音声データをデコードし、デコードされたデータを音声バッファーソースのバッファー(<code>source.buffer</code>)として設定し、それから {{domxref("AudioContext.destination")}} にソースを接続します。</p> - -<p><code>getData()</code> の実行が完了すると、<code>start(0)</code> で音声ソースの再生を開始し、それから再生中に再度再生ボタンをクリックできないようにするために(これはしばしばエラーの原因になります)ボタンを無効化しています。</p> - -<pre class="brush: js">function getData() { - source = audioCtx.createBufferSource(); - - var myRequest = new Request('viper.ogg'); - - fetch(myRequest).then(function(response) { - return response.arrayBuffer(); - }).then(function(buffer) { - audioCtx.decodeAudioData(buffer, function(decodedData) { - source.buffer = decodedData; - source.connect(audioCtx.destination); - }); - }); -}; - -// wire up buttons to stop and play audio - -play.onclick = function() { - getData(); - source.start(0); - play.setAttribute('disabled', 'disabled'); -}</pre> - -<h3 id="Reading_files" name="Reading_files">ファイルを読む</h3> - -<p>{{domxref("Response.Response","Response()")}} コンストラクターは、{{domxref("File")}} と {{domxref("Blob")}} を受け入れるため、{{domxref("File")}} を他の形式に読み込むために使用できます。</p> - -<pre class="brush: js">function readFile(file) { - return new Response(file).arrayBuffer(); -} -</pre> - -<pre class="brush: html"><input type="file" onchange="readFile(this.files[0])"></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('Fetch','#dom-body-arraybuffer','arrayBuffer()')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.arrayBuffer")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">HTTP アクセス制御(CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/body/blob/index.html b/files/ja/orphaned/web/api/body/blob/index.html deleted file mode 100644 index c19d7b7ab5..0000000000 --- a/files/ja/orphaned/web/api/body/blob/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Body.blob() -slug: orphaned/Web/API/Body/blob -tags: - - API - - BODY - - Blob - - Experimental - - Fetch - - Method - - Reference -translation_of: Web/API/Body/blob -original_slug: Web/API/Body/blob ---- -<div>{{APIRef("Fetch")}}</div> - -<p>{{domxref("Body")}} ミックスインの <strong><code>blob()</code></strong> メソッド は、 {{domxref("Response")}} ストリームを取得し、完全に読み込みます。 {{domxref("Blob")}} で解決する promise を返します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>response</em>.blob().then(function(<em>myBlob</em>) { - // do something with myBlob -});</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<p>なし。</p> - -<div class="note"><strong>注</strong>: {{domxref("Response")}} の {{domxref("Response.type")}} が <code>"opaque"</code> の場合、結果の {{domxref("Blob")}} の {{domxref("Blob.size")}} は <code>0</code>、{{domxref("Blob.type")}} は空の文字列 <code>""</code> になり、{{domxref("URL.createObjectURL")}} のようなメソッドでは役に立たなくなります。</div> - -<h3 id="Return_value" name="Return_value">戻り値</h3> - -<p>{{domxref("Blob")}} で解決する promise。</p> - -<h2 id="Example" name="Example">例</h2> - -<p><a href="https://github.com/mdn/fetch-examples/tree/master/fetch-request">fetch request の例</a>(<a href="http://mdn.github.io/fetch-examples/fetch-request/">fetch request をライブで</a>実行)では、{{domxref("Request.Request","Request()")}} コンストラクターを使用して新しいリクエストを作成し、それを使用して JPG をフェッチします。 フェッチが成功したら、<code>blob()</code> を使用してレスポンスから {{domxref("Blob")}} を読み取り、それを {{domxref("URL.createObjectURL")}} を使用してオブジェクト URL に入れ、その URL を {{htmlelement("img")}} 要素のソースとして設定して画像を表示します。</p> - -<pre class="brush: js">var myImage = document.querySelector('img'); - -var myRequest = new Request('flowers.jpg'); - -fetch(myRequest) -.then(response => response.blob()) -.then(function(myBlob) { - var objectURL = URL.createObjectURL(myBlob); - myImage.src = objectURL; -}); -</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('Fetch','#dom-body-blob','blob()')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.blob")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">HTTP アクセス制御(CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/body/body/index.html b/files/ja/orphaned/web/api/body/body/index.html deleted file mode 100644 index 2b5cf02536..0000000000 --- a/files/ja/orphaned/web/api/body/body/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: Body.body -slug: orphaned/Web/API/Body/body -tags: - - API - - BODY - - Experimental - - Fetch - - Property - - Reference - - Streams -translation_of: Web/API/Body/body -original_slug: Web/API/Body/body ---- -<div>{{APIRef("Fetch")}}{{seecompattable}}</div> - -<p><span class="seoSummary">{{domxref("Body")}} ミックスインの <strong><code>body</code></strong> 読み取り専用プロパティは、ボディコンテンツの {{domxref("ReadableStream")}} を公開するために使用する単純なゲッターです。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">var <em>stream</em> = <em>response</em>.body;</pre> - -<h3 id="Value" name="Value">値</h3> - -<p>{{domxref("ReadableStream")}}。</p> - -<h2 id="Example" name="Example">例</h2> - -<p><a href="https://mdn.github.io/dom-examples/streams/simple-pump/">単純なストリームポンプ</a>の例では、画像をフェッチし、<code>response.body</code> を使用してレスポンスのストリームを公開し、{{domxref("ReadableStream.getReader()", "ReadableStream.getReader()")}} を使用してリーダーを作成し、そのストリームのチャンクを2番目のカスタム読み取り可能なストリームのキューに入れます — 画像の同一コピーを効果的に作成します。</p> - -<pre class="brush: js">const image = document.getElementById('target'); - -// 元の画像をフェッチ -fetch('./tortoise.png') -// その body を ReadableStream として取得 -.then(response => response.body) -.then(body => { - const reader = body.getReader(); - - return new ReadableStream({ - start(controller) { - return pump(); - - function pump() { - return reader.read().then(({ done, value }) => { - // データを消費する必要がなくなったら、ストリームを閉じます - if (done) { - controller.close(); - return; - } - - // 次のデータチャンクを対象のストリームのキューに入れます - controller.enqueue(value); - return pump(); - }); - } - } - }) -}) -.then(stream => new Response(stream)) -.then(response => response.blob()) -.then(blob => URL.createObjectURL(blob)) -.then(url => console.log(image.src = url)) -.catch(err => console.error(err));</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('Fetch','#dom-body-body','body')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.body")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/Fetch_API">Fetch API</a></li> - <li><a href="/ja/docs/Web/API/Streams_API">Streams API</a></li> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/body/bodyused/index.html b/files/ja/orphaned/web/api/body/bodyused/index.html deleted file mode 100644 index 6a785cbf9a..0000000000 --- a/files/ja/orphaned/web/api/body/bodyused/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: Body.bodyUsed -slug: orphaned/Web/API/Body/bodyUsed -tags: - - API - - BODY - - Experimental - - Fetch - - Property - - Reference - - bodyUsed -translation_of: Web/API/Body/bodyUsed -original_slug: Web/API/Body/bodyUsed ---- -<div>{{APIRef("Fetch")}}</div> - -<p><span class="seoSummary">{{domxref("Body")}} ミックスインの <strong><code>bodyUsed</code></strong> 読み取り専用プロパティは、ボディが既に読み取られたかどうかを示す {{jsxref("Boolean")}} 値を含みます。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">var <em>myBodyUsed</em> = <em>response</em>.bodyUsed;</pre> - -<h3 id="Value" name="Value">値</h3> - -<p>{{jsxref("Boolean")}} 値。</p> - -<h2 id="Example" name="Example">例</h2> - -<p><a href="https://github.com/mdn/fetch-examples/tree/master/fetch-request">Fetch Request の例</a>(<a href="http://mdn.github.io/fetch-examples/fetch-request/">Fetch Request をライブで</a>実行)では、{{domxref("Request.Request","Request()")}} コンストラクターを使用して新しいリクエストを作成し、それを使用して JPG をフェッチします。 フェッチが成功したら、<code>blob()</code> を使用してレスポンスから {{domxref("Blob")}} を読み取り、{{domxref("URL.createObjectURL")}} を使用してオブジェクト URL に格納し、その URL を {{htmlelement("img")}} 要素のソースとして設定して画像を表示します。</p> - -<p><code>response.blob()</code> の呼び出し前後に、<code>response.bodyUsed</code> をコンソールに記録していることに注目してください。 その時点でボディが読み取られたかによるため、これは呼び出し前では <code>false</code> を返し、その後では <code>true</code> を返します。</p> - -<h3 id="HTML_Content" name="HTML_Content">HTML の内容</h3> - -<pre class="brush: html"><img class="my-image" src="https://wikipedia.org/static/images/project-logos/frwiki-1.5x.png"> -</pre> - -<h3 id="JS_Content" name="JS_Content">JS の内容</h3> - -<pre class="brush: js">var myImage = document.querySelector('.my-image'); -fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/Delete_key1.jpg').then(function(response) { - console.log(response.bodyUsed); - var res = response.blob(); - console.log(response.bodyUsed); - return res; -}).then(function(response) { - var objectURL = URL.createObjectURL(response); - myImage.src = objectURL; -});</pre> - -<p>{{ EmbedLiveSample('Example', '100%', '250px') }}</p> - -<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('Fetch','#dom-body-bodyused','bodyUsed')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.bodyUsed")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">HTTP のアクセス制御(CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/body/formdata/index.html b/files/ja/orphaned/web/api/body/formdata/index.html deleted file mode 100644 index 922fd2986d..0000000000 --- a/files/ja/orphaned/web/api/body/formdata/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: Body.formData() -slug: orphaned/Web/API/Body/formData -tags: - - API - - BODY - - Experimenal - - Fetch - - Fetch API - - FormData - - Method - - NeedsExample - - Reference -translation_of: Web/API/Body/formData -original_slug: Web/API/Body/formData ---- -<div>{{APIRef("Fetch")}}</div> - -<p><span class="seoSummary">{{domxref("Body")}} ミックスインの <strong><code>formData()</code></strong> メソッドは、{{domxref("Response")}} ストリームを取得して、完全に読み取ります。 {{domxref("FormData")}} オブジェクトで解決される promise を返します。</span></p> - -<div class="note"> -<p><strong>注</strong>: これは主に <a href="/ja/docs/Web/API/ServiceWorker_API">service worker</a> に関連しています。 ユーザーがフォームを送信し、service worker がリクエストをインターセプトした場合を考えてみましょう。 例えば、key-value マップを取得するために <code>formData()</code> を呼び出し、いくつかのフィールドを修正した後、フォームをサーバ側に送信できます(またはローカルで使用できます)。</p> -</div> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>response</em>.formData() -.then(function(<em>formdata</em>) { - // formdata を使った何らかの処理 -});</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<p>なし。</p> - -<h3 id="Return_value" name="Return_value">戻り値</h3> - -<p>{{domxref("FormData")}} オブジェクトで解決される {{jsxref("Promise")}}。</p> - -<h2 id="Example" name="Example">例</h2> - -<p>TBD.</p> - -<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('Fetch','#dom-body-formdata','formData()')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.formData")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">HTTP アクセス制御(CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/body/index.html b/files/ja/orphaned/web/api/body/index.html deleted file mode 100644 index 01ff7c7dea..0000000000 --- a/files/ja/orphaned/web/api/body/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: Body -slug: orphaned/Web/API/Body -tags: - - API - - BODY - - Experimental - - Fetch - - Fetch API - - Interface - - Reference - - request -translation_of: Web/API/Body -original_slug: Web/API/Body ---- -<div>{{ APIRef("Fetch") }}</div> - -<p><span class="seoSummary"><a href="/ja/docs/Web/API/Fetch_API">Fetch API</a> の <strong><code>Body</code></strong> {{glossary("mixin","ミックスイン")}}は、リクエスト/レスポンスのボディを表し、そのコンテンツタイプが何であるかとその処理方法を宣言できます。</span></p> - -<p><code>Body</code> は {{domxref("Request")}} と {{domxref("Response")}} の両方で実装されます。 これにより、これらのオブジェクトに、関連するボディ(<a href="/ja/docs/Web/API/Streams_API">ストリーム</a>)と使用済みフラグ(初期は未設定)、MIME タイプ(初期は空のバイトシーケンス)が提供されます。(訳注:コンテンツタイプ(MIME タイプ)は、{{domxref("Headers")}} の <code>"Content-Type"</code> にあります。 でも、例を見てもわかる通り、普通はリクエストの時点で決定しているので、これを調べてはいません。)</p> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<dl> - <dt>{{domxref("Body.body")}} {{readonlyInline}}</dt> - <dd>ボディコンテンツの {{domxref("ReadableStream")}} を公開するために使用する単純なゲッター。</dd> - <dt>{{domxref("Body.bodyUsed")}} {{readonlyInline}}</dt> - <dd>既にボディが読み込まれたかどうかを示す {{jsxref("Boolean")}} 値。</dd> -</dl> - -<h2 id="Methods" name="Methods">メソッド</h2> - -<dl> - <dt>{{domxref("Body.arrayBuffer()")}}</dt> - <dd>{{domxref("Response")}} ストリームを取得し、完全に読み込む。 {{jsxref("ArrayBuffer")}} で解決する promise を返す。</dd> - <dt>{{domxref("Body.blob()")}}</dt> - <dd>{{domxref("Response")}} ストリームを取得し、完全に読み込む。 {{domxref("Blob")}} で解決する promise を返す。</dd> - <dt>{{domxref("Body.formData()")}}</dt> - <dd>{{domxref("Response")}} ストリームを取得し、完全に読み込む。 {{domxref("FormData")}} オブジェクトで解決する promise を返す。</dd> - <dt>{{domxref("Body.json()")}}</dt> - <dd>{{domxref("Response")}} ストリームを取得し、完全に読み込む。 ボディのテキストを {{jsxref("JSON")}} として解析した結果で解決する promise を返す。</dd> - <dt>{{domxref("Body.text()")}}</dt> - <dd>{{domxref("Response")}} ストリームを取得し、完全に読み込む。 {{domxref("USVString")}}(テキスト)で解決する promise を返す。 レスポンスは常に UTF-8 でデコードする。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では、単純なフェッチ呼び出しを使用して画像を取得し、{{htmlelement("img")}} タグで表示します。 画像をリクエストしているので、{{domxref("Body.blob","Body.blob()")}} ({{domxref("Response")}} は <code>Body</code> を実装しています)を実行して、レスポンスに正しい MIME タイプを与える必要があることに注意してください。</p> - -<h3 id="HTML_Content" name="HTML_Content">HTML の内容</h3> - -<pre class="brush: html"><img class="my-image" src="https://wikipedia.org/static/images/project-logos/frwiki-1.5x.png"> -</pre> - -<h3 id="JS_Content" name="JS_Content">JS の内容</h3> - -<pre class="brush: js">const myImage = document.querySelector('.my-image'); -fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/Delete_key1.jpg') - .then(res => res.blob()) - .then(res => { - const objectURL = URL.createObjectURL(res); - myImage.src = objectURL; -});</pre> - -<p>{{ EmbedLiveSample('Examples', '100%', '250px') }}</p> - -<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('Fetch','#body-mixin','Body')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">HTTP アクセス制御 (CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/body/json/index.html b/files/ja/orphaned/web/api/body/json/index.html deleted file mode 100644 index 3ee9cd7c6d..0000000000 --- a/files/ja/orphaned/web/api/body/json/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: Body.json() -slug: orphaned/Web/API/Body/json -tags: - - API - - BODY - - Experimental - - Fetch - - JSON - - Method - - Reference - - メソッド -translation_of: Web/API/Body/json -original_slug: Web/API/Body/json ---- -<div>{{APIRef("Fetch API")}}</div> - -<p><span class="seoSummary">{{DOMxRef("Body")}} ミックスインの <strong><code>json()</code></strong> メソッドは、 {{DOMxRef("Response")}} ストリームを取得して、完全に読み取ります。 ボディのテキストを {{JSxRef("JSON")}} として解釈した結果で解決する promise を返します。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>response</em>.json().then(<em>data</em> => { - // data を使用した処理を実行する -});</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<p>なし。</p> - -<h3 id="Return_value" name="Return_value">戻り値</h3> - -<p>JavaScript オブジェクトに解決される {{jsxref("Promise")}}。 このオブジェクトは、オブジェクト、配列、文字列、数値など、JSON で表現できるものであれば何でもなります。</p> - -<h2 id="Example" name="Example">例</h2> - -<p><a href="https://github.com/mdn/fetch-examples/tree/master/fetch-json">fetch json の例</a>(<a href="http://mdn.github.io/fetch-examples/fetch-json/">fetch json をライブで</a>実行)では、 {{DOMxRef("Request.Request", "Request()")}} コンストラクターを使用して新しいリクエストを作成し、それを使用して <code>.json</code> ファイルをフェッチします。 フェッチが成功したら、<code>json()</code> を使用してデータを読み取り、解析し、結果のオブジェクトから期待通りに値を読みだし、それらの値をリスト項目に追加して商品データとして表示します。</p> - -<pre class="brush: js highlight[5]">const myList = document.querySelector('ul'); -const myRequest = new Request('products.json'); - -fetch(myRequest) - .then(response => response.json()) - .then(data => { - for (const product of data.products) { - let listItem = document.createElement('li'); - listItem.appendChild( - document.createElement('strong') - ).textContent = product.Name; - listItem.append( - ` can be found in ${ - product.Location - }. Cost: ` - ); - listItem.appendChild( - document.createElement('strong') - ).textContent = `£${product.Price}`; - myList.appendChild(listItem); - } - });</pre> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">状態</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Fetch", "#dom-body-json", "Body.json()")}}</td> - <td>{{Spec2("Fetch")}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.json")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">オリジン間リソース共有 (CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/body/text/index.html b/files/ja/orphaned/web/api/body/text/index.html deleted file mode 100644 index 9e66199603..0000000000 --- a/files/ja/orphaned/web/api/body/text/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: Body.text() -slug: orphaned/Web/API/Body/text -tags: - - API - - BODY - - Experimental - - Fetch - - Method - - Reference - - Text -translation_of: Web/API/Body/text -original_slug: Web/API/Body/text ---- -<div>{{APIRef("Fetch")}}</div> - -<p>{{domxref("Body")}} ミックスインの <strong><code>text()</code></strong> メソッドは、{{domxref("Response")}} ストリームを取得し、完全に読み込みます。 {{domxref("USVString")}} オブジェクト(テキスト)で解決する promise を返します。 レスポンスは<em>常に</em> UTF-8 としてデコードします。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>response</em>.text().then(function (<em>text</em>) { - // text レスポンスを使用して何か実行する。 -});</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<p>なし。</p> - -<h3 id="Return_value" name="Return_value">戻り値</h3> - -<p>{{domxref("USVString")}} で解決する promise。</p> - -<h2 id="Example" name="Example">例</h2> - -<p><a href="https://github.com/mdn/fetch-examples/tree/master/fetch-text">fetch text の例</a>(<a href="http://mdn.github.io/fetch-examples/fetch-text/">fetch text をライブで</a>実行)には、{{htmlelement("article")}} 要素と 3 つのリンク(<code>myLinks</code> 配列に格納されています)があります。 最初に、リンクのすべてをループし、それぞれのリンクに、その 1 つをクリックしたとき、リンクの <code>data-page</code> 識別子を引数として渡して <code>getData()</code> 関数が実行されるように、<code>onclick</code> イベントハンドラーを設定します。</p> - -<p><code>getData()</code> が実行されると、{{domxref("Request.Request","Request()")}} コンストラクターを使用して新しいリクエストを作成し、それを使用して特定の <code>.txt</code> ファイルをフェッチします。 フェッチが成功したら、<code>text()</code> を使用してレスポンスから {{jsxref("USVString")}}(テキスト)オブジェクトを読み取り、{{htmlelement("article")}} 要素の {{domxref("Element.innerHTML","innerHTML")}} にテキストオブジェクトの値を設定します。</p> - -<pre class="brush: js">var myArticle = document.querySelector('article'); -var myLinks = document.querySelectorAll('ul a'); - -for(i = 0; i <= myLinks.length-1; i++) { - myLinks[i].onclick = function(e) { - e.preventDefault(); - var linkData = e.target.getAttribute('data-page'); - getData(linkData); - } -}; - -function getData(pageId) { - console.log(pageId); - var myRequest = new Request(pageId + '.txt'); - fetch(myRequest).then(function(response) { - return response.text().then(function(text) { - myArticle.innerHTML = text; - }); - }); -}</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('Fetch','#dom-body-text','text()')}}</td> - <td>{{Spec2('Fetch')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.Body.text")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/ja/docs/Web/HTTP/CORS">HTTP アクセス制御(CORS)</a></li> - <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/childnode/before/index.html b/files/ja/orphaned/web/api/childnode/before/index.html deleted file mode 100644 index b0b091392e..0000000000 --- a/files/ja/orphaned/web/api/childnode/before/index.html +++ /dev/null @@ -1,145 +0,0 @@ ---- -title: ChildNode.before() -slug: orphaned/Web/API/ChildNode/before -tags: - - API - - DOM - - Method - - Node - - Reference -translation_of: Web/API/ChildNode/before -original_slug: Web/API/ChildNode/before ---- -<div>{{APIRef("DOM")}}</div> - -<p><code><strong>ChildNode.before()</strong></code> は <code>ChildNode</code> の親の子リストの、<code>ChildNode</code> の直前に、 {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate">[Throws, Unscopable] -void ChildNode.before((Node or DOMString)... nodes); -</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<dl> - <dt><code>nodes</code></dt> - <dd>{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。</dd> -</dl> - -<h3 id="Exceptions" name="Exceptions">例外</h3> - -<ul> - <li>{{domxref("HierarchyRequestError")}}: ノードは階層の指定の位置には挿入できません。</li> -</ul> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Inserting_an_element" name="Inserting_an_element">要素の挿入</h3> - -<pre class="brush: js notranslate">var parent = document.createElement("div"); -var child = document.createElement("p"); -parent.appendChild(child); -var span = document.createElement("span"); - -child.before(span); - -console.log(parent.outerHTML); -// "<div><span></span><p></p></div>" -</pre> - -<h3 id="Inserting_text" name="Inserting_text">テキストの挿入</h3> - -<pre class="brush: js notranslate">var parent = document.createElement("div"); -var child = document.createElement("p"); -parent.appendChild(child); - -child.before("Text"); - -console.log(parent.outerHTML); -// "<div>Text<p></p></div>"</pre> - -<h3 id="Inserting_an_element_and_text" name="Inserting_an_element_and_text">要素とテキストの挿入</h3> - -<pre class="brush: js notranslate">var parent = document.createElement("div"); -var child = document.createElement("p"); -parent.appendChild(child); -var span = document.createElement("span"); - -child.before(span, "Text"); - -console.log(parent.outerHTML); -// "<div><span></span>Text<p></p></div>"</pre> - -<h3 id="ChildNode.before_is_unscopable" name="ChildNode.before_is_unscopable"><code>ChildNode.before()</code> はスコーピングに非対応</h3> - -<p><code>before()</code> メソッドは <code>with</code> 文でのスコーピングに対応していません。詳細は {{jsxref("Symbol.unscopables")}} をご覧ください。</p> - -<pre class="brush: js notranslate">with(node) { - before("foo"); -} -// ReferenceError: before is not defined </pre> - -<h2 id="Polyfill" name="Polyfill">ポリフィル</h2> - -<p>以下のポリフィルで、 Internet Explorer 9 以降でも <code>before()</code> メソッドが利用できます。</p> - -<pre class="brush: js notranslate">// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md -(function (arr) { - arr.forEach(function (item) { - if (item.hasOwnProperty('before')) { - return; - } - Object.defineProperty(item, 'before', { - configurable: true, - enumerable: true, - writable: true, - value: function before() { - var argArr = Array.prototype.slice.call(arguments), - docFrag = document.createDocumentFragment(); - - argArr.forEach(function (argItem) { - var isNode = argItem instanceof Node; - docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem))); - }); - - this.parentNode.insertBefore(docFrag, this); - } - }); - }); -})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);</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('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> - - - -<p>{{Compat("api.ChildNode.before")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{domxref("ChildNode")}} と {{domxref("ParentNode")}}</li> - <li>{{domxref("ChildNode.after()")}}</li> - <li>{{domxref("ParentNode.append()")}}</li> - <li>{{domxref("Node.appendChild()")}}</li> - <li>{{domxref("Node.insertBefore()")}}</li> - <li>{{domxref("Element.insertAdjacentElement()")}}</li> - <li>{{domxref("NodeList")}}</li> -</ul> diff --git a/files/ja/orphaned/web/api/childnode/index.html b/files/ja/orphaned/web/api/childnode/index.html deleted file mode 100644 index a1208b5aa0..0000000000 --- a/files/ja/orphaned/web/api/childnode/index.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -title: ChildNode -slug: orphaned/Web/API/ChildNode -tags: - - API - - DOM - - Experimental - - Interface - - Node -translation_of: Web/API/ChildNode -original_slug: Web/API/ChildNode ---- -<p>{{APIRef("DOM")}}</p> - -<p><span class="seoSummary"><code><strong>ChildNode</strong></code> ミックスインは親を持つことができる {{domxref("Node")}} オブジェクトに共通のメソッド・プロパティが含まれています。これは、{{domxref("Element")}}、{{domxref("DocumentType")}}、{{domxref("CharacterData")}} オブジェクトによって実装されています。</span></p> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<p><em>継承された、または固有のプロパティはありません。</em></p> - -<h2 id="Methods" name="Methods">メソッド</h2> - -<p><em>継承されたメソッドはありません。</em></p> - -<dl> - <dt>{{domxref("ChildNode.remove()")}} {{experimental_inline}}</dt> - <dd>この <code>ChildNode</code>を、その親の <code>children</code> から削除します。</dd> - <dt>{{domxref("ChildNode.before()")}} {{experimental_inline}}</dt> - <dd>{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを、この <code>ChildNode</code> の親の <code>children</code> の、<code>ChildNode</code> の直前に挿入します。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。</dd> - <dt>{{domxref("ChildNode.after()")}} {{experimental_inline}}</dt> - <dd>{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを、この <code>ChildNode</code> の親の <code>children</code> の、<code>ChildNode</code> の直後に挿入します。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。</dd> - <dt>{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}</dt> - <dd><code>ChildNode</code> の親の <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">children</span></font> 内に含まれるこの <code>ChildNode</code> を {{domxref("Node")}} または {{domxref("DOMString")}} のセットと置き換えます。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。</dd> -</dl> - -<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('DOM WHATWG', '#interface-childnode', 'ChildNode')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td><code>ElementTraversal</code> インターフェースは {{domxref("ParentNode")}} と <code>ChildNode</code> に分割されました。 <code>previousElementSibling</code> と <code>nextElementSibling</code> は後者で定義されています。<br> - {{domxref("CharacterData")}} と {{domxref("DocumentType")}} は新しいインターフェースが実装されています。<br> - <code>remove()</code>, <code>before()</code>, <code>after()</code> および <code>replaceWith()</code> メソッドが追加されました。</td> - </tr> - <tr> - <td>{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}</td> - <td>{{Spec2('Element Traversal')}}</td> - <td><code>ElementTraversal</code> 基本インターフェースにこのプロパティの初期定義が追加され、{{domxref("Element")}} で使われます。</td> - </tr> - </tbody> -</table> - -<h2 id="Polyfill" name="Polyfill">互換コード</h2> - -<p>外部サイト (github): <code><a href="https://github.com/seznam/JAK/blob/master/lib/polyfills/childNode.js">childNode.js</a></code></p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザの実装状況</h2> - -<p>{{Compat("api.ChildNode")}}</p> - -<h2 id="See_also" name="See_also">関連項目</h2> - -<ul> - <li>{{domxref("ParentNode")}} インターフェース</li> - <li> - <div class="syntaxbox">{{domxref("ParentNode")}} インターフェースを実装したオブジェクト型</div> - - <ul> - <li> - <div class="syntaxbox">{{domxref("CharacterData")}}</div> - </li> - <li> - <div class="syntaxbox">{{domxref("Element")}}</div> - </li> - <li> - <div class="syntaxbox">{{domxref("DocumentType")}}</div> - </li> - </ul> - </li> - <li> - <div class="syntaxbox">The {{domxref("NonDocumentTypeChildNode")}} interface</div> - </li> -</ul> diff --git a/files/ja/orphaned/web/api/childnode/replacewith/index.html b/files/ja/orphaned/web/api/childnode/replacewith/index.html deleted file mode 100644 index 28896c90fd..0000000000 --- a/files/ja/orphaned/web/api/childnode/replacewith/index.html +++ /dev/null @@ -1,120 +0,0 @@ ---- -title: ChildNode.replaceWith() -slug: orphaned/Web/API/ChildNode/replaceWith -tags: - - API - - DOM - - Method - - Node - - Reference -translation_of: Web/API/ChildNode/replaceWith -original_slug: Web/API/ChildNode/replaceWith ---- -<div>{{APIRef("DOM")}}</div> - -<p><code><strong>ChildNode.replaceWith()</strong></code> は親の子リストの <code>ChildNode</code> を、 {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットに置換します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate">[Throws, Unscopable] -void ChildNode.replaceWith((Node or DOMString)... nodes); -</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<dl> - <dt><code>nodes</code></dt> - <dd>{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットで置換します。</dd> -</dl> - -<h3 id="Exceptions" name="Exceptions">例外</h3> - -<ul> - <li>{{domxref("HierarchyRequestError")}}: ノードは階層の指定の位置には挿入できません。</li> -</ul> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Using_replaceWith" name="Using_replaceWith"><code>replaceWith()</code> の使用</h3> - -<pre class="brush: js notranslate">var parent = document.createElement("div"); -var child = document.createElement("p"); -parent.appendChild(child); -var span = document.createElement("span"); - -child.replaceWith(span); - -console.log(parent.outerHTML); -// "<div><span></span></div>" -</pre> - -<h3 id="ChildNode.replaceWith_is_unscopable" name="ChildNode.replaceWith_is_unscopable"><code>ChildNode.replaceWith()</code> はスコーピングに非対応</h3> - -<p><code>replaceWith()</code> メソッドは <code>with</code> 文でのスコーピングに対応していません。詳細は {{jsxref("Symbol.unscopables")}} をご覧ください。</p> - -<pre class="brush: js notranslate">with(node) { - replaceWith("foo"); -} -// ReferenceError: replaceWith is not defined </pre> - -<h2 id="Polyfill" name="Polyfill">ポリフィル</h2> - -<p>以下のポリフィルで、 Internet Explorer 9 以降でも <code>replaceWith()</code> メソッドが利用できます。</p> - -<pre class="brush: js notranslate">function ReplaceWithPolyfill() { - 'use-strict'; // For safari, and IE > 10 - var parent = this.parentNode, i = arguments.length, currentNode; - if (!parent) return; - if (!i) // if there are no arguments - parent.removeChild(this); - while (i--) { // i-- decrements i and returns the value of i before the decrement - currentNode = arguments[i]; - if (typeof currentNode !== 'object'){ - currentNode = this.ownerDocument.createTextNode(currentNode); - } else if (currentNode.parentNode){ - currentNode.parentNode.removeChild(currentNode); - } - // the value of "i" below is after the decrement - if (!i) // if currentNode is the first argument (currentNode === arguments[0]) - parent.replaceChild(currentNode, this); - else // if currentNode isn't the first - parent.insertBefore(currentNode, this.nextSibling); - } -} -if (!Element.prototype.replaceWith) - Element.prototype.replaceWith = ReplaceWithPolyfill; -if (!CharacterData.prototype.replaceWith) - CharacterData.prototype.replaceWith = ReplaceWithPolyfill; -if (!DocumentType.prototype.replaceWith) - DocumentType.prototype.replaceWith = ReplaceWithPolyfill;</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('DOM WHATWG', '#dom-childnode-replacewith', 'ChildNode.replacewith()')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> - - - -<p>{{Compat("api.ChildNode.replaceWith")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{domxref("ChildNode")}} と {{domxref("ParentNode")}}</li> - <li>{{domxref("Node.replaceChild()")}}</li> - <li>{{domxref("NodeList")}}</li> -</ul> diff --git a/files/ja/orphaned/web/api/deviceproximityevent/max/index.html b/files/ja/orphaned/web/api/deviceproximityevent/max/index.html deleted file mode 100644 index 4a262f2362..0000000000 --- a/files/ja/orphaned/web/api/deviceproximityevent/max/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: DeviceProximityEvent.max -slug: orphaned/Web/API/DeviceProximityEvent/max -tags: - - API - - DevicProximitiy Event - - Experimenatal - - Property - - Reference -translation_of: Web/API/DeviceProximityEvent/max -original_slug: Web/API/DeviceProximityEvent/max ---- -<p>{{APIRef("Proximity Events")}}{{SeeCompatTable}}</p> - -<p><code>max</code> プロパティは、センサーが報告可能なセンチメートル単位の最大検知距離をで提供します。</p> - -<h2 id="構文">構文</h2> - -<pre>var value = instanceOfDeviceProximityEvent.max;</pre> - -<h2 id="値">値</h2> - -<p>デバイスの近接度センサーが報告可能なセンチメートル単位の最大検知距離を表す正の数値です。</p> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">ステータス</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('Proximity Events', '', 'Proximity Events') }}</td> - <td>{{ Spec2('Proximity Events') }}</td> - <td>初期定義。</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> - -<p>{{Compat("api.DeviceProximityEvent.max")}}</p> - -<h2 id="関連項目">関連項目</h2> - -<ul> - <li>{{domxref("DeviceProximityEvent")}}</li> -</ul> diff --git a/files/ja/orphaned/web/api/deviceproximityevent/min/index.html b/files/ja/orphaned/web/api/deviceproximityevent/min/index.html deleted file mode 100644 index acceaea8fa..0000000000 --- a/files/ja/orphaned/web/api/deviceproximityevent/min/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: DeviceProximityEvent.min -slug: orphaned/Web/API/DeviceProximityEvent/min -tags: - - API - - DeviceProximity Event - - Experimental - - Property - - Reference -translation_of: Web/API/DeviceProximityEvent/min -original_slug: Web/API/DeviceProximityEvent/min ---- -<p>{{APIRef("Proximity Events")}}{{SeeCompatTable}}</p> - -<p><code>min</code> プロパティは、センチメートル単位でセンサーが報告可能な距離を提供します。</p> - -<h2 id="構文">構文</h2> - -<pre>var value = instanceOfDeviceProximityEvent.min;</pre> - -<h2 id="値">値</h2> - -<p>デバイスの近接度センサーが報告可能なセンチメートル単位の最小距離を表す正の数値です。</p> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">ステータス</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('Proximity Events', '#device-proximity', 'Proximity Events') }}</td> - <td>{{ Spec2('Proximity Events') }}</td> - <td>初期定義。</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> - -<p>{{Compat("api.DeviceProximityEvent.min")}}</p> - -<h2 id="関連項目">関連項目</h2> - -<ul> - <li>{{domxref("DeviceProximityEvent")}}</li> -</ul> diff --git a/files/ja/orphaned/web/api/deviceproximityevent/value/index.html b/files/ja/orphaned/web/api/deviceproximityevent/value/index.html deleted file mode 100644 index 3ae8090e6a..0000000000 --- a/files/ja/orphaned/web/api/deviceproximityevent/value/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: DeviceProximityEvent.value -slug: orphaned/Web/API/DeviceProximityEvent/value -tags: - - API - - DeviceProximity Event - - Experimental - - Property - - Reference -translation_of: Web/API/DeviceProximityEvent/value -original_slug: Web/API/DeviceProximityEvent/value ---- -<p>{{APIRef("Proximity Events")}}{{SeeCompatTable}}</p> - -<p>{{domxref("DeviceProximityEvent")}} オブジェクトの <code>value</code> プロパティは、デバイスと検出したオブジェクトの間の現在の距離をセンチメートル単位で提供します。</p> - -<h2 id="構文">構文</h2> - -<pre>var distance = instanceOfDeviceProximityEvent.value;</pre> - -<h2 id="値">値</h2> - -<p>デバイスの近接センサーと検出したオブジェクトの間の現在の距離をセンチメートル単位で表した正の数値です。</p> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">ステータス</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{ SpecName('Proximity Events', '#device-proximity', 'Proximity Events') }}</td> - <td>{{ Spec2('Proximity Events') }}</td> - <td>初期定義。</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> - -<p>{{Compat("api.DeviceProximityEvent.value")}}</p> - -<h2 id="関連項目">関連項目</h2> - -<ul> - <li>{{domxref("DeviceProximityEvent")}}</li> -</ul> diff --git a/files/ja/orphaned/web/api/domlocator/index.html b/files/ja/orphaned/web/api/domlocator/index.html deleted file mode 100644 index a43fbf8320..0000000000 --- a/files/ja/orphaned/web/api/domlocator/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: DOMLocator -slug: orphaned/Web/API/DOMLocator -tags: - - API - - DOM - - DOM Reference - - Obsolete - - Reference -translation_of: Web/API/DOMLocator -original_slug: Web/API/DOMLocator ---- -<p>{{APIRef("DOM")}}{{obsolete_header}}</p> - -<div class="warning"> -<p>NOTE: これは Mozilla には実装されていません</p> -</div> - -<p>エラーが発生した場所などを示します。 <code>DOMError.location</code> によって返されます。</p> - -<h2 id="プロパティ">プロパティ</h2> - -<dl> - <dt>{{domxref("DOMLocator.lineNumber")}} {{ReadOnlyInline}}</dt> - <dd>正の整数または-1を返します。</dd> - <dt>{{domxref("DOMLocator.columnNumber")}} {{ReadOnlyInline}}</dt> - <dd>正の整数または-1を返します。</dd> - <dt>{{domxref("DOMLocator.byteOffset")}} {{ReadOnlyInline}}</dt> - <dd>正の整数または-1を返します。</dd> - <dt>{{domxref("DOMLocator.utf16Offset")}} {{ReadOnlyInline}}</dt> - <dd>正の整数または-1を返します。</dd> - <dt>{{domxref("DOMLocator.relatedNode")}} {{ReadOnlyInline}}</dt> - <dd>正の整数または-1を返します。</dd> - <dt>{{domxref("DOMLocator.uri")}} {{ReadOnlyInline}}</dt> - <dd>正の整数または-1を返します。</dd> -</dl> - -<h2 id="メソッド">メソッド</h2> - -<p><em>このインターフェイスは、メソッドを実装も継承もしません。</em></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("DOM3 Core", "core.html#Interfaces-DOMLocator", "DOMLocator")}}</td> - <td>{{Spec2("DOM3 Core")}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> diff --git a/files/ja/orphaned/web/api/element/currentstyle/index.html b/files/ja/orphaned/web/api/element/currentstyle/index.html deleted file mode 100644 index 5f1cfa645e..0000000000 --- a/files/ja/orphaned/web/api/element/currentstyle/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: Element.currentStyle -slug: orphaned/Web/API/Element/currentStyle -tags: - - API - - NeedsExample - - Non-standard - - Property -translation_of: Web/API/Element/currentStyle -original_slug: Web/API/Element/currentStyle ---- -<p>{{Non-standard_header}}</p> - -<p class="summary"><span class="seoSummary"><strong><code>Element.currentStyle</code></strong> は独自プロパティで、標準化されている {{DOMxRef("window.getComputedStyle()")}} メソッドに似ているものです。</span>古いバージョンの Microsoft Internet Explorer で使用できます。しかし、 <code>window.getComputedStyle()</code> がピクセル数で値を返すのに対し、これは CSS で設定された単位で返します。</p> - -<h2 id="Polyfill">ポリフィル</h2> - -<div class="note"> -<p>このポリフィルは値をピクセル数で返しますが、値を読むたびに {{domxref("window.getComputedStyle()")}} を呼び出さなければならないため、かなり遅くなると思われます。</p> -</div> - -<pre class="brush: js">/* すべての著作権をパブリックドメインに寄贈します。 - * http://creativecommons.org/publicdomain/zero/1.0/ */ - -if (!("currentStyle" in Element.prototype)) { - Object.defineProperty(Element.prototype, "currentStyle", { - get: function() { - return window.getComputedStyle(this); - } - }); -} -</pre> - -<h2 id="Specifications">仕様書</h2> - -<p>どの仕様書にも含まれていません。</p> - -<p>Microsoft は <a href="https://web.archive.org/web/20150629144515/https://msdn.microsoft.com/en-us/library/ms535231(v=vs.85).aspx">MSDN で説明しています</a>。</p> - -<h2 id="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.Element.currentStyle")}}</p> - -<h2 id="See_also">関連情報</h2> - -<ul> - <li>{{DOMxRef("Element.runtimeStyle")}}</li> - <li>{{DOMxRef("window.getComputedStyle()")}}</li> -</ul> - -<div>{{APIRef("DOM")}}</div> diff --git a/files/ja/orphaned/web/api/htmlelement/forcespellcheck/index.html b/files/ja/orphaned/web/api/htmlelement/forcespellcheck/index.html deleted file mode 100644 index 3e0c2b978f..0000000000 --- a/files/ja/orphaned/web/api/htmlelement/forcespellcheck/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: HTMLElement.forceSpellCheck() -slug: orphaned/Web/API/HTMLElement/forceSpellCheck -tags: - - API - - Experimental - - HTML DOM - - HTMLElement - - Method - - Reference -translation_of: Web/API/HTMLElement/forceSpellCheck -original_slug: Web/API/HTMLElement/forceSpellCheck ---- -<p>{{ APIRef("HTML DOM") }}{{SeeCompatTable}}</p> - -<p><span class="seoSummary">{{domxref("HTMLElement")}} インターフェイスの <strong><code>forceSpellCheck()</code></strong> メソッドは、ユーザーが要素にフォーカスしていない場合でも、HTML 要素のスペルチェックと文法チェックを強制します。 このメソッドは、{{glossary("user agent","ユーザーエージェント")}} の振る舞いをオーバーライドします。 チェックの特定のユーザーインターフェイス(赤い下線が表示されるかどうかなど)は、ユーザーエージェントによって決定されます。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>element</em>.forceSpellCheck()</pre> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("api.HTMLElement.forceSpellCheck")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/en-US/docs/Web/HTML/Controlling_spell_checking_in_HTML_formsControlling_spell_checking_in_HTML_forms">Controlling spell checking in HTML forms</a></li> - <li>{{htmlattrxref("spellcheck")}} 属性</li> -</ul> diff --git a/files/ja/orphaned/web/api/linkstyle/index.html b/files/ja/orphaned/web/api/linkstyle/index.html deleted file mode 100644 index 3b5a1ee7e9..0000000000 --- a/files/ja/orphaned/web/api/linkstyle/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: LinkStyle -slug: orphaned/Web/API/LinkStyle -tags: - - API - - CSSOM - - Interface - - NeedsBrowserCompatibility - - Reference -translation_of: Web/API/LinkStyle -original_slug: Web/API/LinkStyle ---- -<div>{{APIRef("CSSOM")}}</div> - -<p><code><strong>LinkStyle</strong></code> インターフェイスで、ノードに<em>関連付けられた CSS スタイルシート</em>にアクセスできます。</p> - -<p><code>LinkStyle</code> は生のインターフェイスであり、この型のオブジェクトは生成できません。これは {{domxref("HTMLLinkElement")}} および {{domxref("HTMLStyleElement")}} オブジェクトによって実装されています。</p> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<p><em>継承しているプロパティはありません。</em></p> - -<dl> - <dt>{{domxref("LinkStyle.sheet")}} {{readonlyInline}}</dt> - <dd>指定した要素に関連付けられている {{domxref("StyleSheet")}} オブジェクトを返します。何も関連付けられていない場合は <code>null</code> を返します。</dd> -</dl> - -<h2 id="Methods" name="Methods">メソッド</h2> - -<p><em>このインターフェイスはメソッドを実装していません。</em></p> - -<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('CSSOM', '#the-linkstyle-interface', 'LinkStyle')}}</td> - <td>{{Spec2('CSSOM')}}</td> - <td>{{SpecName('DOM2 Style')}} から変更なし。</td> - </tr> - <tr> - <td>{{SpecName('DOM2 Style', 'stylesheets.html#StyleSheets-LinkStyle', 'LinkStyle')}}</td> - <td>{{Spec2('DOM2 Style')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> - -<p>{{Compat("api.LinkStyle")}}</p> diff --git a/files/ja/orphaned/web/api/localmediastream/index.html b/files/ja/orphaned/web/api/localmediastream/index.html deleted file mode 100644 index 20b4e4b056..0000000000 --- a/files/ja/orphaned/web/api/localmediastream/index.html +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: LocalMediaStream -slug: orphaned/Web/API/LocalMediaStream -tags: - - API - - DOM - - DOM Reference - - Interface - - LocalMediaStream - - Media - - Media Capture and Streams API - - Media Stream API - - Obsolete - - Reference - - WebRTC -translation_of: Web/API/LocalMediaStream -original_slug: Web/API/LocalMediaStream ---- -<div>{{APIRef("Media Capture and Streams")}} {{Obsolete_header}}</div> - -<p><strong><code>LocalMediaStream</code></strong> インターフェイスは <a href="https://developer.mozilla.org/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a> の一部分で、ローカルに生成されたデータストリーム (例えば {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}} によるもの) を表していました。しかし、今は <code>getUserMedia()</code> が代わりに {{domxref("MediaStream")}} を返し、このインターフェイスは仕様から削除されました。</p> - -<p>このインターフェイスが存在する主な理由は、親インターフェイスの{{domxref("MediaStream")}} に <code>stop()</code> メソッドを追加するためでした。しかし、メディアの再生管理は個々の {{domxref("MediaStreamTrack")}} オブジェクトに移り、これは必要なくなりました。その代わりに、メディアは停止させるべき各トラックの {{domxref("MediaStreamTrack.stop()")}} を呼ぶことで停止されます。<code>MediaStreamTrack.stop()</code> の例はマルチトラックストリームを停止する方法を示していて、それが <code>LocalMediaStream.stop()</code> がかつて使われていたことでした。</p> - -<h2 id="Methods" name="Methods">メソッド</h2> - -<dl> - <dt>{{domxref("LocalMediaStream.stop()")}}</dt> - <dd>ストリームを停止します。ストリームのソースが接続済みのデバイス(カメラやマイクのような)のとき、デバイスのキャプチャを停止します。</dd> -</dl> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<p>どの仕様の一部分でもない。このインターフェイスは以前は {{SpecName("Media Capture")}} の一部分でしたが、2013年に削除されました。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> - -<p>{{Compat("api.LocalMediaStream")}}</p> - -<h2 id="See_Also" name="See_Also">See Also</h2> - -<ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> - <li>{{domxref("MediaStreamTrack.stop()")}}</li> - <li>{{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}</li> - <li>{{domxref("Navigator.getUserMedia()")}}、古い、<code>getUserMedia()</code> のコールバックベース版</li> -</ul> diff --git a/files/ja/orphaned/web/css/_colon_-moz-alt-text/index.html b/files/ja/orphaned/web/css/_colon_-moz-alt-text/index.html deleted file mode 100644 index 24c552759d..0000000000 --- a/files/ja/orphaned/web/css/_colon_-moz-alt-text/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: ':-moz-alt-text' -slug: orphaned/Web/CSS/:-moz-alt-text -tags: - - CSS - - CSS Reference - - Non-standard -original_slug: Web/CSS/:-moz-alt-text ---- -<p>{{Non-standard_header}}{{ CSSRef() }}</p> - -<h2 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">概要</h2> - -<p><code>:-moz-alt-text</code> は読み込まれなかった画像のための代替テキストを提供する要素にマッチします。</p> - -<p>このセレクタは主にテーマ開発者によって使用されるものです。</p> - -<h2 id="Bugzilla" name="Bugzilla">Bugzilla</h2> - -<p>{{ Bug(11011) }}</p> diff --git a/files/ja/orphaned/web/html/global_attributes/dropzone/index.html b/files/ja/orphaned/web/html/global_attributes/dropzone/index.html deleted file mode 100644 index 7611ba91d8..0000000000 --- a/files/ja/orphaned/web/html/global_attributes/dropzone/index.html +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: dropzone -slug: orphaned/Web/HTML/Global_attributes/dropzone -tags: - - Deprecated - - Global attributes - - HTML - - Reference -translation_of: Web/HTML/Global_attributes/dropzone -original_slug: Web/HTML/Global_attributes/dropzone ---- -<div>{{HTMLSidebar("Global_attributes")}}{{deprecated_header}}</div> - -<p><strong><code>dropzone</code></strong> <a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a> は、 <a href="/ja/docs/Web/API/HTML_Drag_and_Drop_API">HTML Drag and Drop API</a> を使用して要素上にどのようなコンテンツをドロップできるかを示す列挙型属性です。以下の値を使用できます。</p> - -<ul> - <li><code>copy</code>: ドロップにより、ドロップした要素のコピーを生成することを示す</li> - <li><code>move</code>: ドロップされた要素は新しい場所に移動されることを示す</li> - <li><code>link</code>: ドラッグしたデータへのリンクを生成する</li> -</ul> - -<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('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td>{{SpecName('HTML WHATWG')}} のスナップショット、初回定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("html.global_attributes.dropzone")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>すべての <a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a>。</li> -</ul> diff --git a/files/ja/orphaned/web/html/html_extensions/index.html b/files/ja/orphaned/web/html/html_extensions/index.html deleted file mode 100644 index 43820aed0c..0000000000 --- a/files/ja/orphaned/web/html/html_extensions/index.html +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: HTML Extensions -slug: orphaned/Web/HTML/HTML_Extensions -tags: - - HTML -original_slug: Web/HTML/HTML_Extensions ---- -<p>Mozilla ブラウザは、標準を拡張するいくつかの HTML タグをサポートしています。その一部がドキュメント化されています。</p> -<ul> <li>BLINK</li> <li><a class="internal" href="/ja/HTML/HTML_Extensions/KEYGEN_Tag" title="ja/HTML/HTML Extensions/KEYGEN Tag">KEYGEN</a></li> -</ul> -<div class="noinclude"> -<p>{{ languages( { "en": "en/HTML/HTML_Extensions" } ) }}</p> -</div> |