1 files changed, 30 insertions, 50 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}}