Migrate CompatibilityTable to Compat macro (lang-ja) (#356)

* Migrate to Compat macro (ja/mozilla/add-ons/webextensions)

* Migrate to Compat macro (ja/web/api)

3 files changed, 3 insertions, 277 deletions

diff --git a/files/ja/web/api/htmlcanvaselement/capturestream/index.html b/files/ja/web/api/htmlcanvaselement/capturestream/index.html
index 16b2e9492a..e9f1092019 100644
--- a/files/ja/web/api/htmlcanvaselement/capturestream/index.html
+++ b/files/ja/web/api/htmlcanvaselement/capturestream/index.html
@@ -68,59 +68,7 @@ pc.addStream(stream);
 
 <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>機能</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>基本サポート</td>
-   <td>{{CompatChrome(51.0)}}</td>
-   <td>{{CompatGeckoDesktop(43)}}<sup>[1]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatOpera(36.0)}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>機能</th>
-   <th>Android</th>
-   <th>Android Webview</th>
-   <th>Chrome for Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>基本サポート</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(51.0)}}</td>
-   <td>{{CompatChrome(51.0)}}</td>
-   <td>{{CompatGeckoMobile(43)}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatOpera(38)}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Firefox 41 / 42 では機能がデフォルトで無効となっています。 有効にする場合<code>は canvas.capturestream.enabled</code> の設定項目を <code>true</code> に変更してください。</p>
+<p>{{Compat("api.HTMLCanvasElement.captureStream")}}</p>
 
 <h2 id="関連情報">関連情報</h2>
 
diff --git a/files/ja/web/api/htmlcanvaselement/index.html b/files/ja/web/api/htmlcanvaselement/index.html
index dbb7b8508a..1a43c81637 100644
--- a/files/ja/web/api/htmlcanvaselement/index.html
+++ b/files/ja/web/api/htmlcanvaselement/index.html
@@ -89,159 +89,7 @@ translation_of: Web/API/HTMLCanvasElement
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support (<code>2D</code> context)</td>
-   <td>4.0</td>
-   <td>{{CompatGeckoDesktop('1.9.2')}}</td>
-   <td>9.0</td>
-   <td>9.0 [1]</td>
-   <td>3.1</td>
-  </tr>
-  <tr>
-   <td><code>toBlob()</code></td>
-   <td>{{CompatNo}} (bug <a href="http://crbug.com/67587">67587</a>)</td>
-   <td>{{CompatGeckoDesktop('19')}} [2]</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatNo}} (bug <a href="https://bugs.webkit.org/show_bug.cgi?id=71270">71270</a>)</td>
-  </tr>
-  <tr>
-   <td><code>probablySupportsContext()</code>,<br>
-    <code>setContext()</code>,<br>
-    <code>transferControlToProxy()</code> {{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>mozGetAsFile()</code> {{non-standard_inline}} {{deprecated_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop('2')}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>captureStream()</code> {{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop('41')}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>transferControlToOffscreen()</code> {{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop(44)}} [3]</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Chrome for Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support (<code>2D</code> context)</td>
-   <td>2.1</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>10.0 [1]</td>
-   <td>3.2</td>
-  </tr>
-  <tr>
-   <td><code>webgl</code> context</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatVersionUnknown}} as <code>experimental-webgl</code></td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>toBlob()</code></td>
-   <td>{{CompatNo}} (bug <a href="http://crbug.com/67587">67587</a>)</td>
-   <td>{{CompatNo}} (bug <a href="http://crbug.com/67587">67587</a>)</td>
-   <td>{{CompatGeckoMobile('18')}} [2]</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatNo}} (bug <a href="https://bugs.webkit.org/show_bug.cgi?id=71270">71270</a>)</td>
-  </tr>
-  <tr>
-   <td><code>probablySupportsContext()</code>,<br>
-    <code>setContext()</code>,<br>
-    <code>transferControlToProxy() </code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>mozGetAsFile()</code> {{non-standard_inline}} {{deprecated_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoMobile('2')}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>captureStream() </code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoMobile('41')}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>transferControlToOffscreen()</code> {{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoMobile(44)}} [3]</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Opera Mini 5.0 and later has partial support.</p>
-
-<p>[2] Support for the third parameter, has been added in Gecko 25 only: when used with the <code>"image/jpeg"</code> type, this argument specifies the image quality.</p>
-
-<p>[3] This feature is behind a feature preference setting. In about:config, set <code>gfx.offscreencanvas.enabled</code> to <code>true</code>.</p>
+<p>{{Compat("api.HTMLCanvasElement")}}</p>
 
 <h2 id="See_also">See also</h2>
 
diff --git a/files/ja/web/api/htmlcanvaselement/toblob/index.html b/files/ja/web/api/htmlcanvaselement/toblob/index.html
index 7b87c9e261..0bc625258a 100644
--- a/files/ja/web/api/htmlcanvaselement/toblob/index.html
+++ b/files/ja/web/api/htmlcanvaselement/toblob/index.html
@@ -166,77 +166,7 @@ canvas.toBlob(blobCallback('passThisString'), 'image/vnd.microsoft.icon',
 
 <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>機能</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>基本サポート</td>
-   <td>{{CompatChrome("50")}}</td>
-   <td>{{CompatGeckoDesktop('19')}}</td>
-   <td>{{CompatIE(10)}}{{property_prefix("ms")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <td>画質パラメーター</td>
-   <td>{{CompatChrome("50")}}</td>
-   <td>{{CompatGeckoDesktop('25')}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>機能</th>
-   <th>Android</th>
-   <th>Android Webview</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-   <th>Chrome for Android</th>
-  </tr>
-  <tr>
-   <td>基本サポート</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome("50")}}</td>
-   <td>{{CompatGeckoMobile("19")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatChrome("50")}}</td>
-  </tr>
-  <tr>
-   <td>画質パラメーター</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome("50")}}</td>
-   <td>{{CompatGeckoMobile("25")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatChrome("50")}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] WebKit はまだこの機能を実装していません。{{WebKitBug("71270")}} を見てください。</p>
+<p>{{Compat("api.HTMLCanvasElement.toBlob")}}</p>
 
 <h2 id="ポリフィル">ポリフィル</h2>