ja: Format /web/api using Prettier (part 1)

files/ja/web/api/abortsignal/index.md

@@ -104,7 +104,7 @@ try {
     console.error("Timeout: It took more than 5 seconds to get the result!");
   } else if (err.name === "AbortError") {
     console.error(
-      "Fetch aborted by user action (browser stop button, closing tab, etc."
+      "Fetch aborted by user action (browser stop button, closing tab, etc.",
     );
   } else if (err.name === "TypeError") {
     console.error("AbortSignal.timeout() method is not supported");

files/ja/web/api/angle_instanced_arrays/index.md

@@ -34,38 +34,58 @@ WebGL 拡張機能は {{domxref("WebGLRenderingContext.getExtension()")}} メソ
 ## 例
 
 次の例は、与えられた図形を 1 回の draw 呼び出しで複数回描画する方法です。
+
 > **警告:** 以下は教育的なものであり、製品レベルのコードではありません。レンダリングループ内や使用直前にデータ/バッファを構築することは、一般的に避けるべきです。
 
 ```js
 // 拡張機能を有効化
-const ext = gl.getExtension('ANGLE_instanced_arrays');
+const ext = gl.getExtension("ANGLE_instanced_arrays");
 
 // 通常通りに図形バッファーを関連付ける
 gl.bindBuffer(gl.ARRAY_BUFFER, geometryVertexBuffer);
 gl.enableVertexAttribArray(vertexPositionAttributeLocation);
-gl.vertexAttribPointer(vertexPositionAttributeLocation, 3, gl.FLOAT, false, 0, 0);
+gl.vertexAttribPointer(
+  vertexPositionAttributeLocation,
+  3,
+  gl.FLOAT,
+  false,
+  0,
+  0,
+);
 
 // 位置バッファーを構築
 const instancePositions = [];
 for (const instance of instances) {
   instancePositions.push(
     instance.position.x,
     instance.position.y,
-    instance.position.z
+    instance.position.z,
   );
 }
 const instancePositionBuffer = createWebGLBufferFromData(instancePositions);
 
 // 他の属性と同様に、このインスタンスと位置バッファーを関連付け
 gl.bindBuffer(gl.ARRAY_BUFFER, instancePositionBuffer);
 gl.enableVertexAttribArray(instancePositionAttributeLocation);
-gl.vertexAttribPointer(instancePositionAttributeLocation, 3, gl.FLOAT, false, 0, 0);
+gl.vertexAttribPointer(
+  instancePositionAttributeLocation,
+  3,
+  gl.FLOAT,
+  false,
+  0,
+  0,
+);
 
 // 属性をインスタンスとしてマークし、すべての頂点ではなく、それぞれ（1 つ）のインスタンスを進めます。
 ext.vertexAttribDivisorANGLE(instancePositionAttributeLocation, 1);
 
 // それぞれのインスタンスについて、図形を描画します。
-ext.drawArraysInstancedANGLE(gl.TRIANGLES, 0, numGeometryVertices, instances.length);
+ext.drawArraysInstancedANGLE(
+  gl.TRIANGLES,
+  0,
+  numGeometryVertices,
+  instances.length,
+);
 ```
 
 ## 仕様書

files/ja/web/api/animation/index.md

@@ -88,7 +88,7 @@ slug: Web/API/Animation
 - [An Introduction to the Reduced Motion Media Query | CSS-Tricks](https://css-tricks.com/introduction-reduced-motion-media-query/)
 - [Responsive Design for Motion | WebKit](https://webkit.org/blog/7551/responsive-design-for-motion/)
 - [MDN WCAG を理解する　ガイドライン 2.2 の説明](/ja/docs/Web/Accessibility/Understanding_WCAG/Operable#guideline_2.2_%e2%80%94_enough_time_provide_users_enough_time_to_read_and_use_content)
-- [Understanding Success Criterion 2.2.2  | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html)
+- [Understanding Success Criterion 2.2.2 | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html)
 
 ## 仕様書
 

files/ja/web/api/attr/index.md

@@ -15,11 +15,11 @@ l10n:
 
 最終的に名前空間接頭辞を無視した場合は**ローカル**とみなされ、名前空間の接頭辞がある場合はそれを含み、コロン (`:`) でローカル名との間を区切った場合は**修飾されている**とみなされます。名前空間の外にある属性、名前空間の中にあって接頭辞が定義されていない属性、名前空間の中にあって接頭辞が定義されている属性の 3 つの場合があります。
 
-| 属性 | 名前空間名 | 名前空間接頭辞 | 属性のローカル名 | 属性の修飾名 |
-| --------- | -------------- | ---------------- | -------------------- | ------------------------ |
-| `myAttr`  | _なし_         | _なし_           | `myAttr`             | `myAttr`                 |
-| `myAttr`  | `mynamespace`  | _なし_           | `myAttr`             | `myAttr`                 |
-| `myAttr`  | `mynamespace`  | `myns`           | `myAttr`             | `myns:myAttr`            |
+| 属性     | 名前空間名    | 名前空間接頭辞 | 属性のローカル名 | 属性の修飾名  |
+| -------- | ------------- | -------------- | ---------------- | ------------- |
+| `myAttr` | _なし_        | _なし_         | `myAttr`         | `myAttr`      |
+| `myAttr` | `mynamespace` | _なし_         | `myAttr`         | `myAttr`      |
+| `myAttr` | `mynamespace` | `myns`         | `myAttr`         | `myns:myAttr` |
 
 > **メモ:** このインターフェイスは、SVG、HTML、MathML のいずれかの要素である {{domxref("Element")}} のツリー表現に存在する属性のみを表します。例えば {{HTMLElement("table")}} 要素に対する {{domxref("HTMLTableElement")}} のような、その要素に関連付けられたインターフェイスの*プロパティ*を表すことはありません。（属性とそれがどのようにプロパティに*反映*されるかについての詳細は{{Glossary("Attribute", "この記事")}}を参照してください。）
 

files/ja/web/api/audiobuffer/copytochannel/index.md

@@ -26,11 +26,11 @@ copyToChannel(source, channelNumber, startInChannel);
 
 ```js
 var myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate);
-var anotherArray = new Float32Array;
+var anotherArray = new Float32Array();
 // myArrayBuffer の 2 番目のチャンネルからコピーする
-myArrayBuffer.copyFromChannel(anotherArray,1,0);
+myArrayBuffer.copyFromChannel(anotherArray, 1, 0);
 // anotherArray から、 myArrayBuffer の 1 番目のチャンネルにコピーする。これで 2 つのチャンネルのデータは同じになる
-myArrayBuffer.copyToChannel (anotherArray,0,0);
+myArrayBuffer.copyToChannel(anotherArray, 0, 0);
 ```
 
 ## 仕様書

files/ja/web/api/audiobuffer/duration/index.md

@@ -21,7 +21,7 @@ var channels = 2;
 var frameCount = audioCtx.sampleRate * 2.0;
 var myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate);
 
-button.onclick = function() {
+button.onclick = function () {
   // バッファにホワイトノイズを書き込む
   // 単なる -1.0 から 1.0 の間の乱数の値である
   for (var channel = 0; channel < channels; channel++) {
@@ -35,7 +35,7 @@ button.onclick = function() {
   }
 
   console.log(myArrayBuffer.duration);
-}
+};
 ```
 
 ## 仕様書

files/ja/web/api/audiobuffer/getchanneldata/index.md

@@ -28,9 +28,9 @@ getChannelData(channel);
 
 ```js
 var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-var button = document.querySelector('button');
-var pre = document.querySelector('pre');
-var myScript = document.querySelector('script');
+var button = document.querySelector("button");
+var pre = document.querySelector("pre");
+var myScript = document.querySelector("script");
 
 pre.innerHTML = myScript.innerHTML;
 
@@ -41,17 +41,17 @@ var frameCount = audioCtx.sampleRate * 2.0;
 
 var myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate);
 
-button.onclick = function() {
+button.onclick = function () {
   // バッファーにホワイトノイズを書き込む;
   // 単なる -1.0 から 1.0 の間の乱数の値である
   for (var channel = 0; channel < channels; channel++) {
-   // 実際のデータの配列を得る
-   var nowBuffering = myArrayBuffer.getChannelData(channel);
-   for (var i = 0; i < frameCount; i++) {
-     // Math.random() は [0; 1.0] である
-     // 音声は [-1.0; 1.0] である必要がある
-     nowBuffering[i] = Math.random() * 2 - 1;
-   }
+    // 実際のデータの配列を得る
+    var nowBuffering = myArrayBuffer.getChannelData(channel);
+    for (var i = 0; i < frameCount; i++) {
+      // Math.random() は [0; 1.0] である
+      // 音声は [-1.0; 1.0] である必要がある
+      nowBuffering[i] = Math.random() * 2 - 1;
+    }
   }
 
   // AudioBufferSourceNode を得る
@@ -63,7 +63,7 @@ button.onclick = function() {
   source.connect(audioCtx.destination);
   // 音源の再生を始める
   source.start();
-}
+};
 ```
 
 ## 仕様書

files/ja/web/api/audiobuffer/index.md

@@ -42,7 +42,11 @@ slug: Web/API/AudioBuffer
 var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
 
 // AudioContextのサンプルレートで 3 秒間の空のステレオバッファーを生成する
-var myArrayBuffer = audioCtx.createBuffer(2, audioCtx.sampleRate * 3, audioCtx.sampleRate);
+var myArrayBuffer = audioCtx.createBuffer(
+  2,
+  audioCtx.sampleRate * 3,
+  audioCtx.sampleRate,
+);
 
 // バッファにホワイトノイズを書き込む
 // -1.0 から 1.0 の間の乱数の値で埋めるだけ
@@ -60,7 +64,7 @@ for (var channel = 0; channel < myArrayBuffer.numberOfChannels; channel++) {
 // これは AudioBuffer を再生するときに使う AudioNode である
 var source = audioCtx.createBufferSource();
 
-  // AudioBufferSourceNode にバッファーを設定する
+// AudioBufferSourceNode にバッファーを設定する
 source.buffer = myArrayBuffer;
 
 // AudioBufferSourceNode を出力先に接続すると音声が聞こえるようになる

files/ja/web/api/audiobuffer/length/index.md

@@ -21,7 +21,7 @@ var channels = 2;
 var frameCount = audioCtx.sampleRate * 2.0;
 var myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate);
 
-button.onclick = function() {
+button.onclick = function () {
   // バッファーにホワイトノイズを書き込む
   // 単なる -1.0 から 1.0 の間の乱数の値である
   for (var channel = 0; channel < channels; channel++) {
@@ -35,7 +35,7 @@ button.onclick = function() {
   }
 
   console.log(myArrayBuffer.length);
-}
+};
 ```
 
 ## 仕様書

files/ja/web/api/audiobuffersourcenode/detune/index.md

@@ -7,7 +7,7 @@ l10n:
 
 {{APIRef("Web Audio API")}}
 
-**`detune`** は {{domxref("AudioBufferSourceNode")}} インターフェイスのプロパティで、[k-rate](/ja/docs/Web/API/AudioParam#k-rate) の {{domxref("AudioParam")}} 再生時の離調を[セント](https://ja.wikipedia.org/wiki/セント_(音楽))単位で表します。
+**`detune`** は {{domxref("AudioBufferSourceNode")}} インターフェイスのプロパティで、[k-rate](/ja/docs/Web/API/AudioParam#k-rate) の {{domxref("AudioParam")}} 再生時の離調を[セント](<https://ja.wikipedia.org/wiki/セント_(音楽)>)単位で表します。
 
 例えば、 +100 と -100 の値は半音ずつ上下に離調し、 +1200 と -1200 の値は 1 オクターブずつ上下に離調します。
 
@@ -29,7 +29,7 @@ const frameCount = audioCtx.sampleRate * 2.0; // 2 seconds
 const myArrayBuffer = audioCtx.createBuffer(
   channelCount,
   frameCount,
-  audioCtx.sampleRate
+  audioCtx.sampleRate,
 );
 
 for (let channel = 0; channel < channelCount; channel++) {

files/ja/web/api/audiobuffersourcenode/index.md

@@ -50,7 +50,7 @@ _親である {{domxref("AudioScheduledSourceNode")}} のプロパティを継
 - {{domxref("AudioBufferSourceNode.buffer")}}
   - : 再生する音声資産を定義する {{domxref("AudioBuffer")}} で、この値を `null` に設定すると、 1 つの無音チャンネル（すべてのサンプルが 0.0 になる）を定義します。
 - {{domxref("AudioBufferSourceNode.detune")}}
-  - : [k-rate](/ja/docs/Web/API/AudioParam#k-rate) の {{domxref("AudioParam")}} 再生時の離調を[セント](https://ja.wikipedia.org/wiki/セント_(音楽))単位で表します。この値は `playbackRate` と合成され、音を再生する速度を決定します。既定値で `0` （離調なし）、公称範囲は -∞ から ∞ です。
+  - : [k-rate](/ja/docs/Web/API/AudioParam#k-rate) の {{domxref("AudioParam")}} 再生時の離調を[セント](<https://ja.wikipedia.org/wiki/セント_(音楽)>)単位で表します。この値は `playbackRate` と合成され、音を再生する速度を決定します。既定値で `0` （離調なし）、公称範囲は -∞ から ∞ です。
 - {{domxref("AudioBufferSourceNode.loop")}}
   - : 論理値で、 {{domxref("AudioBuffer")}} の終わりに達したとき、音声資産を再生しなければならないかどうかを示します。既定値は `false` です。
 - {{domxref("AudioBufferSourceNode.loopStart")}} {{optional_inline}}
@@ -84,7 +84,7 @@ const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
 const myArrayBuffer = audioCtx.createBuffer(
   2,
   audioCtx.sampleRate * 3,
-  audioCtx.sampleRate
+  audioCtx.sampleRate,
 );
 
 // バッファーにホワイトノイズを書き込む

files/ja/web/api/audiobuffersourcenode/loop/index.md

@@ -45,7 +45,7 @@ function getData() {
         source.loop = true;
       },
 
-      (e) => console.error(`Error with decoding audio data: ${e.err}`)
+      (e) => console.error(`Error with decoding audio data: ${e.err}`),
     );
   };
 

files/ja/web/api/audiobuffersourcenode/loopend/index.md

@@ -50,7 +50,7 @@ function getData() {
         loopendControl.setAttribute("max", Math.floor(songLength));
       },
 
-      (e) => console.error(`Error with decoding audio data: ${e.err}`)
+      (e) => console.error(`Error with decoding audio data: ${e.err}`),
     );
   };
 

files/ja/web/api/audiobuffersourcenode/loopstart/index.md

@@ -48,7 +48,7 @@ function getData() {
         loopendControl.setAttribute("max", Math.floor(songLength));
       },
 
-      (e) => console.error(`Error with decoding audio data: ${e.err}`)
+      (e) => console.error(`Error with decoding audio data: ${e.err}`),
     );
   };
 

files/ja/web/api/audiocontext/close/index.md

@@ -28,13 +28,13 @@ void で完了する{{jsxref("Promise")}}。
 次のスニペットは[AudioContext states デモ](https://github.com/mdn/audiocontext-states/settings)([すぐ実行](http://mdn.github.io/audiocontext-states/))から取ったものです。stop ボタンをクリックすると、`close()`が呼ばれます。プロミスに成功すると、リセットされ最初の状態に戻ります。
 
 ```js
-stopBtn.onclick = function() {
-  audioCtx.close().then(function() {
-    startBtn.removeAttribute('disabled');
-    susresBtn.setAttribute('disabled','disabled');
-    stopBtn.setAttribute('disabled','disabled');
+stopBtn.onclick = function () {
+  audioCtx.close().then(function () {
+    startBtn.removeAttribute("disabled");
+    susresBtn.setAttribute("disabled", "disabled");
+    stopBtn.setAttribute("disabled", "disabled");
   });
-}
+};
 ```
 
 ## 仕様

files/ja/web/api/audiocontext/createmediaelementsource/index.md

@@ -33,9 +33,9 @@ var source = audioCtx.createMediaElementSource(myMediaElement);
 
 ```js
 var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-var myAudio = document.querySelector('audio');
-var pre = document.querySelector('pre');
-var myScript = document.querySelector('script');
+var myAudio = document.querySelector("audio");
+var pre = document.querySelector("pre");
+var myScript = document.querySelector("script");
 
 pre.innerHTML = myScript.innerHTML;
 
@@ -56,12 +56,16 @@ var HEIGHT = window.innerHeight;
 document.onmousemove = updatePage;
 
 function updatePage(e) {
-    CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
-
-    gainNode.gain.value = CurY/HEIGHT;
+  CurY = window.Event
+    ? e.pageY
+    : event.clientY +
+      (document.documentElement.scrollTop
+        ? document.documentElement.scrollTop
+        : document.body.scrollTop);
+
+  gainNode.gain.value = CurY / HEIGHT;
 }
 
-
 // AudioBufferSourceNodeをgainNodeへ接続
 // gainNodeをdestinationへ接続
 // これで音楽の再生と、マウスカーソルで音量を調節できるようになる