Skip to content

Commit

Permalink
web/api 以下を md へ一括変換 4
Browse files Browse the repository at this point in the history
  • Loading branch information
@mfuji09
mfuji09 committed Aug 25, 2022
1 parent 8a27c1b commit 723e0f4
Show file tree
Hide file tree
Showing 99 changed files with 4,100 additions and 5,504 deletions.
45 changes: 16 additions & 29 deletions files/ja/web/api/animationevent/elapsedtime/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,41 +12,28 @@ tags:
- プロパティ
translation_of: Web/API/AnimationEvent/elapsedTime
---
<div>{{SeeCompatTable}}{{ apiref("Web Animations API") }}</div>
{{SeeCompatTable}}{{ apiref("Web Animations API") }}

<p><code><strong>AnimationEvent.elapsedTime</strong></code> は読み取り専用のプロパティで、アニメーションが開始されてからの秒数を <code>float</code> 型で表します。このイベントが発生したとき、アニメーションが停止した場合を除いて常に設定されます。 {{domxref("HTMLElement/animationstart_event", "animationstart")}} イベントにおいては <code>elapsedTime</code> は <code>0.0</code> になりますが、 {{cssxref("animation-delay")}} が負の値の場合は、このイベントは <code>elapsedTime</code> が <code>(-1 * </code><em>待ち時間</em><code>)</code> であるときに発生します。.</p>
**`AnimationEvent.elapsedTime`** は読み取り専用のプロパティで、アニメーションが開始されてからの秒数を `float` 型で表します。このイベントが発生したとき、アニメーションが停止した場合を除いて常に設定されます。 {{domxref("HTMLElement/animationstart_event", "animationstart")}} イベントにおいては `elapsedTime` は `0.0` になりますが、 {{cssxref("animation-delay")}} が負の値の場合は、このイベントは `elapsedTime` が `(-1 * `_待ち時間_`)` であるときに発生します。.

<h2 id="Syntax" name="Syntax">構文</h2>
## 構文

<pre class="syntaxbox">time = <em>AnimationEvent</em>.elapsedTime</pre>
```
time = AnimationEvent.elapsedTime
```

<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('CSS3 Animations', '#dom-animationevent-elapsedtime', 'AnimationEvent.elapsedTime') }}</td>
<td>{{ Spec2('CSS3 Animations')}}</td>
<td>初回定義</td>
</tr>
</tbody>
</table>
| 仕様書 | 状態 | 備考 |
| ------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | -------- |
| {{ SpecName('CSS3 Animations', '#dom-animationevent-elapsedtime', 'AnimationEvent.elapsedTime') }} | {{ Spec2('CSS3 Animations')}} | 初回定義 |

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
## ブラウザーの互換性

<p>{{Compat("api.AnimationEvent.elapsedTime")}}</p>
{{Compat("api.AnimationEvent.elapsedTime")}}

<h2 id="See_also" name="See_also">関連情報</h2>
## 関連情報

<ul>
<li><a href="/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations">CSS アニメーションの使用</a></li>
<li>アニメーションに関する CSS プロパティと @ 規則: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.</li>
<li>所属先の {{domxref("AnimationEvent")}} インターフェイス</li>
</ul>
- [CSS アニメーションの使用](/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations)
- アニメーションに関する CSS プロパティと @ 規則: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.
- 所属先の {{domxref("AnimationEvent")}} インターフェイス
75 changes: 27 additions & 48 deletions files/ja/web/api/animationevent/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,67 +11,46 @@ tags:
- インターフェイス
translation_of: Web/API/AnimationEvent
---
<div>{{SeeCompatTable}}{{APIRef("Web Animations API")}}</div>
{{SeeCompatTable}}{{APIRef("Web Animations API")}}

<p><strong><code>AnimationEvent</code></strong> インターフェイスは、<a href="/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations">アニメーション</a>に関する情報を提供するイベントを表します。</p>
**`AnimationEvent`** インターフェイスは、[アニメーション](/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations)に関する情報を提供するイベントを表します。

<p>{{InheritanceDiagram}}</p>
{{InheritanceDiagram}}

<h2 id="Constructor" name="Constructor">コンストラクター</h2>
## コンストラクター

<dl>
<dt>{{domxref("AnimationEvent.AnimationEvent", "AnimationEvent()")}}</dt>
<dd>指定された引数で <code>AnimationEvent</code> イベントを生成します。</dd>
</dl>
- {{domxref("AnimationEvent.AnimationEvent", "AnimationEvent()")}}
- : 指定された引数で `AnimationEvent` イベントを生成します。

<h2 id="Properties" name="Properties">プロパティ</h2>
## プロパティ

<p><em>親の {{domxref("Event")}} から継承されるプロパティもあります</em>。</p>
_親の {{domxref("Event")}} から継承されるプロパティもあります_。

<dl>
<dt>{{domxref("AnimationEvent.animationName")}} {{readonlyInline}}</dt>
<dd>{{domxref("DOMString")}} で、この変化に関連付けられた {{cssxref("animation-name")}} CSS プロパティの値を含みます。</dd>
<dt>{{domxref("AnimationEvent.elapsedTime")}} {{readonlyInline}}</dt>
<dd><code>float</code> 値で、アニメーションが実行された時間の長さを秒単位で表し、イベントが発生したときは、アニメーションが停止していた時間は除外されます。 <code>animationstart</code> イベントでは、 <code>elapsedTime</code> は、ふつう <code>0.0</code> となりますが、 {{cssxref("animation-delay")}} が負の値であった場合は例外で、この場合はイベントは <code>elapsedTime</code> に <code>(-1 * <var>delay</var>)</code> が入った状態でイベントが発生します。</dd>
<dt>{{domxref("AnimationEvent.pseudoElement")}} {{readonlyInline}}</dt>
<dd>{{domxref("DOMString")}} で、 <code>'::'</code> で始まり、アニメーションが実行される <a href="/ja/docs/Web/CSS/Pseudo-elements">疑似要素</a> の名前が入ります。このアニメーションが疑似要素ではなく要素で実行されている場合は、空文字列 <code>''</code> になります。</dd>
</dl>
- {{domxref("AnimationEvent.animationName")}} {{readonlyInline}}
- : {{domxref("DOMString")}} で、この変化に関連付けられた {{cssxref("animation-name")}} CSS プロパティの値を含みます。
- {{domxref("AnimationEvent.elapsedTime")}} {{readonlyInline}}
- : `float` 値で、アニメーションが実行された時間の長さを秒単位で表し、イベントが発生したときは、アニメーションが停止していた時間は除外されます。 `animationstart` イベントでは、 `elapsedTime` は、ふつう `0.0` となりますが、 {{cssxref("animation-delay")}} が負の値であった場合は例外で、この場合はイベントは `elapsedTime` に `(-1 * delay)` が入った状態でイベントが発生します。
- {{domxref("AnimationEvent.pseudoElement")}} {{readonlyInline}}
- : {{domxref("DOMString")}} で、 `'::'` で始まり、アニメーションが実行される [疑似要素](/ja/docs/Web/CSS/Pseudo-elements) の名前が入ります。このアニメーションが疑似要素ではなく要素で実行されている場合は、空文字列 `''` になります。

<h2 id="Methods" name="Methods">メソッド</h2>
## メソッド

<p><em>親の {{domxref("Event")}} から継承されるメソッドもあります</em>。</p>
_親の {{domxref("Event")}} から継承されるメソッドもあります_。

<dl>
<dt>{{domxref("AnimationEvent.initAnimationEvent()")}} {{non-standard_inline}}{{deprecated_inline}}</dt>
<dd>非推奨の {{domxref("Document.createEvent()", "Document.createEvent(\"AnimationEvent\")")}} メソッドを使用して作成された <code>AnimationEvent</code> を初期化します。</dd>
</dl>
- {{domxref("AnimationEvent.initAnimationEvent()")}} {{non-standard_inline}}{{deprecated_inline}}
- : 非推奨の {{domxref("Document.createEvent()", "Document.createEvent(\"AnimationEvent\")")}} メソッドを使用して作成された `AnimationEvent` を初期化します。

<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("CSS3 Animations", "#interface-animationevent", "AnimationEvent")}}</td>
<td>{{Spec2("CSS3 Animations")}}</td>
<td>初回定義</td>
</tr>
</tbody>
</table>
| 仕様書 | 状態 | 備考 |
| -------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------- |
| {{SpecName("CSS3 Animations", "#interface-animationevent", "AnimationEvent")}} | {{Spec2("CSS3 Animations")}} | 初回定義 |

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
## ブラウザーの対応

<p>{{Compat("api.AnimationEvent")}}</p>
{{Compat("api.AnimationEvent")}}

<h2 id="See_also" name="See_also">関連情報</h2>
## 関連情報

<ul>
<li><a href="/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations">CSS アニメーションの使用</a></li>
<li>アニメーションに関する CSS プロパティと @-規則: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.</li>
</ul>
- [CSS アニメーションの使用](/ja/docs/Web/CSS/CSS_Animations/Using_CSS_animations)
- アニメーションに関する CSS プロパティと @-規則: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.
81 changes: 35 additions & 46 deletions files/ja/web/api/bytelengthqueuingstrategy/bytelengthqueuingstrategy/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,66 +10,55 @@ tags:
- Streams
translation_of: Web/API/ByteLengthQueuingStrategy/ByteLengthQueuingStrategy
---
<div>{{SeeCompatTable}}{{APIRef("Streams")}}</div>
{{SeeCompatTable}}{{APIRef("Streams")}}

<p class="summary"><span class="seoSummary"><strong><code>ByteLengthQueuingStrategy()</code></strong> コンストラクターは、<code>ByteLengthQueuingStrategy</code> オブジェクトのインスタンスを作成して返します。</span></p>
**`ByteLengthQueuingStrategy()`** コンストラクターは、`ByteLengthQueuingStrategy` オブジェクトのインスタンスを作成して返します。

<h2 id="Syntax" name="Syntax">構文</h2>
## 構文

<pre class="syntaxbox">var <em>byteLengthQueuingStrategy</em> = new ByteLengthQueuingStrategy({<em>highWaterMark</em>});</pre>
```
var byteLengthQueuingStrategy = new ByteLengthQueuingStrategy({highWaterMark});
```

<h3 id="Parameters" name="Parameters">パラメーター</h3>
### パラメーター

<dl>
<dt>{highWaterMark}</dt>
<dd><code>highWaterMark</code> プロパティを含むオブジェクト。 これは、バックプレッシャーが適用される前に内部キューに含めることができるチャンクの総数を定義する負でない整数です。</dd>
</dl>
- {highWaterMark}
- : `highWaterMark` プロパティを含むオブジェクト。 これは、バックプレッシャーが適用される前に内部キューに含めることができるチャンクの総数を定義する負でない整数です。

<h3 id="Return_value" name="Return_value">戻り値</h3>
### 戻り値

<p>{{domxref("ByteLengthQueuingStrategy")}} オブジェクトのインスタンス。</p>
{{domxref("ByteLengthQueuingStrategy")}} オブジェクトのインスタンス。

<h3 id="Exceptions" name="Exceptions">例外</h3>
### 例外

<p>なし。</p>
なし。

<h2 id="Examples" name="Examples">例</h2>
## 例

<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">const</span> queuingStrategy <span class="operator token">=</span> <span class="keyword token">new</span> <span class="class-name token">ByteLengthQueuingStrategy</span><span class="punctuation token">(</span><span class="punctuation token">{</span> highWaterMark<span class="punctuation token">:</span> <span class="number token">1</span> <span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
```js
const queuingStrategy = new ByteLengthQueuingStrategy({ highWaterMark: 1 });

<span class="keyword token">const</span> readableStream <span class="operator token">=</span> <span class="keyword token">new</span> <span class="class-name token">ReadableStream</span><span class="punctuation token">(</span><span class="punctuation token">{</span>
<span class="function token">start</span><span class="punctuation token">(</span>controller<span class="punctuation token">)</span> <span class="punctuation token">{</span>
<span class="punctuation token">.</span><span class="punctuation token">.</span><span class="punctuation token">.</span>
<span class="punctuation token">}</span><span class="punctuation token">,</span>
<span class="function token">pull</span><span class="punctuation token">(</span>controller<span class="punctuation token">)</span> <span class="punctuation token">{</span>
<span class="punctuation token">.</span><span class="punctuation token">.</span><span class="punctuation token">.</span>
<span class="punctuation token">}</span><span class="punctuation token">,</span>
<span class="function token">cancel</span><span class="punctuation token">(</span>err<span class="punctuation token">)</span> <span class="punctuation token">{</span>
console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span><span class="string token">"stream error:"</span><span class="punctuation token">,</span> err<span class="punctuation token">)</span><span class="punctuation token">;</span>
<span class="punctuation token">}</span>
<span class="punctuation token">}</span><span class="punctuation token">,</span> queuingStrategy<span class="punctuation token">)</span><span class="punctuation token">;</span>
const readableStream = new ReadableStream({
start(controller) {
...
},
pull(controller) {
...
},
cancel(err) {
console.log("stream error:", err);
}
}, queuingStrategy);

<span class="keyword token">var</span> size <span class="operator token">=</span> queuingStrategy<span class="punctuation token">.</span><span class="function token">size</span><span class="punctuation token">(</span>chunk<span class="punctuation token">)</span></code>;</pre>
var size = queuingStrategy.size(chunk);
```

<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("Streams","#blqs-constructor","ByteLengthQueuingStrategy()")}}</td>
<td>{{Spec2('Streams')}}</td>
<td>初期定義</td>
</tr>
</tbody>
</table>
| 仕様 | 状態 | コメント |
| ------------------------------------------------------------------------------------------------ | ---------------------------- | -------- |
| {{SpecName("Streams","#blqs-constructor","ByteLengthQueuingStrategy()")}} | {{Spec2('Streams')}} | 初期定義 |

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
## ブラウザーの互換性



<p>{{Compat("api.ByteLengthQueuingStrategy.ByteLengthQueuingStrategy")}}</p>
{{Compat("api.ByteLengthQueuingStrategy.ByteLengthQueuingStrategy")}}
Loading

0 comments on commit 723e0f4

Please sign in to comment.