diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-22 01:23:02 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-03-02 23:38:54 +0900 |
commit | 6d7541703a194e85ad26932811abf9e69c981426 (patch) | |
tree | e5ce548b7cf0c29d65cf523b1b4a6f512b8d0ddc /files/ja/web | |
parent | 96d2945591771f242a2e0dd50be77d5b2f872885 (diff) | |
download | translated-content-6d7541703a194e85ad26932811abf9e69c981426.tar.gz translated-content-6d7541703a194e85ad26932811abf9e69c981426.tar.bz2 translated-content-6d7541703a194e85ad26932811abf9e69c981426.zip |
2021/09/15 時点の英語版に同期
2021/09/15 時点の英語版に同期
2021/09/15 時点の英語版に同期
Diffstat (limited to 'files/ja/web')
8 files changed, 221 insertions, 370 deletions
diff --git a/files/ja/web/api/performance/clearmarks/index.md b/files/ja/web/api/performance/clearmarks/index.md index 7cc3b260b5..3af662b823 100644 --- a/files/ja/web/api/performance/clearmarks/index.md +++ b/files/ja/web/api/performance/clearmarks/index.md @@ -3,41 +3,41 @@ title: performance.clearMarks() slug: Web/API/Performance/clearMarks tags: - API - - Web パフォーマンス - メソッド + - リファレンス + - ウェブパフォーマンス +browser-compat: api.Performance.clearMarks translation_of: Web/API/Performance/clearMarks --- -<div>{{APIRef("User Timing API")}}</div> +{{APIRef("User Timing API")}} -<p><strong><code>clearMarks()</code></strong> メソッドは、ブラウザのパフォーマンスエントリバッファから名前付きマークを削除します。<br> - このメソッドが引数なしで呼び出された場合、{{domxref("PerformanceEntry.entryType","エントリタイプ")}} が "<code>mark</code>" の{{domxref("PerformanceEntry","パフォーマンスエントリ")}}はすべてパフォーマンスエントリバッファから削除されます。</p> +**`clearMarks()`** メソッドは、ブラウザーのパフォーマンスエントリーバッファーから*名前付きマーク*を削除します。このメソッドが引数なしで呼び出された場合、{{domxref("PerformanceEntry.entryType","エントリー種別", "", 1)}}が "`mark`" の{{domxref("PerformanceEntry","パフォーマンスエントリー", "", 1)}}がすべてパフォーマンスエントリーバッファーから削除されます。 -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox"><em>performance</em>.clearMarks(); -<em>performance</em>.clearMarks(name); -</pre> +```js +performance.clearMarks(); +performance.clearMarks(name); +``` -<h3 id="引数">引数</h3> +### 引数 -<dl> - <dt>name {{optional_inline}}</dt> - <dd>タイムスタンプの名前を表す{{domxref("DOMString")}}。 この引数を省略すると、 {{domxref("PerformanceEntry.entryType","entry type")}} が "<code>mark</code>" であるすべての {{domxref("PerformanceEntry","performance entries")}} が削除されます。</dd> -</dl> +- name {{optional_inline}} + - : タイムスタンプの名前を表す {{domxref("DOMString")}} です。 この引数を省略すると、{{domxref("PerformanceEntry.entryType","エントリー種別", "", 1)}}が "`mark`" であるすべての{{domxref("PerformanceEntry","パフォーマンスエントリー", "", 1)}}が削除されます。 -<h3 id="戻り値">戻り値</h3> +### 返値 -<dl> - <dt>void</dt> -</dl> +- void + - : -<h2 id="例">例</h2> +## 例 -<p>次の例は、<code>clearMarks()</code> メソッドの両方の使用法を示しています。</p> +次の例は、`clearMarks()` メソッドの両方の使用法を示しています。 -<pre class="brush: js">// Create a small helper to show how many PerformanceMark entries there are. +```js +// PerformanceMark のエントリーがいくつあるかを表示する小さなヘルパーを作成します。 function logMarkCount() { console.log( "Found this many entries: " + performance.getEntriesByType("mark").length @@ -61,32 +61,12 @@ logMarkCount() // "Found this many entries: 4" // Delete all of the PerformanceMark entries. performance.clearMarks(); logMarkCount() // "Found this many entries: 0" -</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('User Timing Level 2', '#dom-performance-clearmarks', 'clearMarks()')}}</td> - <td>{{Spec2('User Timing Level 2')}}</td> - <td><code>clearMarks()</code> を明確にします。</td> - </tr> - <tr> - <td>{{SpecName('User Timing', '#dom-performance-clearmarks', 'clearMarks()')}}</td> - <td>{{Spec2('User Timing')}}</td> - <td>基本的な定義</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> - -<div> -<p>{{Compat("api.Performance.clearMarks")}}</p> -</div> +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} diff --git a/files/ja/web/api/performance/clearmeasures/index.md b/files/ja/web/api/performance/clearmeasures/index.md index 7a1fa2b6af..52e603483f 100644 --- a/files/ja/web/api/performance/clearmeasures/index.md +++ b/files/ja/web/api/performance/clearmeasures/index.md @@ -3,42 +3,41 @@ title: performance.clearMeasures() slug: Web/API/Performance/clearMeasures tags: - API - - Web パフォーマンス - メソッド - リファレンス + - ウェブパフォーマンス +browser-compat: api.Performance.clearMeasures translation_of: Web/API/Performance/clearMeasures --- -<div>{{APIRef("User Timing API")}}</div> +{{APIRef("User Timing API")}} -<p><strong><code>clearMeasures()</code></strong> メソッドは、ブラウザのパフォーマンスエントリバッファから<em>名前付きメジャー</em>を削除します。<br> - メソッドが引数なしで呼び出された場合、エントリタイプが "measure" の{{domxref("PerformanceEntry","パフォーマンスエントリ")}} はすべてパフォーマンスエントリバッファから削除されます。</p> +**`clearMeasures()`** メソッドは、ブラウザーのパフォーマンスエントリーバッファーから*名前付きメジャー*を削除します。このメソッドが引数なしで呼び出された場合、{{domxref("PerformanceEntry.entryType","エントリー種別", "", 1)}}が "`measure`" の{{domxref("PerformanceEntry","パフォーマンスエントリー", "", 1)}}がすべてパフォーマンスエントリーバッファーから削除されます。 -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox"><em>performance</em>.clearMeasures(); -<em>performance</em>.clearMeasures(name); -</pre> +```js +performance.clearMeasures(); +performance.clearMeasures(name); +``` -<h3 id="引数">引数</h3> +### 引数 -<dl> - <dt>name {{optional_inline}}</dt> - <dd>タイムスタンプの名前を表す {{domxref("DOMString")}}。この引数を省略すると、{{domxref("PerformanceEntry.entryType","エントリタイプ")}}が "<code>measure</code>" の{{domxref("PerformanceEntry","パフォーマンスエントリ")}}がすべて削除されます。</dd> -</dl> +- name {{optional_inline}} + - : タイムスタンプの名前を表す {{domxref("DOMString")}} です。 この引数を省略すると、{{domxref("PerformanceEntry.entryType","エントリー種別", "", 1)}}が "`measure`" であるすべての{{domxref("PerformanceEntry","パフォーマンスエントリー", "", 1)}}が削除されます。 -<h3 id="戻り値">戻り値</h3> +### 返値 -<dl> - <dt>void</dt> -</dl> +- void + - : -<h2 id="例">例</h2> +## 例 -<p>次の例は、<code>clearMeasures()</code> メソッドの両方の使用方法を示しています。</p> +次の例は、`clearMeasures()` メソッドの両方の使用方法を示しています。 -<pre class="brush: js">// Create a small helper to show how many PerformanceMeasure entries there are. +```js +// Create a small helper to show how many PerformanceMeasure entries there are. function logMeasureCount() { console.log( "Found this many entries: " + performance.getEntriesByType("measure").length @@ -63,32 +62,12 @@ logMeasureCount() // "Found this many entries: 3" // Delete all of the PerformanceMeasure entries. performance.clearMeasures(); logMeasureCount() // "Found this many entries: 0" -</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('User Timing Level 2', '#dom-performance-clearmeasures', 'clearMeasures()')}}</td> - <td>{{Spec2('User Timing Level 2')}}</td> - <td><code>clearMeasures()</code> を明確にします。</td> - </tr> - <tr> - <td>{{SpecName('User Timing', '#dom-performance-clearmeasures', 'clearMeasures()')}}</td> - <td>{{Spec2('User Timing')}}</td> - <td>基本的な定義</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> - -<div> -<p>{{Compat("api.Performance.clearMeasures")}}</p> -</div> +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} diff --git a/files/ja/web/api/performance/clearresourcetimings/index.md b/files/ja/web/api/performance/clearresourcetimings/index.md index 62b46febce..4705213fb1 100644 --- a/files/ja/web/api/performance/clearresourcetimings/index.md +++ b/files/ja/web/api/performance/clearresourcetimings/index.md @@ -3,39 +3,38 @@ title: performance.clearResourceTimings() slug: Web/API/Performance/clearResourceTimings tags: - API - - Web パフォーマンス - メソッド - リファレンス + - ウェブパフォーマンス +browser-compat: api.Performance.clearResourceTimings translation_of: Web/API/Performance/clearResourceTimings --- -<div>{{APIRef("Resource Timing API")}}</div> +{{APIRef("Resource Timing API")}} -<p><strong><code>clearResourceTimings()</code></strong> メソッドは、{{domxref("PerformanceEntry.entryType","entryType")}} が "<code>resource</code>" のすべての{{domxref("PerformanceEntry","パフォーマンスエントリ")}}をブラウザのパフォーマンスデータバッファから削除し、パフォーマンスデータバッファのサイズをゼロに設定します。ブラウザのパフォーマンスデータバッファのサイズを設定するには、{{domxref("Performance.setResourceTimingBufferSize()")}} メソッドを使用します。</p> +**`clearResourceTimings()`** メソッドは、{{domxref("PerformanceEntry.entryType","entryType")}} が "`resource`" のすべての {{domxref("PerformanceEntry","パフォーマンスエントリー")}}をブラウザーのパフォーマンスデータバッファーから削除し、パフォーマンスデータバッファーのサイズをゼロに設定します。ブラウザーのパフォーマンスデータバッファーのサイズを設定するには、{{domxref("Performance.setResourceTimingBufferSize()")}} メソッドを使用してください。 -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox"><em>performance</em>.clearResourceTimings(); -</pre> +```js +performance.clearResourceTimings(); +``` -<h3 id="引数">引数</h3> +### 引数 -<dl> - <dt>void</dt> - <dd> </dd> -</dl> +- void + - : -<h3 id="Return_Value" name="Return_Value">戻り値</h3> +### 返値 -<dl> - <dt>なし</dt> - <dd>このメソッドには戻り値はありません。</dd> -</dl> +- なし + - : このメソッドに返値はありません。 -<h2 id="例">例</h2> +## 例 -<pre class="brush: js">function load_resource() { +```js +function load_resource() { var image = new Image(); image.src = "https://developer.mozilla.org/static/img/opengraph-logo.png"; } @@ -62,27 +61,12 @@ function clear_performance_timings() { else console.log("... Performance data buffer NOT cleared!"); } -</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('Resource Timing', '#dom-performance-clearresourcetimings', 'clearResourceTimings()')}}</td> - <td>{{Spec2('Resource Timing')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> +{{Specifications}} -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> +## ブラウザーの互換性 -<div> -<p>{{Compat("api.Performance.clearResourceTimings")}}</p> -</div> +{{Compat}} diff --git a/files/ja/web/api/performance/getentries/index.md b/files/ja/web/api/performance/getentries/index.md index b8d0602839..bcb2920765 100644 --- a/files/ja/web/api/performance/getentries/index.md +++ b/files/ja/web/api/performance/getentries/index.md @@ -3,34 +3,35 @@ title: performance.getEntries() slug: Web/API/Performance/getEntries tags: - API - - Web パフォーマンス - メソッド - リファレンス + - ウェブパフォーマンス +browser-compat: api.Performance.getEntries translation_of: Web/API/Performance/getEntries --- -<div>{{APIRef("Performance Timeline API")}}</div> +{{APIRef("Performance Timeline API")}} -<p><strong><code>getEntries()</code></strong> メソッドは、そのページのすべての {{domxref("PerformanceEntry")}} オブジェクトのリストを返します。リストのメンバ (エントリ) は、明示的な時点でパフォーマンスマークまたはメジャーを作成することで (たとえば {{domxref("Performance.mark","mark()")}} メソッドを呼び出すことで) 作成できます。特定の種類のパフォーマンスエントリや特定の名前のパフォーマンスエントリにのみ関心がある場合は、{{domxref("Performance.getEntriesByType", "getEntriesByType()")}} と {{domxref("Performance.getEntriesByName", "getEntriesByName()")}} を参照してください。</p> +**`getEntries()`** メソッドは、そのページのすべての {{domxref("PerformanceEntry")}} オブジェクトのリストを返します。リストのメンバー(エントリー)は、明示的な時点でパフォーマンスマークまたはメジャーを作成することで(たとえば {{domxref("Performance.mark","mark()")}} メソッドを呼び出すことで)作成できます。特定の種類のパフォーマンスエントリーや特定の名前のパフォーマンスエントリーにのみ関心がある場合は、 {{domxref("Performance.getEntriesByType", "getEntriesByType()")}} と {{domxref("Performance.getEntriesByName", "getEntriesByName()")}} を参照してください。 -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="構文">構文</h2> +## 構文 -<p>一般的な構文:</p> +一般的な構文: -<pre class="syntaxbox"><em>entries</em> = window.performance.getEntries(); -</pre> +```js +entries = window.performance.getEntries(); +``` -<h3 id="Return_Value" name="Return_Value">戻り値</h3> +### 返値 -<dl> - <dt>entries</dt> - <dd>{{domxref("PerformanceEntry")}} オブジェクトの配列。項目はエントリ '{{domxref("PerformanceEntry.startTime","startTime")}} に基づいて時系列に並んでいます。</dd> -</dl> +- entries + - : {{domxref("PerformanceEntry")}} オブジェクトの配列。項目はエントリー '{{domxref("PerformanceEntry.startTime","startTime")}} に基づいて時系列に並んでいます。 -<h2 id="例">例</h2> +## 例 -<pre class="brush: js">function use_PerformanceEntry_methods() { +```js +function use_PerformanceEntry_methods() { console.log("PerformanceEntry tests ..."); if (performance.mark === undefined) { @@ -50,14 +51,14 @@ translation_of: Web/API/Performance/getEntries // Use getEntries() to iterate through the each entry let p = performance.getEntries(); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { console.log("Entry[" + i + "]"); check_PerformanceEntry(p[i]); } // Use getEntriesByType() to get all "mark" entries p = performance.getEntriesByType("mark"); - for (let i=0; i < p.length; i++) { + for (let i=0; i < p.length; i++) { console.log ("Mark only entry[" + i + "]: name = " + p[i].name + "; startTime = " + p[i].startTime + "; duration = " + p[i].duration); @@ -65,38 +66,18 @@ translation_of: Web/API/Performance/getEntries // Use getEntriesByName() to get all "mark" entries named "Begin" p = performance.getEntriesByName("Begin", "mark"); - for (let i=0; i < p.length; i++) { + for (let i=0; i < p.length; i++) { console.log ("Mark and Begin entry[" + i + "]: name = " + p[i].name + "; startTime = " + p[i].startTime + "; duration = " + p[i].duration); } } -</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('Performance Timeline Level 2', '#dom-performance-getentries', 'getEntries()')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performance-getentries', 'getEntries()')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> - -<div> -<p>{{Compat("api.Performance.getEntries")}}</p> -</div> +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} diff --git a/files/ja/web/api/performance/getentriesbyname/index.md b/files/ja/web/api/performance/getentriesbyname/index.md index 6678a8f984..34eb412529 100644 --- a/files/ja/web/api/performance/getentriesbyname/index.md +++ b/files/ja/web/api/performance/getentriesbyname/index.md @@ -3,41 +3,41 @@ title: performance.getEntriesByName() slug: Web/API/Performance/getEntriesByName tags: - API - - Web パフォーマンス - メソッド - リファレンス + - ウェブパフォーマンス +browser-compat: api.Performance.getEntriesByName translation_of: Web/API/Performance/getEntriesByName --- -<div>{{APIRef("Performance Timeline API")}}</div> +{{APIRef("Performance Timeline API")}} -<p><strong><code>getEntriesByName()</code></strong> メソッドは、指定された<em>名前</em>と<em>タイプ</em>の {{domxref("PerformanceEntry")}} オブジェクトのリストを返します。リストのメンバ (<em>エントリ</em>) は、明示的な時点でパフォーマンス<em>マーク</em>または<em>メジャー</em>を作成することで (たとえば {{domxref("Performance.mark","mark()")}} メソッドを呼び出すことで) 作成できます。</p> +**`getEntriesByName()`** メソッドは、指定された*名前*と*種別*の {{domxref("PerformanceEntry")}} オブジェクトのリストを返します。リストのメンバー(*エントリー*)は、明示的な時点でパフォーマンス*マーク*または*メジャー*を作成することで(たとえば {{domxref("Performance.mark","mark()")}} メソッドを呼び出すことで)作成できます。 -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox"><em>entries</em> = window.performance.getEntriesByName(name, type); -</pre> +```js +entries = window.performance.getEntriesByName(name, type); +``` -<h3 id="引数">引数</h3> +### 引数 -<dl> - <dt>name</dt> - <dd>取得するエントリの名前</dd> - <dt>type {{optional_inline}}</dt> - <dd>"<code>mark</code>" など、取得するエントリの種類。有効なエントリタイプは {{domxref("PerformanceEntry.entryType")}} に一覧表示されています。</dd> +- name + - : 取得するエントリーの名前 +- type {{optional_inline}} + - : "`mark`" など、取得するエントリーの種類。有効なエントリー種別の一覧は {{domxref("PerformanceEntry.entryType")}} にあります。 </dl> -<h3 id="Return_Value" name="Return_Value">戻り値</h3> +### 返値 -<dl> - <dt>entries</dt> - <dd>指定された <code>name</code> と <code>type</code> を持つ {{domxref("PerformanceEntry")}} オブジェクトのリスト。 <code>type</code> 引数が指定されていない場合は、返されるエントリを決定するために名前だけが使用されます。項目はエントリ '{{domxref("PerformanceEntry.startTime","startTime")}} に基づいて時系列に並んでいます。指定された基準を満たすオブジェクトがない場合は、空のリストが返されます。</dd> -</dl> +- entries + - : 指定された `name` と `type` を持つ {{domxref("PerformanceEntry")}} オブジェクトのリスト。 `type` 引数が指定されていない場合は、返されるエントリーを決定するために名前だけが使用されます。項目はエントリー '{{domxref("PerformanceEntry.startTime","startTime")}} に基づいて時系列に並んでいます。指定された基準を満たすオブジェクトがない場合は、空のリストが返されます。 -<h2 id="例">例</h2> +## 例 -<pre class="brush: js">function use_PerformanceEntry_methods() { +```js +function use_PerformanceEntry_methods() { log("PerformanceEntry tests ..."); if (performance.mark === undefined) { @@ -57,21 +57,21 @@ translation_of: Web/API/Performance/getEntriesByName // Use getEntries() to iterate through the each entry var p = performance.getEntries(); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log("Entry[" + i + "]"); check_PerformanceEntry(p[i]); } // Use getEntries(name, entryType) to get specific entries p = performance.getEntries({name : "Begin", entryType: "mark"}); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log("Begin[" + i + "]"); check_PerformanceEntry(p[i]); } // Use getEntriesByType() to get all "mark" entries p = performance.getEntriesByType("mark"); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log ("Mark only entry[" + i + "]: name = " + p[i].name + "; startTime = " + p[i].startTime + "; duration = " + p[i].duration); @@ -79,38 +79,18 @@ translation_of: Web/API/Performance/getEntriesByName // Use getEntriesByName() to get all "mark" entries named "Begin" p = performance.getEntriesByName("Begin", "mark"); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log ("Mark and Begin entry[" + i + "]: name = " + p[i].name + "; startTime = " + p[i].startTime + "; duration = " + p[i].duration); } } -</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('Performance Timeline Level 2', '#dom-performance-getentriesbyname', 'getEntriesByName()')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performance-getentriesbyname', 'getEntriesByName()')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> - -<div> -<p>{{Compat("api.Performance.getEntriesByName")}}</p> -</div> +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} diff --git a/files/ja/web/api/performance/getentriesbytype/index.md b/files/ja/web/api/performance/getentriesbytype/index.md index 7244ff580b..ff3e681505 100644 --- a/files/ja/web/api/performance/getentriesbytype/index.md +++ b/files/ja/web/api/performance/getentriesbytype/index.md @@ -3,39 +3,38 @@ title: performance.getEntriesByType() slug: Web/API/Performance/getEntriesByType tags: - API - - Web パフォーマンス - メソッド - リファレンス + - ウェブパフォーマンス +browser-compat: api.Performance.getEntriesByType translation_of: Web/API/Performance/getEntriesByType --- -<div>{{APIRef("Performance Timeline API")}}</div> +{{APIRef("Performance Timeline API")}} -<p><strong><code>getEntriesByType()</code></strong> メソッドは、指定された型の {{domxref("PerformanceEntry")}} オブジェクトのリストを返します。リストのメンバ (エントリ) は、明示的な時点でパフォーマンス<em>マーク</em>または<em>メジャー</em>を作成することで (たとえば {{domxref("Performance.mark","mark()")}} メソッドを呼び出すことで) 作成できます。</p> +**`getEntriesByType()`** メソッドは、指定された型の {{domxref("PerformanceEntry")}} オブジェクトのリストを返します。リストのメンバー(エントリー)は、明示的な時点でパフォーマンス*マーク*または*メジャー*を作成することで(たとえば {{domxref("Performance.mark","mark()")}} メソッドを呼び出すことで)作成できます。 -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox"><em>entries</em> = window.performance.getEntriesByType(type); -</pre> +```js +entries = window.performance.getEntriesByType(type); +``` -<h3 id="引数">引数</h3> +### 引数 -<dl> - <dt>type</dt> - <dd>"<code>mark</code>" など、取得するエントリの種類。有効なエントリタイプは {{domxref("PerformanceEntry.entryType")}} に一覧表示されています。</dd> -</dl> +- type + - : "`mark`" など、取得するエントリーの種類。有効なエントリー種別の一覧は {{domxref("PerformanceEntry.entryType")}} にあります。 -<h3 id="Return_Value" name="Return_Value">戻り値</h3> +### 返値 -<dl> - <dt>entries</dt> - <dd>指定された <code>type</code> を持つ {{domxref("PerformanceEntry")}} オブジェクトのリスト。項目はエントリ '{{domxref("PerformanceEntry.startTime","startTime")}} に基づいて時系列に並んでいます。指定された <code>type</code> を持つオブジェクトがない場合、または引数が指定されていない場合は、空のリストが返されます。</dd> -</dl> +- entries + - : 指定された `type` を持つ {{domxref("PerformanceEntry")}} オブジェクトのリスト。項目はエントリーの {{domxref("PerformanceEntry.startTime","startTime")}} に基づいて時系列に並んでいます。指定された `type` を持つオブジェクトがない場合、または引数が指定されていない場合は、空のリストが返されます。 -<h2 id="例">例</h2> +## 例 -<pre class="brush: js">function usePerformanceEntryMethods() { +```js +function usePerformanceEntryMethods() { log("PerformanceEntry tests ..."); if (performance.mark === undefined) { @@ -55,21 +54,21 @@ translation_of: Web/API/Performance/getEntriesByType // Use getEntries() to iterate through the each entry var p = performance.getEntries(); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log("Entry[" + i + "]"); checkPerformanceEntry(p[i]); } // Use getEntries(name, entryType) to get specific entries p = performance.getEntries({name : "Begin", entryType: "mark"}); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log("Begin[" + i + "]"); checkPerformanceEntry(p[i]); } // Use getEntriesByType() to get all "mark" entries p = performance.getEntriesByType("mark"); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log ("Mark only entry[" + i + "]: name = " + p[i].name + "; startTime = " + p[i].startTime + "; duration = " + p[i].duration); @@ -77,38 +76,18 @@ translation_of: Web/API/Performance/getEntriesByType // Use getEntriesByName() to get all "mark" entries named "Begin" p = performance.getEntriesByName("Begin", "mark"); - for (var i=0; i < p.length; i++) { + for (var i=0; i < p.length; i++) { log ("Mark and Begin entry[" + i + "]: name = " + p[i].name + "; startTime = " + p[i].startTime + "; duration = " + p[i].duration); } } -</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('Performance Timeline Level 2', '#dom-performance-getentriesbytype', 'getEntriesByType()')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performance-getentriesbytype', 'getEntriesByType()')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> - -<div> -<p>{{Compat("api.Performance.getEntriesByType")}}</p> -</div> +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} diff --git a/files/ja/web/api/performance/setresourcetimingbuffersize/index.md b/files/ja/web/api/performance/setresourcetimingbuffersize/index.md index 3c8a46ce8a..ac5b5d063f 100644 --- a/files/ja/web/api/performance/setresourcetimingbuffersize/index.md +++ b/files/ja/web/api/performance/setresourcetimingbuffersize/index.md @@ -3,41 +3,40 @@ title: performance.setResourceTimingBufferSize() slug: Web/API/Performance/setResourceTimingBufferSize tags: - API - - Web パフォーマンス - メソッド - リファレンス + - ウェブパフォーマンス +browser-compat: api.Performance.setResourceTimingBufferSize translation_of: Web/API/Performance/setResourceTimingBufferSize --- -<div>{{APIRef("Resource Timing API")}}</div> +{{APIRef("Resource Timing API")}} -<p><strong><code>setResourceTimingBufferSize()</code></strong> メソッドは、ブラウザのリソースタイミングバッファサイズを、指定された数の "<code>resource</code>" {{domxref("PerformanceEntry.entryType","performance entry type")}} オブジェクトに設定します。</p> +**`setResourceTimingBufferSize()`** メソッドは、ブラウザーのリソースタイミングバッファーサイズを、指定された数の "`resource`" の {{domxref("PerformanceEntry.entryType","パフォーマンスエントリー種別")}}のオブジェクトに設定します。 -<p>ブラウザの推奨リソースタイミングバッファサイズは少なくとも 150 {{domxref("PerformanceEntry","performance entry")}} オブジェクトです。</p> +ブラウザーの推奨リソースタイミングバッファサイズは少なくとも{{domxref("PerformanceEntry","パフォーマンスエントリー")}}オブジェクト 150 件分です。 -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox"><em>performance</em>.setResourceTimingBufferSize(maxSize); -</pre> +```js +performance.setResourceTimingBufferSize(maxSize); +``` -<h3 id="引数">引数</h3> +### 引数 -<dl> - <dt>maxSize</dt> - <dd>ブラウザがパフォーマンスエントリバッファに保持する必要がある {{domxref("PerformanceEntry","performance entry")}} オブジェクトの最大数を表す <code>number</code>。</dd> -</dl> +- maxSize + - : `number` で、ブラウザーがパフォーマンスエントリーバッファーに保持する必要がある{{domxref("PerformanceEntry","パフォーマンスエントリー")}}オブジェクトの最大数を表します。 -<h3 id="Return_Value" name="Return_Value">戻り値</h3> +### 返値 -<dl> - <dt>なし</dt> - <dd>このメソッドには戻り値はありません。</dd> -</dl> +- なし + - : このメソッドには返値はありません。 -<h2 id="例">例</h2> +## 例 -<pre class="brush: js">function setResourceTimingBufferSize(maxSize) { +```js +function setResourceTimingBufferSize(maxSize) { if (performance === undefined) { log("Browser does not support Web Performance"); return; @@ -50,27 +49,12 @@ translation_of: Web/API/Performance/setResourceTimingBufferSize log("... Performance.setResourceTimingBufferSize() = NOT supported"); } } -</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('Resource Timing', '#dom-performance-setresourcetimingbuffersize', 'setResourceTimingBufferSize()')}}</td> - <td>{{Spec2('Resource Timing')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> +{{Specifications}} -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> +## ブラウザーの互換性 -<div> -<p>{{Compat("api.Performance.setResourceTimingBufferSize")}}</p> -</div> +{{Compat}} diff --git a/files/ja/web/api/performance/tojson/index.md b/files/ja/web/api/performance/tojson/index.md index 16ed75efdc..e45210fcf3 100644 --- a/files/ja/web/api/performance/tojson/index.md +++ b/files/ja/web/api/performance/tojson/index.md @@ -3,62 +3,46 @@ title: performance.toJSON() slug: Web/API/Performance/toJSON tags: - API - - パフォーマンス - メソッド + - パフォーマンス - リファレンス +browser-compat: api.Performance.toJSON translation_of: Web/API/Performance/toJSON --- -<div>{{APIRef("High Resolution Timing")}}</div> +{{APIRef("High Resolution Timing")}} -<p>{{domxref("Performance")}} インターフェイスの <strong><code>toJSON()</code></strong> メソッドは標準のシリアライザです。パフォーマンスオブジェクトのプロパティの JSON 表現を返します。</p> +**`toJSON()`** は {{domxref("Performance")}} インターフェイスのメソッドで、標準のシリアライザーです。パフォーマンスオブジェクトのプロパティの JSON 表現を返します。 -<p>{{availableinworkers}}</p> +{{availableinworkers}} -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox">myPerf = performance.toJSON() -</pre> +```js +myPerf = performance.toJSON() +``` -<h3 id="引数">引数</h3> +### 引数 -<dl> - <dt>なし</dt> - <dd> </dd> -</dl> +- なし + - : -<h3 id="戻り値">戻り値</h3> +### 返値 -<dl> - <dt>myPerf</dt> - <dd>{{domxref("Performance")}} オブジェクトのシリアル化である JSON オブジェクト</dd> -</dl> +- myPerf + - : {{domxref("Performance")}} オブジェクトをシリアライズした JSON オブジェクト。 -<h2 id="例">例</h2> +## 例 -<pre class="brush: js">var js; +```js +var js; js = window.performance.toJSON(); console.log("json = " + JSON.stringify(js)); -</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('Highres Time Level 2', '#dom-performance-tojson', 'toJSON() serializer')}}</td> - <td>{{Spec2('Highres Time Level 2')}}</td> - <td><code>toJson()</code>を定義します。</td> - </tr> - </tbody> -</table> +{{Specifications}} -<h2 id="ブラウザの互換性">ブラウザの互換性</h2> +## ブラウザーの互換性 -<div> -<p>{{Compat("api.Performance.toJSON")}}</p> -</div> +{{Compat}} |