From e321d9d5d6d410e62926f26f665286135ed07b82 Mon Sep 17 00:00:00 2001
From: Chunhui Fu <fuchuhu7@gmail.com>
Date: Tue, 20 Aug 2024 09:04:41 +0800
Subject: [PATCH 01/81] [zh-cn]: update valid datetime values list (#23153)

Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
---
 files/zh-cn/web/html/element/time/index.md | 164 +++++++++++++++------
 1 file changed, 123 insertions(+), 41 deletions(-)

diff --git a/files/zh-cn/web/html/element/time/index.md b/files/zh-cn/web/html/element/time/index.md
index 626a497dc966c1..cf0207da8f648b 100644
--- a/files/zh-cn/web/html/element/time/index.md
+++ b/files/zh-cn/web/html/element/time/index.md
@@ -2,7 +2,7 @@
 title: <time>：（日期）时间元素
 slug: Web/HTML/Element/time
 l10n:
-  sourceCommit: fdd3ac5598c3ddceb71e59949b003936ae99f647
+  sourceCommit: 835c199410845eed61aaf8439cb2e9719e7e9f98
 ---
 
 {{HTMLSidebar}}
@@ -34,46 +34,128 @@ _日期时间值_（机器可读的日期时间值）是该元素的 `datetime`
 
 ### 有效的日期时间值
 
-- 有效的年份字符串
-  - : `2011`
-- 有效的年月字符串
-  - : `2011-11`
-- 有效的日期字符串
-  - : `2011-11-18`
-- 有效的日期字符串（不包含年份）
-  - : `11-18`
-- 有效的周字符串
-  - : `2011-W47`
-- 有效的时间字符串
-
-  - : `14:54`
-
-    `14:54:39`
-
-    `14:54:39.929`
-
-- 有效的本地日期时间字符串
-
-  - : `2011-11-18T14:54:39.929`
-
-    `2011-11-18 14:54:39.929`
-
-- 有效的全球日期时间字符串
-
-  - : `2011-11-18T14:54:39.929Z`
-
-    `2011-11-18T14:54:39.929-0400`
-
-    `2011-11-18T14:54:39.929-04:00`
-
-    `2011-11-18 14:54:39.929Z`
-
-    `2011-11-18 14:54:39.929-0400`
-
-    `2011-11-18 14:54:39.929-04:00`
-
-- 有效的时长字符串
-  - : `PT4H18M3S`
+<table class="no-markdown">
+  <thead>
+    <tr>
+      <th scope="col">描述</th>
+      <th scope="col">微语法</th>
+      <th scope="col">示例</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>有效月份字符串</td>
+      <td><code><em>YYYY</em>-<em>MM</em></code></td>
+      <td><code>2011-11</code>、<code>2013-05</code></td>
+    </tr>
+    <tr>
+      <td>有效日期字符串</td>
+      <td><code><em>YYYY</em>-<em>MM</em>-<em>DD</em></code></td>
+      <td><code>1887-12-01</code></td>
+    </tr>
+    <tr>
+      <td>有效的无年份日期字符串</td>
+      <td><code><em>MM</em>-<em>DD</em></code></td>
+      <td><code>11-12</code></td>
+    </tr>
+    <tr>
+      <td>有效时间字符串</td>
+      <td>
+        <code><em>HH</em>:<em>MM</em></code><br />
+        <code><em>HH</em>:<em>MM</em>:<em>SS</em></code><br />
+        <code><em>HH</em>:<em>MM</em>:<em>SS</em>.<em>mmm</em></code>
+      </td>
+      <td>
+        <code>23:59</code><br />
+        <code>12:15:47</code><br />
+        <code>12:15:52.998</code>
+      </td>
+    </tr>
+    <tr>
+      <td>有效的本地日期和时间字符串</td>
+      <td>
+        <code><em>YYYY</em>-<em>MM</em>-<em>DD</em><em>HH</em>:<em>MM</em></code><br />
+        <code><em>YYYY</em>-<em>MM</em>-<em>DD</em> <em>HH</em>:<em>MM</em>:<em>SS</em></code><br />
+        <code><em>YYYY</em>-<em>MM</em>-<em>DD</em> <em>HH</em>:<em>MM</em>:<em>SS</em>.<em>mmm</em></code><br />
+        <code><em>YYYY</em>-<em>MM</em>-<em>DD</em>T<em>HH</em>:<em>MM</em></code><br />
+        <code><em>YYYY</em>-<em>MM</em>-<em>DD</em>T<em>HH</em>:<em>MM</em>:<em>SS</em></code><br />
+        <code><em>YYYY</em>-<em>MM</em>-<em>DD</em>T<em>HH</em>:<em>MM</em>:<em>SS</em>.<em>mmm</em></code>
+      </td>
+      <td>
+        <code>2013-12-25 11:12</code><br />
+        <code>1972-07-25 13:43:07</code><br />
+        <code>1941-03-15 07:06:23.678</code><br />
+        <code>2013-12-25T11:12</code><br />
+        <code>1972-07-25T13:43:07</code><br />
+        <code>1941-03-15T07:06:23.678</code>
+      </td>
+    </tr>
+    <tr>
+      <td>有效的时区偏差字符串</td>
+      <td>
+        <code>Z</code><br />
+        <code>+<em>HHMM</em></code><br />
+        <code>+<em>HH</em>:<em>MM</em></code><br />
+        <code>-<em>HHMM</em></code><br />
+        <code>-<em>HH</em>:<em>MM</em></code>
+      </td>
+      <td>
+        <code>Z</code><br />
+        <code>+0200</code><br />
+        <code>+04:30</code><br />
+        <code>-0300</code><br />
+        <code>-08:00</code>
+      </td>
+    </tr>
+    <tr>
+      <td>有效的全局日期和时间字符串</td>
+      <td style="max-width:12em">
+        有效的本地日期和时间字符串后跟着有效的时区偏差字符串的任意组合
+      </td>
+      <td>
+        <code>2013-12-25 11:12+0200</code><br />
+        <code>1972-07-25 13:43:07+04:30</code><br />
+        <code>1941-03-15 07:06:23.678Z</code><br />
+        <code>2013-12-25T11:12-08:00</code>
+      </td>
+    </tr>
+    <tr>
+      <td>有效周字符串</td>
+      <td><code><em>YYYY</em>-W<em>WW</em></code></td>
+      <td><code>2013-W46</code></td>
+    </tr>
+    <tr>
+      <td>四个或更多 ACSII 数字</td>
+      <td><code><em>YYYY</em></code></td>
+      <td><code>2013</code>、<code>0001</code></td>
+    </tr>
+    <tr>
+      <td>有效的持续时间字符串</td>
+      <td>
+        <code>P<em>d</em>DT<em>h</em>H<em>m</em>M<em>s</em>S</code><br />
+        <code>P<em>d</em>DT<em>h</em>H<em>m</em>M<em>s</em>.<em>X</em>S<br />
+        <code>P<em>d</em>DT<em>h</em>H<em>m</em>M<em>s</em>.<em>XX</em>S</code><br />
+        <code>P<em>d</em>DT<em>h</em>H<em>m</em>M<em>s</em>.<em>XXX</em>S</code><br />
+        <code>PT<em>h</em>H<em>m</em>M<em>s</em>S</code><br />
+        <code>PT<em>h</em>H<em>m</em>M<em>s</em>.<em>X</em>S</code><br />
+        <code>PT<em>h</em>H<em>m</em>M<em>s</em>.<em>XX</em>S</code><br />
+        <code>PT<em>h</em>H<em>m</em>M<em>s</em>.<em>XXX</em>S</code><br />
+        <code><em>w</em>w <em>d</em>d <em>h</em>h <em>m</em>m <em>s</em>s</code>
+      </td>
+      <td>
+        <code>P12DT7H12M13S</code><br />
+        <code>P12DT7H12M13.3S</code><br />
+        <code>P12DT7H12M13.45S</code><br />
+        <code>P12DT7H12M13.455S</code><br />
+        <code>PT7H12M13S</code><br />
+        <code>PT7H12M13.2S</code><br />
+        <code>PT7H12M13.56S</code><br />
+        <code>PT7H12M13.999S</code><br />
+        <code>7d 5h 24m 13s</code>
+      </td>
+    </tr>
+  </tbody>
+</table>
 
 ## 示例
 

From bd9b16345e5ecd5f0bcc45b940abef66005a8ee4 Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Tue, 20 Aug 2024 09:13:02 +0800
Subject: [PATCH 02/81] [zh-cn]: update the translation of Touch `pageX`
 property and fix typo to `XSLTProcessor()` constructor (#23058)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/zh-cn/web/api/touch/pagex/index.md      | 48 ++++++++++++-------
 .../api/xsltprocessor/xsltprocessor/index.md  |  2 +-
 2 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/files/zh-cn/web/api/touch/pagex/index.md b/files/zh-cn/web/api/touch/pagex/index.md
index ccff30c0c98a08..39bedd688d0bf0 100644
--- a/files/zh-cn/web/api/touch/pagex/index.md
+++ b/files/zh-cn/web/api/touch/pagex/index.md
@@ -1,31 +1,45 @@
 ---
-title: Touch.pageX
+title: Touch：pageX 属性
 slug: Web/API/Touch/pageX
+l10n:
+  sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb
 ---
 
-{{ ApiRef() }}
+{{ APIRef("Touch Events") }}
 
-### 概述
+**`Touch.pageX`** 只读属性返回触摸点相对于屏幕的 X 坐标，包括任何滚动偏移。
 
-触点相对于 HTML 文档左边沿的 X 坐标。和 `clientX` 属性不同，这个值是相对于整个 html 文档的坐标，和用户滚动位置无关。因此当存在水平滚动的偏移时，这个值包含了水平滚动的偏移。
+## 值
 
-### 语法
+`double` 类型的浮点值，表示触摸点相对于屏幕的 X 坐标，包括任何滚动偏移。
 
-```plain
-var x = touchItem.pageX;
-```
+## 示例
+
+此示例展示了如何访问 {{domxref("Touch")}} 对象的 `Touch.pageX` 和 {{domxref("Touch.pageY")}} 属性。`Touch.pageX` 属性表示触摸点相对于屏幕的水平坐标（以 CSS 像素为单位），包括任何滚动偏移量。{{domxref("Touch.pageY")}} 属性表示触摸点相对于屏幕的垂直坐标（以 CSS 像素为单位），包括任何滚动偏移量。
 
-### 返回值
+在以下简单的代码片段中，我们假设用户在 `source` 元素上发起一个或多个触摸点接触，移动触摸点，然后释放与表面的接触。当触发 {{domxref("Element/touchmove_event", "touchmove")}} 事件处理器时，可以通过事件的 {{domxref("TouchEvent.changedTouches")}} 列表访问每个触控点的 `Touch.pageX` 和 {{domxref("Touch.pageY")}} 坐标。
 
-- `x`
-  - : 触点相对于 HTML 文档左边沿的 X 坐标。当存在水平滚动的偏移时，这个值包含了水平滚动的偏移。
+```js
+// 为“source”元素注册一个 touchmove 监听器。
+const src = document.getElementById("source");
+
+src.addEventListener(
+  "touchmove",
+  (e) => {
+    // 遍历已移动的触摸点，并记录每个 pageX 和 pageY 的坐标。每个坐标的单位是 CSS 像素。
+    for (let i = 0; i < e.changedTouches.length; i++) {
+      console.log(`touchpoint[${i}].pageX = ${e.changedTouches[i].pageX}`);
+      console.log(`touchpoint[${i}].pageY = ${e.changedTouches[i].pageY}`);
+    }
+  },
+  false,
+);
+```
 
-### 标准定义
+## 规范
 
-[Touch Events Specification](http://www.w3.org/TR/touch-events/)
+{{Specifications}}
 
-### 相关链接
+## 浏览器兼容性
 
-- {{ domxref("Touch.pageY") }}
-- {{ domxref("Touch.screenX") }}
-- {{ domxref("Touch.clientX") }}
+{{Compat}}
diff --git a/files/zh-cn/web/api/xsltprocessor/xsltprocessor/index.md b/files/zh-cn/web/api/xsltprocessor/xsltprocessor/index.md
index 798cf95d0e290b..b123d354bc3b12 100644
--- a/files/zh-cn/web/api/xsltprocessor/xsltprocessor/index.md
+++ b/files/zh-cn/web/api/xsltprocessor/xsltprocessor/index.md
@@ -1,5 +1,5 @@
 ---
-title: XSLTProcessor：XSLTProcessor() 构建函数
+title: XSLTProcessor：XSLTProcessor() 构造函数
 slug: Web/API/XSLTProcessor/XSLTProcessor
 l10n:
   sourceCommit: 6788d086c530ae04793a497d12863db3d8adf040

From 21ea6fd0081c5ec9e7ae45895d03fb8e0c81170d Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Tue, 20 Aug 2024 09:29:36 +0800
Subject: [PATCH 03/81] zh-cn: update the translation of the `Bluetooth`
 interface (#23070)

---
 files/zh-cn/web/api/bluetooth/index.md | 34 ++++++++++++--------------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/files/zh-cn/web/api/bluetooth/index.md b/files/zh-cn/web/api/bluetooth/index.md
index cea70adba371dd..df2427f308e748 100644
--- a/files/zh-cn/web/api/bluetooth/index.md
+++ b/files/zh-cn/web/api/bluetooth/index.md
@@ -1,34 +1,30 @@
 ---
 title: Bluetooth
 slug: Web/API/Bluetooth
+l10n:
+  sourceCommit: e676701495a168168e0868311e4c4e7274fb6ed4
 ---
 
-{{ apiref("Web Bluetooth API") }} {{Non-standard_header()}}
+{{APIRef("Bluetooth API")}}{{securecontext_header}}{{SeeCompatTable}}
 
-[Web Bluetooth API](/zh-CN/docs/Web/API/Web_Bluetooth_API) 的**`Bluetooth`**`接口`返回指代{{domxref("BluetoothDevice")}}带有指定选项的对象的{{jsxref("Promise")}}。
+[Web 蓝牙 API](/zh-CN/docs/Web/API/Web_Bluetooth_API) 的 **`Bluetooth`** 接口提供了查询蓝牙可用性和请求访问这些设备的方法。
 
-## 接口
+{{InheritanceDiagram}}
 
-```
-interface Bluetooth {
-  Promise<BluetoothDevice> requestDevice(RequestDeviceOptions options);
-};
-Bluetooth implements EventTarget;
-Bluetooth implements BluetoothDeviceEventHandlers;
-Bluetooth implements CharacteristicEventHandlers;
-Bluetooth implements ServiceEventHandlers;
-```
+## 实例属性
 
-## 特性
+_从其父接口 {{domxref("EventTarget")}} 继承属性。_
 
-无
+## 实例方法
 
-## 方法
+- {{domxref("Bluetooth.getAvailability","Bluetooth.getAvailability()")}} {{Experimental_Inline}}
+  - : 返回一个 {{jsxref("Promise")}}，其会兑现一个指示用户代理是否支持蓝牙的布尔值。一些用户代理允许用户配置一个指定该方法返回值的选项。
+- {{domxref("Bluetooth.getDevices","Bluetooth.getDevices()")}} {{Experimental_Inline}}
+  - : 返回一个 {{jsxref("Promise")}}，其会兑现一个包含当前来源允许访问的 {{domxref("BluetoothDevice")}} 的数组。权限是通过先前调用 {{domxref("Bluetooth.requestDevice","Bluetooth.requestDevice()")}} 获得的。
+- {{domxref("Bluetooth.requestDevice","Bluetooth.requestDevice()")}} {{Experimental_Inline}}
+  - : 返回一个 {{jsxref("Promise")}}，其会兑现匹配指定选项的 {{domxref("BluetoothDevice")}} 对象。
 
-- {{domxref("Bluetooth.requestDevice()")}}
-  - : 返回一个包含指定选项的{{domxref("BluetoothDevice")}}对象的{{jsxref("Promise")}}。
-
-## 详细说明
+## 规范
 
 {{Specifications}}
 

From 1c3c7b9f798990c596d21df0c23f14d83eec8172 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 20 Aug 2024 09:54:22 +0200
Subject: [PATCH 04/81] [ko] sync translated content (#23148)

ko: sync translated content
---
 files/ko/_redirects.txt                                | 10 +++++-----
 files/ko/web/api/console/countreset_static/index.md    |  2 +-
 .../ko/web/api/console/groupcollapsed_static/index.md  |  2 +-
 files/ko/web/api/console/groupend_static/index.md      |  2 +-
 files/ko/web/api/console/timeend_static/index.md       |  2 +-
 files/ko/web/api/console/timelog_static/index.md       |  2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/files/ko/_redirects.txt b/files/ko/_redirects.txt
index 8ff4fa9460321f..843e365c048178 100644
--- a/files/ko/_redirects.txt
+++ b/files/ko/_redirects.txt
@@ -523,19 +523,19 @@
 /ko/docs/Web/API/console/assert	/ko/docs/Web/API/console/assert_static
 /ko/docs/Web/API/console/clear	/ko/docs/Web/API/console/clear_static
 /ko/docs/Web/API/console/count	/ko/docs/Web/API/console/count_static
-/ko/docs/Web/API/console/countReset	/ko/docs/Web/API/console/countreset_static
+/ko/docs/Web/API/console/countReset	/ko/docs/Web/API/console/countReset_static
 /ko/docs/Web/API/console/debug	/ko/docs/Web/API/console/debug_static
 /ko/docs/Web/API/console/dir	/ko/docs/Web/API/console/dir_static
 /ko/docs/Web/API/console/dirxml	/ko/docs/Web/API/console/dirxml_static
 /ko/docs/Web/API/console/error	/ko/docs/Web/API/console/error_static
 /ko/docs/Web/API/console/group	/ko/docs/Web/API/console/group_static
-/ko/docs/Web/API/console/groupCollapsed	/ko/docs/Web/API/console/groupcollapsed_static
-/ko/docs/Web/API/console/groupEnd	/ko/docs/Web/API/console/groupend_static
+/ko/docs/Web/API/console/groupCollapsed	/ko/docs/Web/API/console/groupCollapsed_static
+/ko/docs/Web/API/console/groupEnd	/ko/docs/Web/API/console/groupEnd_static
 /ko/docs/Web/API/console/log	/ko/docs/Web/API/console/log_static
 /ko/docs/Web/API/console/table	/ko/docs/Web/API/console/table_static
 /ko/docs/Web/API/console/time	/ko/docs/Web/API/console/time_static
-/ko/docs/Web/API/console/timeEnd	/ko/docs/Web/API/console/timeend_static
-/ko/docs/Web/API/console/timeLog	/ko/docs/Web/API/console/timelog_static
+/ko/docs/Web/API/console/timeEnd	/ko/docs/Web/API/console/timeEnd_static
+/ko/docs/Web/API/console/timeLog	/ko/docs/Web/API/console/timeLog_static
 /ko/docs/Web/API/console/trace	/ko/docs/Web/API/console/trace_static
 /ko/docs/Web/API/console/warn	/ko/docs/Web/API/console/warn_static
 /ko/docs/Web/API/crypto_property	/ko/docs/Web/API/Window/crypto
diff --git a/files/ko/web/api/console/countreset_static/index.md b/files/ko/web/api/console/countreset_static/index.md
index 450d6d990ccd35..99a09513982c8c 100644
--- a/files/ko/web/api/console/countreset_static/index.md
+++ b/files/ko/web/api/console/countreset_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: console.countReset()
-slug: Web/API/console/countreset_static
+slug: Web/API/console/countReset_static
 ---
 
 {{APIRef("Console API")}}
diff --git a/files/ko/web/api/console/groupcollapsed_static/index.md b/files/ko/web/api/console/groupcollapsed_static/index.md
index ae682edb722e41..d6d073577f9134 100644
--- a/files/ko/web/api/console/groupcollapsed_static/index.md
+++ b/files/ko/web/api/console/groupcollapsed_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: console.groupCollapsed()
-slug: Web/API/console/groupcollapsed_static
+slug: Web/API/console/groupCollapsed_static
 ---
 
 {{APIRef("Console API")}}
diff --git a/files/ko/web/api/console/groupend_static/index.md b/files/ko/web/api/console/groupend_static/index.md
index a9d8eda99b6683..bc67ba56c02563 100644
--- a/files/ko/web/api/console/groupend_static/index.md
+++ b/files/ko/web/api/console/groupend_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: console.groupEnd()
-slug: Web/API/console/groupend_static
+slug: Web/API/console/groupEnd_static
 ---
 
 {{APIRef("Console API")}}
diff --git a/files/ko/web/api/console/timeend_static/index.md b/files/ko/web/api/console/timeend_static/index.md
index e7b353f10b681b..9b2a5b95b45c77 100644
--- a/files/ko/web/api/console/timeend_static/index.md
+++ b/files/ko/web/api/console/timeend_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: console.timeEnd()
-slug: Web/API/console/timeend_static
+slug: Web/API/console/timeEnd_static
 ---
 
 {{APIRef("Console API")}}
diff --git a/files/ko/web/api/console/timelog_static/index.md b/files/ko/web/api/console/timelog_static/index.md
index 298049fc4e2ca6..0906302bceca8f 100644
--- a/files/ko/web/api/console/timelog_static/index.md
+++ b/files/ko/web/api/console/timelog_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: console.timeLog()
-slug: Web/API/console/timelog_static
+slug: Web/API/console/timeLog_static
 ---
 
 {{APIRef("Console API")}}

From 9473bf21e091c50cbb5cae5e1747b5039e068b61 Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Tue, 20 Aug 2024 19:38:54 +0800
Subject: [PATCH 05/81] [zh-cn]: update the translation of `Date.setUTCHours()`
 method (#23114)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../global_objects/date/setutchours/index.md  | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md
index 8770d8bcadb338..9141831fe48cf9 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md
@@ -1,47 +1,52 @@
 ---
 title: Date.prototype.setUTCHours()
 slug: Web/JavaScript/Reference/Global_Objects/Date/setUTCHours
+l10n:
+  sourceCommit: fb85334ffa4a2c88d209b1074909bee0e0abd57a
 ---
 
 {{JSRef}}
 
-The **`setUTCHours()`** method sets the hour for a specified date according to universal time, and returns the number of milliseconds since 1 January 1970 00:00:00 UTC until the time represented by the updated {{jsxref("Date")}} instance.
+{{jsxref("Date")}} 实例的 **`setUTCHours()`** 方法用于根据世界协调时更改日期对象的小时、分钟、秒或毫秒。
 
 {{EmbedInteractiveExample("pages/js/date-setutchours.html")}}
 
-## Syntax
+## 语法
 
-```plain
-dateObj.setUTCHours(hoursValue[, minutesValue[, secondsValue[, msValue]]])
+```js-nolint
+setUTCHours(hoursValue)
+setUTCHours(hoursValue, minutesValue)
+setUTCHours(hoursValue, minutesValue, secondsValue)
+setUTCHours(hoursValue, minutesValue, secondsValue, msValue)
 ```
 
 ### 参数
 
 - `hoursValue`
-  - : 表示小时的整数，取值 0 到 23 之间。
-- `minutesValue`
-  - : 可选参数。表示分钟的整数，取值 0 到 59 之间。
-- `secondsValue`
-  - : 可选参数。表示秒数的整数，取值 0 到 59 之间。如果指定了该参数，就要同时指定 `minutesValue` 这个参数。
-- `msValue`
-  - : 可选参数。表示毫秒的整数，取值 0 到 999 之间。如果指定了该参数，就要指定 `minutesValue` 和 `secondsValue` 这两个参数。
+  - : 0 到 23 之间的整数，表示小时数。
+- `minutesValue` {{optional_inline}}
+  - : 0 到 59 之间的整数，表示分钟数。
+- `secondsValue` {{optional_inline}}
+  - : 0 到 59 之间的整数，代表秒数。如果指定了 `secondsValue`，则必须同时指定 `minutesValue`。
+- `msValue` {{optional_inline}}
+  - : 0 到 999 之间的整数，表示毫秒数。如果指定了 `msValue`，则必须同时指定 `minutesValue` 和 `secondsValue`。
 
 ### 返回值
 
-返回从 1970-01-01 00:00:00 UTC 到更新后的日期所表示时间的毫秒数。
+该方法会原地修改 {{jsxref("Date")}} 对象，并返回其新的[时间戳](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date#纪元、时间戳和无效日期)。如果参数为 `NaN`（或其他会被[强制转换](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number#number_强制转换)为 `NaN` 的值，例如 `undefined`），则日期会被设置为[无效日期](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date#纪元、时间戳和无效日期)，并返回 `NaN`。
 
 ## 描述
 
-If you do not specify the `minutesValue`, `secondsValue`, and `msValue` parameters, the values returned from the {{jsxref("Date.prototype.getUTCMinutes()", "getUTCMinutes()")}}, {{jsxref("Date.prototype.getUTCSeconds()", "getUTCSeconds()")}}, and {{jsxref("Date.prototype.getUTCMilliseconds()", "getUTCMilliseconds()")}} methods are used.
+如果你未指定 `minutesValue`、`secondsValue` 和 `msValue` 参数，那么将使用 {{jsxref("Date/getUTCMinutes", "getUTCMinutes()")}}、{{jsxref("Date/getUTCSeconds", "getUTCSeconds()")}} 和 {{jsxref("Date/getUTCMilliseconds", "getUTCMilliseconds()")}} 方法返回的值。
 
-If a parameter you specify is outside of the expected range, `setUTCHours()` attempts to update the date information in the {{jsxref("Date")}} object accordingly. For example, if you use 100 for `secondsValue`, the minutes will be incremented by 1 (`minutesValue + 1`), and 40 will be used for seconds.
+如果你指定的参数超出了预期范围，`setUTCHours()` 会尝试相应地更新 {{jsxref("Date")}} 对象中的日期信息。例如，如果你将 `secondsValue` 设置为 100，分钟数将增加 1（`minutesValue + 1`），而秒数将变为 40。
 
 ## 示例
 
-### 使用 `setUTCHours()`
+### 使用 setUTCHours()
 
 ```js
-var theBigDay = new Date();
+const theBigDay = new Date();
 theBigDay.setUTCHours(8);
 ```
 

From 7e02971f622b4d6c3ffc5252ea8f7bfab587d98a Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 20 Aug 2024 13:39:30 +0200
Subject: [PATCH 06/81] [zh-tw] sync translated content (#23165)

Co-authored-by: Allo <yin199909@aliyun.com>
---
 files/zh-tw/_redirects.txt                        |  1 +
 files/zh-tw/_wikihistory.json                     |  2 +-
 .../{web-based_protocol_handlers => }/index.md    | 15 +++++++--------
 3 files changed, 9 insertions(+), 9 deletions(-)
 rename files/zh-tw/web/api/navigator/registerprotocolhandler/{web-based_protocol_handlers => }/index.md (67%)

diff --git a/files/zh-tw/_redirects.txt b/files/zh-tw/_redirects.txt
index 82065c87e29edf..38c6399083b12a 100644
--- a/files/zh-tw/_redirects.txt
+++ b/files/zh-tw/_redirects.txt
@@ -409,6 +409,7 @@
 /zh-TW/docs/Web/API/HTMLOrForeignElement/dataset	/en-US/docs/Web/API/HTMLElement/dataset
 /zh-TW/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB	/zh-TW/docs/Web/API/IndexedDB_API
 /zh-TW/docs/Web/API/Media_Streams_API	/zh-TW/docs/Web/API/Media_Capture_and_Streams_API
+/zh-TW/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers	/zh-TW/docs/Web/API/Navigator/registerProtocolHandler
 /zh-TW/docs/Web/API/NavigatorOnLine	/en-US/docs/Web/API/Navigator/onLine
 /zh-TW/docs/Web/API/NavigatorOnLine/Online_and_offline_events	/en-US/docs/Web/API/Navigator/onLine
 /zh-TW/docs/Web/API/ParentNode/children	/en-US/docs/Web/API/Element/children
diff --git a/files/zh-tw/_wikihistory.json b/files/zh-tw/_wikihistory.json
index 8798505b90415d..94e803b84a2374 100644
--- a/files/zh-tw/_wikihistory.json
+++ b/files/zh-tw/_wikihistory.json
@@ -2207,7 +2207,7 @@
     "modified": "2019-03-23T22:36:10.122Z",
     "contributors": ["yachiehwu", "alphan_chen"]
   },
-  "Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers": {
+  "Web/API/Navigator/registerProtocolHandler": {
     "modified": "2019-03-23T23:51:06.175Z",
     "contributors": ["chrisdavidmills", "teoli", "Coolcd"]
   },
diff --git a/files/zh-tw/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md b/files/zh-tw/web/api/navigator/registerprotocolhandler/index.md
similarity index 67%
rename from files/zh-tw/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
rename to files/zh-tw/web/api/navigator/registerprotocolhandler/index.md
index c8d5175112bcff..b1006e46bf6fae 100644
--- a/files/zh-tw/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
+++ b/files/zh-tw/web/api/navigator/registerprotocolhandler/index.md
@@ -1,21 +1,20 @@
 ---
-title: Firefox 3 Web-based protocol handler
-slug: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
+title: Navigator：registerProtocolHandler() 方法
+slug: Web/API/Navigator/registerProtocolHandler
 ---
 
-### 摘要
+{{APIRef("HTML DOM")}}{{securecontext_header}}
 
-window\.navigator.registerProtocolHandler 讓網站可以將自己註冊為特定通訊協定的處理者。
+**{{domxref("Navigator")}}** 的 **`registerProtocolHandler()`** 方法讓網站可以將自己註冊為特定通訊協定的處理者。
 
-### 語法
+## 語法
 
-```plain
-window.navigator.registerProtocolHandler(protocol, uri, title);
+```js-nolint
+registerProtocolHandler(scheme, url)
 ```
 
 - protocol 是網站想要處理的 protocol 名稱，用字串表示。
 - uri 是要給 handler 處理的 URI 字串。你可以在字串裡用 "%s" 來代表 escaped 過、需要處理的 URI。
-- title 是 handler 的 title，會以字串的形式呈現給使用者。
 
 ### 例子
 

From 8f4ba49e02df02928b1dc5ed6124e8252bd9e3bc Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 20 Aug 2024 14:09:46 +0200
Subject: [PATCH 07/81] [zh-cn] sync translated content (#23168)

Co-authored-by: Allo <yin199909@aliyun.com>
---
 files/zh-cn/_redirects.txt                    |   3 +-
 files/zh-cn/_wikihistory.json                 |   4 -
 .../zh-cn/mozilla/firefox/releases/3/index.md |   4 +-
 .../registerprotocolhandler/index.md          | 160 ++++++++++--------
 .../web-based_protocol_handlers/index.md      | 131 --------------
 5 files changed, 93 insertions(+), 209 deletions(-)
 delete mode 100644 files/zh-cn/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md

diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
index 0c54d17e3181c1..614b439ae517cf 100644
--- a/files/zh-cn/_redirects.txt
+++ b/files/zh-cn/_redirects.txt
@@ -1325,7 +1325,7 @@
 /zh-CN/docs/Updating_extensions_for_Firefox_3	/zh-CN/docs/Mozilla/Firefox/Releases/3/Updating_extensions
 /zh-CN/docs/Using_files_from_web_applications	/zh-CN/docs/Web/API/File_API/Using_files_from_web_applications
 /zh-CN/docs/WOFF	/zh-CN/docs/Web/CSS/CSS_fonts/WOFF
-/zh-CN/docs/Web-based_protocol_handlers	/zh-CN/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
+/zh-CN/docs/Web-based_protocol_handlers	/zh-CN/docs/Web/API/Navigator/registerProtocolHandler
 /zh-CN/docs/Web/API/AbortSignal/abort	/zh-CN/docs/Web/API/AbortSignal/abort_static
 /zh-CN/docs/Web/API/AbortSignal/onabort	/zh-CN/docs/Web/API/AbortSignal/abort_event
 /zh-CN/docs/Web/API/AbortSignal/timeout	/zh-CN/docs/Web/API/AbortSignal/timeout_static
@@ -1674,6 +1674,7 @@
 /zh-CN/docs/Web/API/Navigator.vendorSub	/zh-CN/docs/Web/API/Navigator/vendorSub
 /zh-CN/docs/Web/API/Navigator/battery	/zh-CN/docs/Web/API/Navigator/getBattery
 /zh-CN/docs/Web/API/Navigator/mozIsLocallyAvailable	/zh-CN/docs/Web/API/Navigator
+/zh-CN/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers	/zh-CN/docs/Web/API/Navigator/registerProtocolHandler
 /zh-CN/docs/Web/API/NavigatorGeolocation.geolocation	/zh-CN/docs/Web/API/Navigator/geolocation
 /zh-CN/docs/Web/API/NavigatorGeolocation/geolocation	/zh-CN/docs/Web/API/Navigator/geolocation
 /zh-CN/docs/Web/API/Node.appendChild	/zh-CN/docs/Web/API/Node/appendChild
diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index e3d8693b45216e..5a5cb7fd2679d1 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -11802,10 +11802,6 @@
     "modified": "2020-11-12T06:22:45.529Z",
     "contributors": ["xgqfrms", "Carllllo", "marsoln"]
   },
-  "Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers": {
-    "modified": "2019-03-23T23:20:07.432Z",
-    "contributors": ["chrisdavidmills", "ObooChin", "jtyjty99999"]
-  },
   "Web/API/Navigator/sendBeacon": {
     "modified": "2020-10-15T21:45:06.383Z",
     "contributors": [
diff --git a/files/zh-cn/mozilla/firefox/releases/3/index.md b/files/zh-cn/mozilla/firefox/releases/3/index.md
index 8299262fafa879..6b2470a003f5de 100644
--- a/files/zh-cn/mozilla/firefox/releases/3/index.md
+++ b/files/zh-cn/mozilla/firefox/releases/3/index.md
@@ -17,11 +17,11 @@ l10n:
   - : 提供了有关你可能需要对网站或 web 应用进行的更改以便利用 Firefox 3 中的新特性的信息。
 - [上线与离线事件](/zh-CN/docs/Web/API/Navigator/onLine)
   - : Firefox 3 支持 WHATWG 的上线与离线事件，其允许应用程序和扩展检测当前是否有可用的互联网连接，以及何时上线和下线。
-- [基于 web 的协议处理](/zh-CN/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers)
+- [基于 web 的协议处理](/zh-CN/docs/Web/API/Navigator/registerProtocolHandler)
   - : 你现在可以使用 `navigator.registerProtocolHandler()` 方法将 web 应用注册为特定协议的处理器。
 - [在画布中绘制文本](/zh-CN/docs/Web/API/Canvas_API/Tutorial/Drawing_text)
   - : 你可以使用 Firefox 3 支持的非标准 API 在 canvas 上绘制文本。
-- [支持画布变换](/zh-CN/docs/Web/API/Canvas_API/Tutorial/Transformations#变形_transforms)
+- [支持画布变换](/zh-CN/docs/Web/API/Canvas_API/Tutorial/Transformations#变形)
   - : Firefox 现在支持 canvas 的 `transform()` 和 `setTransform()` 方法。
 - [使用微格式](/zh-CN/docs/Web/HTML/microformats)
   - : Firefox 现在有一组用于微格式的 API。
diff --git a/files/zh-cn/web/api/navigator/registerprotocolhandler/index.md b/files/zh-cn/web/api/navigator/registerprotocolhandler/index.md
index aba10c2bd122bb..35796566c9f1b2 100644
--- a/files/zh-cn/web/api/navigator/registerprotocolhandler/index.md
+++ b/files/zh-cn/web/api/navigator/registerprotocolhandler/index.md
@@ -1,102 +1,128 @@
 ---
-title: Navigator.registerProtocolHandler()
+title: Navigator：registerProtocolHandler() 方法
 slug: Web/API/Navigator/registerProtocolHandler
+l10n:
+  sourceCommit: f98675af9d0a80f33d7875c48cfdb41f71ed1de9
 ---
 
 {{APIRef("HTML DOM")}}{{securecontext_header}}
 
-**{{domxref("Navigator")}}** 的方法 **`registerProtocolHandler()`** 让 web 站点为自身注册用于打开或处理特定 URL 方案（又名协议）的能力。
+**{{domxref("Navigator")}}** 的 **`registerProtocolHandler()`** 方法让 web 站点为自身注册用于打开或处理特定 URL 方案（又名协议）的能力。
 
 举个例子，此 API 允许 Web 邮件站点打开 `mailto:` URL，或让 VoIP 站点打开 `tel:` URL。
 
+要注册协议处理器，网站在调用 `registerProtocolHandler()` 时传入要注册的协议和模板 URL。
+
+在用户激活使用来注册的协议的链接时，浏览器会将激活链接的 [`href`](/zh-CN/docs/Web/HTML/Element/a#href) 插入到处理器注册时提供的 URL 模板中，并将当前页面导航到生成的 URL。
+
+浏览器可能会要求用户确认是否允许页面处理该协议，无论是在注册协议时还是在用户激活链接时。
+
 ## 语法
 
-```
-navigator.registerProtocolHandler(scheme, url, title);
+```js-nolint
+registerProtocolHandler(scheme, url)
 ```
 
-> [!NOTE]
-> 最近更新为 `navigator.registerProtocolHandler(scheme, url)`, 但目前没有浏览器支持该版本。
-
 ### 参数
 
 - `scheme`
-  - : 一个包含站点希望处理的协议的字符串。例如，你可以通过传入 `"sms"` 来注册处理 SMS 文本信息链接。
-- `url`
 
-  - : 处理器的 URL，string 类型。这个字符串应该包含一个"%s"的占位符，其会被将要受理的文档的 [escaped](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent) 链接所替换。这个链接（译者按：指将要受理的文档的 escaped 链接，也就是替换占位符的字符串）可能是一个真实的 URL，或者是一个电话号码，邮件地址之类的。
+  - : 一个包含站点希望处理的协议的方案字符串。
+
+    其可能是一个自定义方案，此时方案的名称：
+
+    - 以 `web+` 开始
+    - 在 `web+` 前缀之后至少包含一个字母
+    - 仅包含小写的 {{Glossary("ASCII")}} 字母。
+
+    否则，方案必须是以下值之一：
+
+    - `bitcoin`
+    - `ftp`
+    - `ftps`
+    - `geo`
+    - `im`
+    - `irc`
+    - `ircs`
+    - `magnet`
+    - `mailto`
+    - `matrix`
+    - `mms`
+    - `news`
+    - `nntp`
+    - `openpgp4fpr`
+    - `sftp`
+    - `sip`
+    - `sms`
+    - `smsto`
+    - `ssh`
+    - `tel`
+    - `urn`
+    - `webcal`
+    - `wtai`
+    - `xmpp`
+
+- `url`
 
-    > [!NOTE]
-    > 这个处理器的 URL 必须以 `http` 或者 `https` 协议标记作为开头，最好是 `https` ，以满足一些浏览器出于安全考虑的要求。
+  - : 一个包含处理器 URL 的字符串。该 URL 必须包含 `%s`（作为占位符），其会被将要处理且[经过转义的](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent) URL 所替换。
 
-- `title` {{Deprecated_Inline}}
+    处理器 URL 必须使用 `https` 方案，并且必须与尝试注册处理器的网页具有相同的{{glossary("origin", "来源")}}。
 
-  - : 一个用户可理解的处理器标题。标题会展示给用户，例如弹出对话框“允许这个站点处理 \[scheme] 链接吗？”或者在浏览器设置中列出注册的处理器时。
+### 返回值
 
-    > [!NOTE]
-    > 出于欺骗的考虑，标题已从规范中删除，但当前所有的浏览器仍要求使用该标题。建议始终设置标题，因为支持更新规范的浏览器很可能会向后兼容，并且仍接受标题（但不使用它）。
+无（{{jsxref("undefined")}}）。
 
 ### 异常
 
-- 指定了一个非法的协议标记，例如一个浏览器自身的标记（`https:`, `about:` 等）。
-- 处理器 URL 的 [origin](/zh-CN/docs/Glossary/Origin) 与调用这个 API 的页面的 origin 不匹配。
-- 浏览器要求这个函数由安全的上下文调用。
-- 浏览器要求处理器的 URL 使用 HTTPS 协议。
-
-- `SecurityError`
-  - : 用户代理阻止了处理器的注册。这可能是由于：
-- `SyntaxError`
-  - : 在指定的协议处理地址的字符串中缺失了 `%s` 占位符。
-
-## 允许的协议标记
-
-出于安全考虑，`registerProtocolHandler()` 严格限制了允许注册的协议标记。以 `web+` 作为前缀的方式可以注册一个自定义的标记协议，至少要有 5 个字符的长度 (包括 `web+` 前缀)，而且只能使用小写的 ASCII 字母作为名称。例如 `web+burger` ，如下面的[示例](#示例)所示。
-
-除此之外，还可以使用下文所列的白名单中的协议标记：
-
-- `bitcoin`
-- `geo`
-- `im`
-- `irc`
-- `ircs`
-- `magnet`
-- `mailto`
-- `mms`
-- `news`
-- `nntp`
-- `openpgp4fpr`
-- `sip`
-- `sms`
-- `smsto`
-- `ssh`
-- `tel`
-- `urn`
-- `webcal`
-- `wtai`
-- `xmpp`
+- `SecurityError` {{domxref("DOMException")}}
+
+  - : 用户代理阻止了注册。这可能是由于：
+
+    - 注册方案（协议）无效，例如是浏览器自身所处理的方案（`https:`、`about:` 等）。
+    - 处理器 URL 的{{Glossary("origin", "来源")}}与调用该 API 的页面的来源不匹配。
+    - 处理器 URL 的方案不是 `https`。
+
+- `SyntaxError` {{domxref("DOMException")}}
+  - : 处理器 URL 中缺失占位符 `%s`。
 
 ## 示例
 
-如果你的网站是 `https://www.google.com/`，则可以为其注册一个协议处理程序来处理 `web+burger:`链接，如下所示：
+### 为 mailto 协议注册处理器
+
+网页使用非 `https` 协议来链接资源是非常常见的。例如，`mailto:` 协议。当 Web 作者想要为用户提供一个直接通过网页发送电子邮件的便捷方式时，可以使用 `mailto` 链接：
+
+```html
+<a href="mailto:webmaster@example.com">Web 管理员</a>
+```
+
+当链接被激活时，浏览器应该启动默认的桌面应用程序来处理电子邮件。你可以认为这是一个*基于桌面平台*协议处理器。
+
+基于 Web 的协议处理器允许基于 Web 的应用程序参与这一过程。例如，`mail.example.org` 上的电子邮件 Web 应用程序可以使用以下代码注册来处理 `mailto` 链接：
+
+```js
+navigator.registerProtocolHandler("mailto", "https://mail.example.org/?to=%s");
+```
+
+此后，当用户点击网站上的 `mailto` 链接时，浏览器将（可能要求浏览器进行确认）导航到 `https://mail.example.org/?to=mailto:webmaster@example.com`。此页面可以解析 URL 参数来提取地址，并使用此地址来初始化电子邮件。
+
+### 为自定义协议注册处理器
+
+在这个示例中，页面使用以下代码来注册 `web+burger` 协议的处理器：
 
 ```js
 navigator.registerProtocolHandler(
   "web+burger",
-  "https://www.google.com/?uri=%s",
-  "Burger handler",
+  "https://burgers.example.org/?burger=%s",
 );
 ```
 
-这将创建一个处理程序，该处理程序允许使用 `web+burger:` 链接将用户发送到你的网站，并将访问的 Burger URL 插入`%s`占位符。
-
-该脚本必须从与处理程序 URL 相同的源运行（因此， `https://www.google.com/`上的任何页面），并且处理程序 URL 必须为 `http`或 `https`。
-
-将通知用户你的代码要求注册协议处理程序，以便他们可以决定是否允许它。有关 `https://www.google.com/`上的示例，请参见以下屏幕截图：
+随后，用户访问包含如下链接的页面：
 
-![](protocolregister.png)
+```html
+<a href="web+burger:cheeseburger">芝士汉堡</a>
+```
 
-> [!NOTE]
-> "[Register a webmail service as mailto handler](/zh-CN/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIWebContentHandlerRegistrar#Getting_most_recent_window)" 展示了如何从跨平台组件对象模块 (XPCOM) 中做到这一切。
+如果用户激活了 `web+burger` 链接，浏览器将（可能要求浏览器进行确认）导航到 `https://burgers.example.org/?burger=web+burger:cheeseburger`。
 
 ## 规范
 
@@ -105,11 +131,3 @@ navigator.registerProtocolHandler(
 ## 浏览器兼容性
 
 {{Compat}}
-
-## 参见
-
-- [Web-based protocol handlers](/zh-CN/docs/Web-based_protocol_handlers)
-- [RegisterProtocolHandler Enhancing the Federated Web](http://blog.mozilla.com/webdev/2010/07/26/registerprotocolhandler-enhancing-the-federated-web/) at Mozilla Webdev
-- [Web Application APIs - Custom scheme and content handlers - Whitelisted schemes](http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#whitelisted-scheme)
-- [Register a webmail service as mailto handler](/zh-CN/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIWebContentHandlerRegistrar#Getting_most_recent_window) shows how to do `registerProtocolHandler` from XPCOM scope.
-- [XPCOM Interface Reference > nsIWebContentHandlerRegistrar > registerContentHandler](/zh-CN/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIWebContentHandlerRegistrar#registerProtocolHandler) - This shows how to use this function XPCOM scope
diff --git a/files/zh-cn/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md b/files/zh-cn/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
deleted file mode 100644
index 056b2237379fc8..00000000000000
--- a/files/zh-cn/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: Web-based protocol handlers
-slug: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
----
-
-## 背景
-
-利用非 HTTP 协议，从网页链接到一些别的资源，这种做法是相当普遍的。比如 `mailto:` 协议：
-
-```html
-<a href="mailto:webmaster@example.com">Web Master</a>
-```
-
-当 Web 页面作者想直接从网页上，为用户提供一个方便的方式发送一个电子邮件，时可以使用 `mailto:` 链接。激活链接时，浏览器应该启动默认的桌面应用程序来处理电子邮件。你可以认为这是一个*基于桌面的*协议处理器。
-
-基于网络的协议处理程序也允许基于 Web 的应用程序参与这一过程。随着越来越多的类型的应用程序迁移到 Web，这变得越来越重要。事实上，有许多基于 Web 的电子邮件处理的应用程序可以处理一个 mailto 链接。
-
-## 注册
-
-设置一个 Web 应用程序作为一个协议处理器不是一个很麻烦的过程。Web 应用程序可以使用 [registerProtocolHandler()](/zh-CN/docs/Web/API/navigator.registerProtocolHandler) 注册到浏览器上，从而对于一个给定的协议来讲，作为一个潜在的处理程序。例如：
-
-```js
-navigator.registerProtocolHandler(
-  "mailto",
-  "https://www.example.com/?uri=%s",
-  "Example Mail",
-);
-```
-
-参数为：
-
-- 协议名称。
-- URL 模板。%s 用来替换链接的 `href` 属性，之后通过这个 URL 来发起一个 GET 请求。
-- 一个对用户友好的协议处理器的名字。
-
-当一个浏览器执行这段代码时，它应该向用户显示一个请求，让用户许可为处理这个协议而注册一个 Web 应用程序的请求。Firefox 在通知栏区域显示一个提示：
-
-![Screenshot of a prompt that reads: Add Burger handler (google.co.uk) as an application for burger links. An Add Application button is next to the text.](protocolregister.png)
-
-> [!NOTE]
-> 试图执行登记或注册时，当前网页必须与提供的 URL 模板在相同的域，否则将会失败。例如，`http://example.com/homepage.html` 可以为 `http://example.com/handle_mailto/%s` 注册一个协议处理程序，但 `http://example.org/handle_mailto/%s` 不可以。
-
-多次注册相同的协议处理程序会弹出不同的通知，表明协议处理器已经注册。因此，发起一个注册协议处理程序的请求，之后检查是否注册是一个很好的方法。比如下面的例子：
-
-### 例子
-
-```js
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html lang="en">
-<head>
-  <title>Web Protocol Handler Sample - Register</title>
-  <script type="text/javascript">
-    var url = "http://starkravingfinkle.org/projects/wph/handler.php?value=%s";
-    if (!navigator.isProtocolHandlerRegistered("fake", url)) {
-      navigator.registerProtocolHandler("fake", url, "Fake Protocol");
-    }
-  </script>
-</head>
-<body>
-  <h1>Web Protocol Handler Sample</h1>
-  <p>This web page will install a web protocol handler for the <code>fake:</code> protocol.</p>
-</body>
-</html>
-```
-
-## 激活
-
-现在，只要用户点击链接，使用注册协议，浏览器将跳转到 Web 应用程序注册时提供的 URL。Firefox 在默认情况下，跳转前会提示用户操作。
-
-### Example
-
-```html
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html lang="en">
-  <head>
-    <title>Web Protocol Handler Sample - Test</title>
-  </head>
-  <body>
-    <p>Hey have you seen <a href="fake:this%20is%20fake">this</a> before?</p>
-  </body>
-</html>
-```
-
-## 处理
-
-下一步是处理这个动作。浏览器在激活的链接中提取出 href 属性，之后与注册时提供的 URL 模板进行拼装，之后经由拼装好的 URL 发起一个 HTTP GET 请求。因此下面的例子中，浏览器会基于此 URL 发起一个 GET 请求：
-
-```
-http://starkravingfinkle.org/projects/wph/handler.php?value=fake:this%20is%20fake
-```
-
-服务端代码可以提取查询字符串的参数，执行所需的操作。
-
-> [!NOTE]
-> 服务端代码会接收到 href 的**全部**内容。这意味着服务端代码必须解析出数据中的协议。
-
-### Example
-
-```php
-<?php
-$value = "";
-if ( isset ( $_GET["value"] ) ) {
-  $value = $_GET["value"];
-}
-?>
-
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html lang="en">
-<head>
-    <title>Web Protocol Handler Sample</title>
-</head>
-<body>
-  <h1>Web Protocol Handler Sample - Handler</h1>
-  <p>This web page is called when handling a <code>fake:</code> protocol action. The data sent:</p>
-  <textarea>
-<?php echo(htmlspecialchars($value, ENT_QUOTES, 'UTF-8')); ?>
-  </textarea>
-</body>
-</html>
-```
-
-## 参考
-
-- <http://www.w3.org/TR/2011/WD-html5-20110525/timers.html#custom-handlers>
-
-## See also
-
-- [window.navigator.registerContentHandler](/zh-CN/docs/DOM/window.navigator.registerContentHandler)
-- [nsIProtocolHandler](/zh-CN/docs/XPCOM_Interface_Reference/nsIProtocolHandler) (XUL only)
-- [RegisterProtocolHandler Enhancing the Federated Web](http://blog.mozilla.com/webdev/2010/07/26/registerprotocolhandler-enhancing-the-federated-web/) at Mozilla Webdev
-- [Register a custom protocolHandler](https://developers.google.com/web/updates/2011/06/Registering-a-custom-protocol-handler) at Google Developers.

From 9afc692c02d1169fd3b74a76f2483eda1dba3102 Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Tue, 20 Aug 2024 20:14:46 +0800
Subject: [PATCH 08/81] [zh-cn]: update the translation of Window `length`
 property (#23169)

---
 files/zh-cn/web/api/window/length/index.md | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/files/zh-cn/web/api/window/length/index.md b/files/zh-cn/web/api/window/length/index.md
index 27257d3c076759..e402cff6c432c3 100644
--- a/files/zh-cn/web/api/window/length/index.md
+++ b/files/zh-cn/web/api/window/length/index.md
@@ -1,27 +1,23 @@
 ---
-title: window.length
+title: Window：length 属性
 slug: Web/API/Window/length
+l10n:
+  sourceCommit: 62cedc63226017e9e7d0718b6fea3529ca8dbf37
 ---
 
-{{ApiRef}}
+{{APIRef}}
 
-## 概述
+返回窗口中框架的数量（包括 {{HTMLElement("frame")}} 和 {{HTMLElement("iframe")}} 元素）。
 
-返回当前窗口中包含的框架数量 (框架包括`frame`和`iframe`两种元素).
+## 值
 
-## 语法
-
-```plain
-framesCount = window.length;
-```
-
-- `framesCount`就是该窗口中框架的数量。
+数字。
 
 ## 示例
 
 ```js
 if (window.length) {
-  // 该窗口包含至少一个子框架
+  // 这是一个包含子框架的文档。
 }
 ```
 

From a4f588614b0d27ab61ecf8e2d1cd05367b3fe0d4 Mon Sep 17 00:00:00 2001
From: liuestc <1063506577@qq.com>
Date: Tue, 20 Aug 2024 20:15:35 +0800
Subject: [PATCH 09/81] [zh-cn]: update the translation of looping while
 condition code (#23173)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../building_blocks/looping_code/index.md     | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/files/zh-cn/learn/javascript/building_blocks/looping_code/index.md b/files/zh-cn/learn/javascript/building_blocks/looping_code/index.md
index 7c5aca7944ab8a..435b4147c278d3 100644
--- a/files/zh-cn/learn/javascript/building_blocks/looping_code/index.md
+++ b/files/zh-cn/learn/javascript/building_blocks/looping_code/index.md
@@ -158,11 +158,11 @@ ctx.fill();
 
 ## 循环的标准
 
-我们开始探索一些特定的循环结构。第一个，你会经常使用到它，for 循环 - 以下为 for 循环的语法：
+我们开始探索一些特定的循环结构。第一个，你会经常使用到它，for 循环——以下为 for 循环的语法：
 
-```plain
-for (initializer; exit-condition; final-expression) {
-  // code to run
+```js-nolint
+for (initializer; condition; final-expression) {
+  // 要运行的代码
 }
 ```
 
@@ -437,16 +437,16 @@ Here's the output:
 > [!NOTE]
 > 你可以[在 GitHub 上查看完整代码](https://github.com/mdn/learning-area/blob/main/javascript/building-blocks/loops/integer-squares.html)，或者[在线运行](http://mdn.github.io/learning-area/javascript/building-blocks/loops/integer-squares.html)。
 
-## while 语句和 do ... while 语句
+## while 语句和 do...while 语句
 
 `for` 不是 JavaScript 中唯一可用的循环类型。实际上还有很多其他的，而现在你不需要理解所有这些，所以值得看几个人的结构，这样你就可以在稍微不同的方式识别出相同的功能。
 
 首先，我们来看看 while 循环。这个循环的语法如下所示：
 
-```plain
+```js-nolint
 initializer
-while (exit-condition) {
-  // code to run
+while (condition) {
+  // 要运行的代码
 
   final-expression
 }
@@ -477,13 +477,13 @@ while (i < cats.length) {
 
 [do...while](/zh-CN/docs/Web/JavaScript/Reference/Statements/do...while)循环非常类似但在 while 后提供了终止条件：
 
-```plain
+```js-nolint
 initializer
 do {
-  // code to run
+  // 要运行的代码
 
   final-expression
-} while (exit-condition)
+} while (condition)
 ```
 
 在这种情况下，在循环开始之前，初始化程序先重新开始。do 关键字直接在包含要运行的代码的花括号和终止条件之前。

From 98937ae20273dd330ddfbc82fbfa408404699539 Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Tue, 20 Aug 2024 21:46:50 +0800
Subject: [PATCH 10/81] [zh-cn]: update the translation of Node `removeChild()`
 method (#23171)

---
 files/zh-cn/web/api/node/removechild/index.md | 134 +++++++++++-------
 1 file changed, 80 insertions(+), 54 deletions(-)

diff --git a/files/zh-cn/web/api/node/removechild/index.md b/files/zh-cn/web/api/node/removechild/index.md
index 424033844531de..75b2e501bcdcbb 100644
--- a/files/zh-cn/web/api/node/removechild/index.md
+++ b/files/zh-cn/web/api/node/removechild/index.md
@@ -1,97 +1,123 @@
 ---
-title: Node.removeChild
+title: Node：removeChild() 方法
 slug: Web/API/Node/removeChild
+l10n:
+  sourceCommit: aa8fa82a902746b0bd97839180fc2b5397088140
 ---
 
 {{APIRef("DOM")}}
 
-**Node.removeChild()** 方法从 DOM 中删除一个子节点。返回删除的节点。
+{{domxref("Node")}} 接口的 **`removeChild()`** 方法会从 DOM 中移除一个子节点，并返回移除的节点。
 
-## 语法
+> [!NOTE]
+> 只要对被移除的子节点保持引用，它仍然存在于内存中，但不再是 DOM 的一部分。在以后的代码中仍可重复使用。
+>
+> 如果不存储 `removeChild()` 的返回值，也不保留其他引用，该节点将在短时间内在内存中[自动删除](/zh-CN/docs/Web/JavaScript/Memory_management)。
 
-```plain
-let oldChild = node.removeChild(child);
+与 {{domxref("Node.cloneNode()")}} 不同，返回值保留了与其关联的 `EventListener` 对象。
 
-//OR
+## 语法
 
-element.removeChild(child);
+```js-nolint
+removeChild(child)
 ```
 
-- `child` 是要移除的那个子节点。
-- `node` 是`child`的父节点。
-- oldChild 保存对删除的子节点的引用。`oldChild` === `child`.
+### 参数
 
-被移除的这个子节点仍然存在于内存中，只是没有添加到当前文档的 DOM 树中，因此，你还可以把这个节点重新添加回文档中，当然，实现要用另外一个变量比如`上例中的 oldChild`来保存这个节点的引用。如果使用上述语法中的第二种方法，即没有使用 oldChild 来保存对这个节点的引用，则认为被移除的节点已经是无用的，在短时间内将会被[内存管理](/zh-CN/docs/Web/JavaScript/Memory_management)回收。
+- `child`
+  - : {{domxref("Node")}}，即要从 DOM 中删除的子节点。
 
-如果上例中的`child 节点`不是`node`节点的子节点，则该方法会抛出异常。
+### 异常
+
+- `NotFoundError` {{domxref("DOMException")}}
+  - : 如果 `child` 不是该节点的子节点，则抛出此异常。
+- {{jsxref("TypeError")}}
+  - : 如果 `child` 为 `null`，则抛出此异常。
 
 ## 示例
 
-```plain
-<!--Sample HTML code-->
-<div id="top" align="center"> </div>
+### 简单的示例
 
-<script type="text/javascript">
-      var top = document.getElementById("top");
-      var nested = document.getElementById("nested");
-      var garbage = top.removeChild(nested);
-      //Test Case 2: the method throws the exception (2)
-</script>
+给定以下 HTML：
 
-<!--Sample HTML code-->
-<div id="top" align="center">
- <div id="nested"></div>
+```html
+<div id="parent">
+  <div id="child"></div>
 </div>
-
-<script type="text/javascript">
-      var top = document.getElementById("top");
-      var nested = document.getElementById("nested");
-      var garbage = top.removeChild(nested);
-      // This first call remove correctly the node
-      garbage = top.removeChild(nested);
-      // Test Case 1: the method in the second call here, throws the exception (1)
-</script>
 ```
 
-```plain
-<!--示例 HTML 代码-->
-
-<div id="top" align="center">
-  <div id="nested"></div>
-</div>
-```
+在已知其父节点时移除指定元素：
 
 ```js
-// 先定位父节点，然后删除其子节点
-var d = document.getElementById("top");
-var d_nested = document.getElementById("nested");
-var throwawayNode = d.removeChild(d_nested);
+const parent = document.getElementById("parent");
+const child = document.getElementById("child");
+const throwawayNode = parent.removeChild(child);
 ```
 
+在不需要指定其父节点的情况下移除指定元素：
+
 ```js
-// 无须定位父节点，通过 parentNode 属性直接删除自身
-var node = document.getElementById("nested");
+const node = document.getElementById("child");
 if (node.parentNode) {
   node.parentNode.removeChild(node);
 }
 ```
 
+从元素中移除所有子元素：
+
 ```js
-// 移除一个元素节点的所有子节点
-var element = document.getElementById("top");
+const element = document.getElementById("idOfParent");
 while (element.firstChild) {
   element.removeChild(element.firstChild);
 }
 ```
 
+### 引发 TypeError
+
+```html
+<!--HTML 代码示例-->
+<div id="parent"></div>
+```
+
+```js
+const parent = document.getElementById("parent");
+const child = document.getElementById("child");
+
+// 抛出未捕获的 TypeError
+const garbage = parent.removeChild(child);
+```
+
+### 引发 NotFoundError
+
+```html
+<!--HTML 代码示例-->
+<div id="parent">
+  <div id="child"></div>
+</div>
+```
+
+```js
+const parent = document.getElementById("parent");
+const child = document.getElementById("child");
+
+// 第一次调用正确并移除了该节点。
+const garbage = parent.removeChild(child);
+
+// 抛出 NotFoundError
+garbage = parent.removeChild(child);
+```
+
 ## 规范
 
-- [DOM Level 1 Core: removeChild](http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-removeChild)
-- [DOM Level 2 Core: removeChild](http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1734834066)
-- [DOM Level 3 Core: removeChild](http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1734834066)
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
 
-## 相关链接
+## 参见
 
-- {{domxref("Node.replaceChild")}}
+- {{domxref("Node.replaceChild()")}}
 - {{domxref("Node.parentNode")}}
-- {{domxref("ChildNode.remove")}}
+- {{domxref("Element.remove()")}}
+- {{domxref("Node.cloneNode()")}}

From 7329021f449629db1f32997a12ebdade15a246e5 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 20 Aug 2024 16:40:21 +0200
Subject: [PATCH 11/81] [ja] sync translated content (#23167)

* ja: sync translated content

* Update _redirects.txt

* Update _wikihistory.json

* Delete files/ja/conflicting/web/api/navigator/registerprotocolhandler/index.md

---------

Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>
---
 files/ja/_redirects.txt                       |   3 +-
 files/ja/_wikihistory.json                    |  10 --
 .../web-based_protocol_handlers/index.md      | 131 ------------------
 3 files changed, 2 insertions(+), 142 deletions(-)
 delete mode 100644 files/ja/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 7ebb1cd0827a97..0a83af57b00437 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -2566,7 +2566,7 @@
 /ja/docs/Using_web_workers	/ja/docs/Web/API/Web_Workers_API/Using_web_workers
 /ja/docs/View_source	https://firefox-source-docs.mozilla.org/devtools-user/view_source/index.html
 /ja/docs/WOFF	/ja/docs/Web/CSS/CSS_fonts/WOFF
-/ja/docs/Web-based_protocol_handlers	/ja/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
+/ja/docs/Web-based_protocol_handlers	/ja/docs/Web/API/Navigator/registerProtocolHandler
 /ja/docs/Web-d/Guide/CSS/Getting_started	/ja/docs/Learn/CSS
 /ja/docs/Web-d/Guide/CSS/Getting_started/Boxes	/ja/docs/Learn/CSS/Building_blocks/The_box_model
 /ja/docs/Web-d/Guide/CSS/Getting_started/Cascading_and_inheritance	/ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance
@@ -2971,6 +2971,7 @@
 /ja/docs/Web/API/Navigator/Online_and_offline_events	/ja/docs/Web/API/Navigator/onLine
 /ja/docs/Web/API/Navigator/battery	/ja/docs/Web/API/Navigator/getBattery
 /ja/docs/Web/API/Navigator/mozIsLocallyAvailable	/ja/docs/Web/API/Navigator
+/ja/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers	/ja/docs/Web/API/Navigator/registerProtocolHandler
 /ja/docs/Web/API/NavigatorID	/ja/docs/Web/API/Navigator
 /ja/docs/Web/API/NavigatorID/appCodeName	/ja/docs/Web/API/Navigator/appCodeName
 /ja/docs/Web/API/NavigatorID/appName	/ja/docs/Web/API/Navigator/appName
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 8d7cd239a4f451..ac481062da6dfe 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -10725,16 +10725,6 @@
       "Norah"
     ]
   },
-  "Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers": {
-    "modified": "2019-03-23T23:53:21.069Z",
-    "contributors": [
-      "mfuji09",
-      "chrisdavidmills",
-      "ethertank",
-      "Mgjbot",
-      "Potappo"
-    ]
-  },
   "Web/API/Navigator/sendBeacon": {
     "modified": "2020-10-15T21:51:51.220Z",
     "contributors": ["mfuji09", "nomeaning777", "taise", "__ku"]
diff --git a/files/ja/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md b/files/ja/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
deleted file mode 100644
index 652a0166ff7a2f..00000000000000
--- a/files/ja/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: ウェブベースのプロトコルハンドラー
-slug: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
----
-
-## 背景
-
-ウェブページで `http` ではないプロトコルを使用したリソースへのリンクを見つけることがよくあります。例えば、 `mailto:` プロトコルです。
-
-```html
-<a href="mailto:webmaster@example.com">ウェブマスター</a>
-```
-
-ウェブ制作者は、ユーザーがウェブページから直接 E メールを送るのに便利な方法を提供したいときに、 `mailto:` リンクを用いることができます。リンクがアクティブ化されたとき、ブラウザーは、E メールを扱うための標準のデスクトップアプリケーションを起動させるはずです。これは、<em>デスクトップベース</em> プロトコルハンドラーと考えることができます。
-
-ウェブベースプロトコルハンドラーは、ウェブベースアプリーケーションもその処理に追加することを可能にします。これはアプリケーションをウェブに移行させるうえでますます重要になってきています。実際、 `mailto` リンクを処理できる可能性がある多くのウェブベースの E メールを扱うアプリケーションが存在しています。
-
-## 登録
-
-ウェブアプリケーションをプロトコルハンドラーとして設定するのは、難しい処理ではありません。基本的に、ウェブアプリケーションは自身を指定したプロトコルのための可能なハンドラーとしてブラウザーに登録するために [`registerProtocolHandler()`](/ja/docs/Web/API/Navigator/registerProtocolHandler) を使用します。
-
-```js
-navigator.registerProtocolHandler(
-  "web+burger",
-  "http://www.google.co.uk/?uri=%s",
-  "Burger handler",
-);
-```
-
-ここでの引数は次の通りです。
-
-- プロトコル。
-- URL のテンプレート。 "%s" は、リンクの `href` 属性の値に置換され、 GET が置換後の URL に対して実行されます。
-- プロトコルハンドラーのためのユーザーにわかりやすい名前。
-
-ブラウザーがこのコードを実行するとき、ユーザーにプロンプトを表示し、そのプロトコルのためのハンドラーとしてそのウェブアプリケーションを登録して良いかどうかの許可を求めるはずです。 Firefox は、情報バー領域に以下のプロンプトを表示します。
-
-![](protocolregister.png)
-
-> [!NOTE]
-> URL テンプレートが提供されるとき、登録する URL は登録が行われようとするウェブページと同じドメインである**必要があります**。異なるドメインであった場合は、登録は失敗します。 例えば `http://example.com/homepage.html` では `http://example.com/handle_mailto/%s` はプロトコルハンドラーとして登録可能ですが、 `http://example.org/handle_mailto/%s` はプロトコルハンドラーとして登録することはできません。
-
-同じプロトコルハンドラーを 2 回以上登録すると、そのプロトコルハンドラーが既に登録済みであることを示す別のポップアップが表示されます。従って、プロトコルハンドラーの登録を呼び出すのを防ぐために、以下のように既に登録済みであるかどうかを確認するのが良いでしょう。
-
-### 例
-
-```js
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html lang="en">
-<head>
-  <title>ウェブプロトコルハンドラーサンプル - 登録</title>
-  <script type="text/javascript">
-    navigator.registerProtocolHandler("web+burger",
-                                  "http://www.google.co.uk/?uri=%s",
-                                  "Burger handler");
-  </script>
-</head>
-<body>
-  <h1>ウェブプロトコルハンドラーサンプル</h1>
-  <p>このウェブページは、 <code>web+burger:</code> プロトコルのためのウェブプロトコルハンドラーをインストールします。</p>
-</body>
-</html>
-```
-
-## 有効化
-
-登録すると、ユーザーが登録されたプロトコルを用いたリンクを有効化したときに、ブラウザーはウェブアプリケーションが登録されたときに提供された URL へアクションを送るようになります。Firefox は、既定では、アクションを実行する前にユーザーにプロンプトを表示します。
-
-### 例
-
-```html
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html lang="en">
-  <head>
-    <title>ウェブプロトコルハンドラーサンプル - テスト</title>
-  </head>
-  <body>
-    <p>
-      前に<a href="web+burger:cheeseburger">これ</a>を見たことがありますか？
-    </p>
-  </body>
-</html>
-```
-
-## 処理
-
-次の段階は、アクションを処理することです。ブラウザーはアクティブ化されたリンクから `href` 属性の値を展開し、ハンドラー登録時に提供された URL テンプレートと結合し、その URL 上で HTTP GET を行います。ですから、上記の例では、ブラウザーは、次の URL 上で GET を行います。
-
-```
-http://www.google.co.uk/?uri=web+burger:cheeseburger
-```
-
-サーバー側コードは、クエリー文字列の引数を展開し、要求されたアクションを行います。
-
-> [!NOTE]
-> サーバー側コードには `href` 属性の値の**全体**が渡されます。つまり、サーバー側コードは、そのデータからプロトコルを解釈しなければならないということです。
-
-### 例
-
-```php
-<?php
-$value = "";
-if ( isset ( $_GET["value"] ) ) {
-  $value = $_GET["value"];
-}
-?>
-
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html lang="en">
-<head>
-    <title>ウェブプロトコルハンドラーサンプル</title>
-</head>
-<body>
-  <h1>ウェブプロトコルハンドラーサンプル - ハンドラー</h1>
-  <p>このウェブページは、 <code>web+burger:</code> プロトコルアクションを処理したときに呼び出されます。送られたデータは次の通りです。</p>
-  <textarea>
-<?php echo(htmlspecialchars($value, ENT_QUOTES, 'UTF-8')); ?>
-  </textarea>
-</body>
-</html>
-```
-
-## 参考文献
-
-- [http://www.w3.org/TR/2011/WD-html5-20110525/timers.html#custom-handlers](https://www.w3.org/TR/2011/WD-html5-20110525/timers.html#custom-handlers)
-
-## 関連情報
-
-- `nsIProtocolHandler` (XUL のみ)
-- [RegisterProtocolHandler Enhancing the Federated Web](https://blog.mozilla.org/webdev/2010/07/26/registerprotocolhandler-enhancing-the-federated-web/) at Mozilla Webdev
-- [Register a custom protocolHandler](https://web.dev/registering-a-custom-protocol-handler/) at web.dev.

From 01d2193a71b0e5d176d25c08c3a81a283bcdb7db Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 02:07:03 +0900
Subject: [PATCH 12/81] =?UTF-8?q?2024/08/05=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/indexeddb_api/basic_terminology/index.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/ja/web/api/indexeddb_api/basic_terminology/index.md b/files/ja/web/api/indexeddb_api/basic_terminology/index.md
index 58980574c73db6..f62fbab21b3aff 100644
--- a/files/ja/web/api/indexeddb_api/basic_terminology/index.md
+++ b/files/ja/web/api/indexeddb_api/basic_terminology/index.md
@@ -2,7 +2,7 @@
 title: IndexedDB の主な特徴と基本用語
 slug: Web/API/IndexedDB_API/Basic_Terminology
 l10n:
-  sourceCommit: 2f87739e5ad2231acad10157f97b45579af511d6
+  sourceCommit: f2088b8912ef205a737551441d54b73507bd3ac6
 ---
 
 {{DefaultAPISidebar("IndexedDB")}}
@@ -13,7 +13,7 @@ l10n:
 
 - API の使用方法に関する詳細なチュートリアルについては、[IndexedDB の使用](/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB)を参照してください。
 - IndexedDB API のリファレンス文書については、[IndexedDB API](/ja/docs/Web/API/IndexedDB_API) のメイン記事と、IndexedDB で使用されるオブジェクトの型を記したそのサブページを参照してください。
-- ブラウザーがバックグラウンドでデータを保存する方法の詳細については、[ブラウザーのストレージ制限と削除基準](/ja/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria)を参照してください。
+- ブラウザーがバックグラウンドでデータを保存する方法の詳細については、[ブラウザーのストレージ容量と削除基準](/ja/docs/Web/API/Storage_API/Storage_quotas_and_eviction_criteria)を参照してください。
 
 ## 主な特徴
 
@@ -24,16 +24,16 @@ IndexedDB では、「キー」に基づいてインデックス化されたオ
 他の種類のデータベースでの作業を前提としていると、IndexedDB での作業に戸惑うことがあるかもしれません。そのため、以下のような IndexedDB の主な特徴を覚えておくことが重要です。
 
 - **IndexedDB データベースは、キーと値の組を格納します。** 値は複雑な構造のオブジェクトで、キーはそのオブジェクトのプロパティです。オブジェクトの任意のプロパティを使用するインデックスを作成して、迅速な検索や並べ替えされた列挙を行うことができます。キーにはバイナリーオブジェクトを使用することができます。
-- **IndexedDB は、トランザクションデータベースモデルに基づいて構築されています。** IndexedDB で行うことは、常に[トランザクション](#トランザクション)のコンテキストで行われます。IndexedDB API には、インデックス、テーブル、カーソルなどを表す多くのオブジェクトが用意されていますが、これらはそれぞれ特定のトランザクションに関連付けられています。そのため、トランザクションの外でコマンドを実行したり、カーソルを開いたりすることはできません。トランザクションには十分に定義された有効期間があるため、トランザクションが完了した後に使用しようとすると、例外が発生します。また、トランザクションは自動コミットされ、手動でコミットすることはできません。
+- **IndexedDB は、トランザクションデータベースモデルに基づいて構築されています。** IndexedDB で行うことは、常に[トランザクション](#トランザクション)のコンテキストで行われます。IndexedDB API には、インデックス、テーブル、カーソルなどを表す多くのオブジェクトが用意されていますが、これらはそれぞれ特定のトランザクションに関連付けられています。そのため、トランザクションの外でコマンドを実行したり、カーソルを開いたりすることはできません。トランザクションには十分に定義された有効期間があるため、トランザクションが完了した後に使用しようとすると、例外が発生します。また、トランザクションがアクティブなときに新しいリクエストがされない場合、トランザクションは自動的にコミットされます。
 
   このトランザクションモデルは、ユーザーがウェブアプリケーションの 2 つのインスタンスを 2 つの異なるタブで同時に開いた場合のことを考えると、とても有用です。トランザクション操作がなければ、 2 つのインスタンスが互いの変更に干渉してしまう可能性があります。データベースのトランザクションに慣れていない方は、[Wikipedia のトランザクションに関する記事](https://ja.wikipedia.org/wiki/%E3%83%88%E3%83%A9%E3%83%B3%E3%82%B6%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3)をご覧ください。また、「定義」の章の[トランザクション](#トランザクション)もご覧ください。
 
-- **IndexedDB API は、ほとんどが非同期です。** API は値を返すことでデータを提供するわけではありません。コールバック関数を渡す必要があります。同期的な方法でデータベースに値を「格納」したり、データベースから値を「取り出す」ことはしません。代わりに、データベース操作を「リクエスト」します。操作が終了すると DOM イベントで通知され、そのイベントの種類によって操作が成功したか失敗したかが分かります。最初は少し複雑に聞こえるかもしれませんが、そこには健全性を保つための対策が組み込まれています。これは、[XMLHttpRequest](/ja/docs/Web/API/XMLHttpRequest) が動作する方法と大きな違いはありません。
+- **IndexedDB API は、ほとんどが非同期です。** API は値を返すことでデータを提供するわけではありません。コールバック関数を渡す必要があります。同期的な方法でデータベースに値を「格納」したり、データベースから値を「取り出す」ことはしません。代わりに、データベース操作を「リクエスト」します。操作が終了すると DOM イベントで通知され、そのイベントの種類によって操作が成功したか失敗したかが分かります。
 - **IndexedDB は多くのリクエストを使用します。** リクエストは、前述の成功または失敗の DOM イベントを受け取るオブジェクトです。このオブジェクトには `onsuccess` と `onerror` のプロパティがあり、`addEventListener()` と `removeEventListener()` を呼び出すことができます。また、`readyState`、`result`、`errorCode` の各プロパティがあり、リクエストの状態を知ることができます。`result` プロパティは、リクエストの生成方法 (例えば `IDBCursor` インスタンスや、データベースに挿入したばかりの値のキー) に応じて、さまざまなものになるため、特に魔法のようなものです。
 - **IndexedDB は DOM イベントを使って、結果が利用可能になったことを通知します。** DOM イベントには、必ず `type` プロパティがあります (IndexedDB では、最も一般的に `"success"` または `"error"` に設定されます)。また、DOM イベントには、イベントの目的地を示す `target` プロパティがあります。ほとんどの場合、イベントの `target` は、何らかのデータベース操作の結果として生成された `IDBRequest` オブジェクトです。成功イベントはバブルアップしませんし、キャンセルもできません。一方、エラーイベントはバブリングします、キャンセルも可能です。これは非常に重要なことで、エラーイベントはキャンセルされない限り、実行中のトランザクションを中断します。
 - **IndexedDB はオブジェクト指向です。** IndexedDB は、行と列の集合体であるテーブルを持つリレーショナルデータベースではありません。この重要かつ根本的な違いは、アプリケーションの設計・構築方法に影響します。
 
-  従来のリレーショナルデータストアでは、データの行と名前の付いたデータの列の集合体を格納するテーブルがあります。一方、IndexedDB では、データの種類に応じてオブジェクトストアを作成し、そのストアに JavaScript オブジェクトを永続化する必要があります。各オブジェクトストアには、クエリや反復処理を効率的に行うためのインデックスのコレクションを持つことができます。オブジェクト指向データベース管理システムに慣れていない方は、[Wikipedia のオブジェクトデータベースの記事](https://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9)をお読みください。
+  従来のリレーショナルデータストアでは、データの行と名前の付いたデータの列の集合体を格納するテーブルがあります。一方、IndexedDB では、データの種類に応じてオブジェクトストアを作成し、そのストアに JavaScript オブジェクトを永続化する必要があります。各オブジェクトストアには、クエリーや反復処理を効率的に行うためのインデックスのコレクションを持つことができます。オブジェクト指向データベース管理システムに慣れていない方は、[Wikipedia のオブジェクトデータベースの記事](https://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9)をお読みください。
 
 - **IndexedDB は Structured Query Language (SQL) を使用しません。** インデックスに対するクエリーを使用してカーソルを生成し、そのカーソルを使用して結果セットを反復処理します。NoSQL システムについてよく知らない方は、[Wikipedia の NoSQL に関する記事](https://ja.wikipedia.org/wiki/NoSQL)をご覧ください。
 - **IndexedDB は、同一オリジンポリシーを採用しています**。オリジンとは、スクリプトを実行している文書の URL のドメイン、アプリケーション層のプロトコル、およびポートのことです。各オリジンには、それぞれ関連するデータベースのセットがあります。すべてのデータベースには、オリジン内で識別するための名前があります。
@@ -47,7 +47,7 @@ IndexedDB では、「キー」に基づいてインデックス化されたオ
 
 IndexedDB は、クライアントサイドのストレージを必要とするほとんどのケースをカバーするように設計されています。しかし、以下のようないくつかのケースには対応していません。
 
-- 国際化に対応した並べ替え。すべての言語で文字列が同じように並べ替えされるわけではないので、国際化に対応した並べ替えには対応していません。データベースは特定の国際化に対応した順序でデータを保存することはできませんが、データベースから読み取ったデータを自分で並べ替えすることはできます。ただし、Firefox 43 以降、実験的なフラグを有効にすることで、[ロケールを考慮した並べ替え](/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB#locale-aware_sorting)が可能になっています (現在は Firefox のみ)。
+- 国際化に対応した並べ替え。すべての言語で文字列が同じように並べ替えされるわけではないので、国際化に対応した並べ替えには対応していません。データベースは特定の国際化に対応した順序でデータを保存することはできませんが、データベースから読み取ったデータを自分で並べ替えすることはできます。
 - 同期。この API は、サーバー側のデータベースとの同期を行うようには設計されていません。クライアント側の indexedDB データベースとサーバー側のデータベースを同期させるコードを書く必要があります。
 - 全文検索。この API には、 SQL の `LIKE` 演算子に相当するものがありません。
 
@@ -165,7 +165,7 @@ Firefox 40 では、IndexedDB トランザクションは、パフォーマン
 
 #### キーレンジ
 
-キーとして使用する、何らかのデータ型の連続的な区間です。キーまたはキーレンジを使用して、オブジェクトストアやインデックスからレコードを取り出すことができます。下限または上限を使用して、レンジを制限またはフィルターリングできます。例えばキーが x から y の間であるすべての値に対して、反復処理を行うことができます。
+キーとして使用する、何らかのデータ型の連続的な区間です。キーまたはキーレンジを使用して、オブジェクトストアやインデックスからレコードを取り出すことができます。下限または上限を使用して、レンジを制限またはフィルタリングできます。例えばキーが x から y の間であるすべての値に対して、反復処理を行うことができます。
 
 キーレンジのリファレンス文書として、{{domxref("IDBKeyRange")}} をご覧ください。
 
@@ -182,4 +182,4 @@ IndexedDB の主な特徴と主要な用語を理解できたら、より具体
 - [Indexed Database API 仕様書](https://www.w3.org/TR/IndexedDB/)
 - [IndexedDB API リファレンス](/ja/docs/Web/API/IndexedDB_API)
 - [IndexedDB の使用](/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB)
-- [IndexedDB — The Store in Your Browser](<https://docs.microsoft.com/previous-versions/msdn10/gg679063(v=msdn.10)>)
+- [IndexedDB — The Store in Your Browser](<https://learn.microsoft.com/en-us/previous-versions/msdn10/gg679063(v=msdn.10)>)

From 9213ab965e9229573e09f6b365a42d8a877e984f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 26 Jul 2024 13:00:10 +0900
Subject: [PATCH 13/81] =?UTF-8?q?2024/07/19=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/glossary/aspect_ratio/index.md | 50 +++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 files/ja/glossary/aspect_ratio/index.md

diff --git a/files/ja/glossary/aspect_ratio/index.md b/files/ja/glossary/aspect_ratio/index.md
new file mode 100644
index 00000000000000..f390cd74e6cad0
--- /dev/null
+++ b/files/ja/glossary/aspect_ratio/index.md
@@ -0,0 +1,50 @@
+---
+title: Aspect ratio (アスペクト比)
+slug: Glossary/Aspect_ratio
+l10n:
+  sourceCommit: 1197521ff42256b9d298144330cfd5b6e0d98c33
+---
+
+{{GlossarySidebar}}
+
+**アスペクト比**とは、要素または{{glossary("viewport", "ビューポート")}}の幅と高さの比のことで、比率または 2 つの数値で表します。
+
+アスペクト比を維持することで、画像や動画のような内在的なアスペクト比であろうと、外在的に設定されたものであろうと、要素の意図する縦横比を維持します。要素やビューポートのアスペクト比による問い合わせを行うこともでき、柔軟な部品やレイアウトを開発するのに有益です。
+
+CSS では、{{cssxref("ratio")}} のデータ型は `width / height` （例えば、正方形の場合は `1 / 1`、ワイドスクリーンの場合は `16 / 9`）、または単一の数値（この場合、数値は幅を表し、高さは `1`）で入力します。
+
+```css
+.wideBox {
+  aspect-ratio: 5 / 2;
+}
+.tallBox {
+  aspect-ratio: 0.25;
+}
+```
+
+SVG では、アスペクト比は [`viewBox`](/ja/docs/Web/SVG/Attribute/viewBox) 属性の 4 つの値によって定義されます。最初の 2 つの値は SVG が持っている最小の X と Y の原点座標で、次の 2 つの値は SVG のアスペクト比を設定する幅と高さです。
+
+```svg
+<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"></svg>
+```
+
+JavaScript API でアスペクト比を問い合わせると、幅を高さで割った倍精度浮動小数点数が返されます。JavaScript を使用して要素のアスペクト比を設定することもできます。例えば、{{domxref("MediaStreamTrack")}} または {{domxref("MediaTrackSettings")}} 辞書の [`aspectRatio`](/ja/docs/Web/API/MediaTrackSettings/aspectRatio) プロパティを使用して 1920x1080 動画のアスペクト比制約を設定するには、16/9、または 1920/1080 として計算され、`1.7777778` となります。
+
+```js
+const constraints = {
+  width: 1920,
+  height: 1080,
+  aspectRatio: 1.777777778,
+};
+
+myTrack.applyConstraints(constraints);
+```
+
+## 関連情報
+
+- CSS の {{cssxref("aspect-ratio")}} プロパティ
+- [アスペクト比の理解](/ja/docs/Web/CSS/CSS_box_sizing/Understanding_aspect-ratio)ガイド
+- [CSS ボックスサイズ指定](/ja/docs/Web/CSS/CSS_box_sizing)モジュール
+- 関連用語:
+  - {{glossary("intrinsic size", "内在サイズ")}}
+- CSS の {{cssxref("min-content")}}、{{cssxref("max-content")}}、{{cssxref("fit-content")}} プロパティ値

From a49169fc3a231f93ae6e07ce19b41b9f6ff50369 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 11:05:55 +0900
Subject: [PATCH 14/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/keyboardevent/index.md | 70 ++++++++-----------------
 1 file changed, 21 insertions(+), 49 deletions(-)

diff --git a/files/ja/web/api/keyboardevent/index.md b/files/ja/web/api/keyboardevent/index.md
index e4fb1473b0bf42..536db1dd84778e 100644
--- a/files/ja/web/api/keyboardevent/index.md
+++ b/files/ja/web/api/keyboardevent/index.md
@@ -2,14 +2,14 @@
 title: KeyboardEvent
 slug: Web/API/KeyboardEvent
 l10n:
-  sourceCommit: 56c76424a5edb45f6716ac4ee48861dac8e7ae38
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
 {{APIRef("UI Events")}}
 
 **`KeyboardEvent`** オブジェクトは、キーボードによるユーザーの操作を示します。個々のイベントがユーザーとキーとの間の単一の操作（または修飾キーとの組み合わせ）を表します。イベントの種類 ({{domxref("Element/keydown_event", "keydown")}}, {{domxref("Element/keypress_event", "keypress")}}, {{domxref("Element/keyup_event", "keyup")}}) はキーボード操作が発生した種類を識別します。
 
-> **メモ:** `KeyboardEvent` は、単にユーザーがキーボードのキーで行った操作が何であるかを低水準で示すものであり、その操作のその場面における意味は持ちません。テキストの入力を処理したい場合は、代わりに {{domxref("HTMLElement/input_event", "input")}} イベントを使用してください。ユーザーが他の種類のテキスト入力、例えば、タブレット端末やタブレット機器による手書き入力システムなどを使用している場合、キーボードイベントが発生することはありません。
+> **メモ:** `KeyboardEvent` は、単にユーザーがキーボードのキーで行った操作が何であるかを低水準で示すものであり、その操作のその場面における意味は持ちません。テキストの入力を処理したい場合は、代わりに {{domxref("Element/input_event", "input")}} イベントを使用してください。ユーザーが他の種類のテキスト入力、例えば、タブレット端末やタブレット機器による手書き入力システムなどを使用している場合、キーボードイベントが発生することはありません。
 
 {{InheritanceDiagram}}
 
@@ -20,7 +20,7 @@ l10n:
 
 ## 定数
 
-`KeyboardEvent` インターフェースは、以下の定数を定義しています。
+`KeyboardEvent` インターフェイスは、以下の定数を定義しています。
 
 ### キーボード上の位置
 
@@ -110,13 +110,6 @@ _このインターフェイスには、親である {{domxref("UIEvent")}} お
   - : 論理値で、このイベントが `compositionstart` と `compositionend` の間に発生したものであれば `true` を返します。
 - {{domxref("KeyboardEvent.key")}} {{ReadOnlyInline}}
   - : 文字列で、このイベントが表すキーのキー値を表します。
-- {{domxref("KeyboardEvent.locale")}} {{ReadOnlyInline}}
-
-  - : 文字列で、キーボードに設定されているロケールを示すロケール文字列を返します。ブラウザーや端末がキーボードのロケールを知らない場合は空文字列となります。
-
-    > [!NOTE]
-    > このプロパティは入力データのロケールを表すわけではありません。例えば、ユーザーが使用するキーボードレイアウトと入力テキストとで言語が異なる場合があります。
-
 - {{domxref("KeyboardEvent.location")}} {{ReadOnlyInline}}
   - : 数値で、キーボードなどの入力機器上のキーの位置を表す値を返します。位置を特定する定数の一覧は、上記の[キーボード上の位置](#キーボード上の位置)にあります。
 - {{domxref("KeyboardEvent.metaKey")}} {{ReadOnlyInline}}
@@ -129,6 +122,19 @@ _このインターフェイスには、親である {{domxref("UIEvent")}} お
 
   - : 論理値で、このキーイベントが発生した際に <kbd>Shift</kbd> キーが押されていれば `true` を返します。
 
+### 古いプロパティ
+
+- {{domxref("KeyboardEvent.charCode")}} {{Deprecated_inline}} {{ReadOnlyInline}}
+
+  - : キーの Unicode 参照番号を表す数値を返します。このプロパティは `keypress` イベントでのみ使用されます。 `char` プロパティが複数の文字を含むキーの場合、これはそのプロパティの最初の文字の Unicode 値です。Firefox 26 では、表示可能な文字のコードが返されます。
+
+- {{domxref("KeyboardEvent.keyCode")}} {{deprecated_inline}} {{ReadOnlyInline}}
+
+  - : 押されたキーの修飾されていない値を識別する、システムおよび実装に依存する数値コードを表す数値を返します。
+
+- {{domxref("KeyboardEvent.keyIdentifier")}} {{Non-standard_inline}} {{deprecated_inline}} {{ReadOnlyInline}}
+  - : このプロパティは標準外であり、{{domxref("KeyboardEvent.key")}} に置き換えられて非推奨とされています。これは、DOM Level 3 Events の古い版に含まれていました。
+
 ## インスタンスメソッド
 
 _このインターフェイスには、親である {{domxref("UIEvent")}} および {{domxref("Event")}} から継承したメソッドもあります。_
@@ -137,47 +143,13 @@ _このインターフェイスには、親である {{domxref("UIEvent")}} お
 
   - : そのイベントが発生した際に修飾キー (<kbd>Alt</kbd> / <kbd>Shift</kbd> / <kbd>Ctrl</kbd> / <kbd>Meta</kbd>) が押されていたかどうかを表す論理値を返します。
 
-## 廃止されたメソッド
+### 古いメソッド
 
 - {{domxref("KeyboardEvent.initKeyEvent()")}} {{deprecated_inline}}
   - : `KeyboardEvent` オブジェクトを初期化します。これは Firefox でのみ実装されていたものですが、もう Firefox でも対応していません。代わりに {{domxref("KeyboardEvent.KeyboardEvent", "KeyboardEvent()")}} コンストラクターを使用してください。
 - {{domxref("KeyboardEvent.initKeyboardEvent()")}} {{deprecated_inline}}
   - : `KeyboardEvent` オブジェクトを初期化します。これは非推奨になりました。代わりに {{domxref("KeyboardEvent.KeyboardEvent", "KeyboardEvent()")}} コンストラクターを使用してください。
 
-## 廃止されたプロパティ
-
-- {{domxref("KeyboardEvent.char")}} {{Non-standard_inline}} {{Deprecated_inline}} {{ReadOnlyInline}}
-
-  - : このキーの文字値を表す文字列を返します。キーが表示可能な文字に対応している場合、この値はその文字を含む空でない Unicode 文字列となります。キーが表示可能な表現を持たない場合は、これは空文字列です。
-
-    > [!NOTE]
-    > キーが複数の文字を挿入するマクロとして使用されている場合、このプロパティの値は最初の文字だけでなく、文字列全体になります。
-
-- {{domxref("KeyboardEvent.charCode")}} {{Deprecated_inline}}{{ReadOnlyInline}}
-
-  - : このキーの Unicode 参照番号を表す数値を返します。この属性は、`keypress` イベントでのみ使用されます。 `char` 属性が複数の文字を含むキーの場合、これはその属性の最初の文字の Unicode 値となります。 Firefox 26 では、これは表示可能な文字のコードを返します。
-
-    > [!WARNING]
-    > この属性は非推奨です。可能であれば、代わりに {{domxref("KeyboardEvent.key")}} を使用してください。
-
-- {{domxref("KeyboardEvent.keyCode")}} {{deprecated_inline}} {{ReadOnlyInline}}
-
-  - : 押されたキーの修飾されていない値を示す、 システムや実装に依存した数値コードを数値で返します。
-
-    > [!WARNING]
-    > この属性は非推奨です。可能であれば、代わりに {{domxref("KeyboardEvent.key")}} を使用してください。
-
-- {{domxref("KeyboardEvent.keyIdentifier")}} {{Non-standard_inline}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : このプロパティは標準外であり、{{domxref("KeyboardEvent.key")}} に置き換えられ非推奨になりました。これは DOM Level 3 Events の古い版に含まれていました。
-- {{domxref("KeyboardEvent.keyLocation")}} {{Non-standard_inline}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : これは {{domxref("KeyboardEvent.location")}} の標準外で非推奨の別名です。これは DOM Level 3 Events の古い版に含まれていました。
-- {{domxref("UIEvent.which")}} {{deprecated_inline}} {{ReadOnlyInline}}
-
-  - : 押されたキーの修飾されていない値を示す、 システムや実装に依存した数値コードを数値で返します。これは通常 `keyCode` と同じです。
-
-    > [!WARNING]
-    > この属性は非推奨です。可能であれば、代わりに {{domxref("KeyboardEvent.key")}} を使用してください。
-
 ## イベント
 
 以下のイベントは `KeyboardEvent` 型に基づいています。以下のリストでは、各イベントは、そのイベントの `Element` のハンドラーのドキュメントにリンクしおり、これは一般的にすべての宛先、例えば {{domxref("Element")}}、{{domxref("Document")}}、{{domxref("Window")}} に適用されます。
@@ -187,7 +159,7 @@ _このインターフェイスには、親である {{domxref("UIEvent")}} お
 - {{domxref("Element.keyup_event", "keyup")}}
   - : キーが離されました。
 
-### 廃止されたイベント
+### 古いイベント
 
 - {{domxref("Element.keypress_event", "keypress")}} {{deprecated_inline}}
   - : 通常は文字値を生成するキーが押されました。このイベントは端末への依存度が高いため、廃止されました。使用すべきではありません。
@@ -288,10 +260,10 @@ document.addEventListener(
 
 ### 互換性のメモ
 
-- Firefox 65 では、 `keypress` イベントは[表示可能でないキー](</ja/docs/Web/API/KeyboardEvent/keyCode#non-printable_keys_(function_keys)>)では発生しなくなりました（[Firefox バグ 968056](https://bugzil.la/968056)）が、 <kbd>Enter</kbd> キー、 <kbd>Shift</kbd> + <kbd>Enter</kbd> キー、 <kbd>Ctrl</kbd> + <kbd>Enter</kbd> キーの組み合わせでは発生します (これらはブラウザー間の互換性の目的のために維持されています)。
+- Firefox 65 では、 `keypress` イベントは[表示可能でないキー](/ja/docs/Web/API/KeyboardEvent/keyCode#非表示キー（機能キー）)では発生しなくなりました（[Firefox バグ 968056](https://bugzil.la/968056)）が、 <kbd>Enter</kbd> キー、 <kbd>Shift</kbd> + <kbd>Enter</kbd> キー、 <kbd>Ctrl</kbd> + <kbd>Enter</kbd> キーの組み合わせでは発生します (これらはブラウザー間の互換性の目的のために維持されています)。
 
 ## 関連情報
 
-- {{domxref("KeyboardEvent.code")}}.
-- {{domxref("KeyboardEvent.key")}}.
+- {{domxref("KeyboardEvent.code")}}
+- {{domxref("KeyboardEvent.key")}}
 - {{domxref("KeyboardEvent.getModifierState()")}}

From 9d9cf68f0a397c2001b2617810bdde82f0625dab Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 11:27:01 +0900
Subject: [PATCH 15/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../constraints/index.md                            | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/files/ja/web/api/media_capture_and_streams_api/constraints/index.md b/files/ja/web/api/media_capture_and_streams_api/constraints/index.md
index cd5af2130b684a..514430ec08a484 100644
--- a/files/ja/web/api/media_capture_and_streams_api/constraints/index.md
+++ b/files/ja/web/api/media_capture_and_streams_api/constraints/index.md
@@ -2,14 +2,14 @@
 title: 能力と制約と設定
 slug: Web/API/Media_Capture_and_Streams_API/Constraints
 l10n:
-  sourceCommit: 19dbdc2139ab1c68651da2b9338061d64567665d
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
 この記事では、**制約** (constraints) と**能力** (capabilities) という 2 つの概念と、メディア設定について説明し、[制約エクササイザー](#例_制約エクササイザー)と呼ばれる例を挙げています。制約エクササイザーでは、コンピューターの A/V 入力機器（ウェブカメラやマイクなど）から入力される音声と映像のトラックに、異なる形の制約設定を 適用した場合の結果を使い勝手よく試すことができます。
 
-歴史的に、 Web API と密接に連携するウェブ用のスクリプトを作成することには、よく知られた課題がありました。 多くの場合、コードは、API が存在するかどうか、存在する場合は、それを実行している{{Glossary("user agent","ユーザーエージェント")}}の制限を知る必要があります。 これを理解するのは難しい場合が多く、通常、実行している{{Glossary("user agent","ユーザーエージェント")}}（またはブラウザー）とそのバージョンの組み合わせを調べ、特定のオブジェクトが存在するかどうかを確認したり、さまざまなものが機能するかどうかを確認したり、どのエラーが発生したかを判断したりする必要がありました。 その結果、非常に脆弱なコードが大量に発生するか、このような問題を解決するライブラリに依存したり、{{Glossary("polyfill", "ポリフィル")}}を実装して実装の穴にパッチを当てたりしました。
+歴史的に、 Web API と密接に連携するウェブ用のスクリプトを作成することには、よく知られた課題がありました。 多くの場合、コードは、API が存在するかどうか、存在する場合は、それを実行している{{Glossary("user agent","ユーザーエージェント")}}の制限を知る必要があります。 これを理解するのは難しい場合が多く、通常、実行している{{Glossary("user agent","ユーザーエージェント")}}（またはブラウザー）とそのバージョンの組み合わせを調べ、特定のオブジェクトが存在するかどうかを確認したり、さまざまなものが機能するかどうかを確認したり、どのエラーが発生したかを判断したりする必要がありました。 その結果、非常に脆弱なコードが大量に発生するか、このような問題を解決するライブラリーに依存したり、{{Glossary("polyfill", "ポリフィル")}}を実装して実装の穴にパッチを当てたりしました。
 
 能力と制約により、ブラウザーとウェブサイトまたはアプリケーションは、ブラウザーの実装が対応している **制約可能なプロパティ** と、それぞれについて対応している値についての情報を交換することができます。
 
@@ -56,7 +56,7 @@ const constraints = {
 myTrack.applyConstraints(constraints);
 ```
 
-この場合、制約は、ほぼすべてのプロパティで任意の値が適切であることを示しますが、標準の 16:9 アスペクト比で標準の高解像度 (HD) 動画サイズが望ましいことを示します。 結果のトラックがこれらのいずれかに一致するという保証はありませんが、ユーザーエージェントは可能な限り一致するように最善を尽くす必要があります。
+この場合、制約は、ほぼすべてのプロパティで任意の値が適切であることを示しますが、標準の 16:9 の{{glossary("aspect ratio", "アスペクト比")}}で標準の高解像度 (HD) 動画サイズが望ましいことを示します。 結果のトラックがこれらのいずれかに一致するという保証はありませんが、ユーザーエージェントは可能な限り一致するように最善を尽くす必要があります。
 
 プロパティの優先順位付けは簡単です。 2 つのプロパティの要求値が相互に排他的である場合、制約セットの最初にリストされている値を使用します。 例として、上記のコードを実行しているブラウザーは 1920x1080 のトラックを提供できないが、1920x900 を提供できる場合、それを提供します。
 
@@ -106,7 +106,7 @@ if (
 
 ## 能力の確認
 
-{{domxref("MediaStreamTrack.getCapabilities()")}} を呼び出して、対応しているすべての能力と、そのそれぞれが現在のプラットフォームとユーザーエージェントで受け入れられる値または値の範囲のリストを取得できます。 この関数は、ブラウザーが対応している各制約可能なプロパティと、それらのプロパティのそれぞれが対応している値または値の範囲をリストする {{domxref("MediaTrackCapabilities")}} オブジェクトを返します。
+{{domxref("MediaStreamTrack.getCapabilities()")}} を呼び出して、対応しているすべての能力と、そのそれぞれが現在のプラットフォームとユーザーエージェントで受け入れられる値または値の範囲のリストを取得できます。 この関数は、ブラウザーが対応している各制約可能なプロパティと、それらのプロパティのそれぞれが対応している値または値の範囲を列挙するオブジェクトを返します。
 
 > **メモ:** `getCapabilities()` は、まだすべての主要なブラウザーで実装されていません。 とりあえず、あなたは必要なものを手に入れようとする必要があり、もしそれができなければ、その時点で何をすべきかを決定します。 例えば、 [Firefox バグ 1179084](https://bugzil.la/1179084) を参照してください。
 
@@ -351,7 +351,7 @@ audioConstraintEditor.value = audioDefaultConstraintString;
 
 ### 設定の表示の更新
 
-各制約セットエディターの右側には、トラックの構成可能なプロパティの現在の構成を表示するために使用する 2 番目のテキストボックスがあります。 この表示を関数 `getCurrentSettings()` で更新します。 この関数は、音声トラックと映像トラックの現在の設定を取得し、 [`value`](/ja/docs/Web/HTML/Element/textarea#value) を設定することで対応するコードをトラックの設定表示ボックスに挿入します。
+各制約セットエディターの右側には、トラックの構成可能なプロパティの現在の構成を表示するために使用する 2 番目のテキストボックスがあります。 この表示を関数 `getCurrentSettings()` で更新します。 この関数は、音声トラックと映像トラックの現在の設定を取得し、[`value`](/ja/docs/Web/API/HTMLTextAreaElement/value) を設定することで対応するコードをトラックの設定表示ボックスに挿入します。
 
 ```js
 function getCurrentSettings() {
@@ -537,7 +537,7 @@ audioConstraintEditor.addEventListener("keydown", keyDownHandler, false);
 パズルの最後の重要な部分、ユーザーの参照用に、ブラウザーがサポートする制約可能なプロパティのリストを表示するコードです。 各プロパティは、ユーザーの利便性のために MDN のドキュメントへのリンクです。 このコードの動作の詳細については、[`MediaDevices.getSupportedConstraints()` の例](/ja/docs/Web/API/MediaDevices/getSupportedConstraints#例)を参照してください。
 
 > [!NOTE]
-> もちろん、このリストには非標準のプロパティが含まれている場合があります。 その場合、ドキュメントのリンクはあまり役に立たないでしょう。
+> もちろん、このリストには非標準のプロパティが含まれている場合があります。 その場合、このドキュメントのリンクはあまり役に立たないでしょう。
 
 ```js
 const supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
@@ -584,7 +584,6 @@ function handleError(reason) {
 ## 関連情報
 
 - [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
-- {{domxref("MediaTrackCapabilities")}}
 - {{domxref("MediaTrackConstraints")}}
 - {{domxref("MediaTrackSettings")}}
 - {{domxref("MediaDevices.getSupportedConstraints()")}}

From e182ae03dfd115090b1e7677d714ade6f3bfbb28 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 11:53:54 +0900
Subject: [PATCH 16/81] =?UTF-8?q?2023/08/25=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/media_source_extensions_api/index.md  | 52 +++++++++----------
 1 file changed, 25 insertions(+), 27 deletions(-)

diff --git a/files/ja/web/api/media_source_extensions_api/index.md b/files/ja/web/api/media_source_extensions_api/index.md
index 1feaeda307cea1..090a2dbbb93e2e 100644
--- a/files/ja/web/api/media_source_extensions_api/index.md
+++ b/files/ja/web/api/media_source_extensions_api/index.md
@@ -1,35 +1,43 @@
 ---
-title: Media Source Extensions API
+title: メディアソース拡張機能 API
 slug: Web/API/Media_Source_Extensions_API
+l10n:
+  sourceCommit: 381c51574a3e6a07ee09c63493452440f046038d
 ---
 
 {{DefaultAPISidebar("Media Source Extensions")}}
 
-**Media Source Extensions API**（MSE、メディアソース拡張機能 API）は、プラグイン不要で Web ベースのストリーミングメディアを可能にする機能を提供します。 MSE を使用すると、メディアストリームを JavaScript で作成し、{{htmlelement("audio")}} 要素 や {{htmlelement("video")}} 要素で再生できます。
+**メディアソース拡張機能 API** (Media Source Extensions API, **MSE**) は、プラグイン不要でウェブベースのストリーミングメディアを可能にする機能を提供します。 MSE を使用すると、メディアストリームを JavaScript で作成し、{{htmlelement("audio")}} 要素 や {{htmlelement("video")}} 要素で再生できます。
 
-## Media Source Extensions の概念と使用方法
+## メディアソース拡張機能の概念と使用方法
 
-動画と音声の再生は、Web アプリにおいて、ここ数年間でプラグイン不要で利用可能になりましたが、提供される基本的な機能は、単一トラック全体を再生する場合にのみ有効でした。 例えば、配列バッファを結合/分割することはできません。 RTMP プロトコルを使用して動画ストリームを提供する Flash Media Server などの技術により、ストリーミングメディアは最近まで Flash の領分でした。
+ここ数年で、動画と音声の再生は、ウェブアプリにおいてプラグイン不要で利用可能になりましたが、提供される基本的な機能は、単一トラック全体を再生する場合にのみ有効でした。 例えば、配列バッファーを結合/分割することはできません。 RTMP プロトコルを使用して動画ストリームを提供する Flash Media Server などの技術により、ストリーミングメディアは最近まで Flash の領分でした。
 
 ### MSE 標準
 
-Media Source Extensions（MSE）により、これは変化しています。 MSE を使用すると、メディア要素に渡す通常の単一トラックの `src` 値を `MediaSource` オブジェクトへの参照で置き換えることができます。 `MediaSource` オブジェクトは、再生するメディアの準備状態などの情報のコンテナであり、ストリーム全体を構成するメディアの異なるチャンク（大きな塊）を表す複数の `SourceBuffer` オブジェクトへの参照です。 MSE を使用すると、コンテンツを取得する量と頻度をよりきめ細かく制御でき、バッファを削除するタイミングなど、メモリ使用量の詳細をある程度制御できます。 拡張可能な API 上に構築される適応的ビットレートストリーミングクライアント（DASH や HLS を使用するクライアントなど）の基礎を築きます。
+メディアソース拡張機能 (MSE) により、これは変化しています。MSE を使用すると、メディア要素に渡す通常の単一のプログレッシブな `src` の URI を `MediaSource` オブジェクトへの参照で置き換えることができます。これは再生するメディアの準備状態などの情報のコンテナーであり、ストリーム全体を構成するメディアのさまざまなチャンク（大きな塊）を表す複数の `SourceBuffer` オブジェクトへの参照です。 MSE を使用すると、コンテンツを取得する量と頻度をよりきめ細かく制御でき、バッファーを削除するタイミングなど、メモリー使用量の詳細をある程度制御できます。 拡張可能な API 上に構築される適応的ビットレートストリーミングクライアント（DASH や HLS を使用するクライアントなど）の基礎を築きます。
 
-最新のブラウザーで MSE で動作するアセット（asset、静的コンテンツ）を作成するのは面倒なプロセスであり、かなりの時間、計算能力、エネルギーのすべてを必要とします。 コンテンツを適切な形式にもみほぐす外部ユーティリティの使用が必要です。 MSE を使用したさまざまなメディアコンテナのブラウザーサポートは不完全ですが、H.264 動画コーデック、AAC 音声コーデック、および MP4 コンテナ形式の使用が一般的なベースラインです。 MSE は、コンテナおよびコーデックのサポートの実行時検出用の API も提供します。
+最新のブラウザーで MSE で動作するアセット（asset、静的コンテンツ）を作成するのは面倒なプロセスであり、かなりの時間、計算能力、エネルギーのすべてを必要とします。 コンテンツを適切な形式にもみほぐす外部ユーティリティの使用が必要です。 MSE を使用したさまざまなメディアコンテナーのブラウザーサポートは不完全ですが、H.264 動画コーデック、AAC 音声コーデック、および MP4 コンテナー形式の使用が一般的なベースラインです。 MSE は、コンテナーおよびコーデックのサポートの実行時検出用の API も提供します。
 
-時間経過に伴う動画品質、コンテンツの取得速度、またはメモリの削除速度を明示的に制御する必要がない場合は、{{htmlelement("video")}} タグと {{htmlelement("source")}} タグが簡単で適切な解決策になる可能性があります。
+時間経過に伴う動画品質、コンテンツの取得速度、またはメモリーの削除速度を明示的に制御する必要がない場合は、{{htmlelement("video")}} タグと {{htmlelement("source")}} タグが簡単で適切な解決策になる可能性があります。
 
 ### DASH
 
 **Dynamic Adaptive Streaming over HTTP**（DASH、HTTP を介した動的適応的ストリーミング）は、適応的コンテンツの取得方法を指定するためのプロトコルです。 これは、効率的に適応的ビットレートストリーミングクライアントを構築するために MSE の上に構築されたレイヤーです。 HTTP Live Streaming（HLS、HTTP ライブストリーミング）といった他のプロトコルを使用できますが、DASH はほとんどのプラットフォームをサポートしています。
 
-DASH は、多くのロジックをネットワークプロトコルからクライアント側アプリのロジックに移動し、より単純な HTTP プロトコルを使用してファイルを取得します。 実際、単純な静的ファイルサーバーで DASH をサポートでき、{{glossary("CDN")}} にも最適です。 これは、独自で非標準のクライアント/サーバープロトコルの実装に高価なライセンスを必要とした従来のストリーミングの解決策とは正反対です。
+DASH は、多くのロジックをネットワークプロトコルからクライアント側アプリのロジックに移動し、より単純な HTTP プロトコルを使用してファイルを取得します。 実際、単純な静的ファイルサーバーで DASH をサポートでき、CDN にも最適です。 これは、独自で非標準のクライアント/サーバープロトコルの実装に高価なライセンスを必要とした従来のストリーミングの解決策とは正反対です。
 
-DASH の 2 つの最も一般的な使用例では、コンテンツを「オンデマンド」または「ライブ」で視聴します。 オンデマンドでは、開発者が時間をかけてアセットをさまざまな品質の複数の解像度にトランスコード（transcoding）できます。
+DASH の 2 つの最も一般的な使用例では、コンテンツを「オンデマンド」または「ライブ」で視聴します。 オンデマンドでは、開発者が時間をかけてアセットをさまざまな品質の複数の解像度に形式変換 (transcoding) できます。
 
-ライブプロファイルのコンテンツは、トランスコードとブロードキャストのために遅延を引き起こす可能性があるため、DASH は [WebRTC](/ja/docs/Web/API/WebRTC_API) のようなリアルタイム通信には適していません。 ただし、WebRTC よりもかなり多くのクライアント接続をサポートできます。
+ライブプロファイルのコンテンツは、形式変換とブロードキャストのために遅延を引き起こす可能性があるため、DASH は [WebRTC](/ja/docs/Web/API/WebRTC_API) のようなリアルタイム通信には適していません。 ただし、WebRTC よりもかなり多くのクライアント接続をサポートできます。
 
-コンテンツをトランスコードし、DASH、DASH ファイルサーバー、および JavaScript で記述された DASH クライアントライブラリで使用する準備を行うための、無料でオープンソースのツールが多数あります。
+コンテンツを形式変換し、DASH、DASH ファイルサーバー、および JavaScript で記述された DASH クライアントライブラリーで使用する準備を行うための、無料でオープンソースのツールが多数あります。
+
+### ワーカーでの利用可能性
+
+Chrome 108 から、MSE の機能は専用{{domxref("Web Workers API", "ウェブワーカー", "", "nocode")}}で利用できるようになり、{{domxref("MediaSource")}} や {{domxref("SourceBuffer")}} を操作する際のパフォーマンスが向上します。メディアを再生するには、{{domxref("MediaSource.handle")}} プロパティを使用して、`MediaSource` のプロキシーである {{domxref("MediaSource.handle")}} オブジェクトの参照を取得し、そのオブジェクトをメインスレッドに戻して、{{domxref("HTMLMediaElement.srcObject")}} プロパティ経由でメディア要素にアタッチすることができます。
+
+ライブ例としては、[MSE-in-Workers Demo by Matt Wolenetz](https://wolenetz.github.io/mse-in-workers-demo/mse-in-workers-demo.html) をご覧ください。
 
 ## インターフェイス
 
@@ -38,17 +46,13 @@ DASH の 2 つの最も一般的な使用例では、コンテンツを「オン
 - {{domxref("SourceBuffer")}}
   - : `MediaSource` オブジェクトを介して {{domxref("HTMLMediaElement")}} に渡されるメディアのチャンクを表します。
 - {{domxref("SourceBufferList")}}
-  - : 複数の `SourceBuffer` オブジェクトの単純なコンテナリスト。
+  - : 複数の `SourceBuffer` オブジェクトの単純なコンテナーリスト。
 - {{domxref("VideoPlaybackQuality")}}
   - : 欠落や破損したフレーム数など、{{htmlelement("video")}} 要素で再生される動画の品質に関する情報が含まれます。 {{domxref("HTMLVideoElement.getVideoPlaybackQuality()")}} メソッドによって返されます。
-- {{domxref("TrackDefault")}}
-  - : メディアチャンクの初期化セグメント（[initialization segments](http://w3c.github.io/media-source/#init-segment)）に含まれていないトラックの種類、ラベル、および言語情報の情報を {{domxref("SourceBuffer")}} に提供します。
-- {{domxref("TrackDefaultList")}}
-  - : 複数の `TrackDefault` オブジェクトの単純なコンテナリスト。
 
 ## 他のインターフェイスの拡張
 
-- {{domxref("URL.createObjectURL()")}}
+- {{domxref("URL.createObjectURL_static", "URL.createObjectURL()")}}
   - : `MediaSource` オブジェクトを指すオブジェクト URL を作成します。 このオブジェクトは、メディアストリームを再生する HTML メディア要素の `src` 値として指定できます。
 - {{domxref("HTMLMediaElement.seekable")}}
   - : `MediaSource` オブジェクトが HTML メディア要素によって再生されると、このプロパティは、ユーザーがシークできる時間範囲を含む {{domxref("TimeRanges")}} オブジェクトを返します。
@@ -57,20 +61,14 @@ DASH の 2 つの最も一般的な使用例では、コンテンツを「オン
 - {{domxref("AudioTrack.sourceBuffer")}}、{{domxref("VideoTrack.sourceBuffer")}}、{{domxref("TextTrack.sourceBuffer")}}
   - : 問題のトラックを作成した {{domxref("SourceBuffer")}} を返します。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザーの互換性
-
-### MediaSource インターフェイス
-
-{{Compat}}
-
 ## 関連情報
 
-- [Media Source Extensions のためのアセットのトランスコード](/ja/docs/Web/API/Media_Source_Extensions_API/Transcoding_assets_for_MSE)
-- MSE を使用した基本的なストリーミングサービスの作成（未定）
-- MPEG DASH を使用したストリーミングアプリの作成（未定）
+- [メディアソース拡張機能のための資産の形式変換](/ja/docs/Web/API/Media_Source_Extensions_API/Transcoding_assets_for_MSE)
+- MSE を使用した基本的なストリーミングサービスの作成（作成中）
+- MPEG DASH を使用したストリーミングアプリの作成（作成中）
 - {{htmlelement("audio")}} 要素と {{htmlelement("video")}} 要素
 - {{domxref("HTMLMediaElement")}}、{{domxref("HTMLVideoElement")}},、{{domxref("HTMLAudioElement")}}

From d47106869ba14541c98787993181723674a73c16 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 12:07:30 +0900
Subject: [PATCH 17/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transcoding_assets_for_mse/index.md       | 82 +++++++------------
 1 file changed, 31 insertions(+), 51 deletions(-)

diff --git a/files/ja/web/api/media_source_extensions_api/transcoding_assets_for_mse/index.md b/files/ja/web/api/media_source_extensions_api/transcoding_assets_for_mse/index.md
index 881d585467913c..9dc7d04f091051 100644
--- a/files/ja/web/api/media_source_extensions_api/transcoding_assets_for_mse/index.md
+++ b/files/ja/web/api/media_source_extensions_api/transcoding_assets_for_mse/index.md
@@ -1,46 +1,46 @@
 ---
-title: Media Source Extensions のためのアセットのトランスコード
+title: メディアソース拡張機能のための資産の形式変換
 slug: Web/API/Media_Source_Extensions_API/Transcoding_assets_for_MSE
+l10n:
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
 {{DefaultAPISidebar("Media Source Extensions")}}
 
-Media Source Extensions を使用する場合、アセットをストリーミングする前に調整する必要がある可能性があります。 この記事では、要件を説明し、アセットを適切にエンコードするために使用できるツールチェーンを示します。
+メディアソース拡張機能を使用する場合、アセットをストリーミングする前に調整する必要がある可能性があります。 この記事では、要件を説明し、アセットを適切にエンコードするために使用できるツールチェーンを示します。
 
 ## 入門
 
-1. 最初で最も重要な手順は、ユーザーのブラウザーがサポートするコンテナとコーデックでファイルを構成することです。
+1. 最初で最も重要な手順は、ユーザーのブラウザーがサポートするコンテナーとコーデックでファイルを構成することです。
 2. コーデックによっては、[ISO BMFF 仕様](https://www.w3.org/TR/mse-byte-stream-format-isobmff/)に準拠するためにファイルを断片化する必要がある場合があります。
-3. （オプション）Dynamic Adaptive Streaming over HTTP（DASH、HTTP を介した動的適応的ストリーミング）を使用した適応的ビットレートストリーミングを使用する場合、アセットを複数の解像度にトランスコードする必要があります。 ほとんどの DASH クライアントは、対応する Media Presentation Description（MPD）マニフェストファイルを期待しています。 これは通常、複数の解像度のアセットファイルを生成するときに生成されます。
+3. （オプション）Dynamic Adaptive Streaming over HTTP（DASH、HTTP を介した動的適応的ストリーミング）を使用した適応的ビットレートストリーミングを使用する場合、アセットを複数の解像度に形式変換する必要があります。 ほとんどの DASH クライアントは、対応する Media Presentation Description（MPD）マニフェストファイルを期待しています。 これは通常、複数の解像度のアセットファイルを生成するときに生成されます。
 
 以下では、これらのすべての手順を説明しますが、最初にこれをかなり簡単に行うために使用できるツールチェーンを見てみましょう。
 
 ### サンプルメディア
 
-ここにリストされている手順を実行したいが、実験するメディアがない場合は、Big Buck Bunny の予告編 \[0] を[ここ](http://wayback.archive.org/web/20161102172252id_/http://video.blendertestbuilds.de/download.php?file=download.blender.org/peach/trailer_1080p.mov)で入手できます。 Big Buck Bunny は、[Creative Commons Attribution 3.0](http://creativecommons.org/licenses/by/3.0/) ライセンスの下でライセンスされています。 このチュートリアル全体を通して、ダウンロードしたファイル名 `trailer_1080p.mov` を参照します。
-
-\[0] (c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org / <https://peach.blender.org/about/>
+ここにリストされている手順を実行したいが、実験するメディアがない場合は、[Big Buck Bunny の予告編](https://web.archive.org/web/20161102172252id_/http://video.blendertestbuilds.de/download.php?file=download.blender.org/peach/trailer_1080p.mov)で入手できます。 Big Buck Bunny は the Blender Foundation が著作権を保持しており、[Creative Commons Attribution 3.0](https://creativecommons.org/licenses/by/3.0/) ライセンスの下でライセンスされています。このチュートリアル全体を通して、ダウンロードした時の `trailer_1080p.mov` というファイル名で示します。
 
 ### 必要なツール
 
 MSE を使用する場合、次のツールが必要です。
 
-1. [ffmpeg](http://ffmpeg.org/) — メディアを必要な形式にトランスコードするためのコマンドラインユーティリティ。 [Download FFmpeg のページ](http://ffmpeg.org/download.html)であなたのシステムのバージョンをダウンロードできます。 アーカイブファイルから実行可能ファイルを抽出し、その場所を PATH ステートメントに追加します。 OSX ユーザーは、[homebrew](http://brew.sh/) を使用して ffmpeg をインストールすることもできます。
-2. [Bento4](https://github.com/axiomatic-systems/Bento4) — アセットのメタデータを取得し、DASH のコンテンツを作成するための一連のコマンドラインユーティリティ。 インストールするには、OS と設定に応じて、提供されたプロジェクトファイル/ソースファイルからアプリを自分でビルド/コンパイルする必要があります。 詳細については、[構築手順](https://github.com/axiomatic-systems/Bento4#building)を参照してください。 構築済みファイルが[ここ](https://www.bento4.com/downloads/)にあります。 `bin` ディレクトリの内容を ffmpeg と同じ場所に入れておきます。
+1. [ffmpeg](https://ffmpeg.org/) — メディアを必要な形式に形式変換するためのコマンドラインユーティリティ。 [Download FFmpeg のページ](https://ffmpeg.org/download.html)であなたのシステムのバージョンをダウンロードできます。 アーカイブファイルから実行可能ファイルを抽出し、その場所を PATH ステートメントに追加します。 OSX ユーザーは、[homebrew](https://brew.sh/) を使用して ffmpeg をインストールすることもできます。
+2. [Bento4](https://github.com/axiomatic-systems/Bento4) — アセットのメタデータを取得し、DASH のコンテンツを作成するための一連のコマンドラインユーティリティ。 インストールするには、OS と設定に応じて、提供されたプロジェクトファイル/ソースファイルからアプリを自分でビルド/コンパイルする必要があります。 詳細については、[構築手順](https://github.com/axiomatic-systems/Bento4#building)を参照してください。 構築済みファイルが[ここ](https://www.bento4.com/downloads/)にあります。 `bin` ディレクトリーの内容を ffmpeg と同じ場所に入れておきます。
 3. python2 — Bento4 が使います。
 
 次のステップに進む前に、これらを正常にインストールしてください。
 
-サンプルメディアは、Bento4 の `utils` ディレクトリに入れておき、ここで作業します。
+サンプルメディアは、Bento4 の `utils` ディレクトリーに入れておき、ここで作業します。
 
 > [!NOTE]
 > 構築済みの ffmpeg には、ライセンスの関係で libfdk_aac が組み込まれていません。 これを Bento4 がデフォルトで使うので、必要なら、ffmpeg をコンパイルする必要があります。 必要なければ、`mp4-dash-encode.py` のコマンドラインに `--audio-codec=aac` を追加してください。
 
-### コンテナとコーデックのサポート
+### コンテナーとコーデックのサポート
 
-[MSE 仕様のセクション 1.1: Goals](https://www.w3.org/TR/media-source/#goals) で指定されているように、MSE は特定のメディア形式またはコーデックのサポートを必要としないように設計されています。 これは紙の上では事実ですが、ブラウザーのサポートは特定のコンテナ/コーデックの組み合わせによって異なります。
+[MSE 仕様のセクション 1.1: Goals](https://www.w3.org/TR/media-source/#goals) で指定されているように、MSE は特定のメディア形式またはコーデックのサポートを必要としないように設計されています。 これは紙の上では事実ですが、ブラウザーのサポートは特定のコンテナー/コーデックの組み合わせによって異なります。
 
-ブラウザーが特定のコンテナをサポートしているかどうかを確認するには、次のように MIME タイプの文字列を {{domxref("MediaSource.isTypeSupported")}} メソッドに渡します。
+ブラウザーが特定のコンテナーをサポートしているかどうかを確認するには、次のように MIME タイプの文字列を {{domxref("MediaSource.isTypeSupported_static", "MediaSource.isTypeSupported()")}} メソッドに渡します。
 
 ```js
 MediaSource.isTypeSupported("audio/mp3"); // false
@@ -48,21 +48,19 @@ MediaSource.isTypeSupported("video/mp4"); // true
 MediaSource.isTypeSupported('video/mp4; codecs="avc1.4D4028, mp4a.40.2"'); // true
 ```
 
-文字列はコンテナの MIME タイプであり、オプションでコーデックのリストが続きます。 MIME タイプは簡単に把握できますが、[mp4info](http://nickdesaulniers.github.io/mp4info/) ユーティリティを使用してコーデック文字列を取得できます。
+文字列はコンテナーの MIME タイプであり、オプションでコーデックのリストが続きます。 MIME タイプは簡単に把握できますが、[mp4info](http://nickdesaulniers.github.io/mp4info/) ユーティリティを使用してコーデック文字列を取得できます。
 
-現在、H.264 動画コーデックと AAC 音声コーデックを備えた MP4 コンテナは、すべての最新ブラウザーでサポートされていますが、他のブラウザーではサポートされていません。
+現在、H.264 動画コーデックと AAC 音声コーデックを備えた MP4 コンテナーは、すべての最新ブラウザーでサポートされていますが、他のブラウザーではサポートされていません。
 
-サンプルメディアを QuickTime MOV コンテナから MP4 コンテナに変換するには、ffmpeg を使用できます。 MOV コンテナの音声コーデックは既に AAC であり、動画コーデックは H.264 であるため、トランスコードを実行しないように ffmpeg に指示できます。 代わりに、トランスコードを実行せずに音声トラックと動画トラックをコピーするだけです。 これは、トランスコードするよりも比較的高速です。
+サンプルメディアを QuickTime MOV コンテナーから MP4 コンテナーに変換するには、ffmpeg を使用できます。 MOV コンテナーの音声コーデックは既に AAC であり、動画コーデックは H.264 であるため、形式変換を実行しないように ffmpeg に指示できます。 代わりに、形式変換を実行せずに音声トラックと動画トラックをコピーするだけです。 これは、形式変換するよりも比較的高速です。
 
-```
-$ ffmpeg -i trailer_1080p.mov -c:v copy -c:a copy bunny.mp4
-$ ls
-bunny.mp4         trailer_1080p.mov
+```bash
+ffmpeg -i trailer_1080p.mov -c:v copy -c:a copy bunny.mp4
 ```
 
 ### 断片化の確認
 
-MP4 を適切にストリーミングするには、アセットが [ISO BMF](https://www.w3.org/TR/mse-byte-stream-format-isobmff/) 形式の MP4 である必要があります。 適切な断片化がなければ、特定の MP4 ファイルは MSE での動作が保証されません。 これは、コンテナ内にメタデータが分散され、まとめられていないことを意味します。
+MP4 を適切にストリーミングするには、アセットが [ISO BMF](https://www.w3.org/TR/mse-byte-stream-format-isobmff/) 形式の MP4 である必要があります。 適切な断片化がなければ、特定の MP4 ファイルは MSE での動作が保証されません。 これは、コンテナー内にメタデータが分散され、まとめられていないことを意味します。
 
 MP4 ファイルが適切な MP4 ストリームであるかどうかを確認するには、[mp4info](http://nickdesaulniers.github.io/mp4info/) ユーティリティを再度使用して MP4 のアトムを一覧表示できます。
 
@@ -71,7 +69,7 @@ MP4 ファイルが適切な MP4 ストリームであるかどうかを確認
 
 ### 断片化
 
-まだ MP4 ではないアセットがある場合、ffmpeg は次のように `-movflags frag_keyframe+empty_moov` コマンドラインフラグを使用して、トランスコードプロセス中に適切に断片化された MP4 の発行を処理できます。
+まだ MP4 ではないアセットがある場合、ffmpeg は次のように `-movflags frag_keyframe+empty_moov` コマンドラインフラグを使用して、形式変換プロセス中に適切に断片化された MP4 の発行を処理できます。
 
 ```bash
 ffmpeg -i trailer_1080p.mov -c:v copy -c:a copy -movflags frag_keyframe+empty_moov bunny_fragmented.mp4
@@ -79,7 +77,7 @@ ffmpeg -i trailer_1080p.mov -c:v copy -c:a copy -movflags frag_keyframe+empty_mo
 
 すでに MP4 を持っているが、適切に断片化されていない場合は、ffmpeg を改めて使用できます。
 
-```
+```bash
 ffmpeg -i non_fragmented.mp4 -movflags frag_keyframe+empty_moov fragmented.mp4
 ```
 
@@ -95,32 +93,16 @@ ffmpeg -i non_fragmented.mp4 -movflags frag_keyframe+empty_moov fragmented.mp4
 
 $PATH を介して ffmpeg と Bento4 のユーティリティにアクセスできる場合、Bento4 の `mp4-dash-encode.py` Python スクリプトを実行して、さまざまな解像度でコンテンツの複数のエンコーディングを生成できます。 Bento4 の `mp4-dash.py` Python スクリプトを使用して、クライアントが必要とする対応する MPD ファイルを生成できます。
 
-次のコマンドを実行します（サンプル出力付き）。
+次のコマンドを実行します。
 
 ```bash
-$ python mp4-dash-encode.py -b 5 -v bunny_fragmented.mp4
-Encoding 5 bitrates, min bitrate = 500.0 max bitrate = 2000.0
-Media Source: Video: resolution=640x360
-ENCODING bitrate: 500, resolution: 256x144
-ENCODING bitrate: 875, resolution: 384x216
-ENCODING bitrate: 1250, resolution: 480x270
-ENCODING bitrate: 1625, resolution: 560x316
-ENCODING bitrate: 2000, resolution: 640x360
-
-$ python mp4-dash.py video_0*
-Parsing media file 1: video_00500.mp4
-Parsing media file 2: video_00875.mp4
-Parsing media file 3: video_01250.mp4
-Parsing media file 4: video_01625.mp4
-Parsing media file 5: video_02000.mp4
-Splitting media file (audio) video_00500.mp4
-Splitting media file (video) video_00500.mp4
-Splitting media file (video) video_00875.mp4
-Splitting media file (video) video_01250.mp4
-Splitting media file (video) video_01625.mp4
-Splitting media file (video) video_02000.mp4
-
-$ tree -L 2 output
+python mp4-dash-encode.py -b 5 -v bunny_fragmented.mp4
+python mp4-dash.py video_0*
+```
+
+これで次のようなファイルが出力されます。
+
+```plain
 output
 ├── audio
 │   └── und
@@ -131,15 +113,13 @@ output
     ├── 3
     ├── 4
     └── 5
-
-8 directories, 1 file
 ```
 
 > **メモ:** `mp4-dash-encode.py` は、ffmpeg のエラーメッセージを表示しないようにしています。 `-d` オプションを指定することで、それを見ることができます。
 
 > [!NOTE]
-> エラーメッセージとして `"Invalid duration specification for force_key_frames: 'expr:eq(mod(n"` が表示されたら、`mp4-dash-encode.py` を修正して `"-force_key_frames 'expr:eq(mod(n,%d),0)'"` から `"'"` を 2 つ取り除きます。
+> エラーメッセージとして `"Invalid duration specification for force_key_frames: 'expr:eq(mod(n"` と表示されたら、`mp4-dash-encode.py` を修正して `"-force_key_frames 'expr:eq(mod(n,%d),0)'"` から `"'"` を 2 つ取り除いてください。
 
 ## まとめ
 
-動画が適切にエンコードされ、適応的ビットレートメディアが生成されると、DASH と MSE を使用して Web で適応的ビットレートストリーミングを開始する準備が整いました。
+動画が適切にエンコードされ、適応的ビットレートメディアが生成されると、DASH と MSE を使用してウェブで適応的ビットレートストリーミングを開始する準備が整いました。

From 12c444473f53cac2ee28104188f867ec89a2ba6f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 12:30:17 +0900
Subject: [PATCH 18/81] =?UTF-8?q?=E8=AA=A4=E5=AD=97=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/mediadevices/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/web/api/mediadevices/index.md b/files/ja/web/api/mediadevices/index.md
index 9634a18a9bf457..546dad3e00387a 100644
--- a/files/ja/web/api/mediadevices/index.md
+++ b/files/ja/web/api/mediadevices/index.md
@@ -7,7 +7,7 @@ l10n:
 
 {{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
-**`MediaDevices`** は{{domxref("Media Capture and Streams API", "メディアキャプチャとストリーム API", "", "nocode")}} のインターフェイスは、カメラやマイク、さらに画面共有などの接続されたメディア入力機器へのアクセスを提供します。要するに、メディアデータのソースであるハードウェアにアクセスすることができるようになります。
+**`MediaDevices`** は{{domxref("Media Capture and Streams API", "メディアキャプチャとストリーム API", "", "nocode")}} のインターフェイスで、カメラやマイク、さらに画面共有などの接続されたメディア入力機器へのアクセスを提供します。要するに、メディアデータのソースであるハードウェアにアクセスすることができるようになります。
 
 {{InheritanceDiagram}}
 

From b6d8e6fd4b55c9c267bda198245527db6af2df76 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Aug 2024 23:43:02 +0900
Subject: [PATCH 19/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20(#23095)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 2024/07/26 時点の英語版に基づき更新

* Update index.md

* Update index.md

* Update files/ja/web/api/mediadevices/selectaudiooutput/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../api/mediadevices/getdisplaymedia/index.md |  59 +++-
 .../api/mediadevices/getusermedia/index.md    | 304 +++++++++---------
 .../mediadevices/selectaudiooutput/index.md   |  31 +-
 3 files changed, 220 insertions(+), 174 deletions(-)

diff --git a/files/ja/web/api/mediadevices/getdisplaymedia/index.md b/files/ja/web/api/mediadevices/getdisplaymedia/index.md
index 0f078445d81287..6e377d55e1192b 100644
--- a/files/ja/web/api/mediadevices/getdisplaymedia/index.md
+++ b/files/ja/web/api/mediadevices/getdisplaymedia/index.md
@@ -1,13 +1,14 @@
 ---
 title: "MediaDevices: getDisplayMedia() メソッド"
+short-title: getDisplayMedia()
 slug: Web/API/MediaDevices/getDisplayMedia
 l10n:
-  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
-{{DefaultAPISidebar("Screen Capture API")}}
+{{APIRef("Screen Capture API")}}{{SecureContext_Header}}
 
-{{domxref("MediaDevices")}} インターフェイスの **`getDisplayMedia()`** メソッドは、ディスプレイまたはその一部（ウィンドウなど）の内容を {{domxref("MediaStream")}} としてキャプチャする許可を選択し、許可するようユーザーに促します。
+**`getDisplayMedia()`** は {{domxref("MediaDevices")}} インターフェイスのメソッドで、ディスプレイまたはその一部（ウィンドウなど）の内容を {{domxref("MediaStream")}} としてキャプチャする許可を選択し、許可するようユーザーに促します。
 
 生成されたストリームは、 [MediaStream 収録 API](/ja/docs/Web/API/MediaStream_Recording_API) を使って記録したり、 [WebRTC](/ja/docs/Web/API/WebRTC_API) セッションとして送信することが可能です。
 
@@ -23,21 +24,31 @@ getDisplayMedia(options)
 ### 引数
 
 - `options` {{optional_inline}}
+
   - : オプションのオブジェクトで、返される {{domxref("MediaStream")}} の要件を指定します。 `getDisplayMedia()` のオプションは {{domxref("MediaDevices.getUserMedia()")}} メソッドの [constraints](/ja/docs/Web/API/MediaDevices/getUserMedia#parameters) と同じように動作しますが、ただし `audio` および `video` が指定された場合のみです。`getDisplayMedia()` の利用可能なオプションプロパティの一覧は次の通りです。
+
     - `video` {{optional_inline}}
       - : 論理値または {{domxref("MediaTrackConstraints")}} インスタンスで、既定値は `true` です。このオプションを省略するか、`true` に設定すると、ストリームに映像トラックが格納されます。`true` の値は、返す {{domxref("MediaStream")}} に映像トラックが格納されることを示します。`getDisplayMedia()` は映像トラックを必要とするので、このオプションを `false` に設定すると、プロミスは `TypeError` で拒否されます。
     - `audio` {{optional_inline}}
       - : 論理値または {{domxref("MediaTrackConstraints")}} インスタンスで、既定値は `false` です。返される {{domxref("MediaStream")}} の値が `true` の場合、ユーザーが選択した表示画面が音声が対応していて利用可能な場合、音声トラックが格納されることを示します。
-    - `controller` {{optional_inline}}
+    - `controller` {{Experimental_Inline}} {{optional_inline}}
       - : 含まれている場合、キャプチャセッションをさらに操作するために使用できるメソッドを持つ {{domxref("CaptureController")}} オブジェクトのインスタンスです。
-    - `preferCurrentTab` {{non-standard_inline}} {{optional_inline}}
+    - `monitorTypeSurfaces` {{optional_inline}}
+
+      - : 列挙値で、ブラウザーがユーザーに表示する画面キャプチャオプションに、タブやウィンドウオプションと一緒に画面全体を含めるかどうかを指定します。このオプションは、テレビ会議アプリを使用する際に、従業員のミスによる企業機密情報の漏洩を防ぐことを意図しています。 値として指定できるのは、画面オプションを含めるべきであることを示す `include` と、除外すべきであることを示す `exclude` です。 既定値は仕様で規定されていません。個々のブラウザーの既定値については、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。
+
+        > **メモ:** `monitorTypeSurfaces: "exclude"` を設定するには、[`displaySurface: "monitor"`](/ja/docs/Web/API/MediaTrackConstraints/displaySurface) を同時に設定することはできません。2 つの設定は矛盾しているためです。 矛盾した設定を試みると、`getDisplayMedia()` を呼び出した際に `TypeError` が発生します。
+
+    - `preferCurrentTab` {{non-standard_inline}} {{Experimental_Inline}} {{optional_inline}}
       - : 論理値です。`true` とすると、ブラウザーが現在のタブを最も推奨するキャプチャソースとして提供するように指示します。つまり、ユーザーに表示される「共有するものを選んでください」オプションの中に、別個の「このタブ」オプションとして表示されます。これは、一般的に多くの種類のアプリが現在のタブを共有したいだけなので有益なことです。例えば、スライドデッキアプリは、ユーザーが仮想会議にプレゼンテーションを格納する現在のタブをストリーミングできるようにすることができます。既定値は仕様書では定められていません。ブラウザー別の既定値については、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。
-    - `selfBrowserSurface` {{optional_inline}}
+    - `selfBrowserSurface` {{Experimental_Inline}} {{optional_inline}}
       - : ブラウザーが、キャプチャのためにユーザーが現在のタブを選択することを許可するかどうかを指定する列挙型値です。これは、動画会議アプリが誤って自分自身でディスプレイを共有してしまったときに経験する「無限の鏡のホール」効果を避けるために役立ちます。使用可能な値は、ブラウザーがキャプチャーの選択肢に現在のタブを含めることを指示する `include` と、除外することを指示する `exclude` です。既定値は仕様書では定められていません。ブラウザー別の既定値については、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。
-    - `surfaceSwitching` {{optional_inline}}
+    - `surfaceSwitching` {{Experimental_Inline}} {{optional_inline}}
       - : ブラウザーが、画面共有中にユーザーが共有タブを動的に切り替えるためのコントロールを表示するかどうかを指定する列挙型の値です。これは、ユーザーが共有タブを切り替えたいときに毎回共有プロセス全体を読み直すよりもずっと便利です。使用可能な値は、ブラウザーがコントロールを含めることを指示する `include` と、コントロールを表示しないことを指示する `exclude` です。既定値は仕様書では定められていません。ブラウザー別の既定値については、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。
-    - `systemAudio` {{optional_inline}}
+    - `systemAudio` {{Experimental_Inline}} {{optional_inline}}
       - : ブラウザーがユーザーに提供する使用可能な音声ソースの中にシステム音声を含めるべきかどうかを指定する列挙型の値です。使用可能な値は、ブラウザーがシステム音声を選択肢のリストに含めることを指示する `include` と、除外することを指示する `exclude` です。既定値は仕様書では定められていません。ブラウザー別の既定値については、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。
+    - `monitorTypeSurfaces` {{Experimental_Inline}} {{optional_inline}}
+      - : 列挙値で、アプリケーションがユーザーエージェントに、モニター型である表示面の選択オプションをユーザーに提供するかどうかを指定します。 可能な値は、モニター型である表示面を含めるようブラウザーに指示する `include` と、含まれないよう指示する `exclude` です。既定値は仕様書では定められていません。ブラウザー別の既定値については、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。
 
 > **メモ:** [能力と制約と設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)の記事を見ると、これらのオプションがどのように動作するかのもっと詳細があります。
 
@@ -51,19 +62,19 @@ getDisplayMedia(options)
 ### 例外
 
 - `AbortError` {{domxref("DOMException")}}
-  - : エラーまたは失敗がここに挙げた他の例外のいずれにも該当しない場合に返される。
+  - : エラーまたは失敗がここに挙げた他の例外のいずれにも該当しない場合に発生します。
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : `getDisplayMedia()` の呼び出しが、イベントハンドラーのようなユーザーアクションによって実行されているコードから行われなかった場合に返されます。このイベントのもう一つの原因として考えられるのは、 `getDisplayMedia()` が呼び出されたコンテキストの {{domxref("document")}} が完全にアクティブでないことです。
+  - : `getDisplayMedia()` を呼び出すコードが、イベントハンドラーなど、{{glossary("transient activation", "一時的な活性化")}}により実行されている場合、例外が発生します。 また、ブラウザーのコンテキストが完全にアクティブでない場合やフォーカスされていない場合にも発生します。 また、`controller` オプションが、別の {{domxref("MediaStream")}} を生成する際にすでに使用されている場合にも発生します。
 - `NotAllowedError` {{domxref("DOMException")}}
-  - : 画面領域へのアクセス許可がユーザーによって（例えば[権限ポリシー](/ja/docs/Web/HTTP/Permissions_Policy)で）拒否された場合、または現在の閲覧インスタンスが画面共有へのアクセスを許可されていない場合に返されます。
+  - : ユーザーによって画面領域へのアクセス許可が拒否された場合、または現在の閲覧インスタンスが画面共有へのアクセスを（例えば[権限ポリシー](/ja/docs/Web/HTTP/Permissions_Policy)で）許可されていない場合に発生します。
 - `NotFoundError` {{domxref("DOMException")}}
-  - : キャプチャ可能な画面映像のソースが存在しない場合に返却されます。
+  - : キャプチャ可能な画面映像のソースが存在しない場合に発生します。
 - `NotReadableError` {{domxref("DOMException")}}
-  - : ユーザーが画面、ウィンドウ、タブ、またはその他の画面データのソースを選択したが、ハードウェアまたはオペレーティングシステムレベルのエラーまたはロックアウトが発生し、選択したソースの共有ができない場合に返されます。
+  - : ユーザーが画面、ウィンドウ、タブ、またはその他の画面データのソースを選択したが、ハードウェアまたはオペレーティングシステムレベルのエラーまたはロックアウトが発生し、選択したソースの共有ができない場合に発生します。
 - `OverconstrainedError` {{domxref("DOMException")}}
-  - : ストリームを作成した後、互換性のあるストリームが生成できなかったため、指定された制約の適用に失敗した場合に返されます。
+  - : ストリームを作成した後、互換性のあるストリームが生成できなかったため、指定された制約の適用に失敗した場合に発生します。
 - {{jsxref("TypeError")}}
-  - : 指定した `options` に許可されていない値が含まれた状態で `getDisplayMedia()` を呼び出した場合、例えば `video` プロパティを false に設定した場合、あるいは指定した {{domxref("MediaTrackConstraints")}} が許可されていない場合などに返されます。`min` と `exact` 値は、{{domxref("MediaDevices.getDisplayMedia()")}} の呼び出しの中で使用される制約では許可されません。
+  - : 指定した `options` に許可されていない値が含まれた状態で `getDisplayMedia()` を呼び出した場合、例えば `video` プロパティを false に設定した場合、あるいは指定した {{domxref("MediaTrackConstraints")}} が許可されていない場合などに発生します。`min` と `exact` 値は、`getDisplayMedia()` の呼び出しの中で使用される制約では許可されません。
 
 ## セキュリティ
 
@@ -77,9 +88,23 @@ getDisplayMedia(options)
 
 ## 例
 
-以下の例では、 `displayMediaOptions` 引数で指定された一連のオプションを指定して画面のキャプチャを開始する `startCapture()` メソッドが作成されています。このオプションは、優先するストリーム構成と、ビデオをキャプチャする[表示面](/ja/docs/Web/API/Screen_Capture_API/Using_Screen_Capture#visible_vs_logical_display_surfaces)を指定したオブジェクトで指定されます。
+次の例では `startCapture()` メソッドを作成し、`displayMediaOptions` パラメータで指定されたオプション設定を指定して画面キャプチャを開始します。
 
 ```js
+const displayMediaOptions = {
+  video: {
+    displaySurface: "browser",
+  },
+  audio: {
+    suppressLocalAudioPlayback: false,
+  },
+  preferCurrentTab: false,
+  selfBrowserSurface: "exclude",
+  systemAudio: "include",
+  surfaceSwitching: "include",
+  monitorTypeSurfaces: "include",
+};
+
 async function startCapture(displayMediaOptions) {
   let captureStream;
 
@@ -95,6 +120,8 @@ async function startCapture(displayMediaOptions) {
 
 これは {{jsxref("Operators/await", "await")}} を使用して、 `getDisplayMedia()` が {{domxref("MediaStream")}} で解決するのを非同期に待ち、指定したオプションで要求された表示コンテンツを含むストリームを生成します。ストリームは、ストリームからビデオトラックを追加するために {{domxref("RTCPeerConnection.addTrack()")}} を使用して WebRTC 呼び出しに追加するために使用する呼び出し側に返されます。
 
+> **メモ:** [画面共有コントロール](https://screen-sharing-controls.glitch.me/)のデモでは、完全に実装されたものを提供しており、`getDisplayMedia()` の制約とオプションを自由に選択して画面キャプチャを作成することができます。
+
 ## 仕様書
 
 {{Specifications}}
diff --git a/files/ja/web/api/mediadevices/getusermedia/index.md b/files/ja/web/api/mediadevices/getusermedia/index.md
index 9fea377aa711a3..21bd2b9c00505d 100644
--- a/files/ja/web/api/mediadevices/getusermedia/index.md
+++ b/files/ja/web/api/mediadevices/getusermedia/index.md
@@ -1,13 +1,14 @@
 ---
 title: "MediaDevices: getUserMedia() メソッド"
+short-title: getUserMedia()
 slug: Web/API/MediaDevices/getUserMedia
 l10n:
-  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
 {{securecontext_header}}{{APIRef("Media Capture and Streams")}}
 
-{{domxref("MediaDevices")}}**`.getUserMedia()`** メソッドは、要求された種類のメディアを含むトラックを持つ {{domxref("MediaStream")}} を生成するメディア入力を使用する許可をユーザーに求めます。
+**`getUserMedia()`** は {{domxref("MediaDevices")}} インターフェイスのメソッドで、要求された種類のメディアを含むトラックを持つ {{domxref("MediaStream")}} を生成するメディア入力を使用する許可をユーザーに求めます。
 
 このストリームには、例えば、動画トラック（カメラ、ビデオ録画機器、画面共有サービスなどのような、ハードウェアまたは仮想ビデオソースによって生み出されるもの）、音声トラック（同様に、マイク、A/D 変換器などの物理的または仮想オーディオソースによって生み出されるもの）、その他の可能な種別を含めることができます。
 
@@ -16,37 +17,6 @@ l10n:
 > [!NOTE]
 > ユーザーが選択する必要が全くなく、リクエストを単純に無視できる場合、返却された Promise が解決または拒否の*どちらにもならない*可能性があります。
 
-一般的に、 {{domxref("MediaDevices")}} のシングルトンオブジェクトは以下のように、 {{domxref("navigator.mediaDevices")}} を使用してアクセスします。
-
-```js
-async function getMedia(constraints) {
-  let stream = null;
-
-  try {
-    stream = await navigator.mediaDevices.getUserMedia(constraints);
-    /* ストリームを使用 */
-  } catch (err) {
-    /* エラーを処理 */
-  }
-}
-```
-
-同様に、生のプロミスを直接使用すると、コードは次のようになります。
-
-```js
-navigator.mediaDevices
-  .getUserMedia(constraints)
-  .then((stream) => {
-    /* ストリームを使用 */
-  })
-  .catch((err) => {
-    /* エラーを処理 */
-  });
-```
-
-> [!NOTE]
-> 現在の文書が安全に読み込まれなかった場合は、 `navigator.mediaDevices` は `undefined` になり、 `getUserMedia()` を使用することはできません。[セキュリティ](#セキュリティ)の節に、この件やその他の `getUserMedia()` の使用に関するセキュリティ問題の詳細があります。
-
 ## 構文
 
 ```js-nolint
@@ -61,113 +31,15 @@ getUserMedia(constraints)
 
     `constraints` 引数は 2 つのメンバー `video` および `audio` を持ち、要求されたメディアの種類を記述します。どちらか、または両方を指定する必要があります。ブラウザーが指定された条件に合う指定された種類を持つすべてのメディアトラックを発見できない場合、返却されたプロミスは `NotFoundError` の {{domxref("DOMException")}} で拒否されます。
 
-    次の例は特定の要件なしに音声と動画の両方を要求します。
-
-    ```js
-    getUserMedia({
-      audio: true,
-      video: true,
-    });
-    ```
-
-    メディアの種類に `true` が指定された場合、結果のストリームはそのタイプのトラックが中にある<em>必要</em>があります。何らかの理由で含めることができない場合、 `getUserMedia()` の呼び出しはエラーが返ります。
-
-    ユーザーのカメラやマイクについての情報は、プライバシー上の理由からアクセスできませんが、アプリケーションは追加の制約を使用することで、カメラやマイクの能力を必要に応じて要求することができます。次の例は、 1280x720 のカメラ解像度の設定を表しています。
-
-    ```js
-    getUserMedia({
-      audio: true,
-      video: { width: 1280, height: 720 },
-    });
-    ```
-
-    ブラウザーはこれに忠実であろうとしますが、正確に一致するものが使用できない場合や、ユーザーがこれをオーバーライドした場合は、異なる解像度を返すことがあります。
-
-    機能を*必要*とするには、 `min`, `max`, `exact`（つまり `min === max`）の各キーワードが使用してください。次の例は 1280x720 の最小解像度を要求します。
-
-    ```js
-    getUserMedia({
-      audio: true,
-      video: {
-        width: { min: 1280 },
-        height: { min: 720 },
-      },
-    });
-    ```
-
-    この解像度以上のカメラがない場合、返却されたプロミスは `OverconstrainedError` として拒否され、ユーザーには通知されません。
-
-    動作に違いが発生する理由は、 `min`, `max`, `exact` の各キーワードが本質的に必須であるためです。それに対して `ideal` と呼ばれるプレーンな値とキーワードはそうではありません。より充実したサンプルを示します。
-
-    ```js
-    getUserMedia({
-      audio: true,
-      video: {
-        width: { min: 1024, ideal: 1280, max: 1920 },
-        height: { min: 576, ideal: 720, max: 1080 },
-      },
-    });
-    ```
-
-    `ideal` の値は、使用された場合は重みをもち、つまりブラウザーは ideal の値からみた[最適距離](https://w3c.github.io/mediacapture-main/#dfn-fitness-distance)が最小になるような設定 (および、複数ある場合はカメラ) を見つけようとすることを意味します。
-
-    プレインの値は本質的に ideal ですので、これは上記の解像度の例を以下のように書くこともできることを意味します。
-
-    ```js
-    getUserMedia({
-      audio: true,
-      video: {
-        width: { ideal: 1280 },
-        height: { ideal: 720 },
-      },
-    });
-    ```
-
-    すべての定数が数字とは限りません。例えば、次の例は（利用できるなら）リアカメラよりもフロントカメラをを選好します。
-
-    ```js
-    getUserMedia({
-      audio: true,
-      video: { facingMode: "user" },
-    });
-    ```
-
-    リアカメラが*必要*であれば、次のようにします。
-
-    ```js
-    getUserMedia({
-      audio: true,
-      video: {
-        facingMode: { exact: "environment" },
-      },
-    });
-    ```
-
-    他の数値以外の制約として、 `deviceId` の制約があります。 `deviceId` が {{domxref("mediaDevices.enumerateDevices()")}} から分かっているのであれば、これを使用して特定の機器を要求することができます。
-
-    ```js
-    getUserMedia({
-      video: {
-        deviceId: myPreferredCameraDeviceId,
-      },
-    });
-    ```
-
-    上記のものは要求されたカメラを返しますが、特定したカメラが利用できない場合は別なカメラを返します。また、特定のカメラが<em>必要</em>なのであれば、以下のようにすることができます。
-
-    ```js
-    getUserMedia({
-      video: {
-        deviceId: {
-          exact: myExactCameraOrBustDeviceId,
-        },
-      },
-    });
-    ```
+    `video` と `audio` はどちらも、その値は論理値またはオブジェクトです。既定値は `false` です。
+
+    - メディア種別として `true` を指定した場合、結果として得られるストリームには、その種類のトラックが含まれている必要があります。何らかの理由でトラックを取り込むことはできません。その場合、返されたプロミスは拒否されます。
+    - メディア型に `false` が指定された場合、結果として得られるストリームは、その種類のトラックを保有してはなりません。そうでなければ、返されたプロミスは拒否されます。`video` と `audio` はどちらも既定では `false` であるため、`constraints` オブジェクトがプロパティをまったく含まない場合、またはまったく存在しない場合、返されたプロミスは常に拒否されます。
+    - メディア型を指定した場合は、オブジェクトは {{domxref("MediaTrackConstraints")}} 辞書として読み取られます。
 
 ### 返値
 
-要求されたメディアが正しく取得できたときに {{domxref("MediaStream")}} を受け取るハンドラーを示す {{jsxref("Promise")}} を返します。
+プロミス ({{jsxref("Promise")}}) で、要求されたメディアが正しく取得できたときに {{domxref("MediaStream")}} を受け取る履行ハンドラーを持ちます。
 
 ### 例外
 
@@ -175,6 +47,10 @@ getUserMedia(constraints)
 
   - : ユーザーとオペレーティングシステムの両方がハードウェア機器へのアクセスを許可し、`NotReadableError` {{domxref("DOMException")}} を引き起こすようなハードウェアの問題は発生していませんが、機器を使用できない何らかの問題が発生した場合に発生します。
 
+- `InvalidStateError` {{domxref("DOMException")}}
+
+  - : 現在の文書が完全にアクティブでない場合に発生します。
+
 - `NotAllowedError` {{domxref("DOMException")}}
 
   - : 要求されたソース機器の 1 つ以上が現時点で使用できない場合に発生します。これは、閲覧コンテキストが安全でない場合（つまり、ページが HTTPS ではなく HTTP を使って読み込まれた場合）に発生します。また、ユーザーが現在の閲覧インスタンスに機器へのアクセスを許可しないように指定している場合、ユーザーが現在のセッションへのアクセスを拒否している場合、またはユーザーがユーザーメディア機器へのすべてのアクセスをグローバルに拒否している場合にも発生します。[権限ポリシー](/ja/docs/Web/HTTP/Permissions_Policy)によるメディア権限の管理に対応しているブラウザーでは、権限ポリシーが入力ソースへのアクセスを許可するように設定されていない場合、このエラーが返されます。
@@ -210,7 +86,7 @@ getUserMedia(constraints)
 
 ### ユーザーのプライバシー
 
-プライバシーに関わる API として、`getUserMedia()` はユーザーへの通知と許可管理に関するとても具体的な要件に仕様で拘束されています。まず、`getUserMedia()`は、ウェブカメラやマイクのような入力を集めるメディアを開く前に、常にユーザーの許可を得なければなりません。ブラウザーはドメインごとに一度だけ許可機能を提供するかもしれませんが、少なくとも最初の一回は許可を求めなければなりませんし、ユーザが継続的な権限を選択する場合は、具体的に許可しなければなりません。
+プライバシーに関わる API として、`getUserMedia()` はユーザーへの通知と許可管理に関するとても具体的な要件に仕様で拘束されています。まず、`getUserMedia()`は、ウェブカメラやマイクのような入力を集めるメディアを開く前に、常にユーザーの許可を得なければなりません。ブラウザーはドメインごとに一度だけ許可機能を提供するかもしれませんが、少なくとも最初の一回は許可を求めなければなりませんし、ユーザーが継続的な権限を選択する場合は、具体的に許可しなければなりません。
 
 同様に重要なのは、通知に関する規則です。ブラウザーは、カメラやマイクが使用されていることを示すインジケーターを、ハードウェアのインジケーター以上に表示することが義務付けられています。また、入力用機器の使用が許可されていることを示すインジケーターを、たとえその機器が現在アクティブに記録していない場合でも表示しなければなりません。
 
@@ -259,6 +135,141 @@ Permissions-Policy: microphone=(self "https://developer.mozilla.org")
 
 ## 例
 
+### getUserMedia() の使用
+
+一般的に、 {{domxref("MediaDevices")}} のシングルトンオブジェクトは以下のように、 {{domxref("navigator.mediaDevices")}} を使用してアクセスします。
+
+```js
+async function getMedia(constraints) {
+  let stream = null;
+
+  try {
+    stream = await navigator.mediaDevices.getUserMedia(constraints);
+    /* ストリームを使用 */
+  } catch (err) {
+    /* エラーを処理 */
+  }
+}
+```
+
+同様に、生のプロミスを直接使用すると、コードは次のようになります。
+
+```js
+navigator.mediaDevices
+  .getUserMedia(constraints)
+  .then((stream) => {
+    /* ストリームを使用 */
+  })
+  .catch((err) => {
+    /* エラーを処理 */
+  });
+```
+
+> [!NOTE]
+> 現在の文書が安全に読み込まれなかった場合は、 `navigator.mediaDevices` は `undefined` になり、 `getUserMedia()` を使用することはできません。[セキュリティ](#セキュリティ)の節に、この件やその他の `getUserMedia()` の使用に関するセキュリティ問題の詳細があります。
+
+次の例は特定の要件なしに音声と動画の両方を要求します。
+
+```js
+getUserMedia({
+  audio: true,
+  video: true,
+});
+```
+
+ユーザーのカメラやマイクについての情報は、プライバシー上の理由からアクセスできませんが、アプリケーションは追加の制約を使用することで、カメラやマイクの能力を必要に応じて要求することができます。次の例は、 1280x720 のカメラ解像度の設定を表しています。
+
+```js
+getUserMedia({
+  audio: true,
+  video: { width: 1280, height: 720 },
+});
+```
+
+ブラウザーはこれに忠実であろうとしますが、正確に一致するものが使用できない場合や、ユーザーがこれをオーバーライドした場合は、異なる解像度を返すことがあります。
+
+機能を*必要*とするには、 `min`, `max`, `exact`（つまり `min === max`）の各キーワードが使用してください。次の例は 1280x720 の最小解像度を要求します。
+
+```js
+getUserMedia({
+  audio: true,
+  video: {
+    width: { min: 1280 },
+    height: { min: 720 },
+  },
+});
+```
+
+この解像度以上のカメラがない場合、返却されたプロミスは `OverconstrainedError` として拒否され、ユーザーには通知されません。
+
+動作に違いが発生する理由は、 `min`, `max`, `exact` の各キーワードが本質的に必須であるためです。それに対して `ideal` と呼ばれるプレーンな値とキーワードはそうではありません。より充実したサンプルを示します。
+
+```js
+getUserMedia({
+  audio: true,
+  video: {
+    width: { min: 1024, ideal: 1280, max: 1920 },
+    height: { min: 576, ideal: 720, max: 1080 },
+  },
+});
+```
+
+`ideal` の値は、使用された場合は重みをもち、つまりブラウザーは ideal の値からみた[最適距離](https://w3c.github.io/mediacapture-main/#dfn-fitness-distance)が最小になるような設定 (および、複数ある場合はカメラ) を見つけようとすることを意味します。
+
+プレーンの値は本質的に ideal ですので、これは上記の解像度の例を以下のように書くこともできることを意味します。
+
+```js
+getUserMedia({
+  audio: true,
+  video: {
+    width: { ideal: 1280 },
+    height: { ideal: 720 },
+  },
+});
+```
+
+すべての定数が数字とは限りません。例えば、次の例は（利用できるなら）リアカメラよりもフロントカメラをを選好します。
+
+```js
+getUserMedia({
+  audio: true,
+  video: { facingMode: "user" },
+});
+```
+
+リアカメラが*必要*であれば、次のようにします。
+
+```js
+getUserMedia({
+  audio: true,
+  video: {
+    facingMode: { exact: "environment" },
+  },
+});
+```
+
+他の数値以外の制約として、 `deviceId` の制約があります。 `deviceId` が {{domxref("mediaDevices.enumerateDevices()")}} から分かっているのであれば、これを使用して特定の機器を要求することができます。
+
+```js
+getUserMedia({
+  video: {
+    deviceId: myPreferredCameraDeviceId,
+  },
+});
+```
+
+上記のものは要求されたカメラを返しますが、特定したカメラが利用できない場合は別なカメラを返します。また、特定のカメラが必要なのであれば、以下のようにすることができます。
+
+```js
+getUserMedia({
+  video: {
+    deviceId: {
+      exact: myExactCameraOrBustDeviceId,
+    },
+  },
+});
+```
+
 ### 幅と高さ
 
 この例ではカメラの解像度の設定を与えて、結果の {{domxref("MediaStream")}} オブジェクトを video 要素に割り当てます。
@@ -310,6 +321,9 @@ const constraints = {
 };
 ```
 
+> [!NOTE]
+> 特定の条件下では、別のモードに切り替える前に、現在のカメラの方向モードを解除する必要がある場合があります。カメラの切り替えを保証するには、別の方向モードがリクエストされる前に、"stop()" メソッドを予定のトラックで呼び出すことで、メディアリソースを解放することをお勧めします。
+
 ## 仕様書
 
 {{Specifications}}
@@ -320,10 +334,10 @@ const constraints = {
 
 ## 関連情報
 
-- より古い {{domxref("navigator.getUserMedia()")}} API
-- {{domxref("mediaDevices.enumerateDevices()")}}:利用可能なメディア機器を列挙
-- [WebRTC API](/ja/docs/Web/API/WebRTC_API)
-- [メディアキャプチャとストリーム API （メディアストリーム）](/ja/docs/Web/API/Media_Capture_and_Streams_API)
-- [画面キャプチャ API](/ja/docs/Web/API/Screen_Capture_API): 画面の内容を {{domxref("MediaStream")}} としてキャプチャ
-- {{domxref("mediaDevices.getDisplayMedia()")}}: 画面の内容を含むストリームの取得
-- [ウェブカメラでの写真撮影](/ja/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos): 動画ではなく静止画を撮るために `getUserMedia()` を使用するチュートリアル
+- より古い {{domxref("Navigator.getUserMedia()")}} API
+- {{domxref("MediaDevices.enumerateDevices()")}}:利用可能なメディア機器を列挙
+- {{domxref("WebRTC API", "", "", "nocode")}}
+- {{domxref("Media Capture and Streams API", "メディアキャプチャとストリーム API", "", "nocode")}}
+- {{domxref("Screen Capture API", "画面キャプチャ API", "", "nocode")}}: 画面の内容を {{domxref("MediaStream")}} としてキャプチャ
+- {{domxref("MediaDevices.getDisplayMedia()")}}: 画面の内容を含むストリームの取得
+- {{domxref("Media Capture and Streams API/Taking Still Photos", "ウェブカメラでの写真撮影", "", "nocode")}}: 動画ではなく静止画を撮るために `getUserMedia()` を使用するチュートリアル
diff --git a/files/ja/web/api/mediadevices/selectaudiooutput/index.md b/files/ja/web/api/mediadevices/selectaudiooutput/index.md
index 76587feb27f28b..8e7aeb5b295804 100644
--- a/files/ja/web/api/mediadevices/selectaudiooutput/index.md
+++ b/files/ja/web/api/mediadevices/selectaudiooutput/index.md
@@ -1,13 +1,17 @@
 ---
 title: "MediaDevices: selectAudioOutput() メソッド"
+short-title: selectAudioOutput()
 slug: Web/API/MediaDevices/selectAudioOutput
 l10n:
-  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
-{{APIRef("WebRTC")}} {{SeeCompatTable}}
+{{APIRef("Audio Output Devices API")}}{{securecontext_header}}{{SeeCompatTable}}
+
+**`selectAudioOutput()`** は {{domxref("MediaDevices")}} インターフェイスのメソッドで、ユーザーに特定の音声出力機器、例えばスピーカーやヘッドフォンを選択するよう尋ねます。ユーザーが機器を選択すると、そのメソッドはユーザーに選択した機器を音声出力シンクとして使用するその権限を付与します。
+
+選んだ後、その機器が利用できる場合は、{{domxref("MediaDevices.enumerateDevices()")}}を使用して列挙し、{{domxref("HTMLMediaElement.setSinkId()")}}を使用して音声出力シンクとして設定することができます。
 
-{{domxref("MediaDevices")}} の **`selectAudioOutput()`** は、ユーザーに特定の音声出力機器、例えばスピーカーやヘッドフォンを選択するよう尋ねます。
 成功すると、返される {{jsxref("Promise")}} は選択された機器を記述した {{domxref("MediaDeviceInfo")}} で解決されます。
 
 ## 構文
@@ -25,19 +29,20 @@ selectAudioOutput(options)
 
     - `deviceId` {{Optional_Inline}}
 
-      - : プロンプトに表示する（唯一の）機器の ID を表す文字列（既定値は ""）。
+      - : 以前に公開された/許可された単一の機器の ID を 表す文字列です。
+        設定しない場合は、利用できるオーディオ出力機器がすべて表示されます。
+
+        このオプションは、同じ機器を将来のセッションで既定で使用できるように、機器 ID を保存したいというアプリケーションのためのものです。
+        同じ機器に対して新しいIDが返される場合があることに注意してください。また、永続的な ID は、それが `selectAudioOutput()` で正常に渡された後でなければ、{{domxref("HTMLMediaElement.setSinkId","setSinkId()")}} で使用することができません。
 
         > [!NOTE]
         > ユーザーエージェントは、指定された NULL ではない ID が以前のセッションで `selectAudioOutput()` によってユーザーに公開されていた場合、ユーザーへのプロンプトをスキップすることを選択することができます。
         > この場合、ユーザーエージェントは単にこの機器 ID で解決するか、同じ機器の新しい ID が変更されている場合は、それを使用することができます。
-        >
-        > これは、永続化された機器 ID を使用したいアプリケーションのためのものです。
-        > この ID は {{domxref("HTMLMediaElement.setSinkId", "setSinkId()")}} で動作する前に `selectAudioOutput()` で正常に渡されなければなりません。
+        > 以前指定した機器にその権限が与えられていたものの、その後取り消された場合、ユーザーエージェントは許可された機器をすべて表示し、指定された ID を持つ端末をハイライト表示することがあります。
 
 ### 返値
 
-{{ jsxref("Promise") }}で、プロミスが履行されると {{domxref("MediaDeviceInfo")}} オブジェクトを受け取ります。
-このオブジェクトは、ユーザーが選択した音声出力デバイスを記述します。
+{{ jsxref("Promise") }}で、 {{domxref("MediaDeviceInfo")}} オブジェクトで履行されます。このオブジェクトは、ユーザーが選択した音声出力機器を記述します。
 
 ### 例外
 
@@ -56,15 +61,13 @@ API へのアクセスは、以下の制約を受けることになります。
 - [一時的なユーザーによる有効化](/ja/docs/Web/Security/User_activation)が必要です。
   この機能が機能するためには、ユーザーがページや UI 要素を操作する必要があります。
 - アクセスは HTTP の [`speaker-selection`](/ja/docs/Web/HTTP/Headers/Permissions-Policy/midi) [権限ポリシー](/ja/docs/Web/HTTP/Permissions_Policy)で制限される可能性があります。
-- ユーザーエージェント固有の仕組みにより、ユーザーが明示的に音声出力装置の使用許可を与えるか、または以前に許可を与えている必要があります。
-  権限ポリシーによってアクセスが拒否された場合、ユーザー権限によって許可されることはないことに注意してください。
 
-権限の状態は、[権限 API](/ja/docs/Web/API/Permissions_API) の [`navigator.permissions.query()`](/ja/docs/Web/API/Permissions/query) メソッドで、 `speaker-selection` 権限の権限記述子を使用することで、確認することができます。
+権限の状態は、[権限 API](/ja/docs/Web/API/Permissions_API) の {{domxref("Permissions.query", "navigator.permissions.query()")}} メソッドで、 `speaker-selection` 権限の権限記述子を使用することで、確認することができます。
 
 ## 例
 
 こちらは、ボタンクリックにより起動される関数の中で `selectAudioOutput()` を使用する例です。
-これは、選択された[デバイス ID](/ja/docs/Web/API/MediaDeviceInfo/deviceId) とラベル（もしあれば）またはエラーメッセージを出力しています。
+これは、選択された{{domxref("MediaDeviceInfo.deviceId", "機器 ID", "", "nocode")}} とラベル（もしあれば）またはエラーメッセージを出力しています。
 
 ```js
 document.querySelector("#myButton").addEventListener("click", () => {
@@ -101,4 +104,6 @@ audiooutput: Realtek Digital Output (Realtek(R) Audio) id = 0wE6fURSZ20H0N2Nbxqg
 
 ## 関連情報
 
+- {{domxref("HTMLMediaElement.setSinkId()")}}
+- {{domxref("HTMLMediaElement.sinkId")}}
 - [WebRTC](/ja/docs/Web/API/WebRTC_API) - この API の紹介ページ

From a22176566f65e9aa98c911ef0f2dde750b6617de Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 13:21:05 +0900
Subject: [PATCH 20/81] =?UTF-8?q?2024/07/19=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/mediadevices/devicechange_event/index.md  | 15 ++++++++-------
 .../mediadevices/getsupportedconstraints/index.md | 12 +++++++-----
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/files/ja/web/api/mediadevices/devicechange_event/index.md b/files/ja/web/api/mediadevices/devicechange_event/index.md
index 31329eeb185811..7a7032c65d2bfd 100644
--- a/files/ja/web/api/mediadevices/devicechange_event/index.md
+++ b/files/ja/web/api/mediadevices/devicechange_event/index.md
@@ -1,13 +1,14 @@
 ---
 title: "MediaDevices: devicechange イベント"
+short-title: devicechange
 slug: Web/API/MediaDevices/devicechange_event
 l10n:
-  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
+  sourceCommit: ee846961725e36cf7bb407afe7a2df82d2860658
 ---
 
-{{APIRef}}
+{{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
-`devicechange` はイベントで、カメラ、マイク、スピーカーなどのメディア機器がシステムに接続・切断されるたびに {{domxref("MediaDevices")}} へ送られます。
+**`devicechange`** はイベントで、カメラ、マイク、スピーカーなどのメディア機器がシステムに接続・切断されるたびに {{domxref("MediaDevices")}} へ送られます。
 
 このイベントはキャンセル不可で、バブリングしません。
 
@@ -102,7 +103,7 @@ const logElement = document.querySelector("output");
 const startButton = document.querySelector("#startButton");
 
 function log(msg) {
-  logElement.innerHTML += `${msg}<br>`;
+  logElement.innerText += `${msg}\n`;
 }
 
 startButton.addEventListener(
@@ -149,8 +150,8 @@ const videoList = document.getElementById("videoList");
 ```js
 function updateDeviceList() {
   navigator.mediaDevices.enumerateDevices().then((devices) => {
-    audioList.innerHTML = "";
-    videoList.innerHTML = "";
+    audioList.textContent = "";
+    videoList.textContent = "";
 
     devices.forEach((device) => {
       const elem = document.createElement("li");
@@ -187,7 +188,7 @@ navigator.mediaDevices.ondevicechange = (event) => {
 };
 ```
 
-このコードでは、ユーザがカメラ、マイク、他のメディア機器を接続したり、電源を入れたり、電源を切ったりする度に、 `updateDeviceList()` を呼び出し接続された機器一覧を再描画します。
+このコードでは、ユーザーがカメラ、マイク、他のメディア機器を接続したり、電源を入れたり、電源を切ったりする度に、 `updateDeviceList()` を呼び出し接続された機器一覧を再描画します。
 
 ### 結果
 
diff --git a/files/ja/web/api/mediadevices/getsupportedconstraints/index.md b/files/ja/web/api/mediadevices/getsupportedconstraints/index.md
index 1745ca1d5ae08f..22b3a1f58fc439 100644
--- a/files/ja/web/api/mediadevices/getsupportedconstraints/index.md
+++ b/files/ja/web/api/mediadevices/getsupportedconstraints/index.md
@@ -1,11 +1,12 @@
 ---
 title: "MediaDevices: getSupportedConstraints() メソッド"
+short-title: getSupportedConstraints()
 slug: Web/API/MediaDevices/getSupportedConstraints
 l10n:
-  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
+  sourceCommit: ee846961725e36cf7bb407afe7a2df82d2860658
 ---
 
-{{APIRef("Media Capture and Streams")}}
+{{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
 **`getSupportedConstraints()`** は {{domxref("MediaDevices")}} インターフェイスのメソッドで、 {{domxref("MediaTrackSupportedConstraints")}} 辞書に基づくオブジェクトを返却し、そのそれぞれのメンバーフィールドは、{{Glossary("user agent", "ユーザーエージェント")}}が理解する制約可能なプロパティの 1 つを指定します。
 
@@ -21,14 +22,15 @@ getSupportedConstraints()
 
 ### 返値
 
-{{domxref("MediaTrackSupportedConstraints")}} 辞書に基づく新しいオブジェクトです。このオブジェクトはユーザーエージェントが扱うことができるメディア制約の一覧を含みます。この一覧に含まれているものは、ユーザーエージェントが取り扱えるものだけなので、全ての論理型のプロパティは `true` の値になっています。
+{{domxref("MediaTrackSupportedConstraints")}} 辞書に基づく新しいオブジェクトです。このオブジェクトはユーザーエージェントが扱うことができるメディア制約の一覧を含みます。
+この一覧に含まれているものは、ユーザーエージェントが取り扱えるものだけなので、全ての論理型のプロパティは `true` の値になっています。
 
 ## 例
 
 この例は、実行中のブラウザーで対応している制約の一覧を出力するものです。
 
 ```html hidden
-<p>あなたのブラウザーは、以下のメディア制約に対応しています。</p>
+<p>このブラウザーは、以下のメディア制約に対応しています。</p>
 
 <ul id="constraintList"></ul>
 ```
@@ -47,7 +49,7 @@ const supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
 
 for (const constraint of Object.keys(supportedConstraints)) {
   const elem = document.createElement("li");
-  elem.innerHTML = `<code>${constraint}</code>`;
+  elem.appendChild(document.createElement("code")).textContent = constraint;
   constraintList.appendChild(elem);
 }
 ```

From 9756611678369251cb6263cc3a30427c44a470d7 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 14:06:20 +0900
Subject: [PATCH 21/81] =?UTF-8?q?2024/01/06=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/inputdeviceinfo/index.md | 44 +++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 files/ja/web/api/inputdeviceinfo/index.md

diff --git a/files/ja/web/api/inputdeviceinfo/index.md b/files/ja/web/api/inputdeviceinfo/index.md
new file mode 100644
index 00000000000000..0ff31c799878ae
--- /dev/null
+++ b/files/ja/web/api/inputdeviceinfo/index.md
@@ -0,0 +1,44 @@
+---
+title: InputDeviceInfo
+slug: Web/API/InputDeviceInfo
+l10n:
+  sourceCommit: 4232f4067388fc9b2c55c5f9200dddf05bd99b74
+---
+
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
+
+**`InputDeviceInfo`** は {{domxref("Media Capture and Streams API", "メディアキャプチャとストリーム API", "", "nocode")}} のインターフェイスで、これが表す入力機器の能力にアクセスするためのものです。
+`InputDeviceInfo` オブジェクトは、返された機器が音声または動画入力機器である場合、{{domxref("MediaDevices.enumerateDevices()")}} によって返されます。
+
+{{InheritanceDiagram}}
+
+## インスタンスプロパティ
+
+_親インターフェイスである {{DOMxRef("MediaDeviceInfo")}} から継承したプロパティもあります。_
+
+## インスタンスメソッド
+
+_親インターフェイスである {{DOMxRef("MediaDeviceInfo")}} から継承したメソッドもあります。_
+
+- {{domxref("InputDeviceInfo.getCapabilities()")}}
+  - : 機器の `MediaStream` の主音声トラックまたは映像トラックを記述する `MediaTrackCapabilities` オブジェクトを返します。
+
+## 例
+
+次の例では、{{domxref("MediaDevices.enumerateDevices()")}} に従うことで、すべてのメディア機器を取得します。機器のいずれかが入力機器である場合、`console.log(device)` により、`InputDeviceInfo` オブジェクトがコンソールに表示されます。
+
+```js
+navigator.mediaDevices.enumerateDevices().then((devices) => {
+  devices.forEach((device) => {
+    console.log(device); // 機器が入力機器の場合は InputDeviceInfo オブジェクト、それ以外は MediaDeviceInfo オブジェクトです。
+  });
+});
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 8d30a9d18240a92389b13061d37a16a300c96a2a Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 14:24:47 +0900
Subject: [PATCH 22/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inputdeviceinfo/getcapabilities/index.md  | 91 +++++++++++++++++++
 1 file changed, 91 insertions(+)
 create mode 100644 files/ja/web/api/inputdeviceinfo/getcapabilities/index.md

diff --git a/files/ja/web/api/inputdeviceinfo/getcapabilities/index.md b/files/ja/web/api/inputdeviceinfo/getcapabilities/index.md
new file mode 100644
index 00000000000000..d385177997e480
--- /dev/null
+++ b/files/ja/web/api/inputdeviceinfo/getcapabilities/index.md
@@ -0,0 +1,91 @@
+---
+title: "InputDeviceInfo: getCapabilities() メソッド"
+short-title: getCapabilities()
+slug: Web/API/InputDeviceInfo/getCapabilities
+l10n:
+  sourceCommit: d16706e4e930c57161d473287374a9286c663147
+---
+
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
+
+**`getCapabilities()`** は {{domxref("InputDeviceInfo")}} インターフェイスのメソッドで、この機器の {{domxref("MediaStream")}} の主音声トラックまたは主映像トラックを記述する `MediaTrackCapabilities` オブジェクトを返します。
+
+## 構文
+
+```js-nolint
+getCapabilities()
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+`MediaTrackCapabilities` オブジェクトで、ユーザーエージェントが対応する制約可能なプロパティごとに対応している値または値の範囲を指定し、以下のメンバーを含みます。
+
+- `deviceId`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、機器 ID が入ります。
+- `groupId`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、グループ ID が入ります。
+- `autoGainControl`
+  - : [`ConstrainBoolean`](/ja/docs/Web/API/MediaTrackConstraints#constrainboolean) オブジェクトで、ソースが自動ゲイン制御ができるかどうかを報告します。
+    この機能がスクリプトで制御できる場合、ソースは true と false の両方を可能な値として報告します。
+- `channelCount`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、チャンネル数またはチャンネル数の範囲が入ります。
+- `echoCancellation`
+  - : [`ConstrainBoolean`](/ja/docs/Web/API/MediaTrackConstraints#constrainboolean) オブジェクトで、ソースがエコーキャンセルができるかどうかを報告します。
+    この機能がスクリプトで制御できる場合、ソースは true と false の両方を可能な値として報告します。
+- `latency`
+  - : [`ConstrainDouble`](/ja/docs/Web/API/MediaTrackConstraints#constraindouble) で、レイテンシーまたはレイテンシーの範囲が入ります。
+- `noiseSuppression`
+  - : [`ConstrainBoolean`](/ja/docs/Web/API/MediaTrackConstraints#constrainboolean) object reporting if the source can do noise suppression.
+    この機能がスクリプトで制御できる場合、ソースは true と false の両方を可能な値として報告します。
+- `sampleRate`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、サンプリングレートまたはサンプリングレートの範囲が入ります。
+- `sampleSize`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、サンプルサイズまたはサンプルサイズの範囲が入ります。
+- `aspectRatio`
+  - : [`ConstrainDouble`](/ja/docs/Web/API/MediaTrackConstraints#constraindouble) で、映像の{{glossary("aspect ratio", "アスペクト比")}}（幅のピクセル数を高さのピクセル数で割ったもの）またはアスペクト比の範囲が入ります。
+- `facingMode`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、カメラの向きのモードが入ります。カメラは "left" および "user" のように複数の向きを報告することがあります。
+- `frameRate`
+  - : [`ConstrainDouble`](/ja/docs/Web/API/MediaTrackConstraints#constraindouble) で、受け入れ可能なフレームレートまたはフレームレートの範囲が入ります。
+- `height`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、映像のピクセル単位での高さまたは高さの範囲が入ります。
+- `width`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、映像のピクセル単位での幅または幅の範囲が入ります。
+- `resizeMode`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、UAが映像トラックの解像度を導き出すために使用できるモード、またはモードの配列が入ります。
+
+> [!NOTE]
+> ユーザーが入力機器にアクセスする許可を与えていない場合、空のオブジェクトが返されます。
+
+## 例
+
+次の例では、音声と映像機器にアクセスする許可を {{domxref("mediaDevices.getUserMedia()")}} で求めています。`getCapabilities()` を使用するには、端末にアクセスする許可が必要です。
+
+`device` が `InputDeviceInfo` オブジェクトの場合、`getCapabilities()` はその機能を示すメンバーを含むオブジェクトを返します。例えば、映像ストリームには `noiseSuppression` などの自動プロパティは記載されません。
+
+```js
+// 音声または映像機器にアクセスする許可を得る
+navigator.mediaDevices.getUserMedia({ audio: true, video: true });
+
+navigator.mediaDevices.enumerateDevices().then((devices) => {
+  devices.forEach((device) => {
+    console.log(device.getCapabilities()); // MediaTrackCapabilities オブジェクト
+  });
+});
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("MediaStreamTrack.getCapabilities()")}}: `MediaTrackCapabilities` オブジェクトを返す

From fbb2702ab1044003e6cf2dee00643c158c041ef4 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Aug 2024 23:45:22 +0900
Subject: [PATCH 23/81] =?UTF-8?q?=E8=A1=A8=E8=A8=98=E3=82=86=E3=82=8C?=
 =?UTF-8?q?=E3=81=AE=E4=BF=AE=E6=AD=A3=20(#23099)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 表記ゆれの修正

* 表記ゆれの修正
---
 files/ja/web/api/mediarecorder/index.md                     | 4 ++--
 files/ja/web/api/mediarecordererrorevent/error/index.md     | 4 ++--
 files/ja/web/api/mediasource/addsourcebuffer/index.md       | 2 +-
 files/ja/web/api/mediasource/mediasource/index.md           | 2 +-
 files/ja/web/api/mediasource/sourcebuffers/index.md         | 2 +-
 files/ja/web/api/mediastream_recording_api/index.md         | 6 +++---
 .../using_the_mediastream_recording_api/index.md            | 2 +-
 7 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/files/ja/web/api/mediarecorder/index.md b/files/ja/web/api/mediarecorder/index.md
index 446183482304c5..6bcd1eb9b48d9f 100644
--- a/files/ja/web/api/mediarecorder/index.md
+++ b/files/ja/web/api/mediarecorder/index.md
@@ -14,12 +14,12 @@ l10n:
 ## コンストラクター
 
 - {{domxref("MediaRecorder.MediaRecorder", "MediaRecorder()")}}
-  - : 収録する {{domxref("MediaStream")}} を指定して、新しい `MediaRecorder` オブジェクトを作成します。 コンテナの MIME タイプ（`"video/webm"` や `"video/mp4"` など）、音声トラックと動画トラックのビットレート、または単一の全体的なビットレートの設定などを行うためのオプションがあります。
+  - : 収録する {{domxref("MediaStream")}} を指定して、新しい `MediaRecorder` オブジェクトを作成します。 コンテナーの MIME タイプ（`"video/webm"` や `"video/mp4"` など）、音声トラックと動画トラックのビットレート、または単一の全体的なビットレートの設定などを行うためのオプションがあります。
 
 ## インスタンスプロパティ
 
 - {{domxref("MediaRecorder.mimeType")}} {{ReadOnlyInline}}
-  - : `MediaRecorder` オブジェクトの作成時にその収録コンテナとして選択した MIME タイプを返します。
+  - : `MediaRecorder` オブジェクトの作成時にその収録コンテナーとして選択した MIME タイプを返します。
 - {{domxref("MediaRecorder.state")}} {{ReadOnlyInline}}
   - : `MediaRecorder` オブジェクトの現在の状態（非活動 (`inactive`)、収録中 (`recording`)、一時停止中 (`paused`)）を返します。
 - {{domxref("MediaRecorder.stream")}} {{ReadOnlyInline}}
diff --git a/files/ja/web/api/mediarecordererrorevent/error/index.md b/files/ja/web/api/mediarecordererrorevent/error/index.md
index 0e300873735c1b..d12c98d7eadceb 100644
--- a/files/ja/web/api/mediarecordererrorevent/error/index.md
+++ b/files/ja/web/api/mediarecordererrorevent/error/index.md
@@ -31,7 +31,7 @@ l10n:
 
 ### 基本的なエラー処理の例
 
-この関数は、与えられた {{domxref("MediaStream")}} の `MediaRecorder` を作成して、データを配列にバッファし、エラーを監視するように構成して、返します。
+この関数は、与えられた {{domxref("MediaStream")}} の `MediaRecorder` を作成して、データを配列にバッファーし、エラーを監視するように構成して、返します。
 
 ```js
 function recordStream(stream) {
@@ -52,7 +52,7 @@ function recordStream(stream) {
     console.error(`Error: ${event.error}`);
   };
 
-  recorder.start(100); /* バッファあたり 100ms のタイムスライス */
+  recorder.start(100); /* バッファーあたり 100ms のタイムスライス */
   return recorder;
 }
 ```
diff --git a/files/ja/web/api/mediasource/addsourcebuffer/index.md b/files/ja/web/api/mediasource/addsourcebuffer/index.md
index 154bfa24fa26f5..19005812219267 100644
--- a/files/ja/web/api/mediasource/addsourcebuffer/index.md
+++ b/files/ja/web/api/mediasource/addsourcebuffer/index.md
@@ -23,7 +23,7 @@ addSourceBuffer(mimeType)
 
 ### 返値
 
-作成され、メディアソースに追加された新しいソースバッファを表す {{domxref("SourceBuffer")}} オブジェクト。
+作成され、メディアソースに追加された新しいソースバッファーを表す {{domxref("SourceBuffer")}} オブジェクト。
 
 ### 例外
 
diff --git a/files/ja/web/api/mediasource/mediasource/index.md b/files/ja/web/api/mediasource/mediasource/index.md
index 7207a4d6bdfe1c..8a2495fcabe30d 100644
--- a/files/ja/web/api/mediasource/mediasource/index.md
+++ b/files/ja/web/api/mediasource/mediasource/index.md
@@ -8,7 +8,7 @@ l10n:
 
 {{APIRef("Media Source Extensions")}}
 
-**`MediaSource()`** は {{domxref("MediaSource")}} インターフェイスのコンストラクターで、ソースバッファが関連付けられていない新しい `MediaSource` オブジェクトを構築して返します。
+**`MediaSource()`** は {{domxref("MediaSource")}} インターフェイスのコンストラクターで、ソースバッファーが関連付けられていない新しい `MediaSource` オブジェクトを構築して返します。
 
 ## 構文
 
diff --git a/files/ja/web/api/mediasource/sourcebuffers/index.md b/files/ja/web/api/mediasource/sourcebuffers/index.md
index b16b1da6b95bce..cced5ceba0f91e 100644
--- a/files/ja/web/api/mediasource/sourcebuffers/index.md
+++ b/files/ja/web/api/mediasource/sourcebuffers/index.md
@@ -27,7 +27,7 @@ function sourceOpen() {
   fetchAB(assetURL, (buf) => {
     sourceBuffer.addEventListener("updateend", () => {
       mediaSource.endOfStream();
-      console.log(mediaSource.sourceBuffers); // 上で追加されたソースバッファが含まれます
+      console.log(mediaSource.sourceBuffers); // 上で追加されたソースバッファーが含まれます
       video.play();
       console.log(mediaSource.readyState); // ended
     });
diff --git a/files/ja/web/api/mediastream_recording_api/index.md b/files/ja/web/api/mediastream_recording_api/index.md
index 9f952860d87710..0a684bfe620597 100644
--- a/files/ja/web/api/mediastream_recording_api/index.md
+++ b/files/ja/web/api/mediastream_recording_api/index.md
@@ -18,10 +18,10 @@ MediaStream 収録 API は、{{domxref("MediaRecorder")}} という 1 つの主
 ストリームを収録（recording、録音、録画）するプロセスは簡単です。
 
 1. メディアデータのソースとして機能する {{domxref("MediaStream")}} または {{domxref("HTMLMediaElement")}}（{{HTMLElement("audio")}} 要素または {{HTMLElement("video")}} 要素の形式）を設定します。
-2. ソースストリームと必要なオプション（コンテナの MIME タイプやトラックの必要なビットレートなど）を指定して、{{domxref("MediaRecorder")}} オブジェクトを作成します。
-3. {{domxref("MediaRecorder.dataavailable_event", "ondataavailable")}} に {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} イベントのイベントハンドラを設定します。 データが利用可能になるたびにこれが呼び出されます。
+2. ソースストリームと必要なオプション（コンテナーの MIME タイプやトラックの必要なビットレートなど）を指定して、{{domxref("MediaRecorder")}} オブジェクトを作成します。
+3. {{domxref("MediaRecorder.dataavailable_event", "ondataavailable")}} に {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} イベントのイベントハンドラーを設定します。 データが利用可能になるたびにこれが呼び出されます。
 4. ソースメディアが再生され、動画を録画する準備が整ったら、{{domxref("MediaRecorder.start()")}} を呼び出して録画を開始します。
-5. {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} イベントハンドラは準備ができたデータがあるたびに呼ばれます。 イベントは、`data` 属性を持ち、その値はメディアデータを含む {{domxref("Blob")}} です。 あなたは `dataavailable` イベントを発生させることができ、それによって最新のサウンドをあなたに届けるので、それをフィルターにかけたり、それを保存したりすることができます。
+5. {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} イベントハンドラーは準備ができたデータがあるたびに呼ばれます。 イベントは、`data` 属性を持ち、その値はメディアデータを含む {{domxref("Blob")}} です。 あなたは `dataavailable` イベントを発生させることができ、それによって最新のサウンドをあなたに届けるので、それをフィルターにかけたり、それを保存したりすることができます。
 6. ソースメディアの再生が停止すると、録画は自動的に停止します。
 7. {{domxref("MediaRecorder.stop()")}} を呼び出すことで、いつでも録画を停止できます。
 
diff --git a/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md b/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
index 19be75090ad12f..5bb8b6b54dea93 100644
--- a/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
+++ b/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
@@ -9,7 +9,7 @@ l10n:
 
 [MediaStream 収録 API](/ja/docs/Web/API/MediaStream_Recording_API) を使用すると、音声や動画のストリームを簡単に記録できます。 {{domxref("MediaDevices.getUserMedia()","navigator.mediaDevices.getUserMedia()")}} と一緒に使用すると、ユーザーの入力機器から記録して結果を即座にウェブアプリで使用するための簡単な方法が提供されます。
 
-音声と映像の両方を別々にまたは一緒に記録することができます。 この記事では、この API を提供する `MediaRecorder` インターフェースの使用方法に関する基本的なガイドを提供することを目的としています。
+音声と映像の両方を別々にまたは一緒に記録することができます。 この記事では、この API を提供する `MediaRecorder` インターフェイスの使用方法に関する基本的なガイドを提供することを目的としています。
 
 ## サンプルアプリ: ウェブディクタフォン
 

From de2f95ff6d47c73bba17ebb13a81d2ed49c8c2dd Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 14:53:50 +0900
Subject: [PATCH 24/81] =?UTF-8?q?2024/07/19=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../recording_a_media_element/index.md        | 69 ++++++++-----------
 1 file changed, 27 insertions(+), 42 deletions(-)

diff --git a/files/ja/web/api/mediastream_recording_api/recording_a_media_element/index.md b/files/ja/web/api/mediastream_recording_api/recording_a_media_element/index.md
index cb3bbccfcb1496..35f28bfc8e58ce 100644
--- a/files/ja/web/api/mediastream_recording_api/recording_a_media_element/index.md
+++ b/files/ja/web/api/mediastream_recording_api/recording_a_media_element/index.md
@@ -1,6 +1,8 @@
 ---
 title: メディア要素での収録
 slug: Web/API/MediaStream_Recording_API/Recording_a_media_element
+l10n:
+  sourceCommit: ee846961725e36cf7bb407afe7a2df82d2860658
 ---
 
 {{DefaultAPISidebar("MediaStream Recording")}}
@@ -11,12 +13,10 @@ MediaStream 収録 API の使用の記事では、 {{domxref("MediaRecorder")}}
 
 ### HTML
 
-```html hidden
+```html-nolint hidden
 <p>
-  Click the "Start Recording" button to begin video recording for a few seconds.
-  You can stop recording by clicking the "Stop Recording" button. The "Download"
-  button will download the received data (although it's in a raw, unwrapped form
-  that isn't very useful).
+  「録画を開始」ボタンをクリックすると、数秒間の間の録画を始めます。
+  「録画を停止」ボタンをクリックすると、録画を停止することができます。「ダウンロード」ボタンをクリックすると、受信したデータをダウンロードすることができます(ただし、これは生データであり、まだラップされていないため、あまり有益なものではありません)。
 </p>
 <br />
 ```
@@ -25,20 +25,20 @@ MediaStream 収録 API の使用の記事では、 {{domxref("MediaRecorder")}}
 
 ```html
 <div class="left">
-  <div id="startButton" class="button">Start Recording</div>
+  <div id="startButton" class="button">録画を開始</div>
   <h2>Preview</h2>
   <video id="preview" width="160" height="120" autoplay muted></video>
 </div>
 ```
 
-2 つの欄で主要なインターフェースを提示します。 左欄には、Start（開始）ボタンと動画プレビューを表示する {{HTMLElement("video")}} 要素があります。 これは、ユーザーのカメラが見ている動画です。 [`autoplay`](/ja/docs/Web/HTML/Element/video#autoplay) 属性は、カメラからストリームが到着したらすぐに表示するために使用し、[`muted`](/ja/docs/Web/HTML/Element/video#muted) 属性は、ユーザーのマイクからの音声をスピーカーに出力しないように使用していることに注意してください。 出力すると醜いフィードバックループ（ハウリング）を引き起こします。
+2 つの欄で主要なインターフェイスを提示します。 左欄には、Start（開始）ボタンと動画プレビューを表示する {{HTMLElement("video")}} 要素があります。 これは、ユーザーのカメラが見ている動画です。 [`autoplay`](/ja/docs/Web/HTML/Element/video#autoplay) 属性は、カメラからストリームが到着したらすぐに表示するために使用し、[`muted`](/ja/docs/Web/HTML/Element/video#muted) 属性は、ユーザーのマイクからの音声をスピーカーに出力しないように使用していることに注意してください。 出力すると醜いフィードバックループ（ハウリング）を引き起こします。
 
 ```html
 <div class="right">
-  <div id="stopButton" class="button">Stop Recording</div>
+  <div id="stopButton" class="button">録画を停止</div>
   <h2>Recording</h2>
   <video id="recording" width="160" height="120" controls></video>
-  <a id="downloadButton" class="button"> Download </a>
+  <a id="downloadButton" class="button">ダウンロード</a>
 </div>
 ```
 
@@ -128,7 +128,7 @@ let recordingTimeMS = 5000;
 
 ```js
 function log(msg) {
-  logElement.innerHTML += `${msg}\n`;
+  logElement.innerText += `${msg}\n`;
 }
 ```
 
@@ -172,20 +172,13 @@ function startRecording(stream, lengthInMS) {
 
 `startRecording()` は 2 つの入力引数を取ります。 収録元の {{domxref("MediaStream")}} と記録するミリ秒単位の長さです。 指定されたミリ秒数以下のメディアを常に収録しますが、その時間に達する前にメディアが停止すると、{{domxref("MediaRecorder")}} も自動的に収録を停止します。
 
-- 2 行目
-  - : 入力ストリーム (`stream`) の収録を処理する `MediaRecorder` を作成します。
-- 3 行目
-  - : 空の配列 `data` を作成します。 これは、{{domxref("MediaRecorder.dataavailable_event", "ondataavailable")}} イベントハンドラーに提供されたメディアデータの {{domxref("Blob")}} を保持するために使用します。
-- 5 行目
-  - : {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} イベントのハンドラーを設定します。 受信したイベントの `data` プロパティはメディアデータを含む {{domxref("Blob")}} です。 イベントハンドラーは単純に `Blob` を `data` 配列にプッシュ（末尾に追加）します。
-- 6〜7 行目
-  - : {{domxref("MediaRecorder.start", "recorder.start()")}} を呼び出して収録処理を開始し、`recorder` の更新された状態と収録される秒数とともにメッセージをログに出力します。
-- 9〜12 行目
-  - : `stopped` という名前の新しい {{jsxref("Promise")}} を作成します。 これは、`MediaRecorder` の {{domxref("MediaRecorder.stop_event", "onstop")}} イベントハンドラーが呼び出されると解決し、 {{domxref("MediaRecorder.error_event", "onerror")}} イベントハンドラーが呼び出されると拒否します。 拒否ハンドラーは、発生したエラーの名前を入力として受け取ります。
-- 14〜16 行目
-  - : `recorded` という名前の新しい `Promise` を作成します。 これは、指定されたミリ秒数が経過すると解決します。 解決すると、`MediaRecorder` が収録中の場合は停止します。
-- 18〜22 行目
-  - : これらの行は、2 つの `Promise`（`stopped` と `recorded`）の両方が解決したときに満たされる新しい `Promise` を作成します。 それが解決すると、配列データは `startRecording(`) によってその呼び出し元に返されます。
+- まず、入力ストリーム (`stream`) の収録を処理する `MediaRecorder` を作成します。
+- 初期状態で空の配列 `data` を作成します。 これは、{{domxref("MediaRecorder.dataavailable_event", "ondataavailable")}} イベントハンドラーに提供されたメディアデータの {{domxref("Blob")}} を保持するために使用します。
+- `ondataavailable` に代入することで、{{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} イベントのハンドラーを設定します。 受信したイベントの `data` プロパティはメディアデータを含む {{domxref("Blob")}} です。 イベントハンドラーは単純に `Blob` を `data` 配列にプッシュ（末尾に追加）します。
+- {{domxref("MediaRecorder.start", "recorder.start()")}} を呼び出して収録処理を開始し、`recorder` の更新された状態と収録される秒数とともにメッセージをログに出力します。
+- `stopped` という名前の新しい {{jsxref("Promise")}} を作成します。 これは、`MediaRecorder` の {{domxref("MediaRecorder.stop_event", "onstop")}} イベントハンドラーが呼び出されると解決し、 {{domxref("MediaRecorder.error_event", "onerror")}} イベントハンドラーが呼び出されると拒否します。 拒否ハンドラーは、発生したエラーの名前を入力として受け取ります。
+- `recorded` という名前のもう一つの `Promise` を作成します。 これは、指定されたミリ秒数が経過すると解決します。 解決すると、`MediaRecorder` が収録中の場合は停止します。
+- 最後に、{{jsxref("Promise.all")}} を使用して `Promise`（`stopped` と `recorded`）の両方が解決したときに満たされる新しい `Promise` を作成します。 それが解決すると、配列データは `startRecording()` によってその呼び出し元に返されます。
 
 ### 入力ストリームの停止
 
@@ -244,22 +237,15 @@ startButton.addEventListener(
 
 {{domxref("Element/click_event", "click")}} イベントが発生すると、次のようになります。
 
-- 2〜4 行目
-  - : {{domxref("MediaDevices.getUserMedia")}} は、動画トラックと音声トラックの両方を持つ新しい {{domxref("MediaStream")}} を要求するために呼び出します。 これが収録するストリームです。
-- 5〜9 行目
-  - : `getUserMedia()` から返されたプロミスが解決すると、プレビューの {{HTMLElement("video")}} 要素の {{domxref("HTMLMediaElement.srcObject","srcObject")}} プロパティを入力ストリームに設定し、ユーザーのカメラでキャプチャしている動画をプレビューボックスに表示します。 `<video>` 要素はミュートしているので、音声は再生しません。 "Download"（ダウンロード）ボタンのリンクも、ストリームを参照するように設定します。 次に、8 行目では、 `preview.captureStream()` で `preview.mozCaptureStream()` を呼び出すように手配して、コードが Firefox で動作するようにします。 {{domxref("HTMLMediaElement.captureStream()")}} メソッドが接頭辞付きだからです。その後、プレビュー動画の再生開始時に解決する新しい {{jsxref("Promise")}} を作成して返します。
-- 10 行目
-  - : プレビュー動画の再生が開始されると、収録するメディアがあることがわかります。 したがって、先ほど作成した [`startRecording()`](#メディア収録の開始) 関数を呼び出し、プレビュー動画ストリーム（収録するソースメディアとして）と、 `recordingTimeMS`（収録するメディアのミリ秒数として）を渡します。 前述のように、`startRecording()` は、収録が完了すると、解決ハンドラーが呼び出される {{jsxref("Promise")}}（収録されたメディアデータのチャンクを含む {{domxref("Blob")}} オブジェクトの配列を入力として受け取る）を返します。
-- 11〜15 行目
-
-  - : 収録プロセスの解決ハンドラーは、ローカルに `recordedChunks` として知られるメディアデータの `Blob` の配列を入力として受け取ります。 最初にすることは、{{domxref("Blob.Blob", "Blob()")}} コンストラクターがオブジェクトの配列を 1 つのオブジェクトに連結するという事実を利用して、チャンクを MIME タイプが `"video/webm"` の単一の {{domxref("Blob")}} にマージすることです。 次に、{{domxref("URL.createObjectURL()")}} を使用して `Blob` を参照する URL を作成します。 これは、ダウンロードされた動画再生要素の [`src`](/ja/docs/Web/HTML/Element/video#src) 属性の値（`Blob` から動画を再生できるようにする）とダウンロードボタンのリンクのターゲットになります。
+- {{domxref("MediaDevices.getUserMedia")}} は、動画トラックと音声トラックの両方を持つ新しい {{domxref("MediaStream")}} を要求するために呼び出します。 これが収録するストリームです。
+- `getUserMedia()` から返されたプロミスが解決すると、プレビューの {{HTMLElement("video")}} 要素の {{domxref("HTMLMediaElement.srcObject","srcObject")}} プロパティを入力ストリームに設定し、ユーザーのカメラでキャプチャしている動画をプレビューボックスに表示します。 `<video>` 要素はミュートしているので、音声は再生しません。 "Download"（ダウンロード）ボタンのリンクも、ストリームを参照するように設定します。 次に、`preview.captureStream()` で `preview.mozCaptureStream()` を呼び出すように手配して、コードが Firefox で動作するようにします。 {{domxref("HTMLMediaElement.captureStream()")}} メソッドが接頭辞付きだからです。その後、プレビュー動画の再生開始時に解決する新しい {{jsxref("Promise")}} を作成して返します。
+- プレビュー動画の再生が開始されると、収録するメディアがあることがわかります。 したがって、先ほど作成した [`startRecording()`](#メディア収録の開始) 関数を呼び出し、プレビュー動画ストリーム（収録するソースメディアとして）と、 `recordingTimeMS`（収録するメディアのミリ秒数として）を渡します。 前述のように、`startRecording()` は、収録が完了すると、解決ハンドラーが呼び出される {{jsxref("Promise")}}（収録されたメディアデータのチャンクを含む {{domxref("Blob")}} オブジェクトの配列を入力として受け取る）を返します。
+- 収録プロセスの解決ハンドラーは、ローカルに `recordedChunks` として知られるメディアデータの `Blob` の配列を入力として受け取ります。 最初にすることは、{{domxref("Blob")}} コンストラクターがオブジェクトの配列を 1 つのオブジェクトに連結するという事実を利用して、チャンクを MIME タイプが `"video/webm"` の単一の {{domxref("Blob")}} にマージすることです。 次に、{{domxref("URL.createObjectURL_static", "URL.createObjectURL()")}} を使用して `Blob` を参照する URL を作成します。 これは、ダウンロードされた動画再生要素の [`src`](/ja/docs/Web/HTML/Element/video#src) 属性の値（`Blob` から動画を再生できるようにする）とダウンロードボタンのリンクのターゲットになります。
 
-    その後、ダウンロードボタンの [`download`](/ja/docs/Web/HTML/Element/a#download) 属性が設定されます。 `download` 属性は論理値にすることができますが、ダウンロードするファイルの名前として使用する文字列に設定することもできます。 そのため、ダウンロードリンクの `download` 属性を `"RecordedVideo.webm"` に設定することで、ボタンをクリックすると内容が収録された動画である `"RecordedVideo.webm"` という名前のファイルをダウンロードするようにブラウザーに指示します。
+  その後、ダウンロードボタンの [`download`](/ja/docs/Web/HTML/Element/a#download) 属性が設定されます。 `download` 属性は論理値にすることができますが、ダウンロードするファイルの名前として使用する文字列に設定することもできます。 そのため、ダウンロードリンクの `download` 属性を `"RecordedVideo.webm"` に設定することで、ボタンをクリックすると内容が収録された動画である `"RecordedVideo.webm"` という名前のファイルをダウンロードするようにブラウザーに指示します。
 
-- 17〜18 行目
-  - : 記録されたメディアのサイズと種類は、2 つの動画とダウンロードボタンの下のログ領域に出力されます。
-- 20 行目
-  - : すべての `Promise` の `catch()` は、`log()` 関数を呼び出すことによってエラーをロギング領域に出力します。
+- 記録されたメディアのサイズと種類は、2 つの動画とダウンロードボタンの下のログ領域に出力されます。
+- すべての `Promise` の `catch()` は、`log()` 関数を呼び出すことによってエラーをログ領域に出力します。
 
 ### 停止ボタンの処理
 
@@ -283,10 +269,9 @@ stopButton.addEventListener(
 
 {{ EmbedLiveSample('Example_of_recording_a_media_element', 600, 440) }}
 
-{{LiveSampleLink("Example_of_recording_a_media_element", "こちらでデモ全体を見る")}}ことができ、ブラウザの開発者ツールを使ってページを検査し、 API が使用されている方法の説明には重要ではないので上に表示されない部分も含めて、すべてのコードを見てみることができます。
+{{LiveSampleLink("Example_of_recording_a_media_element", "こちらでデモ全体を見る")}}ことができ、ブラウザーの開発者ツールを使ってページを検査し、 API が使用されている方法の説明には重要ではないので上に表示されない部分も含めて、すべてのコードを見てみることができます。
 
 ## 関連情報
 
-- [MediaStream 収録 API](/ja/docs/Web/API/MediaStream_Recording_API)
-- [MediaStream 収録 API の使用](/ja/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API) ランディングページ
+- {{domxref("MediaDevices.getUserMedia()")}}

From 4fac971b92e51e3bfeeaa4f97bf2cf27b67243e3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 15:39:14 +0900
Subject: [PATCH 25/81] =?UTF-8?q?=E8=A1=A8=E8=A8=98=E3=82=86=E3=82=8C?=
 =?UTF-8?q?=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../javascript/objects/adding_bouncing_balls_features/index.md  | 2 +-
 files/ja/learn/javascript/objects/index.md                      | 2 +-
 files/ja/learn/javascript/objects/object_prototypes/index.md    | 2 +-
 files/ja/learn/server-side/express_nodejs/introduction/index.md | 2 +-
 files/ja/web/api/audiocontext/index.md                          | 2 +-
 .../web/api/backgroundfetchevent/backgroundfetchevent/index.md  | 2 +-
 files/ja/web/api/backgroundfetchevent/index.md                  | 2 +-
 files/ja/web/api/client/index.md                                | 2 +-
 files/ja/web/api/client/type/index.md                           | 2 +-
 files/ja/web/api/client/url/index.md                            | 2 +-
 files/ja/web/api/crypto/subtle/index.md                         | 2 +-
 files/ja/web/api/document/scrollingelement/index.md             | 2 +-
 files/ja/web/api/domexception/index.md                          | 2 +-
 .../api/file_and_directory_entries_api/firefox_support/index.md | 2 +-
 files/ja/web/api/formdata/index.md                              | 2 +-
 files/ja/web/api/mediarecorder/videobitspersecond/index.md      | 2 +-
 files/ja/web/api/mediarecordererrorevent/error/index.md         | 2 +-
 17 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.md b/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.md
index 62e62c17ec4619..10f7d00b3b6e20 100644
--- a/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.md
+++ b/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.md
@@ -63,7 +63,7 @@ l10n:
 `Ball` クラスは `extends` を使用して `Shape` から派生させる必要があります。 `Ball` のコンストラクターは以下のようになります。
 
 - 引数として、 `x`, `y`, `velX`, `velY`, `size`, `color` を受け取ります。
-- `super()` を使用して `Shape` コンストラクタを呼び出し、 `x`、`y`、`velX`、`velY` の各引数を渡します。
+- `super()` を使用して `Shape` コンストラクターを呼び出し、 `x`、`y`、`velX`、`velY` の各引数を渡します。
 - 与えられた引数から `color` と `size` のプロパティを初期化します。
 
 `Ball` コンストラクターは `exists` という新しいプロパティを定義する必要があります。これは、ボールがプログラム内に存在するかどうか（悪のサークルに食べられていないかどうか）を追跡するために使用されます。これは論理値 (`true`/`false`) で、コンストラクターの中で `true` に初期化する必要があります。
diff --git a/files/ja/learn/javascript/objects/index.md b/files/ja/learn/javascript/objects/index.md
index 543c15df73627d..8239bfc52d3f87 100644
--- a/files/ja/learn/javascript/objects/index.md
+++ b/files/ja/learn/javascript/objects/index.md
@@ -31,7 +31,7 @@ JavaScript では、文字列や配列などの JavaScript のコア機能から
 - [オブジェクトの基本](/ja/docs/Learn/JavaScript/Objects/Basics)
   - : JavaScript オブジェクトについて記載している最初の記事では、基本的な JavaScript オブジェクト構文を見てみます。コースの初期段階で既に見た JavaScript の機能を再び見てみたり、すでに扱っている機能の多くは実際にオブジェクトであるという事実を繰り返し述べています。
 - [オブジェクトプロトタイプ](/ja/docs/Learn/JavaScript/Objects/Object_prototypes)
-  - : プロトタイプは、JavaScript オブジェクトが互いに機能を継承するメカニズムであり、古典的なオブジェクト指向プログラミング言語の継承メカニズムとは異なる働きをします。この記事では、その違いを探り、プロトタイプチェーンの仕組みを説明し、prototype プロパティを使用して既存のコンストラクタにメソッドを追加する方法を見ていきます。
+  - : プロトタイプは、JavaScript オブジェクトが互いに機能を継承するメカニズムであり、古典的なオブジェクト指向プログラミング言語の継承メカニズムとは異なる働きをします。この記事では、その違いを探り、プロトタイプチェーンの仕組みを説明し、prototype プロパティを使用して既存のコンストラクターにメソッドを追加する方法を見ていきます。
 - [オブジェクト指向プログラミング](/ja/docs/Learn/JavaScript/Objects/Object-oriented_programming)
   - : この記事では、「古典的」オブジェクト指向プログラミングの基本的な原則をいくつか説明し、JavaScript でのプロトタイプモデルとは異なるところを見ていきます。
 - [JavaScript でのクラス](/ja/docs/Learn/JavaScript/Objects/Classes_in_JavaScript)
diff --git a/files/ja/learn/javascript/objects/object_prototypes/index.md b/files/ja/learn/javascript/objects/object_prototypes/index.md
index 056bb3c26fc8fd..5742a4e1cd708e 100644
--- a/files/ja/learn/javascript/objects/object_prototypes/index.md
+++ b/files/ja/learn/javascript/objects/object_prototypes/index.md
@@ -234,7 +234,7 @@ JavaScript で、`Professor` と `Student` のオブジェクトが `Person` プ
 
 ## まとめ
 
-この記事では、プロトタイプオブジェクトチェーンによってオブジェクトが互いに機能を継承する方法、プロトタイププロパティとそれを使ってコンストラクタにメソッドを追加する方法など、JavaScript オブジェクトのプロトタイプを取り上げてきました。
+この記事では、プロトタイプオブジェクトチェーンによってオブジェクトが互いに機能を継承する方法、プロトタイププロパティとそれを使ってコンストラクターにメソッドを追加する方法など、JavaScript オブジェクトのプロトタイプを取り上げてきました。
 
 次の記事では、オブジェクト指向プログラミングの基盤となる概念について見ていきます。
 
diff --git a/files/ja/learn/server-side/express_nodejs/introduction/index.md b/files/ja/learn/server-side/express_nodejs/introduction/index.md
index a177cdc3245985..a448e4fb7421cf 100644
--- a/files/ja/learn/server-side/express_nodejs/introduction/index.md
+++ b/files/ja/learn/server-side/express_nodejs/introduction/index.md
@@ -201,7 +201,7 @@ console.log(`The area of a square with a width of 4 is ${square.area(4)}`);
 > [!NOTE]
 > モジュールへの絶対パス (または最初に行ったように名前) を指定することもできます。
 
-一度に 1 つのプロパティを構築するのではなく、1 つの割り当てで完全なオブジェクトをエクスポートする場合は、次のように `module.exports` に割り当てます (これを実行して、エクスポートオブジェクトのルートをコンストラクタまたは他の関数にすることもできます)。
+一度に 1 つのプロパティを構築するのではなく、1 つの割り当てで完全なオブジェクトをエクスポートする場合は、次のように `module.exports` に割り当てます (これを実行して、エクスポートオブジェクトのルートをコンストラクターまたは他の関数にすることもできます)。
 
 ```js
 module.exports = {
diff --git a/files/ja/web/api/audiocontext/index.md b/files/ja/web/api/audiocontext/index.md
index 3935cf826d63f9..8543a80a7c8562 100644
--- a/files/ja/web/api/audiocontext/index.md
+++ b/files/ja/web/api/audiocontext/index.md
@@ -70,7 +70,7 @@ const finish = audioCtx.destination;
 // etc.
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/backgroundfetchevent/backgroundfetchevent/index.md b/files/ja/web/api/backgroundfetchevent/backgroundfetchevent/index.md
index 097f1a8fab8e5e..8acd0bf0ca0e3f 100644
--- a/files/ja/web/api/backgroundfetchevent/backgroundfetchevent/index.md
+++ b/files/ja/web/api/backgroundfetchevent/backgroundfetchevent/index.md
@@ -7,7 +7,7 @@ l10n:
 
 {{APIRef("Background Fetch API")}}{{SeeCompatTable}}
 
-コンストラクター **`BackgroundFetchEvent()`** は新しい {{domxref("BackgroundFetchEvent")}} オブジェクトを生成します。このコンストラクタは通常、使用されることはありません。なぜなら、これらのオブジェクトはブラウザーによって自動で生成され、バックグラウンドのフェッチイベントのコールバックに渡されるからです。
+コンストラクター **`BackgroundFetchEvent()`** は新しい {{domxref("BackgroundFetchEvent")}} オブジェクトを生成します。このコンストラクターは通常、使用されることはありません。なぜなら、これらのオブジェクトはブラウザーによって自動で生成され、バックグラウンドのフェッチイベントのコールバックに渡されるからです。
 
 ## 構文
 
diff --git a/files/ja/web/api/backgroundfetchevent/index.md b/files/ja/web/api/backgroundfetchevent/index.md
index 61d4ee7c884d0a..fe4593006c0851 100644
--- a/files/ja/web/api/backgroundfetchevent/index.md
+++ b/files/ja/web/api/backgroundfetchevent/index.md
@@ -16,7 +16,7 @@ l10n:
 ## コンストラクター
 
 - {{domxref("BackgroundFetchEvent.BackgroundFetchEvent()", "BackgroundFetchEvent()")}} {{Experimental_Inline}}
-  - : 新規に `BackgroundFetchEvent` オブジェクトを作成します。通常、このコンストラクタが使用されることはありません。なぜなら、これらのオブジェクトはブラウザーによって自動で生成され、バックグラウンドのフェッチイベントのコールバックに渡されるからです。
+  - : 新規に `BackgroundFetchEvent` オブジェクトを作成します。通常、このコンストラクターが使用されることはありません。なぜなら、これらのオブジェクトはブラウザーによって自動で生成され、バックグラウンドのフェッチイベントのコールバックに渡されるからです。
 
 ## プロパティ
 
diff --git a/files/ja/web/api/client/index.md b/files/ja/web/api/client/index.md
index 68d35d34d813d8..6c4a083e650349 100644
--- a/files/ja/web/api/client/index.md
+++ b/files/ja/web/api/client/index.md
@@ -23,7 +23,7 @@ l10n:
 - {{domxref("Client.url")}} {{ReadOnlyInline}}
   - : 文字列としてのクライアントの URL。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/client/type/index.md b/files/ja/web/api/client/type/index.md
index d85d97fa5f6b89..5f16bc5d75ab36 100644
--- a/files/ja/web/api/client/type/index.md
+++ b/files/ja/web/api/client/type/index.md
@@ -40,7 +40,7 @@ self.addEventListener("message", (e) => {
 });
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/client/url/index.md b/files/ja/web/api/client/url/index.md
index 7427cd36535b66..f19e1c40a74bd1 100644
--- a/files/ja/web/api/client/url/index.md
+++ b/files/ja/web/api/client/url/index.md
@@ -41,7 +41,7 @@ self.addEventListener("notificationclick", (event) => {
 });
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/crypto/subtle/index.md b/files/ja/web/api/crypto/subtle/index.md
index dadf130b6b309c..df6165769c03d1 100644
--- a/files/ja/web/api/crypto/subtle/index.md
+++ b/files/ja/web/api/crypto/subtle/index.md
@@ -18,7 +18,7 @@ l10n:
 
 {{Specifications}}
 
-## ブラウザーの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
diff --git a/files/ja/web/api/document/scrollingelement/index.md b/files/ja/web/api/document/scrollingelement/index.md
index 10f46c1ce17427..6b0293479fe724 100644
--- a/files/ja/web/api/document/scrollingelement/index.md
+++ b/files/ja/web/api/document/scrollingelement/index.md
@@ -23,7 +23,7 @@ const scrollElm = document.scrollingElement;
 scrollElm.scrollTop = 0;
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/domexception/index.md b/files/ja/web/api/domexception/index.md
index 2ddebdb20faa71..a99cf7ee2ddf90 100644
--- a/files/ja/web/api/domexception/index.md
+++ b/files/ja/web/api/domexception/index.md
@@ -105,7 +105,7 @@ l10n:
 - `NotAllowedError`
   - : 現在の状況において、ユーザーエージェントまたはプラットフォームが要求を許可しませんでした。ユーザーが拒否されている可能性があります（古いコードおよび古い定数名はありません）。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/file_and_directory_entries_api/firefox_support/index.md b/files/ja/web/api/file_and_directory_entries_api/firefox_support/index.md
index 01ae923175916f..bbd61f5f252ba5 100644
--- a/files/ja/web/api/file_and_directory_entries_api/firefox_support/index.md
+++ b/files/ja/web/api/file_and_directory_entries_api/firefox_support/index.md
@@ -13,7 +13,7 @@ l10n:
 
 この記事では、ファイルとディレクトリー項目 API の Firefox の実装が、他の実装や仕様とどのように異なるかを記述しています。
 
-## 仕様から外れた Chrome
+## 仕様書から外れた Chrome
 
 まだ残っている最大の互換性課題は、Chrome が API 内の多くのインターフェイスに、関連しているものの異なる仕様を実装したため、古い名称を使用していることです。
 
diff --git a/files/ja/web/api/formdata/index.md b/files/ja/web/api/formdata/index.md
index 6ae635c9454c94..5362448e71989e 100644
--- a/files/ja/web/api/formdata/index.md
+++ b/files/ja/web/api/formdata/index.md
@@ -16,7 +16,7 @@ l10n:
 > [!NOTE]
 > この機能は[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
-## コンストラクタ
+## コンストラクター
 
 - {{domxref("FormData.FormData","FormData()")}}
   - : 新しい `FormData` オブジェクトを作成します。
diff --git a/files/ja/web/api/mediarecorder/videobitspersecond/index.md b/files/ja/web/api/mediarecorder/videobitspersecond/index.md
index 48a5f8b0446b33..368863bad6e03a 100644
--- a/files/ja/web/api/mediarecorder/videobitspersecond/index.md
+++ b/files/ja/web/api/mediarecorder/videobitspersecond/index.md
@@ -10,7 +10,7 @@ l10n:
 
 **videoBitsPerSecond`** は {{domxref("MediaRecorder")}} インターフェイスの読み取り専用プロパティは、使用されている動画エンコーディングのビットレートを返します。
 
-これは、コンストラクタで指定されたビットレートが提供された場合、そのビットレートとは異なる形になる可能性があります。
+これは、コンストラクターで指定されたビットレートが提供された場合、そのビットレートとは異なる形になる可能性があります。
 
 ## 値
 
diff --git a/files/ja/web/api/mediarecordererrorevent/error/index.md b/files/ja/web/api/mediarecordererrorevent/error/index.md
index d12c98d7eadceb..35fd82d5bdb8f5 100644
--- a/files/ja/web/api/mediarecordererrorevent/error/index.md
+++ b/files/ja/web/api/mediarecordererrorevent/error/index.md
@@ -57,7 +57,7 @@ function recordStream(stream) {
 }
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 

From 153d428a92fcf8f5b142f06652ab56f92daf3d62 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 16 Aug 2024 23:22:10 +0900
Subject: [PATCH 26/81] =?UTF-8?q?2024/03/06=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/messagechannel/index.md      | 57 +++++++++++--------
 .../messagechannel/messagechannel/index.md    | 44 ++++++++------
 .../ja/web/api/messagechannel/port1/index.md  | 35 +++++-------
 .../ja/web/api/messagechannel/port2/index.md  | 40 ++++++-------
 4 files changed, 92 insertions(+), 84 deletions(-)

diff --git a/files/ja/web/api/messagechannel/index.md b/files/ja/web/api/messagechannel/index.md
index 6c1dea7fa4f9ac..835394a4c177cd 100644
--- a/files/ja/web/api/messagechannel/index.md
+++ b/files/ja/web/api/messagechannel/index.md
@@ -1,59 +1,68 @@
 ---
 title: MessageChannel
 slug: Web/API/MessageChannel
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-[Channel Messaging API](/ja/docs/Web/API/Channel_Messaging_API) の **`MessageChannel`** インターフェースは、新しいメッセージチャンネルを作成し、2 つの {{domxref("MessagePort")}} プロパティを通して、その間でデータを送信できます。
+**`MessageChannel`** は[チャンネルメッセージング API](/ja/docs/Web/API/Channel_Messaging_API) のインターフェイスで、新しいメッセージチャンネルを作成し、2 つの {{domxref("MessagePort")}} プロパティを通して、その間でデータを送信できます。
 
-{{AvailableInWorkers}}
+## コンストラクター
+
+- {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}}
+  - : 2 つの新しい {{domxref("MessagePort")}} オブジェクトを持つ新しい `MessageChannel` オブジェクトを返します。
 
 ## プロパティ
 
-- {{domxref("MessageChannel.port1")}} {{readonlyInline}}
+- {{domxref("MessageChannel.port1")}} {{ReadOnlyInline}}
   - : チャンネルの port1 を返します。
-- {{domxref("MessageChannel.port2")}} {{readonlyInline}}
+- {{domxref("MessageChannel.port2")}} {{ReadOnlyInline}}
   - : チャンネルの port2 を返します。
 
-## コンストラクタ
+## 例
 
-- {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}}
-  - : 2 つの新しい {{domxref("MessagePort")}} オブジェクトを持つ 新しい `MessageChannel` オブジェクトを返します。
+次の例では、{{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} コンストラクターを使用して新しいチャンネルを作成する様子を見ることができます。
 
-## 例
+iframe が読み込まれると、{{domxref("MessagePort/message_event","onmessage")}} ハンドラーを {{domxref("MessageChannel.port1")}} に登録し、{{domxref("MessageChannel.port2")}} を {{domxref("window.postMessage")}} メソッドを使用して iframe へ転送します。
 
-次のコードブロックでは、{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} コンストラクタを使用して作成された新しいチャンネルを知ることができます。{{HTMLElement("iframe")}} が読み込まれると、{{domxref("MessagePort.postMessage")}} にメッセージを添えて {{domxref("MessageChannel.port2")}} を {{HTMLElement("iframe")}} へ渡します。すると、`handleMessage` ハンドラが {{HTMLElement("iframe")}} から返送されたメッセージに ({{domxref("MessagePort.onmessage")}} を使用して) 返答し、これを段落に挿入します。
+IFrame からメッセージが返送されると、`onMessage` 関数はそのメッセージを段落に出力します。
 
 ```js
-var channel = new MessageChannel();
-var para = document.querySelector("p");
+const channel = new MessageChannel();
+const output = document.querySelector(".output");
+const iframe = document.querySelector("iframe");
 
-var ifr = document.querySelector("iframe");
-var otherWindow = ifr.contentWindow;
+// iframe が読み込まれるのを待つ
+iframe.addEventListener("load", onLoad);
 
-ifr.addEventListener("load", iframeLoaded, false);
+function onLoad() {
+  // port1 のメッセージを待ち受けする
+  channel.port1.onmessage = onMessage;
 
-function iframeLoaded() {
-  otherWindow.postMessage("Hello from the main page!", "*", [channel.port2]);
+  // port2 を iframe へ転送する
+  iframe.contentWindow.postMessage("メインページからこんにちは！", "*", [
+    channel.port2,
+  ]);
 }
 
-channel.port1.onmessage = handleMessage;
-function handleMessage(e) {
-  para.innerHTML = e.data;
+// port1 で受け取ったメッセージを処理する
+function onMessage(e) {
+  output.innerHTML = e.data;
 }
 ```
 
-完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/channel-messaging-basic-demo) を参照してください ([実際のデモも実行できます](http://mdn.github.io/channel-messaging-basic-demo/))。
+完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/dom-examples/tree/main/channel-messaging-basic) を参照してください ([実際のデモも実行できます](https://mdn.github.io/dom-examples/channel-messaging-basic/))。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
diff --git a/files/ja/web/api/messagechannel/messagechannel/index.md b/files/ja/web/api/messagechannel/messagechannel/index.md
index 916c050cd3fb75..33e51a6571ec31 100644
--- a/files/ja/web/api/messagechannel/messagechannel/index.md
+++ b/files/ja/web/api/messagechannel/messagechannel/index.md
@@ -1,34 +1,42 @@
 ---
-title: MessageChannel()
+title: "MessageChannel: MessageChannel() コンストラクター"
+short-title: MessageChannel()
 slug: Web/API/MessageChannel/MessageChannel
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-{{domxref("MessageChannel")}} インターフェースの `MessageChannel()` コンストラクタは、2 つの新しい {{domxref("MessagePort")}} オブジェクトを持つ新しい {{domxref("MessageChannel")}} オブジェクトを返します。
-
-{{AvailableInWorkers}}
+**`MessageChannel()`** は {{domxref("MessageChannel")}} インターフェイスのコンストラクターで、2 つの新しい {{domxref("MessagePort")}} オブジェクトを持つ新しい {{domxref("MessageChannel")}} オブジェクトを返します。
 
 ## 構文
 
+```js-nolint
+new MessageChannel()
 ```
-var channel = new MessageChannel();
-```
 
-### 戻り値
+### 引数
+
+なし ({{jsxref("undefined")}})。
+
+### 返値
 
-新たに作成された {{domxref("MessageChannel")}} オブジェクト。
+新しい {{domxref("MessageChannel")}} オブジェクト。
 
 ## 例
 
-次のコードブロックでは、{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} コンストラクタを使用して作成された新しいチャンネルを知ることができます。{{HTMLElement("iframe")}} が読み込まれると、{{domxref("MessagePort.postMessage")}} にメッセージを添えて {{domxref("MessageChannel.port2")}} を {{HTMLElement("iframe")}} へ渡します。すると、`handleMessage` ハンドラが {{HTMLElement("iframe")}} から返送されたメッセージに ({{domxref("MessagePort.onmessage")}} を使用して) 返答し、これを段落に挿入します。
+次のコードブロックでは、`MessageChannel()` コンストラクターを使用して作成された新しいチャンネルを知ることができます。
+{{HTMLElement("iframe")}} が読み込まれると、{{domxref("MessagePort.postMessage")}} にメッセージを添えて {{domxref("MessageChannel.port2")}} を `<iframe>` へ渡します。
+すると、`handleMessage` ハンドラーが `<iframe>` から返送されたメッセージに ({{domxref("MessagePort.message_event")}} を使用して) 返答し、これを段落に挿入します。
+{{domxref("MessageChannel.port1", "port1")}} は、いつメッセージが到着しているかどうかをチェックするために待ち受けされます。
 
 ```js
-var channel = new MessageChannel();
-var para = document.querySelector("p");
+const channel = new MessageChannel();
+const para = document.querySelector("p");
 
-var ifr = document.querySelector("iframe");
-var otherWindow = ifr.contentWindow;
+const ifr = document.querySelector("iframe");
+const otherWindow = ifr.contentWindow;
 
 ifr.addEventListener("load", iframeLoaded, false);
 
@@ -42,16 +50,16 @@ function handleMessage(e) {
 }
 ```
 
-完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/channel-messaging-basic-demo) を参照してください ([実際のデモも実行できます](http://mdn.github.io/channel-messaging-basic-demo/))。
+完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/channel-messaging-basic-demo) を参照してください ([実際のデモも実行できます](https://mdn.github.io/channel-messaging-basic-demo/))。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
diff --git a/files/ja/web/api/messagechannel/port1/index.md b/files/ja/web/api/messagechannel/port1/index.md
index 7feb91b66ceaf5..8dbe3ff4089292 100644
--- a/files/ja/web/api/messagechannel/port1/index.md
+++ b/files/ja/web/api/messagechannel/port1/index.md
@@ -1,34 +1,29 @@
 ---
-title: MessageChannel.port1
+title: "MessageChannel: port1 プロパティ"
+short-title: port1
 slug: Web/API/MessageChannel/port1
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-**`port1`** は {{domxref("MessageChannel")}} インターフェースの読み取り専用プロパティで、メッセージチャンネルの最初のポートを返します。このポートは、チャンネルの元となるコンテキストに付属します。
+**`port1`** は {{domxref("MessageChannel")}} インターフェイスの読み取り専用プロパティで、メッセージチャンネルの第 1 ポートを返します。このポートは、チャンネルの元となるコンテキストに付属します。
 
-{{AvailableInWorkers}}
+## 値
 
-## 構文
-
-```
-channel.port1;
-```
-
-### 値
-
-チャンネルの最初のポートを表す {{domxref("MessagePort")}} オブジェクト。これはチャンネルの元となるコンテキストに付属するポートです。
+チャンネルの第 1 ポートを表す {{domxref("MessagePort")}} オブジェクト。これはチャンネルの元となるコンテキストに付属するポートです。
 
 ## 例
 
-次のコードブロックでは、 {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} コンストラクターを使用して作成された新しいチャンネルが見られます。 {{HTMLElement("iframe")}} が読み込まれると、 {{domxref("MessageChannel.port2")}} を {{HTMLElement("iframe")}} へ、メッセージを通して {{domxref("MessagePort.postMessage")}} を使用して渡します。すると、 `handleMessage` ハンドラーが `<iframe>` から返送されたメッセージに ({{domxref("MessagePort.onmessage")}} を使用して) 返答し、これを段落に挿入します。メッセージが到着したとき、 `handleMessage` メソッドが `port1` に関連付けられて待ち受けします。
+次のコードブロックでは、 {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} コンストラクターを使用して作成された新しいチャンネルが見られます。 {{HTMLElement("iframe")}} が読み込まれると、 {{domxref("MessageChannel.port2")}} を {{HTMLElement("iframe")}} へ、メッセージを通して {{domxref("MessagePort.postMessage")}} を使用して渡します。すると、 `handleMessage` ハンドラーが `<iframe>` から返送されたメッセージに（{{domxref("MessagePort.message_event")}} を使用して）返答し、これを段落に挿入します。メッセージが到着したとき、 `handleMessage` メソッドが `port1` に関連付けられて待ち受けします。
 
 ```js
-var channel = new MessageChannel();
-var para = document.querySelector("p");
+const channel = new MessageChannel();
+const para = document.querySelector("p");
 
-var ifr = document.querySelector("iframe");
-var otherWindow = ifr.contentWindow;
+const ifr = document.querySelector("iframe");
+const otherWindow = ifr.contentWindow;
 
 ifr.addEventListener("load", iframeLoaded, false);
 
@@ -46,10 +41,10 @@ function handleMessage(e) {
 
 {{Specifications}}
 
-## ブラウザーの対応
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
diff --git a/files/ja/web/api/messagechannel/port2/index.md b/files/ja/web/api/messagechannel/port2/index.md
index cdf3cf27fc4ccf..a22b1f8e8abb3b 100644
--- a/files/ja/web/api/messagechannel/port2/index.md
+++ b/files/ja/web/api/messagechannel/port2/index.md
@@ -1,34 +1,30 @@
 ---
-title: MessageChannel.port2
+title: "MessageChannel: port2 プロパティ"
+short-title: port2
 slug: Web/API/MessageChannel/port2
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-{{domxref("MessageChannel")}} インターフェースの **`port2`** 読み取り専用プロパティは、メッセージチャンネルの第 2 ポートを返します。このポートは、チャンネルの元となるコンテキストに付属します。
+**`port2`** は {{domxref("MessageChannel")}} インターフェイスの読み取り専用プロパティで、メッセージチャンネルの第 2 ポートを返します。このポートは、チャンネルのもう一方の端のコンテキストに接続されたポートで、メッセージが最初に送信される先です。
 
-{{AvailableInWorkers}}
+## 値
 
-## 構文
-
-```
-channel.port2;
-```
-
-### 値
-
-チャンネルの第 2 ポートを表す {{domxref("MessagePort")}} オブジェクト。これはチャンネルの元となるコンテキストに付属するポートです。
+チャンネルの第 2 ポートを表す {{domxref("MessagePort")}} オブジェクト。これはチャネルのもう一方の端のコンテキストに接続されたポートです。
 
 ## 例
 
-次のコードブロックでは、{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} コンストラクタを使用して作成された新しいチャンネルを知ることができます。{{HTMLElement("iframe")}} が読み込まれると、{{domxref("MessagePort.postMessage")}} にメッセージを添えて {{domxref("MessageChannel.port2")}} を {{HTMLElement("iframe")}} へ渡します。すると、`handleMessage` ハンドラが {{HTMLElement("iframe")}} から返送されたメッセージに ({{domxref("MessagePort.onmessage")}} を使用して) 返答し、これを段落に挿入します。
+次のコードブロックでは、 {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} コンストラクターを使用して作成された新しいチャンネルが見られます。iframe が読み込まれると、`port2` を iframe へ、メッセージを通して {{domxref("MessagePort.postMessage")}} を使用して渡します。すると、 `handleMessage` ハンドラーが `<iframe>` から返送されたメッセージに（{{domxref("MessagePort.message_event")}} を使用して）返答し、これを段落に挿入します。
+メッセージが到着したタイミングを調べるために、{{domxref("MessageChannel.port1", "port1")}} が待ち受けされています。
 
 ```js
-var channel = new MessageChannel();
-var para = document.querySelector("p");
+const channel = new MessageChannel();
+const para = document.querySelector("p");
 
-var ifr = document.querySelector("iframe");
-var otherWindow = ifr.contentWindow;
+const ifr = document.querySelector("iframe");
+const otherWindow = ifr.contentWindow;
 
 ifr.addEventListener("load", iframeLoaded, false);
 
@@ -42,16 +38,16 @@ function handleMessage(e) {
 }
 ```
 
-完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/channel-messaging-basic-demo) を参照してください ([実際のデモも実行できます](http://mdn.github.io/channel-messaging-basic-demo/))。
+完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/channel-messaging-basic-demo) を参照してください ([実際のデモも実行できます](https://mdn.github.io/channel-messaging-basic-demo/))。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)

From 63f036ace4e623c09a9016f48097795dd4cd29f3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 00:41:12 +0900
Subject: [PATCH 27/81] =?UTF-8?q?2024/07/02=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/console_api/index.md | 28 ++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/files/ja/web/api/console_api/index.md b/files/ja/web/api/console_api/index.md
index f095fb8c3b70fe..3785bca35339e1 100644
--- a/files/ja/web/api/console_api/index.md
+++ b/files/ja/web/api/console_api/index.md
@@ -1,22 +1,24 @@
 ---
-title: Console API
+title: コンソール API
 slug: Web/API/Console_API
+l10n:
+  sourceCommit: f9f48866f02963e752717310b76a70d5bdaf554c
 ---
 
-{{DefaultAPISidebar("Console API")}}
+{{DefaultAPISidebar("Console API")}} {{AvailableInWorkers}}
 
-Console API（コンソール API）には、開発者がデバッグ作業（メッセージ、コード内の設定点での変数の値、操作の完了にかかった時間などの記録）を実行できるようにする機能が用意されています。
+コンソール API (Console API) には、開発者がデバッグ作業（メッセージ、コード内の設定点での変数の値、操作の完了にかかった時間などの記録）を実行できるようにする機能が用意されています。
 
 ## 概念と使用方法
 
-Console API は、一貫性のない方法ではありますが、さまざまなブラウザーで実装されている、大部分が独自の API として始まりました。 [Console API 仕様](https://console.spec.whatwg.org/)は、一貫した振る舞いを定義するために作成されました。 すべての最新のブラウザーは、最終的にこの振る舞いの実装に落ち着きましたが、一部の実装には独自の機能がまだ追加されています。 これらについては、次をご覧ください。
+コンソール API は、主に独自の API として始められ、さまざまなブラウザーでは、実装上の不整合はあったものの、実装が行われてきました。 [Console API 仕様](https://console.spec.whatwg.org/)は、一貫した振る舞いを定義するために作成されました。 すべての最新のブラウザーは、最終的にこの振る舞いの実装に落ち着きましたが、一部の実装には独自の機能がまだ追加されています。 これらについては、次をご覧ください。
 
-- [Google Chrome の開発ツールの実装](https://developers.google.com/chrome-developer-tools/docs/console-api)
-- [Safari の開発ツールの実装](https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
+- [Google Chrome の開発ツールの実装](https://developer.chrome.com/docs/devtools/console/api/)
+- [Safari の開発ツールの実装](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
 
-使用方法は非常に簡単です — {{domxref("console")}} オブジェクト — {{domxref("window.console")}} またはワーカーの {{domxref("WorkerGlobalScope.console")}} を介して利用できます。 `console` のみを使用してアクセスできます — 基本的なデバッグ作業を実行するために呼び出すことができる多くのメソッドが含まれています。 通常は、ブラウザーの[ウェブコンソール](/ja/docs/Tools/Web_Console)にさまざまな値を記録することに焦点を当てています。
+使用方法は非常に簡単です。{{domxref("console")}} オブジェクトには、基本的なデバッグ作業を実行するために呼び出すことができる多くのメソッドが含まれており、通常はブラウザーの[ウェブコンソール](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html)にさまざまな値をログ出力することに焦点を当てています。
 
-最も一般的に使用されるメソッドは {{domxref("console.log")}} で、特定の変数に含まれる現在の値を記録するために使用します。
+最も一般的に使用されるメソッドは {{domxref("console/log_static", "console.log()")}} で、特定の変数に含まれる現在の値を記録するために使用します。
 
 ## インターフェイス
 
@@ -32,9 +34,9 @@ let myString = "Hello world";
 console.log(myString);
 ```
 
-その他の例については、[`console` のリファレンスページ](/ja/docs/Web/API/Console#Usage)を参照してください。
+その他の例については、[console](/ja/docs/Web/API/console) のリファレンスページを参照してください。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
@@ -44,6 +46,6 @@ console.log(myString);
 
 ## 関連情報
 
-- [開発ツール](/ja/docs/Tools)
-- [ウェブコンソール](/ja/docs/Tools/Web_Console) — Firefox のウェブコンソールが Console API の呼び出しを処理する方法
-- [リモートデバッグ](/ja/docs/Tools/Remote_Debugging) — デバッグ対象がモバイルデバイスである場合のコンソール出力の表示方法
+- [開発ツール](https://firefox-source-docs.mozilla.org/devtools-user/index.html)
+- [ウェブコンソール](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html) — Firefox のウェブコンソールがコンソール API の呼び出しを処理する方法
+- [リモートデバッグ](https://firefox-source-docs.mozilla.org/devtools-user/remote_debugging/index.html) — デバッグ対象がモバイルデバイスである場合のコンソール出力の表示方法

From 48bea7cade483b4ec9584ab3f1df994b5ebeaabf Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 01:43:14 +0900
Subject: [PATCH 28/81] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/cryptokey/algorithm/index.md | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 files/ja/web/api/cryptokey/algorithm/index.md

diff --git a/files/ja/web/api/cryptokey/algorithm/index.md b/files/ja/web/api/cryptokey/algorithm/index.md
new file mode 100644
index 00000000000000..18f62bf6385f5f
--- /dev/null
+++ b/files/ja/web/api/cryptokey/algorithm/index.md
@@ -0,0 +1,49 @@
+---
+title: "CryptoKey: algorithm プロパティ"
+short-title: algorithm
+slug: Web/API/CryptoKey/algorithm
+l10n:
+  sourceCommit: d76defab4ca13261e9de81ae1df125345f847b0a
+---
+
+{{APIRef("Web Crypto API")}}{{SecureContext_Header}}
+
+**`algorithm`** は {{DOMxRef("CryptoKey")}} インターフェイスの読み取り専用プロパティで、このキーを使用できるアルゴリズムを記述したオブジェクトと、関連する追加の引数を返します。
+
+返されるオブジェクトは、キーを生成する際に使用するアルゴリズムによって異なります。
+
+## 値
+
+以下のいずれかに一致するオブジェクトです。
+
+- [`AesKeyGenParams`](/ja/docs/Web/API/AesKeyGenParams): AES 系のいずれかのアルゴリズムの場合
+- [`RsaHashedKeyGenParams`](/ja/docs/Web/API/RsaHashedKeyGenParams): RSA 系のいずれかのアルゴリズムの場合
+- [`EcKeyGenParams`](/ja/docs/Web/API/EcKeyGenParams): EC 系のいずれかのアルゴリズムの場合
+- [`HmacKeyGenParams`](/ja/docs/Web/API/HmacKeyGenParams): HMAC アルゴリズムの場合
+
+## 例
+
+```js
+const rawKey = window.crypto.getRandomValues(new Uint8Array(16));
+
+// 生のバイト列を格納する ArrayBuffer から AES 秘密鍵をインポートする
+// バイト列を格納する ArrayBuffer 文字列を引数にとり、
+// 秘密鍵を表す CryptoKey に解決するプロミスを返す
+function importSecretKey(rawKey) {
+  return window.crypto.subtle.importKey("raw", rawKey, "AES-GCM", true, [
+    "encrypt",
+    "decrypt",
+  ]);
+}
+
+const key = importSecretKey(rawKey);
+console.log(`このキーは ${key.algorithm} アルゴリズムで使われるものです。`);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 7a4c5e8d27911c6d81ffbc1bb9e4903fbd85323b Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 02:05:14 +0900
Subject: [PATCH 29/81] =?UTF-8?q?2023/07/07=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/cryptokey/type/index.md | 54 ++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 files/ja/web/api/cryptokey/type/index.md

diff --git a/files/ja/web/api/cryptokey/type/index.md b/files/ja/web/api/cryptokey/type/index.md
new file mode 100644
index 00000000000000..47e7ad7aebe983
--- /dev/null
+++ b/files/ja/web/api/cryptokey/type/index.md
@@ -0,0 +1,54 @@
+---
+title: "CryptoKey: type プロパティ"
+short-title: type
+slug: Web/API/CryptoKey/type
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{APIRef("Web Crypto API")}}{{SecureContext_Header}}
+
+**`type`** は {{DOMxRef("CryptoKey")}} インターフェイスの読み取り専用プロパティで、オブジェクトが表すキーの種類を示します。以下の値を示します。
+
+- `"secret"`: このキーは{{Glossary("Symmetric-key cryptography", "対象鍵暗号")}}で使用する秘密鍵です。
+- `"private"`: このキーは{{Glossary("Public-key cryptography", "非対称鍵暗号")}}の [`CryptoKeyPair`](/ja/docs/Web/API/CryptoKeyPair) の秘密鍵側です。
+- `"public"`: このキーは{{Glossary("Public-key cryptography", "非対称鍵暗号")}}の [`CryptoKeyPair`](/ja/docs/Web/API/CryptoKeyPair) の公開鍵側です。
+
+## 値
+
+文字列で、`"secret"`、`"private"`、`"public"` のいずれかです。
+
+## 例
+
+この関数は、{{domxref("SubtleCrypto.verify()")}} と引数で指定された公開鍵を使用してメッセージを検証します。 キーが公開鍵でない場合、そのような検証は基本的に安全ではないため、常に `"invalid"` を返します。
+
+```js
+async function verifyMessage(publicKey) {
+  const signatureValue = document.querySelector(
+    ".rsassa-pkcs1 .signature-value",
+  );
+  signatureValue.classList.remove("valid", "invalid");
+
+  let result = false; // 既定では無効
+
+  if (publicKey.type === "public") {
+    const encoded = getMessageEncoding();
+    result = await window.crypto.subtle.verify(
+      "RSASSA-PKCS1-v1_5",
+      publicKey,
+      signature,
+      encoded,
+    );
+  }
+
+  signatureValue.classList.add(result ? "valid" : "invalid");
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From a6e969fe92e527ed1295af05a59dcfb61e04834a Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Tue, 20 Aug 2024 23:47:23 +0900
Subject: [PATCH 30/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3=20(#23111)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 2024/07/26 時点の英語版に基づき新規翻訳

* Update files/ja/web/api/cryptokey/usages/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/ja/web/api/cryptokey/usages/index.md | 51 ++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 files/ja/web/api/cryptokey/usages/index.md

diff --git a/files/ja/web/api/cryptokey/usages/index.md b/files/ja/web/api/cryptokey/usages/index.md
new file mode 100644
index 00000000000000..9a1cd536018b17
--- /dev/null
+++ b/files/ja/web/api/cryptokey/usages/index.md
@@ -0,0 +1,51 @@
+---
+title: "CryptoKey: usages プロパティ"
+short-title: usages
+slug: Web/API/CryptoKey/usages
+l10n:
+  sourceCommit: a4675b9077ae32f989c7ecac94f454db2653c4fc
+---
+
+{{APIRef("Web Crypto API")}}{{SecureContext_Header}}
+
+**`usages`** は {{DOMxRef("CryptoKey")}} インターフェイスの読み取り専用プロパティで、そのキーで何ができるかを示します。
+
+## 値
+
+以下のリストにある文字列の配列 ({{jsxref("Array")}}) です。
+
+- `"encrypt"`: このキーはメッセージの[暗号化](/ja/docs/Web/API/SubtleCrypto/encrypt)に使うことができます。
+- `"decrypt"`: このキーはメッセージの[復号](/ja/docs/Web/API/SubtleCrypto/decrypt)に使うことができます。
+- `"sign"`: このキーはメッセージの[署名](/ja/docs/Web/API/SubtleCrypto/sign)に使うことができます。
+- `"verify"`: このキーは署名の[検証](/ja/docs/Web/API/SubtleCrypto/verify)に使うことができます。
+- `"deriveKey"`: このキーは[新しいキーの導出](/ja/docs/Web/API/SubtleCrypto/deriveKey)に使うことができます。
+- `"deriveBits"`: このキーは[ビット列の導出](/ja/docs/Web/API/SubtleCrypto/deriveBits)に使うことができます。
+- `"wrapKey"`: このキーは[キーのラップ](/ja/docs/Web/API/SubtleCrypto/wrapKey)に使うことができます。
+- `"unwrapKey"`: このキーは[キーのアンラップ](/ja/docs/Web/API/SubtleCrypto/unwrapKey)に使うことができます。
+
+## 例
+
+```js
+const rawKey = window.crypto.getRandomValues(new Uint8Array(16));
+
+// 生のバイト列を格納する ArrayBuffer から AES 秘密鍵をインポートする
+// バイト列を格納する ArrayBuffer 文字列を引数にとり、
+// 秘密鍵を表す CryptoKey に解決するプロミスを返す
+function importSecretKey(rawKey) {
+  return window.crypto.subtle.importKey("raw", rawKey, "AES-GCM", true, [
+    "encrypt",
+    "decrypt",
+  ]);
+}
+
+const key = importSecretKey(rawKey);
+console.log(`このキーの使い方は ${key.usages.toString()} です。`);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 2ac4db9cb44b930a80177c5e4ae71417bc3f8b50 Mon Sep 17 00:00:00 2001
From: seeker <seeker8@users.noreply.github.com>
Date: Tue, 20 Aug 2024 14:20:09 -0400
Subject: [PATCH 31/81] [es] translation for Map (#23143)

* [es] first spanish translate for Map

* [es] translate section titles and some sections

* [es] finish Map localization

* [es] fixes

* [es] more fixes

* [es] fix typos

* fix urls

* fix url

* [es] add missing text

* [es] fix

* [es] fix reference
---
 .../reference/global_objects/map/index.md     | 503 ++++++++++++++++++
 1 file changed, 503 insertions(+)
 create mode 100644 files/es/web/javascript/reference/global_objects/map/index.md

diff --git a/files/es/web/javascript/reference/global_objects/map/index.md b/files/es/web/javascript/reference/global_objects/map/index.md
new file mode 100644
index 00000000000000..ca26f6a4a0d068
--- /dev/null
+++ b/files/es/web/javascript/reference/global_objects/map/index.md
@@ -0,0 +1,503 @@
+---
+title: Map
+slug: Web/JavaScript/Reference/Global_Objects/Map
+l10n:
+  sourceCommit: 8421c0cd94fa5aa237c833ac6d24885edbc7d721
+---
+
+{{JSRef}}
+
+El objeto **`Map`** retiene tuplas de llave-valor y mantiene el orden de inserción de las llaves.
+Cualquier valor (ambos objetos y {{Glossary("Primitive", "valores primitivos")}}) puede ser usado como llave o valor.
+
+{{EmbedInteractiveExample("pages/js/map.html", "taller")}}
+
+## Descripción
+
+Los objetos `Map` son colecciones de tuplas tipo llave-valor. Una llave en `Map` **puede aparecer solo una vez**; es única en la colección de `Map`. Un objeto `Map` es iterado por sus tuplas llave-valor —un bucle {{jsxref("Statements/for...of", "for...of")}} regresa un arreglo de `[llave, valor]` por cada iteración. La iteración sucede en _orden de inserción_, la cual corresponde al orden en el que cada tupla llave-valor fue incertada inicialmente en el _map_ por el método [`set()`](/es/docs/Web/JavaScript/Reference/Global_Objects/Map/set) (eso es, si no había una llave con el mismo valor en el map, cuando `set()` fué llamado).
+
+La especificación requiere que los _maps_ sean implementados "que, en promedio, proporcione tiempos de acceso que sean sublineales al numero de elementos en la colección". Por lo tanto, podría ser representado internamente como una tabla hash (con una busqueda O(1)), un árbol de búsqueda (con una busqueda de O(log(N))), o cualquier otra estructura de datos, mientras la complejidad sea mejor que O(N).
+
+### Igualdad de llaves
+
+La igualdad de valores se basa en el algoritmo [Igualdad SameValueZero](/es/docs/Web/JavaScript/Equality_comparisons_and_sameness#igualdad_same-value-zero). (Se solía usar [igualdad SameValue](/es/docs/Web/JavaScript/Equality_comparisons_and_sameness#igualdad_same-value), el cual trataba `0` y `-0` como diferentes. Revise [compatibilidad con navegadores](#compatibilidad_con_navegadores).) Lo que significa que {{jsxref("NaN")}} es conciderado lo mismo que `NaN` (a pesar de que `NaN !== NaN`) y todos los otros valores son conciderados iguales, de acuerdo a la semantica del operador `===`.
+
+### Objects vs. Maps
+
+{{jsxref("Object")}} es similar a `Map`—ambos te permiten asignar llaves a valores, recuperar esos valores, borrar llaves, y detectar si hay algo guardado en una llave. Por esta razón (y porque no había alternativas incorporadas), históricamente `Object` se ha usado como `Map`.
+
+Sin embargo, hay diferencias importantes que hacen que se prefiera a `Map` en algunos casos:
+
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="row"></th>
+      <th scope="col">Map</th>
+      <th scope="col">Object</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">Llaves accidentales</th>
+      <td>
+        Un objeto <code>Map</code> no tiene llaves por defecto. Sólo contiene lo que explicitamente se pone en él.
+      </td>
+      <td>
+        <p>
+          Un objeto <code>Object</code> tiene un prototipo, así que tiene llaves por defecto que podrían coincidir con tus propias llaves si no tienes cuidado.
+        </p>
+        <div class="notecard note">
+          <p>
+            <strong>Nota:</strong> Esto se puede evitar usando {{jsxref("Object.create", "Object.create(null)")}},
+            pero raramente se hace.
+          </p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Seguridad</th>
+      <td>
+        Un objeto <code>Map</code> es seguro de usar con llaves y valores proporcionados por el usuario.
+      </td>
+      <td>
+        <p>
+          Asignar tuplas de llave-valor proporcionadas por el usuario en un <code>Object</code> puede
+          permitir a un atacante sobreescribir el prototipo del objeto, lo que puede llevar a
+          <a href="https://github.com/eslint-community/eslint-plugin-security/blob/main/docs/the-dangers-of-square-bracket-notation.md">
+            ataques de inyección de objetos
+          </a>. Al igual que el problema con la colisión de llaves, esto se puede mitigar usando un objeto con prototipo-<code>null</code>
+        </p>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Tipos de llaves</th>
+      <td>
+        Las llaves de un objeto <code>Map</code> pueden ser cualquier valor (incluyendo funciones,
+        objetos, o cualquier primitivo).
+      </td>
+      <td>
+        Las llaves de un objeto <code>Object</code> deben ser {{jsxref("String")}} o un {{jsxref("Symbol")}}.
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Orden de las llaves</th>
+      <td>
+        <p>
+          Las llaves en un objeto <code>Map</code> son ordenadas de forma simple y directa: El objeto <code>Map</code> itera las entradas, llaves y valores en el orden en que fueron insertadas.
+        </p>
+      </td>
+      <td>
+        <p>
+          A pesar de que ahora las llaves de un objeto común <code>Object</code> están ordenadas, esto no siempre fué el caso, y el orden es complejo. Como resultado es mejor no confiar en el orden de las propiedades.
+        </p>
+        <p>
+          El orden en ECMAScript 2015 fué definido inicialmente para las propiedades propias del objeto; ECMAScript 2020 define un orden también para propiedades heredadas. Pero nótese que ningún mecanismo único itera <strong>todas</strong>  las propiedades de un objeto; de los varios mecanismos, cada uno inluye un subconjunto diferente de propiedades; ({{jsxref("Statements/for...in", "for-in")}}
+          incluye sólo propiedades donde la llave es una cadena de texto enumerable;
+          {{jsxref("Object.keys")}} incluye sólo propiedades propias, enumerables,
+          y las llaves son cadenas de texto;
+          {{jsxref("Object.getOwnPropertyNames")}} incluye propias,
+          llaves de cadena de texto incluso si no son enumerables;
+          {{jsxref("Object.getOwnPropertySymbols")}} hace lo mismo sólo para propiedades que su llave es un <code>Symbol</code> etc.)
+        </p>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Tamaño</th>
+      <td>
+        El número de elementos en un <code>Map</code> se obtiene fácilmente de su propiedad
+        {{jsxref("Map.prototype.size", "size")}}.
+      </td>
+      <td>
+        Determinar el número de elementos en un <code>Objeto</code> es mas indirecto y menos eficiente. Una forma común de hacerlo es através de la propiedad {{jsxref("Array/length", "length")}} del arreglo que regresa la función {{jsxref("Object.keys()")}}.
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Iteración</th>
+      <td>
+        Un <code>Map</code> es un
+        <a href="/es/docs/Web/JavaScript/Reference/Iteration_protocols"
+          >iterable</a
+        >, así que puede ser iterado directamente.
+      </td>
+      <td>
+        <p>
+          <code>Object</code> no implementa un <a
+            href="/es/docs/Web/JavaScript/Reference/Iteration_protocols#el_protocolo_iterable"
+            >protocolo de iteración</a
+          >, por eso los objetos no son directamente iterables usando la sentencia de JavaScript
+          <a href="/es/docs/Web/JavaScript/Reference/Statements/for...of"
+            >for...of</a
+          > (por defecto).
+        </p>
+        <div class="notecard note">
+          <p><strong>Nota:</strong></p>
+          <ul>
+            <li>
+              Un objeto puede implementar un protocolo de iteración, o puedes obtener un iterable para un objeto usando <a
+                href="/es/docs/Web/JavaScript/Reference/Global_Objects/Object/keys"
+                ><code>Object.keys</code></a
+              > o <a
+                href="/es/docs/Web/JavaScript/Reference/Global_Objects/Object/entries"
+                ><code>Object.entries</code></a
+              >.
+            </li>
+            <li>
+              La sentencia
+              <a href="/es/docs/Web/JavaScript/Reference/Statements/for...in"
+                >for...in</a
+              > te permite que iteres sobre las propiedades
+              <em>enumerables</em> de un objeto.
+            </li>
+          </ul>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Desempeño</th>
+      <td>
+        <p>
+          Se desempeña mejor en escenarios que involucran adiciones y eliminaciones frecuentes de tuplas llave-valor.
+        </p>
+      </td>
+      <td>
+        <p>
+          No está optimizado para adiciones y eliminaciones frequentes de tuplas llave-valor.
+        </p>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Serialización y análisis de cadenas de texto</th>
+      <td>
+        <p>No tiene soporte nativo para serialización o análisis de cadenas de texto.</p>
+        <p>
+          (Pero puedes construir tu propio soporte para serialización y análisis de cadenas de texto para
+          <code>Map</code> utilizando {{jsxref("JSON.stringify()")}}
+          con su argumento <em>replacer</em>, y utilizando
+          {{jsxref("JSON.parse()")}} con su argumento
+          <em>reviver</em>. Mirese la pregunta de Stack Overflow
+          <a href="https://stackoverflow.com/q/29085197/"
+            >How do you JSON.stringify an ES6 Map?</a
+          >).
+        </p>
+      </td>
+      <td>
+        <p>
+          Tiene soporte nativo para serialización de {{jsxref("Object")}} a
+          JSON, usando {{jsxref("JSON.stringify()")}}.
+        </p>
+        <p>
+          Tiene soporte nativo para análisis de cadenas de JSON a {{jsxref("Object")}},
+          usando {{jsxref("JSON.parse()")}}.
+        </p>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+### Asignando propiedades de objeto
+
+Asignar propiedades de objeto funciona también para objetos _Map_, y puede crear confusión.
+
+Por lo tanto, de alguna manera esto parece funcionar:
+
+```js example-bad
+const wrongMap = new Map();
+wrongMap["bla"] = "blaa";
+wrongMap["bla2"] = "blaaa2";
+
+console.log(wrongMap); // Map { bla: 'blaa', bla2: 'blaaa2' }
+```
+
+Pero esta manera de asignar una propiedad, no interactua con la estructura de datos del objeto _Map_. Utiliza la característica de el objeto genérico. El valor 'bla' no es guardado en el _Map_ para consultas. Otras operaciones que fallan:
+
+```js example-bad
+wrongMap.has("bla"); // false
+wrongMap.delete("bla"); // false
+console.log(wrongMap); // Map { bla: 'blaa', bla2: 'blaaa2' }
+```
+
+El uso correcto para guardar datos en el objeto _Map_ es através de el método `set(key, value)`.
+
+```js example-good
+const contacts = new Map();
+contacts.set("Jessie", {
+  telefono: "213-555-1234",
+  direccion: "123 N 1st Ave",
+});
+contacts.has("Jessie"); // true
+contacts.get("Hilary"); // undefined
+contacts.set("Hilary", { telefono: "617-555-4321", direccion: "321 S 2nd St" });
+contacts.get("Jessie"); // {teléfono: "213-555-1234", dirección: "123 N 1st Ave"}
+contacts.delete("Raymond"); // false
+contacts.delete("Jessie"); // true
+console.log(contacts.size); // 1
+```
+
+### APIs del navegador similares a Map
+
+**Objetos del Navegador similares a `Map`** (o "objetos que parecen _map_") son interfaces de la [API Web](/es/docs/Web/API) que se comportan en muchos aspectos como un objeto `Map`.
+
+Al igual que el objeto `Map`, las entradas pueden iterarse en el mismo orden en que fueron agregadas al objeto.
+Los objetos similares a `Map` y los objetos `Map` también tienen propiedades y métodos que comparten el mismo nombre y comportamiento. Sin embargo, contrario a los objetos `Map` estos sólo permiten tipos específicos predefinidos para las llaves y valores de cada entrada.
+
+Los tipos permitidos se encuentran en la especificación de la definición IDL (Interfaz de Descripcion del Lenguage). Por ejemplo, {{domxref("RTCStatsReport")}} es un objeto similar a `Map` que debe usar cadenas de caracteres para sus llaves, y objetos para sus valores. Esto está definido en la especificación IDL a continuación:
+
+```webidl
+interface RTCStatsReport {
+  readonly maplike<DOMString, object>;
+};
+```
+
+Los objetos similares a `Map` son o de solo-lectura o lectura-escritura (véase la palabra clave `readonly` en el IDL de arriba).
+
+- Los obejtos similares a `Map` de solo-lectura tienen la propiedad [`size`](#map.prototype.size), y los métodos: [`entries()`](#map.prototype.entries), [`forEach()`](#map.prototype.foreach), [`get()`](#map.prototype.get), [`has()`](#map.prototype.has), [`keys()`](#map.prototype.keys), [`values()`](#map.prototype.values), y [`[Symbol.iterator]()`](#map.prototypesymbol.iterator).
+- Los objetos similares a `Map` de lectura-escritura tienen métodos adicionales: [`clear()`](#map.prototype.clear), [`delete()`](#map.prototype.delete), y [`set()`](#map.prototype.set).
+
+Los métodos y propiedades tienen el mismo comportamiento que las entidades equivalentes en el objeto `Map`, excepto por la restricción en los tipos de llaves y valores.
+
+Los siguientes, son ejemplos de objetos de navegador similares a `Map`:
+
+- {{domxref("AudioParamMap")}}
+- {{domxref("RTCStatsReport")}}
+- {{domxref("EventCounts")}}
+- {{domxref("KeyboardLayoutMap")}}
+- {{domxref("MIDIInputMap")}}
+- {{domxref("MIDIOutputMap")}}
+
+## Constructor
+
+- {{jsxref("Map/Map", "Map()")}}
+  - : Crea un nuevo objeto `Map`.
+
+## Propiedades estáticas
+
+- [`Map[Symbol.species]`](/es/docs/Web/JavaScript/Reference/Global_Objects/Map/Symbol.species)
+  - : La función constructor que es usada para crear objetos derivados.
+
+## Metodos estáticos
+
+- {{jsxref("Map.groupBy()")}}
+  - : Agrupa los elementos de un iterable usando los valores que regresa la función provista. El objeto `Map` que regresa, usa como llaves los valores únicos de la función de prueba, los cuales pueden ser usados para obtener el arreglo de elementos de cada grupo.
+
+## Propiedades de instancia
+
+Estas propiedades están definidas en `Map.prototype` y las comparten todas las instancias de `Map`.
+
+- {{jsxref("Object/constructor", "Map.prototype.constructor")}}
+  - : La funcion constructor que creó el objeto de instancia. Para las instancias de `Map` el valor inicial es el constructor {{jsxref("Map/Map", "Map")}}.
+- {{jsxref("Map.prototype.size")}}
+  - : Regresa el número de tuplas llave/valor en el objeto `Map`.
+- `Map.prototype[Symbol.toStringTag]`
+  - : El valor inicial de la propiedad [`[Symbol.toStringTag]`](/es/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toStringTag) es la cadena de caracteres `"Map"`. Esta propiedad es usada en {{jsxref("Object.prototype.toString()")}}.
+
+## Métodos de instancia
+
+- {{jsxref("Map.prototype.clear()")}}
+  - : Remueve todas las tuplas llave-valor del objeto `Map`.
+- {{jsxref("Map.prototype.delete()")}}
+  - : Regresa `true` si un elemento en el objeto `Map` existía y ha sido removido, or `false` si el elemento no existe.`map.has(key)` regresará `false` después de esto.
+- {{jsxref("Map.prototype.entries()")}}
+  - : Regresa un nuevo objeto Iterador que contiene un arreglo con dos miembros `[llave, valor]` por cada elemento en el objeto `Map` en orden de inserción.
+- {{jsxref("Map.prototype.forEach()")}}
+  - : Llama una función `callbackFn` una vez por cada tupla llave-valor presente en el objeto `Map`, en orden de inserción. Si un parametro `thisArg` es proporcionado a `forEach`, será utilizado como el valor `this` para cada llamada a la funcion callback.
+- {{jsxref("Map.prototype.get()")}}
+  - : Regresa el valor asociado a la llave que se pasa como argumento, o `undefined` si no hay ninguno.
+- {{jsxref("Map.prototype.has()")}}
+  - : Regresa un booleano indicando si, en el objeto `Map` un valor ha sido asociado a la llave pasada como argumento.
+- {{jsxref("Map.prototype.keys()")}}
+  - : Regresa un nuevo objeto Iterador que contiene las llaves para cada elemento en el objeto `Map`, en orden de inserción.
+- {{jsxref("Map.prototype.set()")}}
+  - : Asigna el valor en el objeto `Map` para la llave pasada como argumento. Regresa el objeto `Map`.
+- {{jsxref("Map.prototype.values()")}}
+  - : Regresa un nuevo objeto Iterador que contiene los valores para cada elemento en un objeto `Map`, en orden de inserción.
+- [`Map.prototype[Symbol.iterator]()`](/es/docs/Web/JavaScript/Reference/Global_Objects/Map/Symbol.iterator)
+  - : Regresa un nuevo objeto Iterador que contiene un arreglo con dos miembros `[llave, valor]` por cada elemento en el objeto `Map`, en orden de inserción.
+
+## Ejemplos
+
+### Usando el objeto Map
+
+```js
+const myMap = new Map();
+
+const keyString = "a string";
+const keyObj = {};
+const keyFunc = function () {};
+
+// asignando valores
+myMap.set(keyString, "valor asociado con la llave 'a string'");
+myMap.set(keyObj, "valor asociado con la llave keyObj");
+myMap.set(keyFunc, "valor asociado con la llave keyFunc");
+
+console.log(myMap.size); // 3
+
+// obteniendo los valores
+console.log(myMap.get(keyString)); // "valor asociado con la llave 'a string'"
+console.log(myMap.get(keyObj)); // "valor asociado con la llave keyObj"
+console.log(myMap.get(keyFunc)); // "valor asociado con la llave keyFunc"
+
+console.log(myMap.get("a string")); // "valor asociado con la llave 'a string'", porque keyString === 'a string'
+console.log(myMap.get({})); // undefined, porque keyObj !== {}
+console.log(myMap.get(function () {})); // undefined, porque keyFunc !== function () {}
+```
+
+### Usando NaN como llave de Map
+
+{{jsxref("NaN")}} puede también usarse como una llave. A pesar que cada `NaN` no es igual a si mismo (`NaN !== NaN` es verdadero), el siguiente ejemplo funciona porque los `NaN` son indistinguibles entre sí:
+
+```js
+const myMap = new Map();
+myMap.set(NaN, "not a number");
+
+myMap.get(NaN);
+// "not a number"
+
+const otherNaN = Number("foo");
+myMap.get(otherNaN);
+// "not a number"
+```
+
+### Iterando Map con for...of
+
+Los Maps pueden iterarse usando un bucle `for...of`:
+
+```js
+const myMap = new Map();
+myMap.set(0, "zero");
+myMap.set(1, "one");
+
+for (const [key, value] of myMap) {
+  console.log(`${key} = ${value}`);
+}
+// 0 = zero
+// 1 = one
+
+for (const key of myMap.keys()) {
+  console.log(key);
+}
+// 0
+// 1
+
+for (const value of myMap.values()) {
+  console.log(value);
+}
+// zero
+// one
+
+for (const [key, value] of myMap.entries()) {
+  console.log(`${key} = ${value}`);
+}
+// 0 = zero
+// 1 = one
+```
+
+### Iterando Map con forEach()
+
+Los Maps pueden iterarse usando el método {{jsxref("Map/forEach", "forEach()")}}:
+
+```js
+myMap.forEach((value, key) => {
+  console.log(`${key} = ${value}`);
+});
+// 0 = zero
+// 1 = one
+```
+
+### Relación con objetos Array
+
+```js
+const kvArray = [
+  ["key1", "value1"],
+  ["key2", "value2"],
+];
+
+// Usa el constructor ordinario Map para transformar un Array 2D llave-valor a un map
+const myMap = new Map(kvArray);
+
+console.log(myMap.get("key1")); // "value1"
+
+// Usa Array.from() para transformar un map a un Array 2D llave-valor
+console.log(Array.from(myMap)); // Mostrará exactamente el mismo Array como kvArray
+
+// Una forma concisa de hacer lo mismo, usando la sintaxis spread
+console.log([...myMap]);
+
+// O usa los iteradores keys() o values(), y conviertelos a un arreglo
+console.log(Array.from(myMap.keys())); // ["key1", "key2"]
+```
+
+### Clonando y uniendo Maps
+
+Así como los `Array`, los `Map` pueden clonarse:
+
+```js
+const original = new Map([[1, "one"]]);
+
+const clone = new Map(original);
+
+console.log(clone.get(1)); // one
+console.log(original === clone); // false (útil para comparaciones superficiales)
+```
+
+> [!NOTE]
+> Tenga en cuenta que _los datos en si_ no se clonan.
+
+Los objetos _Map_ pueden unirse, manteniendo la unicidad de las llaves:
+
+```js
+const first = new Map([
+  [1, "one"],
+  [2, "two"],
+  [3, "three"],
+]);
+
+const second = new Map([
+  [1, "uno"],
+  [2, "dos"],
+]);
+
+// Al unir ambos maps. La ultima llave repetida gana.
+// la sintaxis Spread convierte un Map a un Array
+const merged = new Map([...first, ...second]);
+
+console.log(merged.get(1)); // uno
+console.log(merged.get(2)); // dos
+console.log(merged.get(3)); // three
+```
+
+Los Maps también pueden unirse a Arrays:
+
+```js
+const first = new Map([
+  [1, "one"],
+  [2, "two"],
+  [3, "three"],
+]);
+
+const second = new Map([
+  [1, "uno"],
+  [2, "dos"],
+]);
+
+// Merge maps with an array. The last repeated key wins.
+const merged = new Map([...first, ...second, [1, "eins"]]);
+
+console.log(merged.get(1)); // eins
+console.log(merged.get(2)); // dos
+console.log(merged.get(3)); // three
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- [Polyfill para `Map` en `core-js`](https://github.com/zloirock/core-js#map)
+- {{jsxref("Set")}}
+- {{jsxref("WeakMap")}}
+- {{jsxref("WeakSet")}}

From 038147e088fa1f9b2104e48079c7d1a024f4bb69 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 20 Aug 2024 20:20:52 +0200
Subject: [PATCH 32/81] [es] sync translated content (#23166)

es: sync translated content
---
 files/es/_redirects.txt                                   | 3 ++-
 files/es/_wikihistory.json                                | 8 ++++----
 .../web/api/navigator/registerprotocolhandler}/index.md   | 3 ++-
 3 files changed, 8 insertions(+), 6 deletions(-)
 rename files/es/{web/api/navigator/registerprotocolhandler/web-based_protocol_handlers => conflicting/web/api/navigator/registerprotocolhandler}/index.md (97%)

diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index aeb3d8d7780cdc..b3dcc425f61dc5 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -1686,6 +1686,7 @@
 /es/docs/Web/API/Media_Streams_API	/es/docs/Web/API/Media_Capture_and_Streams_API
 /es/docs/Web/API/Media_Streams_API/Taking_still_photos	/es/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos
 /es/docs/Web/API/Navigator.getUserMedia	/es/docs/Web/API/Navigator/getUserMedia
+/es/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers	/es/docs/conflicting/Web/API/Navigator/registerProtocolHandler
 /es/docs/Web/API/NavigatorConcurrentHardware	/es/docs/Web/API/Navigator
 /es/docs/Web/API/NavigatorConcurrentHardware/hardwareConcurrency	/es/docs/Web/API/Navigator/hardwareConcurrency
 /es/docs/Web/API/NavigatorGeolocation/geolocation	/es/docs/Web/API/Navigator/geolocation
@@ -2997,7 +2998,7 @@
 /es/docs/conflicting/web/api/file/name	/es/docs/web/api/file/name
 /es/docs/conflicting/web/javascript/reference/deprecated_and_obsolete_features	/es/docs/web/javascript/reference/deprecated_and_obsolete_features
 /es/docs/conflicting/web/javascript/reference/deprecated_and_obsolete_features_a91664716c4f7753074ac042780999e0	/es/docs/web/javascript/reference/deprecated_and_obsolete_features
-/es/docs/controladores_protocolos_web	/es/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
+/es/docs/controladores_protocolos_web	/es/docs/conflicting/Web/API/Navigator/registerProtocolHandler
 /es/docs/en	/en-US/
 /es/docs/firefox_Web_Developer_(externo)	https://addons.mozilla.org/firefox/60/
 /es/docs/orphaned/MDN/Tools	https://github.com/mdn/yari/tree/main/docs
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index 68fbf350010711..186b87bf17afe5 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -4744,10 +4744,6 @@
     "modified": "2019-03-23T23:53:04.318Z",
     "contributors": ["fscholz", "khalid32", "Nukeador", "HenryGR", "Mgjbot"]
   },
-  "Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers": {
-    "modified": "2019-03-23T22:06:43.969Z",
-    "contributors": ["chrisdavidmills", "AngelFQC"]
-  },
   "Web/API/Navigator/vibrate": {
     "modified": "2019-03-23T23:32:23.651Z",
     "contributors": ["fscholz", "jsx", "mmednik"]
@@ -14046,6 +14042,10 @@
     "modified": "2019-03-18T21:11:08.379Z",
     "contributors": ["duduindo", "teoli", "semptrion", "CHORVAT", "inma_610"]
   },
+  "conflicting/Web/API/Navigator/registerProtocolHandler": {
+    "modified": "2019-03-23T22:06:43.969Z",
+    "contributors": ["chrisdavidmills", "AngelFQC"]
+  },
   "conflicting/Web/API/Node": {
     "modified": "2019-03-23T22:08:57.260Z",
     "contributors": ["tureey"]
diff --git a/files/es/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md b/files/es/conflicting/web/api/navigator/registerprotocolhandler/index.md
similarity index 97%
rename from files/es/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
rename to files/es/conflicting/web/api/navigator/registerprotocolhandler/index.md
index f38b1e28cfdb25..43f0f427ba2c10 100644
--- a/files/es/web/api/navigator/registerprotocolhandler/web-based_protocol_handlers/index.md
+++ b/files/es/conflicting/web/api/navigator/registerprotocolhandler/index.md
@@ -1,6 +1,7 @@
 ---
 title: Controladores de protocolos basados en web
-slug: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
+slug: conflicting/Web/API/Navigator/registerProtocolHandler
+original_slug: Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers
 ---
 
 ## Antecedentes

From f4717b9171abcce7953d2f2869231f5213742a27 Mon Sep 17 00:00:00 2001
From: ikenk <93726321+ikenk@users.noreply.github.com>
Date: Wed, 21 Aug 2024 12:29:10 +0800
Subject: [PATCH 33/81] zh-cn: fix typos in the "Book list page" guide (#23082)

---
 .../displaying_data/book_list_page/index.md   | 59 +++++++++----------
 1 file changed, 29 insertions(+), 30 deletions(-)

diff --git a/files/zh-cn/learn/server-side/express_nodejs/displaying_data/book_list_page/index.md b/files/zh-cn/learn/server-side/express_nodejs/displaying_data/book_list_page/index.md
index f32e01a6e9ced2..52e87c73aa0914 100644
--- a/files/zh-cn/learn/server-side/express_nodejs/displaying_data/book_list_page/index.md
+++ b/files/zh-cn/learn/server-side/express_nodejs/displaying_data/book_list_page/index.md
@@ -3,65 +3,64 @@ title: 书本列表页面
 slug: Learn/Server-side/Express_Nodejs/Displaying_data/Book_list_page
 ---
 
-接下做我们将实作书本列表页面。这个页面需要呈现数据库中所有书本的列表，包含每本书的作者、标题，标题将成为一个超连结，连到书本详细内容页面。
+接下来我们将实现书本列表页面。这个页面需要呈现数据库中所有书本的列表，包含每本书的作者、标题，标题将成为一个超链接，链接到书本详细内容页面。
 
 ## 控制器
 
-书本列表控制器函数，需要获取数据库中所有`Book`对象的列表，然后将这些对象传给模板进行呈现。
+书本列表控制器函数需要获取数据库中所有 `Book` 对象的列表，对它们进行排序，然后将它们传给模板进行渲染。
 
-打开 **/controllers/bookController.js**. 找到导出的 `book_list()` 控制器方法，并替换為下面的代码。
+打开 **/controllers/bookController.js**，找到导出的 `book_list()` 控制器方法，并替换为下面的代码。
 
 ```js
-// Display list of all Books.
-exports.book_list = function (req, res, next) {
-  Book.find({}, "title author")
+// 呈现数据库中所有书本的列表
+exports.book_list = asyncHandler(async (req, res, next) => {
+  const allBooks = await Book.find({}, "title author")
+    .sort({ title: 1 })
     .populate("author")
-    .exec(function (err, list_books) {
-      if (err) {
-        return next(err);
-      }
-      //Successful, so render
-      res.render("book_list", { title: "Book List", book_list: list_books });
-    });
-};
+    .exec();
+
+  res.render("book_list", { title: "Book List", book_list: allBooks });
+});
 ```
 
-该方法使用模型的`find()`函数返回所有`Book`对象，选择仅返回标题`title`和作者`author`，因为我们不需要其他字段（它也会返回`_id`和虚拟字段）。这里我们还调用`Book`上的`populate()` ，指定作者`author`字段 — 这将用完整的作者信息，替换存储的书本作者 id。
+该路由处理器调用 `Book` 模型的 `find()` 方法，仅选择返回标题 `title` 和作者 `author`，因为我们不需要其他字段（它也会返回 `_id` 和虚拟字段），然后使用 `sort()` 方法对 `title` 进行字母排序。我们还调用了 `Book` 上的 `populate()`，指定作者 `author` 字段——即用完整的作者信息替换所存储书本的作者的 id。最后链式调用 `exec()` 来执行查询操作并返回一个 **Promise**。
+
+路由处理器使用 `await` 来等待 **Promise**，代码会暂停执行直到它被兑现。如果 **Promise** 被兑现，查询结果就会被存储到 `allBooks` 变量中，并继续执行后续代码。
 
-成功时，传递给查询的回调，将呈现 **book_list**(.pug) 模板，将标题`title`和`book_list`（包含作者的書本列表）作为变量传递。
+路由处理器在最后调用了 `render()`，指定了 **book_list (.pug)** 模板，并传入了 `title` 和 `book_list`。
 
 ## 视图
 
-创建 **/views/book_list.pug** 并复制底下的文字。
+创建 **/views/book_list.pug** 并复制下方的文本。
 
-```js
+```pug
 extends layout
 
 block content
   h1= title
-
-  ul
-  each book in book_list
-    li
-      a(href=book.url) #{book.title}
-      |  (#{book.author.name})
+  if book_list.length
+    ul
+      each book in book_list
+        li
+          a(href=book.url) #{book.title}
+          |  (#{book.author.name})
 
   else
-    li There are no books.
+    p There are no books.
 ```
 
-這个视图扩展了 **layout.pug** 基本模板，并覆盖了名为 '**content**' 的區块 `block` 。它显示我们从控制器传入的标题`title`（通过`render()`方法），然后使用`each`-`in`-`else`语法，遍历`book_list`变量。为每本图书创建一个列表项，以显示书名，并作为书的详细信息页面的链接，后面跟着作者姓名。如果`book_list`中没有书，则执行`else`子句，并显示文字“没有书” 'There are no books.'。
+这个视图扩展了 **layout.pug** 基本模板，并覆盖了名为“**content**”的区块（`block`）。它显示了我们从控制器传入的标题 `title`（通过 `render()` 方法），然后使用 `each`-`in` 语法遍历 `book_list` 变量，为每本图书创建一个列表项，以显示书名，并作为书的详细信息页面的链接，后面跟着作者姓名。如果 `book_list` 中没有书，则执行 `else` 子句，并显示文本“There are no books.“。
 
 > [!NOTE]
-> 我们使用 `book.url` ，为每本书提供详细记录链接（我们已经实现了此路由，但尚未实现此页面）。这是 `Book` 模型的一个虚拟属性，它使用模型实例的 `_id` 字段，生成唯一的 URL 路径。
+> 我们使用 `book.url` 为每本书提供详细记录的链接（我们已经实现了此路由，但尚未实现此页面）。这是 `Book` 模型的一个虚拟属性，它使用模型实例的 `_id` 字段，生成唯一的 URL 路径。
 
-在这里，我們感兴趣的是，每本书被定义为两行，第二行使用管道（上面高亮显示）。这种方法是必要的，因为如果作者姓名位于上一行，那么它将成为超链接的一部分。
+值得注意的是，每本书被定义为两行，第二行使用管道。这种方法是必要的，因为如果作者姓名位于上一行，那么它将成为超链接的一部分。
 
 ## 它看起來像是？
 
-运行本应用 (参见 [测试路由](/zh-CN/docs/Learn/Server-side/Express_Nodejs/routes#Testing_the_routes) 有相关的命令) ，并打开你的浏览器，访问 <http://localhost:3000/>。然后选择 所有书本 连结。如果每样东西都设定正确了，你的网站看起来应该像底下的截图。
+运行本应用（参见[测试路由](/zh-CN/docs/Learn/Server-side/Express_Nodejs/routes#测试路由)以了解相关命令，并打开你的浏览器，访问 `http://localhost:3000/`。然后选择 _All books_ 链接。如果每样东西都设定正确了，你的网站看起来应该像底下的截图。
 
-![Book List Page - Express Local Library site](new_book_list.png)
+![书本列表页面 - Express 教程：本地图书馆网站](new_book_list.png)
 
 ## 下一步
 

From 12bfcb33459163d84b155afd464a1547cdc34c5c Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Wed, 21 Aug 2024 14:52:06 +0800
Subject: [PATCH 34/81] [zh-cn]: create the translation of Range `toString()`
 method (#23179)

---
 files/zh-cn/web/api/range/tostring/index.md | 61 +++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 files/zh-cn/web/api/range/tostring/index.md

diff --git a/files/zh-cn/web/api/range/tostring/index.md b/files/zh-cn/web/api/range/tostring/index.md
new file mode 100644
index 00000000000000..9e6a74b943ce43
--- /dev/null
+++ b/files/zh-cn/web/api/range/tostring/index.md
@@ -0,0 +1,61 @@
+---
+title: Range：toString() 方法
+slug: Web/API/Range/toString
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{ApiRef("DOM")}}
+
+**`Range.toString()`** 是返回 {{domxref("Range")}} 文本的{{Glossary("stringifier","字符串化器")}}。
+
+注意 {{domxref("Range")}} 的内容会隐式调用 `toString()`，因此通过警告对话框比较范围和文本是无效的。
+
+## 语法
+
+```js-nolint
+toString()
+```
+
+### 参数
+
+无。
+
+### 返回值
+
+字符串。
+
+## 示例
+
+### HTML
+
+```html
+<p>此示例记录了强调<em>字</em>之间的<em>所有</em>内容。请看下面的输出结果。</p>
+<p id="log"></p>
+```
+
+### JavaScript
+
+```js
+const range = document.createRange();
+
+range.setStartBefore(document.getElementsByTagName("em").item(0), 0);
+range.setEndAfter(document.getElementsByTagName("em").item(1), 0);
+document.getElementById("log").textContent = range.toString();
+```
+
+### 结果
+
+{{EmbedLiveSample("示例")}}
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [DOM 接口索引](/zh-CN/docs/Web/API/Document_Object_Model)

From 269caf1e31d2e4da917fc28699dd1b0c95cb7b04 Mon Sep 17 00:00:00 2001
From: Hoarfroster <hoarfroster@outlook.com>
Date: Wed, 21 Aug 2024 15:21:13 +0800
Subject: [PATCH 35/81] chore(zh): maintain redirected links (part 4) (#22866)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../api/canvas_api/tutorial/drawing_shapes/index.md |  2 +-
 .../api/canvas_api/tutorial/drawing_text/index.md   |  8 ++++----
 .../canvas_api/tutorial/optimizing_canvas/index.md  |  2 +-
 .../pixel_manipulation_with_canvas/index.md         |  2 +-
 .../api/canvas_api/tutorial/using_images/index.md   |  4 ++--
 files/zh-tw/web/api/console/assert_static/index.md  |  4 ++--
 .../zh-tw/web/api/cssstylesheet/insertrule/index.md |  2 +-
 .../api/document/createdocumentfragment/index.md    |  2 +-
 files/zh-tw/web/api/document/createelement/index.md |  2 +-
 files/zh-tw/web/api/document/createevent/index.md   |  2 +-
 files/zh-tw/web/api/document/createrange/index.md   |  2 +-
 files/zh-tw/web/api/document/designmode/index.md    |  1 -
 .../api/document/getelementsbyclassname/index.md    |  2 +-
 files/zh-tw/web/api/document/queryselector/index.md |  4 ++--
 .../web/api/document_object_model/examples/index.md |  2 +-
 files/zh-tw/web/api/domparser/index.md              |  8 ++++----
 files/zh-tw/web/api/element/clientheight/index.md   |  2 +-
 files/zh-tw/web/api/element/keyup_event/index.md    |  4 ++--
 files/zh-tw/web/api/element/scrollheight/index.md   |  2 +-
 files/zh-tw/web/api/element/scrolltop/index.md      |  5 ++---
 files/zh-tw/web/api/event/eventphase/index.md       |  2 +-
 files/zh-tw/web/api/event/stoppropagation/index.md  |  2 +-
 files/zh-tw/web/api/event/timestamp/index.md        |  2 +-
 files/zh-tw/web/api/fetch_api/index.md              |  2 +-
 files/zh-tw/web/api/fetch_api/using_fetch/index.md  |  2 +-
 .../web/api/file_and_directory_entries_api/index.md |  2 +-
 .../using_files_from_web_applications/index.md      |  4 ++--
 files/zh-tw/web/api/filelist/index.md               |  2 +-
 files/zh-tw/web/api/filesystem/index.md             |  1 -
 files/zh-tw/web/api/fullscreen_api/index.md         |  2 +-
 files/zh-tw/web/api/geolocation_api/index.md        |  7 +++----
 files/zh-tw/web/api/history/index.md                |  2 +-
 files/zh-tw/web/api/html_drag_and_drop_api/index.md |  4 ++--
 files/zh-tw/web/api/htmldocument/index.md           |  2 +-
 .../web/api/htmlformelement/submit_event/index.md   |  2 +-
 .../web/api/htmlmediaelement/abort_event/index.md   |  2 +-
 .../api/htmlmediaelement/ratechange_event/index.md  |  2 +-
 files/zh-tw/web/api/indexeddb_api/index.md          | 13 ++++---------
 .../web/api/indexeddb_api/using_indexeddb/index.md  | 12 ++++++------
 files/zh-tw/web/api/mediaquerylist/index.md         | 10 +++++-----
 files/zh-tw/web/api/mutationobserver/index.md       |  6 +++---
 files/zh-tw/web/api/navigator/language/index.md     |  2 +-
 .../api/navigator/registerprotocolhandler/index.md  | 10 +++++-----
 .../zh-tw/web/api/network_information_api/index.md  |  4 ++--
 files/zh-tw/web/api/node/removechild/index.md       |  6 +++---
 files/zh-tw/web/api/notification/index.md           |  2 +-
 46 files changed, 80 insertions(+), 89 deletions(-)

diff --git a/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.md b/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.md
index 9dfe6b7596553c..7f2cb7fbd1aa20 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.md
+++ b/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.md
@@ -272,7 +272,7 @@ function draw() {
 
 ### 貝茲曲線與二次曲線
 
-二次與三次[貝茲曲線(Bézier curves)](http://en.wikipedia.org/wiki/B%C3%A9zier_curve)是另一種可用來構成複雜有機圖形的路徑。
+二次與三次[貝茲曲線](https://zh.wikipedia.org/wiki/貝茲曲線)是另一種可用來構成複雜有機圖形的路徑。
 
 - {{domxref("CanvasRenderingContext2D.quadraticCurveTo", "quadraticCurveTo(cp1x, cp1y, x, y)")}}
   - : 從目前起始點畫一條二次貝茲曲線到 x, y 指定的終點，控制點由 cp1x, cp1y 指定。
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/drawing_text/index.md b/files/zh-tw/web/api/canvas_api/tutorial/drawing_text/index.md
index 6f36d73cccb1a6..cc374eac69ddf8 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/drawing_text/index.md
+++ b/files/zh-tw/web/api/canvas_api/tutorial/drawing_text/index.md
@@ -5,7 +5,7 @@ slug: Web/API/Canvas_API/Tutorial/Drawing_text
 
 {{DefaultAPISidebar("Canvas API")}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Applying_styles_and_colors", "Web/API/Canvas_API/Tutorial/Using_images")}}
 
-[`canvas`](/zh-TW/HTML/Canvas)元素支援在[標準 HTML 5 特色](http://www.whatwg.org/specs/web-apps/current-work/#text-0)以及少許實驗性的 Mozilla 方法和功能上繪製文字。
+[`canvas`](/zh-TW/docs/Web/HTML/Element/canvas)元素支援在[標準 HTML 5 特色](https://html.spec.whatwg.org/#text-0)以及少許實驗性的 Mozilla 方法和功能上繪製文字。
 
 文字可以包括任何 Unicode 字元，即使用那些超出「基本多文種平面」的字元也可以。
 
@@ -134,9 +134,9 @@ slug: Web/API/Canvas_API/Tutorial/Drawing_text
   </tbody>
 </table>
 
-下圖展示了 textBaseline 屬性所支援的各種基線，感謝 [WHATWG](http://www.whatwg.org/).
+下圖展示了 textBaseline 屬性所支援的各種基線，感謝 [WHATWG](https://whatwg.org/)。
 
-![top of em squre（字元區塊頂部）大致在字型中所有字母的最頂部位置，hanging basline（懸掛基線）則是在一些特殊（較小的,像是「आ」）字母頂部，middle則是在top of em squre（字元區塊頂部和bottom of em squre（字元區塊底部）的中間，alphabetic（拼音文字）的基線位置則是在一般拼音字母如Á，ÿ，f，Ω的底線位置。ideographic（表意文字）的基線在字元的底部位置，bottom of em squre（字元區塊底部）則大致是字型中所有字母的最底部位置。而top and bottom of the bounding box（上下的區域範圍線）則比這些基線都來得更遠，基於字母的高度可能超過字元區塊頂部和底部的範圍。](http://www.whatwg.org/specs/web-apps/current-work/images/baselines.png)
+![top of em squre（字元區塊頂部）大致在字型中所有字母的最頂部位置，hanging basline（懸掛基線）則是在一些特殊（較小的,像是「आ」）字母頂部，middle則是在top of em squre（字元區塊頂部和bottom of em squre（字元區塊底部）的中間，alphabetic（拼音文字）的基線位置則是在一般拼音字母如Á，ÿ，f，Ω的底線位置。ideographic（表意文字）的基線在字元的底部位置，bottom of em squre（字元區塊底部）則大致是字型中所有字母的最底部位置。而top and bottom of the bounding box（上下的區域範圍線）則比這些基線都來得更遠，基於字母的高度可能超過字元區塊頂部和底部的範圍。](https://html.spec.whatwg.org/images/baselines.png)
 
 ## 方法
 
@@ -345,6 +345,6 @@ ctx.strokeText("Sample String", 10, 50);
 
 ## 備註
 
-- 請見 [WHATWG specification](http://www.whatwg.org/specs/web-apps/current-work/#text) 關於 HTML 5 canvas text 的說明。
+- 請見 [WHATWG 規範](https://html.spec.whatwg.org/#text)關於 HTML 5 canvas text 的說明。
 - 你不需要特別的文本來使用這些功能；2D 的文本就可以執行得很好。
 - 所有的繪圖都使用即時變化來完成。
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/optimizing_canvas/index.md b/files/zh-tw/web/api/canvas_api/tutorial/optimizing_canvas/index.md
index e61245601ddc72..628b12703edd52 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/optimizing_canvas/index.md
+++ b/files/zh-tw/web/api/canvas_api/tutorial/optimizing_canvas/index.md
@@ -15,6 +15,6 @@ slug: Web/API/Canvas_API/Tutorial/Optimizing_canvas
 - 對於複雜需求可以利用多個畫布分層構成
 - 盡量不要用 shadowBlur 屬性
 - 使用{{domxref("window.requestAnimationFrame()")}}
-- 用[JSPerf](http://jsperf.com)測試效能
+- 用[JSPerf](https://jsperf.com/)測試效能
 
 {{PreviousNext("Web/Guide/HTML/Canvas_tutorial/Basic_animations")}}
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md b/files/zh-tw/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md
index b273674f365757..88a0a10fd917f7 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md
+++ b/files/zh-tw/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md
@@ -131,7 +131,7 @@ ctx.putImageData(myImageData, 0, 0);
 
 ### 灰階和負片效果
 
-In this example we iterate over all pixels to change their values, then we put the modified pixel array back to the canvas using [putImageData()](/zh-TW/docs/Web/API/CanvasRenderingContext2D/putImageData). The invert function simply subtracts each color from the max value 255. The grayscale function simply uses the average of red, green and blue. You can also use a weighted average, given by the formula `x = 0.299r + 0.587g + 0.114b`, for example. See [Grayscale](http://en.wikipedia.org/wiki/Grayscale) on Wikipedia for more information.
+In this example we iterate over all pixels to change their values, then we put the modified pixel array back to the canvas using [putImageData()](/zh-TW/docs/Web/API/CanvasRenderingContext2D/putImageData). The invert function simply subtracts each color from the max value 255. The grayscale function simply uses the average of red, green and blue. You can also use a weighted average, given by the formula `x = 0.299r + 0.587g + 0.114b`, for example. See [Grayscale](https://zh.wikipedia.org/wiki/灰度图像) on Wikipedia for more information.
 
 ```html hidden
 <canvas id="canvas" width="300" height="227"></canvas>
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/using_images/index.md b/files/zh-tw/web/api/canvas_api/tutorial/using_images/index.md
index ff2a05b52bec0e..17646759b8d470 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/using_images/index.md
+++ b/files/zh-tw/web/api/canvas_api/tutorial/using_images/index.md
@@ -27,7 +27,7 @@ slug: Web/API/Canvas_API/Tutorial/Using_images
 - {{domxref("ImageBitmap")}}
   - : 可以被快速渲染的點陣圖(bitmap)，點陣圖能由上述所有來源產生.
 
-這些來源統一參照 [CanvasImageSource](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-sources-for-2d-rendering-contexts)型態.
+這些來源統一參照 [CanvasImageSource](https://html.spec.whatwg.org/multipage/canvas.html#image-sources-for-2d-rendering-contexts) 型態。
 
 有好幾種方法能夠取得影像用於畫布.
 
@@ -74,7 +74,7 @@ img.addEventListener(
 img.src = "myImage.png"; // Set source path
 ```
 
-若是只要載入一份影像，可以用上面的方法，不過當需要載入、追蹤多個影像時，我們就需要更好的方法了，雖然管理多個影像載入已經超出本教學的範疇，然而如果有興趣的話，可以參考[JavaScript Image Preloader](http://www.webreference.com/programming/javascript/gr/column3/)這份文件.
+若是只要載入一份影像，可以用上面的方法，不過當需要載入、追蹤多個影像時，我們就需要更好的方法了，雖然管理多個影像載入已經超出本教學的範疇，然而如果有興趣的話，可以參考[JavaScript Image Preloader](https://webreference.com/javascript/)這份文件。
 
 ### 以 data:URL 嵌入影像
 
diff --git a/files/zh-tw/web/api/console/assert_static/index.md b/files/zh-tw/web/api/console/assert_static/index.md
index b78d9217de4f02..597085da4215ad 100644
--- a/files/zh-tw/web/api/console/assert_static/index.md
+++ b/files/zh-tw/web/api/console/assert_static/index.md
@@ -91,5 +91,5 @@ console.assert(false, "the word is %s", "foo");
 
 - [WHATWG Console Standard: console.assert](https://console.spec.whatwg.org/#assert-condition-data)
 - [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions)
+- [MSDN: Using the F12 Tools Console to View Errors and Status](<https://learn.microsoft.com/zh-tw/previous-versions/windows/internet-explorer/ie-developer/samples/gg589530(v=vs.85)>)
+- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/docs/devtools#assertions)
diff --git a/files/zh-tw/web/api/cssstylesheet/insertrule/index.md b/files/zh-tw/web/api/cssstylesheet/insertrule/index.md
index ecb5738089ea69..8317769f144e76 100644
--- a/files/zh-tw/web/api/cssstylesheet/insertrule/index.md
+++ b/files/zh-tw/web/api/cssstylesheet/insertrule/index.md
@@ -119,5 +119,5 @@ function addStylesheetRules(rules) {
 ## See also
 
 - {{domxref("CSSStyleSheet.deleteRule")}}
-- [Cross-Browser CSS-rules ordering (CSS1)](http://www-archive.mozilla.org/docs/web-developer/css1technote/css1tojs.html#priority)
+- [Cross-Browser CSS-rules ordering (CSS1)](https://www-archive.mozilla.org/docs/web-developer/css1technote/css1tojs.html#priority)
 - [Quirksmode - CSS](http://www.quirksmode.org/dom/w3c_css.html)
diff --git a/files/zh-tw/web/api/document/createdocumentfragment/index.md b/files/zh-tw/web/api/document/createdocumentfragment/index.md
index 46e49cf676eb8f..3006e58077e7f5 100644
--- a/files/zh-tw/web/api/document/createdocumentfragment/index.md
+++ b/files/zh-tw/web/api/document/createdocumentfragment/index.md
@@ -19,7 +19,7 @@ var fragment = document.createDocumentFragment();
 
 `DocumentFragment`s 是 DOM 節點(Nodes)。他們不會成為 DOM 主幹的一部份。最常見的作法是先建立文本片段 (document fragment)，然後將元素 (element) 加入文本片段中，最後再將文本片段加入 DOM 樹中。在 DOM 樹中，文本片段將會被他所有的子元素取代。
 
-正因為文本片段是存在**記憶體**中，並且不是 DOM 主幹的一部分，增加子元素並不會導致網頁重刷 ([reflow](https://developers.google.com/speed/articles/reflow?csw=1))(重新計算元素的位置和幾何)。因此採用文本片段通常會有比較好的效能表現 ([better performance](http://ejohn.org/blog/dom-documentfragments/))。
+正因為文本片段是存在**記憶體**中，並且不是 DOM 主幹的一部分，增加子元素並不會導致網頁[重刷](https://developers.google.com/speed/docs/insights/browser-reflow)（重新計算元素的位置和幾何）。因此採用文本片段通常會有[比較好的效能表現](https://johnresig.com/blog/dom-documentfragments/)。
 
 ## 舉例
 
diff --git a/files/zh-tw/web/api/document/createelement/index.md b/files/zh-tw/web/api/document/createelement/index.md
index a236edfff6f366..0990d9a2dd360f 100644
--- a/files/zh-tw/web/api/document/createelement/index.md
+++ b/files/zh-tw/web/api/document/createelement/index.md
@@ -20,7 +20,7 @@ var element = document.createElement(tagName[, options]);
 - `tagName`
   - : 一個指定類型給所創建的元素的字串。{{domxref("Node.nodeName", "nodeName")}} 創建的元素由 `tagName` 的值初始，不要使用吻合名稱（例如 "html:a"）。當該方法在 HTML 文件中被調用時，`createElement()` 會先將 `tagName` 轉化為小寫後再創建元素。在 Firefox、Opera 和 Chrome，`createElement(null)` 與 `createElement("null")` 作用相同。
 - `options`{{optional_inline}}
-  - : 選擇性 `ElementCreationOptions` 物件包含一個屬性 `is`，它的值是先前使用`customElements.define()` 所定義的自定義元素的標籤名稱。為了與以前的 [自定義元素規範](https://www.w3.org/TR/custom-elements/) 相容，一些瀏覽器將允許你在此傳遞一個字串而非物件，其字串的值就是自定義元件的標籤名稱。了解更多訊息以及如何使用此參數，可以參閱 [擴展原生 HTML 元素](https://developers.google.com/web/fundamentals/primers/customelements/#extendhtml)。新元素將被賦予一個 `is` 屬性，其值就是自定義元素的標籤名稱。自定義元素算是實驗中的功能，因此目前只作用於部分瀏覽器中。
+  - : 選擇性 `ElementCreationOptions` 物件包含一個屬性 `is`，它的值是先前使用`customElements.define()` 所定義的自定義元素的標籤名稱。為了與以前的 [自定義元素規範](https://www.w3.org/TR/custom-elements/) 相容，一些瀏覽器將允許你在此傳遞一個字串而非物件，其字串的值就是自定義元件的標籤名稱。了解更多訊息以及如何使用此參數，可以參閱[擴展原生 HTML 元素](/zh-TW/docs/Web/API/Web_components#extendhtml)。新元素將被賦予一個 `is` 屬性，其值就是自定義元素的標籤名稱。自定義元素算是實驗中的功能，因此目前只作用於部分瀏覽器中。
 
 ### 回傳值
 
diff --git a/files/zh-tw/web/api/document/createevent/index.md b/files/zh-tw/web/api/document/createevent/index.md
index c7a930a87d5339..a4748fc4aa181d 100644
--- a/files/zh-tw/web/api/document/createevent/index.md
+++ b/files/zh-tw/web/api/document/createevent/index.md
@@ -26,4 +26,4 @@ var newEvent = document.createEvent("UIEvents");
 
 ### 規格定義
 
-- [DOM Level 2 Events](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-document)
+- [DOM Level 2 Events](https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-document)
diff --git a/files/zh-tw/web/api/document/createrange/index.md b/files/zh-tw/web/api/document/createrange/index.md
index 9f37e739161e9c..3672ef4edaf45b 100644
--- a/files/zh-tw/web/api/document/createrange/index.md
+++ b/files/zh-tw/web/api/document/createrange/index.md
@@ -30,4 +30,4 @@ range.setEnd(endNode, endOffset);
 
 ## 規範
 
-- [DOM Level 2 Range: DocumentRange.createRange](http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level2-DocumentRange-method-createRange)
+- [DOM Level 2 Range: DocumentRange.createRange](https://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level2-DocumentRange-method-createRange)
diff --git a/files/zh-tw/web/api/document/designmode/index.md b/files/zh-tw/web/api/document/designmode/index.md
index 195004e2b872f2..57bb6f7a6221fc 100644
--- a/files/zh-tw/web/api/document/designmode/index.md
+++ b/files/zh-tw/web/api/document/designmode/index.md
@@ -37,4 +37,3 @@ iframeNode.contentDocument.designMode = "on";
 
 - [Rich-Text Editing in Mozilla](/zh-TW/docs/Rich-Text_Editing_in_Mozilla)
 - {{domxref("HTMLElement.contentEditable")}}
-- [designMode property](<https://msdn.microsoft.com/en-us/library/ms533720(v=vs.85).aspx>) on MSDN
diff --git a/files/zh-tw/web/api/document/getelementsbyclassname/index.md b/files/zh-tw/web/api/document/getelementsbyclassname/index.md
index 41f6df394e0ee5..081d6e13aab913 100644
--- a/files/zh-tw/web/api/document/getelementsbyclassname/index.md
+++ b/files/zh-tw/web/api/document/getelementsbyclassname/index.md
@@ -87,4 +87,4 @@ var testDivs = Array.prototype.filter.call(
 
 ## 規範
 
-- [W3C: getElementsByClassName](https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#dom-document-getelementsbyclassname)
+- [W3C: getElementsByClassName](https://dom.spec.whatwg.org/#dom-document-getelementsbyclassname)
diff --git a/files/zh-tw/web/api/document/queryselector/index.md b/files/zh-tw/web/api/document/queryselector/index.md
index 6101545d067d35..00f5d04abfb182 100644
--- a/files/zh-tw/web/api/document/queryselector/index.md
+++ b/files/zh-tw/web/api/document/queryselector/index.md
@@ -56,9 +56,9 @@ var el = document.querySelector(".myclass");
 
 {{Compat}}
 
-## 規格文件
+## 規範
 
-- [Selectors API](http://www.w3.org/TR/selectors-api/)
+{{Specifications}}
 
 ## 詳見
 
diff --git a/files/zh-tw/web/api/document_object_model/examples/index.md b/files/zh-tw/web/api/document_object_model/examples/index.md
index fa48292b55147a..5e62d304c7578d 100644
--- a/files/zh-tw/web/api/document_object_model/examples/index.md
+++ b/files/zh-tw/web/api/document_object_model/examples/index.md
@@ -307,7 +307,7 @@ P
 
 這個例子使用 DOM 方法來顯示所有 {{domxref("window.onload")}} {{domxref("event")}} 物件的屬性及其在 table 中的值。這個方法也展示一個有用的技術，使用 for...in 迴圈來來遍歷一個物件的屬性，以得到它們的值。
 
-不同瀏覽器之間事件物件的屬性有很大不同，[WHATWG DOM Standard](https://dom.spec.whatwg.org) 規範了事件的標準屬性，然而，許多瀏覽器都大大擴展了這些。
+不同瀏覽器之間事件物件的屬性有很大不同，[WHATWG DOM Standard](https://dom.spec.whatwg.org/) 規範了事件的標準屬性，然而，許多瀏覽器都大大擴展了這些。
 
 將下面的代碼放到一個空白的文本文件，並將其用各種瀏覽器開啟，你一定會對各種瀏覽器之間的不一致（事件屬性的名稱及其數量）感到驚訝。你可能還喜歡在這個頁面加入一些元素，並呼叫不同的事件處理函數（event handlers）。
 
diff --git a/files/zh-tw/web/api/domparser/index.md b/files/zh-tw/web/api/domparser/index.md
index 5f21164c4eca2f..697a0686e891dd 100644
--- a/files/zh-tw/web/api/domparser/index.md
+++ b/files/zh-tw/web/api/domparser/index.md
@@ -5,15 +5,15 @@ slug: Web/API/DOMParser
 
 {{APIRef("DOM")}}{{SeeCompatTable}}
 
-`DOMParser可以將XML或是HTML格式的字串轉成`DOM [文件](/zh-TW/docs/DOM/document). `DOMParser`的規格請參閱[DOM 解譯與串流化](http://html5.org/specs/dom-parsing.html).
+`DOMParser` 可以將XML或是HTML格式的字串轉成 DOM [文件](/zh-TW/docs/DOM/document)。`DOMParser`的規格請參閱 [DOM 解譯與串流化](https://w3c.github.io/DOM-Parsing/)。
 
-請注意[XMLHttpRequest](/zh-TW/docs/DOM/XMLHttpRequest)解譯的是 URL 連結內容裡的 XML 與 HTML 文件.
+請注意[XMLHttpRequest](/zh-TW/docs/DOM/XMLHttpRequest)解譯的是 URL 連結內容裡的 XML 與 HTML 文件。
 
 ## 產生一個 DOMParser
 
-" `new DOMParser()" 可產生DOMParser`.
+「`new DOMParser()`」可產生 DOMParser。
 
-`關於如何在Firefox外掛程式中產生DOMParser,`請參考`nsIDOMParser文件`
+關於如何在 Firefox 外掛程式中產生 DOMParser，請參考 `nsIDOMParser` 文件
 
 ## 解譯 XML
 
diff --git a/files/zh-tw/web/api/element/clientheight/index.md b/files/zh-tw/web/api/element/clientheight/index.md
index d2434004d38479..e0e6a900dedfec 100644
--- a/files/zh-tw/web/api/element/clientheight/index.md
+++ b/files/zh-tw/web/api/element/clientheight/index.md
@@ -37,4 +37,4 @@ var h = element.clientHeight;
 - {{domxref("HTMLElement.offsetHeight")}}
 - {{domxref("Element.scrollHeight")}}
 - [Determining the dimensions of elements](/zh-TW/docs/Determining_the_dimensions_of_elements)
-- [MSDN Measuring Element Dimension and Location](<https://docs.microsoft.com/en-us/previous-versions//hh781509(v=vs.85)>)
+- [MSDN Measuring Element Dimension and Location](<https://learn.microsoft.com/zh-tw/previous-versions/hh781509(v=vs.85)>)
diff --git a/files/zh-tw/web/api/element/keyup_event/index.md b/files/zh-tw/web/api/element/keyup_event/index.md
index c99af446b553d2..dc60315222bfcf 100644
--- a/files/zh-tw/web/api/element/keyup_event/index.md
+++ b/files/zh-tw/web/api/element/keyup_event/index.md
@@ -5,12 +5,12 @@ slug: Web/API/Element/keyup_event
 
 {{APIRef}}
 
-當鍵盤上的手指離開按鍵時，`keyup事件會被觸發。`
+當鍵盤上的手指離開按鍵時，`keyup` 事件會被觸發。
 
 ## 基本資料
 
 - 詳述
-  - : [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup)
+  - : [DOM L3](https://www.w3.org/TR/uievents/#event-type-keyup)
 - 介面
   - : [KeyboardEvent](/zh-TW/docs/DOM/KeyboardEvent)
 - Bubbles
diff --git a/files/zh-tw/web/api/element/scrollheight/index.md b/files/zh-tw/web/api/element/scrollheight/index.md
index 0d2351fe3302cf..84fb37cf0bf1b0 100644
--- a/files/zh-tw/web/api/element/scrollheight/index.md
+++ b/files/zh-tw/web/api/element/scrollheight/index.md
@@ -146,7 +146,7 @@ onload = function () {
 
 ## 參見
 
-- [MSDN: Measuring Element Dimension and Location with CSSOM in Windows Internet Explorer 9](<https://docs.microsoft.com/en-us/previous-versions//hh781509(v=vs.85)>)
+- [MSDN: Measuring Element Dimension and Location with CSSOM in Windows Internet Explorer 9](<https://learn.microsoft.com/zh-tw/previous-versions/hh781509(v=vs.85)>)
 - {{domxref("Element.clientHeight")}}
 - {{domxref("Element.offsetHeight")}}
 - [Determining the dimensions of elements](/zh-TW/docs/Determining_the_dimensions_of_elements)
diff --git a/files/zh-tw/web/api/element/scrolltop/index.md b/files/zh-tw/web/api/element/scrolltop/index.md
index 8a849796c07eb2..15384a6c0b5e61 100644
--- a/files/zh-tw/web/api/element/scrolltop/index.md
+++ b/files/zh-tw/web/api/element/scrolltop/index.md
@@ -88,6 +88,5 @@ scroller.addEventListener("scroll", (event) => {
 
 ## 參閱
 
-- [W3C Draft CSSOM View Module](http://dev.w3.org/csswg/cssom-view/#dom-element-scrolltop)
-- [MSDN's scrollTop definition](<http://msdn.microsoft.com/en-us/library/ms534618(VS.85).aspx>)
-- [MSDN's Measuring Element Dimension and Location](<http://msdn.microsoft.com/en-us/library/hh781509(v=vs.85).aspx>)
+- [W3C Draft CSSOM View Module](https://drafts.csswg.org/cssom-view/#dom-element-scrolltop)
+- [MSDN's Measuring Element Dimension and Location](<https://learn.microsoft.com/zh-tw/previous-versions/hh781509(v=vs.85)>)
diff --git a/files/zh-tw/web/api/event/eventphase/index.md b/files/zh-tw/web/api/event/eventphase/index.md
index b31bf8106f79be..9b66e213edb6dd 100644
--- a/files/zh-tw/web/api/event/eventphase/index.md
+++ b/files/zh-tw/web/api/event/eventphase/index.md
@@ -28,7 +28,7 @@ These values describe which phase the event flow is currently being evaluated.
 | {{domxref("Event.AT_TARGET")}} {{readonlyinline}}       | 2   | The event has arrived at {{domxref("EventTarget", "the event's target", "", 1)}}. Event listeners registered for this phase are called at this time. If {{domxref("Event.bubbles")}} is false, processing the event is finished after this phase is complete.                                                                                                                                                                                          |
 | {{domxref("Event.BUBBLING_PHASE")}} {{readonlyinline}}  | 3   | The event is propagating back up through the target's ancestors in reverse order, starting with the parent, and eventually reaching the containing {{domxref("Window")}}. This is known as bubbling, and occurs only if {{domxref("Event.bubbles")}} is `true`. {{domxref("EventListener", "Event listeners", "", 1)}} registered for this phase are triggered during this process.                                                                    |
 
-For more details, see [section 3.1, Event dispatch and DOM event flow](http://www.w3.org/TR/DOM-Level-3-Events/#event-flow), of the DOM Level 3 Events specification.
+For more details, see [section 3.1, Event dispatch and DOM event flow](https://www.w3.org/TR/uievents/#event-flow), of the DOM Level 3 Events specification.
 
 ## 範例
 
diff --git a/files/zh-tw/web/api/event/stoppropagation/index.md b/files/zh-tw/web/api/event/stoppropagation/index.md
index 7f4aca995bd55b..36987e371cef97 100644
--- a/files/zh-tw/web/api/event/stoppropagation/index.md
+++ b/files/zh-tw/web/api/event/stoppropagation/index.md
@@ -27,5 +27,5 @@ event.stopPropagation();
 
 ## 參見
 
-- See the [DOM specification](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture) for the explanation of event flow. (The [DOM Level 3 Events draft](http://www.w3.org/TR/DOM-Level-3-Events/#event-flow) has an illustration.)
+- See the [DOM specification](https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture) for the explanation of event flow. (The [DOM Level 3 Events draft](https://www.w3.org/TR/uievents/#event-flow) has an illustration.)
 - {{domxref("Event.preventDefault()")}} is a related method that prevents the default action of the event from happening.
diff --git a/files/zh-tw/web/api/event/timestamp/index.md b/files/zh-tw/web/api/event/timestamp/index.md
index 97549865174dd1..cfe0e0f2a21661 100644
--- a/files/zh-tw/web/api/event/timestamp/index.md
+++ b/files/zh-tw/web/api/event/timestamp/index.md
@@ -48,4 +48,4 @@ var number = event.timeStamp;
 
 ## 詳細資料
 
-- [timestamp](http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-timeStamp)
+- [timestamp](https://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-timeStamp)
diff --git a/files/zh-tw/web/api/fetch_api/index.md b/files/zh-tw/web/api/fetch_api/index.md
index 97068a12bc4c90..e58a97d1755b1c 100644
--- a/files/zh-tw/web/api/fetch_api/index.md
+++ b/files/zh-tw/web/api/fetch_api/index.md
@@ -56,5 +56,5 @@ Fetch 提供了 {{domxref("Request")}} 與 {{domxref("Response")}} 物件，還
 - [ServiceWorker API](/zh-TW/docs/Web/API/ServiceWorker_API)
 - [HTTP access control (CORS)](/zh-TW/docs/Web/HTTP/Access_control_CORS)
 - [HTTP](/zh-TW/docs/Web/HTTP)
-- [Fetch polyfill](https://github.com/github/fetch)
+- [Fetch polyfill](https://github.com/JakeChampion/fetch)
 - [Fetch 基本概念](/zh-TW/docs/Web/API/Fetch_API/Basic_concepts)
diff --git a/files/zh-tw/web/api/fetch_api/using_fetch/index.md b/files/zh-tw/web/api/fetch_api/using_fetch/index.md
index 6cd774bf1abff7..9c913209729713 100644
--- a/files/zh-tw/web/api/fetch_api/using_fetch/index.md
+++ b/files/zh-tw/web/api/fetch_api/using_fetch/index.md
@@ -366,5 +366,5 @@ if (self.fetch) {
 - [ServiceWorker API](/zh-TW/docs/Web/API/ServiceWorker_API)
 - [HTTP access control (CORS)](/zh-TW/docs/Web/HTTP/Access_control_CORS)
 - [HTTP](/zh-TW/docs/Web/HTTP)
-- [Fetch polyfill](https://github.com/github/fetch)
+- [Fetch polyfill](https://github.com/JakeChampion/fetch)
 - [Fetch examples on Github](https://github.com/mdn/fetch-examples/)
diff --git a/files/zh-tw/web/api/file_and_directory_entries_api/index.md b/files/zh-tw/web/api/file_and_directory_entries_api/index.md
index 9fd6c09d8cd55c..5540b3ef743387 100644
--- a/files/zh-tw/web/api/file_and_directory_entries_api/index.md
+++ b/files/zh-tw/web/api/file_and_directory_entries_api/index.md
@@ -174,4 +174,4 @@ interface FileRequest : DOMRequest
 
 ### API 與 FileWriter 的差異？
 
-[FileWriter 規格](http://dev.w3.org/2009/dap/file-system/file-writer.html)定義了 FileWriter，也就是用以呈現「可編輯的檔案」的物件。[Public-webapps 討論串](http://lists.w3.org/Archives/Public/public-webapps/2012JanMar/0886.html)則下了結論：若單一檔案同時寫入不同的實體 (Entity)，將導致 API 成效不彰。最後就是 FileHandle API 應具備自己的 LockedFile 與交易機制。
+[FileWriter 規格](https://dev.w3.org/2009/dap/file-system/file-writer.html)定義了 FileWriter，也就是用以呈現「可編輯的檔案」的物件。[Public-webapps 討論串](https://lists.w3.org/Archives/Public/public-webapps/2012JanMar/0886.html)則下了結論：若單一檔案同時寫入不同的實體 (Entity)，將導致 API 成效不彰。最後就是 FileHandle API 應具備自己的 LockedFile 與交易機制。
diff --git a/files/zh-tw/web/api/file_api/using_files_from_web_applications/index.md b/files/zh-tw/web/api/file_api/using_files_from_web_applications/index.md
index 36a3ed09c378d0..39a177271b10c4 100644
--- a/files/zh-tw/web/api/file_api/using_files_from_web_applications/index.md
+++ b/files/zh-tw/web/api/file_api/using_files_from_web_applications/index.md
@@ -27,7 +27,7 @@ File API 可以從 {{ domxref("File") }} 物件中讀取 {{ domxref("FileList")
 var selectedFile = document.getElementById("input").files[0];
 ```
 
-使用 [jQuery](http://jquery.com/) 獲取選擇的檔案：
+使用 [jQuery](https://jquery.com/) 獲取選擇的檔案：
 
 ```js
 var selectedFile = $("#input").get(0).files[0];
@@ -62,7 +62,7 @@ var selectedFile = $("#input")[0].files[0];
 
 ### 使用 EventListener 動態地監聽
 
-如果使用了其他的函數庫（[jQuery](http://www.jquery.com/)），你會需要使用 {{domxref("EventTarget.addEventListener()") }} 去監聽事件，例如：
+如果使用了其他的函數庫（[jQuery](https://jquery.com/)），你會需要使用 {{domxref("EventTarget.addEventListener()") }} 去監聽事件，例如：
 
 ```js
 var inputElement = document.getElementById("inputField");
diff --git a/files/zh-tw/web/api/filelist/index.md b/files/zh-tw/web/api/filelist/index.md
index 26ea73c4e2fef1..58389d6878723e 100644
--- a/files/zh-tw/web/api/filelist/index.md
+++ b/files/zh-tw/web/api/filelist/index.md
@@ -118,7 +118,7 @@ for (var i = 0; i < files.length; i++) {
 
 ## 規範
 
-- [File upload state](http://www.whatwg.org/specs/web-apps/current-work/multipage/number-state.html#concept-input-type-file-selected) (HTML5 working draft)
+{{Specifications}}
 
 ## 參見
 
diff --git a/files/zh-tw/web/api/filesystem/index.md b/files/zh-tw/web/api/filesystem/index.md
index d65ebb304456ee..dc27074b626b6a 100644
--- a/files/zh-tw/web/api/filesystem/index.md
+++ b/files/zh-tw/web/api/filesystem/index.md
@@ -39,4 +39,3 @@ This API has no official W3C or WHATWG specification.
 - [File and Directory Entries API](/zh-TW/docs/Web/API/File_and_Directory_Entries_API)
 - [Introduction to the File System API](/zh-TW/docs/Web/API/File_and_Directory_Entries_API/Introduction)
 - {{domxref("FileSystemEntry")}}, {{domxref("FileSystemFileEntry")}}, and {{domxref("FileSystemDirectoryEntry")}}
-- MSDN 文章: [WebKitFileSystem object](https://msdn.microsoft.com/library/mt732564)
diff --git a/files/zh-tw/web/api/fullscreen_api/index.md b/files/zh-tw/web/api/fullscreen_api/index.md
index d2812a06aea953..184c23bdf0d5ff 100644
--- a/files/zh-tw/web/api/fullscreen_api/index.md
+++ b/files/zh-tw/web/api/fullscreen_api/index.md
@@ -173,4 +173,4 @@ These are some of the methods that browsers implemented before the standard was
 - {{ cssxref(":-moz-full-screen") }}
 - {{ cssxref(":-moz-full-screen-ancestor") }}
 - [`allowfullscreen`](/zh-TW/docs/Web/HTML/Element/iframe#allowfullscreen)
-- [Blog post: Firefox's HTML full-screen API enabled in Nightly builds](http://blog.pearce.org.nz/2011/11/firefoxs-html-full-screen-api-enabled.html)
+- [Blog post: Firefox's HTML full-screen API enabled in Nightly builds](https://blog.pearce.org.nz/2011/11/firefoxs-html-full-screen-api-enabled.html)
diff --git a/files/zh-tw/web/api/geolocation_api/index.md b/files/zh-tw/web/api/geolocation_api/index.md
index 04339d75842048..ad96ce9fedaf4f 100644
--- a/files/zh-tw/web/api/geolocation_api/index.md
+++ b/files/zh-tw/web/api/geolocation_api/index.md
@@ -248,12 +248,11 @@ prompt(
 
 ## Gecko 註記
 
-Firefox 可透過 Google 的定位服務 (Google Location Services，GLS)，根據使用者的 WiFi 資訊而找出使用者的位置。與 Google 之間所交換的資料，包含 WiFi 存取點 (Access Point) 資料、Access token (類似 2 個禮拜的 cookie)、使用者的 IP 位址。若需更多資訊，可參閱 [Mozilla 的隱私權政策](http://www.mozilla.com/en-US/legal/privacy/)與 [Google 的隱私權政策](http://www.google.com/privacy-lsf.html)。其內將詳述資料的使用方式。
+Firefox 可透過 Google 的定位服務 (Google Location Services，GLS)，根據使用者的 WiFi 資訊而找出使用者的位置。與 Google 之間所交換的資料，包含 WiFi 存取點 (Access Point) 資料、Access token (類似 2 個禮拜的 cookie)、使用者的 IP 位址。若需更多資訊，可參閱 [Mozilla 的隱私權政策](https://www.mozilla.org/zh-TW/privacy/)與 [Google 的隱私權政策](https://www.google.com/privacy/lsf.html)。其內將詳述資料的使用方式。
 
 Firefox 3.6 (Gecko 1.9.2) 新支援了 [GPSD](http://catb.org/gpsd/) (GPS daemon) 服務，適合 Linux 的地理位置定位。
 
-## 另請參閱
+## 參見
 
 - [`navigator.geolocation`](/zh-TW/docs/Web/API/window.navigator.geolocation)
-- [w3.org 的 Geolocation API](http://www.w3.org/TR/geolocation-API/)
-- [Geolocation API 相關 Demos](/zh-TW/demos/tag/tech:geolocation)
+- [w3.org 的 Geolocation API](https://www.w3.org/TR/geolocation/)
diff --git a/files/zh-tw/web/api/history/index.md b/files/zh-tw/web/api/history/index.md
index 01fdbb36444782..139de180e8dd4b 100644
--- a/files/zh-tw/web/api/history/index.md
+++ b/files/zh-tw/web/api/history/index.md
@@ -43,7 +43,7 @@ _The `History`_ _interface doesn't inherit any methods._
     > Calling this method to go forward beyond the most recent page in the session history has no effect and doesn't raise an exception.
 
 - {{domxref("History.go()")}}
-  - : 自 session history 紀錄中載入一個頁面，利用該頁面相對於目前頁面的所在位置，例如 -1 為前一頁或 1 為下一頁。若指定了一個超出範圍的值（舉例來說，在 session history 沒有先前訪頁面的情況下指定 -1），此方法將會是靜默（不會產生錯誤）且沒有任何效果的。不帶參數或是傳入 0 呼叫 `go()` 會重新載入目前頁面。Internet Explorer [也可以傳入字串](<http://msdn.microsoft.com/en-us/library/ms536443(VS.85).aspx>)來前往一個於瀏覽歷史列表中指定的頁面。
+  - : 自 session history 紀錄中載入一個頁面，利用該頁面相對於目前頁面的所在位置，例如 -1 為前一頁或 1 為下一頁。若指定了一個超出範圍的值（舉例來說，在 session history 沒有先前訪頁面的情況下指定 -1），此方法將會是靜默（不會產生錯誤）且沒有任何效果的。不帶參數或是傳入 0 呼叫 `go()` 會重新載入目前頁面。Internet Explorer 也可以傳入字串來前往一個於瀏覽歷史列表中指定的頁面。
 - {{domxref("History.pushState()")}}
   - : 插入給定的資料與指定的標題（title）以及選擇性的 URL 至 session history 堆疊（stack）中。給定的資料將被 DOM 視為不透明的（opaque）；可以指定任何可被序列化的 JavaScript 物件。請注意 Firefox 目前會忽略標題（title）參數；更多資訊請參閱[操控瀏覽器歷史紀錄](/zh-TW/docs/Web/API/History_API)。
 - {{domxref("History.replaceState()")}}
diff --git a/files/zh-tw/web/api/html_drag_and_drop_api/index.md b/files/zh-tw/web/api/html_drag_and_drop_api/index.md
index 29b9dcb95ca3e0..1d8ba9d89a7e77 100644
--- a/files/zh-tw/web/api/html_drag_and_drop_api/index.md
+++ b/files/zh-tw/web/api/html_drag_and_drop_api/index.md
@@ -211,7 +211,7 @@ As can be seen in the [DataTransferItem interface's Browser Compatibility table]
 ## Examples and demos
 
 - [Copying and moving elements with the `DataTransfer` interface](https://mdn.github.io/dom-examples/drag-and-drop/copy-move-DataTransfer.html)
-- [Copying and moving elements with the `DataTransferListItem` interface](http://mdn.github.io/dom-examples/drag-and-drop/copy-move-DataTransferItemList.html)
+- [Copying and moving elements with the `DataTransferListItem` interface](https://mdn.github.io/dom-examples/drag-and-drop/copy-move-DataTransferItemList.html)
 - Dragging and dropping files; Firefox only: <https://jsfiddle.net/9C2EF/>
 - Dragging and dropping files; All browsers: [https://jsbin.com/hiqasek/](https://jsbin.com/hiqasek/edit?html,js,output)
 - A parking project using the Drag and Drop API: <https://park.glitch.me/> (You can edit [here](https://glitch.com/edit/#!/park))
@@ -226,4 +226,4 @@ As can be seen in the [DataTransferItem interface's Browser Compatibility table]
 - [Dragging and Dropping Multiple Items](/zh-TW/docs/Web/API/HTML_Drag_and_Drop_API/Multiple_items)
 - [Recommended Drag Types](/zh-TW/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types)
 - [HTML5 Living Standard: Drag and Drop](https://html.spec.whatwg.org/multipage/interaction.html#dnd)
-- [Drag and Drop interoperability data from CanIUse](http://caniuse.com/#search=draganddrop)
+- [Drag and Drop interoperability data from CanIUse](https://caniuse.com/#search=draganddrop)
diff --git a/files/zh-tw/web/api/htmldocument/index.md b/files/zh-tw/web/api/htmldocument/index.md
index 5118a3791fec4c..58404797c21f24 100644
--- a/files/zh-tw/web/api/htmldocument/index.md
+++ b/files/zh-tw/web/api/htmldocument/index.md
@@ -11,4 +11,4 @@ slug: Web/API/HTMLDocument
 
 ## 規範
 
-- [http://www.w3.org/TR/DOM-Level-2-HTM...ml#ID-26809268](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268)
+- [http://www.w3.org/TR/DOM-Level-2-HTM...ml#ID-26809268](https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268)
diff --git a/files/zh-tw/web/api/htmlformelement/submit_event/index.md b/files/zh-tw/web/api/htmlformelement/submit_event/index.md
index 877855f2e2b092..924a13c88d45a4 100644
--- a/files/zh-tw/web/api/htmlformelement/submit_event/index.md
+++ b/files/zh-tw/web/api/htmlformelement/submit_event/index.md
@@ -12,7 +12,7 @@ slug: Web/API/HTMLFormElement/submit_event
 ## 基本資料
 
 - 定義規範
-  - : [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm)
+  - : [HTML5](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#form-submission-algorithm)
 - Interface
   - : {{domxref("Event")}}
 - Bubbles
diff --git a/files/zh-tw/web/api/htmlmediaelement/abort_event/index.md b/files/zh-tw/web/api/htmlmediaelement/abort_event/index.md
index 77c8222cb03d99..1647b7fa9b4aed 100644
--- a/files/zh-tw/web/api/htmlmediaelement/abort_event/index.md
+++ b/files/zh-tw/web/api/htmlmediaelement/abort_event/index.md
@@ -10,7 +10,7 @@ slug: Web/API/HTMLMediaElement/abort_event
 ## 一般資訊
 
 - 規範
-  - : [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort)
+  - : [DOM L3](https://www.w3.org/TR/uievents/#event-type-abort)
 - 介面
   - : 若由使用者介面產生，為 UIEvent，否則為 Event。
 - 是否向上(冒泡)
diff --git a/files/zh-tw/web/api/htmlmediaelement/ratechange_event/index.md b/files/zh-tw/web/api/htmlmediaelement/ratechange_event/index.md
index a5cc8587091298..46ec03983938c9 100644
--- a/files/zh-tw/web/api/htmlmediaelement/ratechange_event/index.md
+++ b/files/zh-tw/web/api/htmlmediaelement/ratechange_event/index.md
@@ -10,7 +10,7 @@ slug: Web/API/HTMLMediaElement/ratechange_event
 ## 基本資訊
 
 - 規格
-  - : [HTML5 Media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange)
+  - : [HTML5 Media](https://html.spec.whatwg.org/multipage/media.html#event-media-ratechange)
 - 介面
   - : 事件
 - 是否冒泡
diff --git a/files/zh-tw/web/api/indexeddb_api/index.md b/files/zh-tw/web/api/indexeddb_api/index.md
index 561c96f7bb4db0..0cad851717a7b4 100644
--- a/files/zh-tw/web/api/indexeddb_api/index.md
+++ b/files/zh-tw/web/api/indexeddb_api/index.md
@@ -43,7 +43,7 @@ IndexedDB 提供不同 APIs 用於同步與非同步的存取作業。同步 API
 單一資料庫項目的容量/大小並沒有任何限制，但是各個 IndexedDB 資料庫的容量就有限制。此限制，還有使用者介面的斷言 (Assert) 方式，又將因瀏覽器而有所不同：
 
 - Firefox：對 IndexedDB 資料庫的容量並無限制。但若要儲存的 Blobs 超過 50 MB，使用者介面將會要求權限。若要修改此容量，則可透過 dom.indexedDB.warningQuota (可至 <http://mxr.mozilla.org/mozilla-central/source/modules/libpref/src/init/all.js> 中設定) 設定自己所需的限制。
-- Google Chrome：請參閱 [https://developers.google.com/chrome...rage#temporary](https://developers.google.com/chrome/whitepapers/storage#temporary)
+- Google Chrome：請參閱 [https://developers.google.com/chrome...rage#temporary](https://developer.chrome.com/docs/apps/offline_storage#temporary)
 
 ## 範例
 
@@ -54,13 +54,8 @@ Web 上的 IndexedDB 使用範例，是由 Marco Castelluccio 所提供。Marco
 - [IndexedDB 基本概念](/zh-TW/docs/IndexedDB/Basic_Concepts_Behind_IndexedDB)
 - [使用 IndexedDB](/zh-TW/docs/IndexedDB/Using_IndexedDB)
 - [在 IndexedDB 中儲存影像與檔案](http://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/)
-- [使用 HTML5 IndexedDB 的簡易 TODO 清單](http://www.html5rocks.com/tutorials/indexeddb/todo/)
-
-  > [!NOTE]
-  > 此線上教學是根據較舊版本的規格所列，因此無法搭配最新版的瀏覽器。新版本已移除其中的 `setVersion()` 函式。
-
-- [Indexed Database API 規格](http://www.w3.org/TR/IndexedDB/)
-- [IndexedDB — 儲存於自己的瀏覽器中](http://msdn.microsoft.com/en-us/scriptjunkie/gg679063.aspx)
+- [Indexed Database API 規格](https://www.w3.org/TR/IndexedDB/)
+- [IndexedDB — 儲存於自己的瀏覽器中](<https://learn.microsoft.com/zh-tw/previous-versions/msdn10/gg679063(v=msdn.10)>)
 - [IndexedDB 範例](http://nparashuram.com/IndexedDB/trialtool/index.html)
-- 僅支援 WebSQL 的瀏覽器 (例如行動 WebKit)，可適用 [IndexedDB Polyfill](https://github.com/axemclion/IndexedDBShim)
+- 僅支援 WebSQL 的瀏覽器 (例如行動 WebKit)，可適用 [IndexedDB Polyfill](https://github.com/indexeddbshim/IndexedDBShim)
 - [JQuery IndexedDB 外掛程式](http://nparashuram.com/IndexedDBShim/)
diff --git a/files/zh-tw/web/api/indexeddb_api/using_indexeddb/index.md b/files/zh-tw/web/api/indexeddb_api/using_indexeddb/index.md
index b42c08a6cccdcf..5ebf3a70aeb327 100644
--- a/files/zh-tw/web/api/indexeddb_api/using_indexeddb/index.md
+++ b/files/zh-tw/web/api/indexeddb_api/using_indexeddb/index.md
@@ -238,7 +238,7 @@ request.onupgradeneeded = function (event) {
 };
 ```
 
-關於資料鍵產生器細節，請參考["W3C Key Generators"](http://www.w3.org/TR/IndexedDB/#key-generator-concept)。
+關於資料鍵產生器細節，請參考["W3C Key Generators"](https://www.w3.org/TR/IndexedDB/#key-generator-concept)。
 
 ## 新增和刪除資料
 
@@ -1096,7 +1096,7 @@ input {
     if (typeof store == "undefined")
       store = getObjectStore(DB_STORE_NAME, "readwrite");
 
-    // As per spec http://www.w3.org/TR/IndexedDB/#object-store-deletion-operation
+    // As per spec https://www.w3.org/TR/IndexedDB/#object-store-deletion-operation
     // the result of the Object Store Deletion Operation algorithm is
     // undefined, so it's not possible to know if some records were actually
     // deleted by looking at the request result.
@@ -1231,21 +1231,21 @@ input {
 參照
 
 - [IndexedDB API Reference](/zh-TW/IndexedDB)
-- [Indexed Database API Specification](http://www.w3.org/TR/IndexedDB/)
+- [Indexed Database API Specification](https://www.w3.org/TR/IndexedDB/)
 - [Using IndexedDB in chrome](/zh-TW/docs/IndexedDB/Using_IndexedDB_in_chrome)
 
 相關教學
 
-- [A simple TODO list using HTML5 IndexedDB](http://www.html5rocks.com/tutorials/indexeddb/todo/).
+- [A simple TODO list using HTML5 IndexedDB](https://www.html5rocks.com/tutorials/indexeddb/todo/).
 
   > [!NOTE]
   > 請注意此教學範例用到的已經廢棄的`setVersion()`方法。
 
-- [Databinding UI Elements with IndexedDB](http://www.html5rocks.com/en/tutorials/indexeddb/uidatabinding/)
+- [Databinding UI Elements with IndexedDB](https://www.html5rocks.com/en/tutorials/indexeddb/uidatabinding/)
 
 相關文章
 
-- [IndexedDB — The Store in Your Browser](http://msdn.microsoft.com/en-us/scriptjunkie/gg679063.aspx)
+- [IndexedDB — The Store in Your Browser](<https://learn.microsoft.com/en-us/previous-versions/msdn10/gg679063(v=msdn.10)>)
 
 Firefox
 
diff --git a/files/zh-tw/web/api/mediaquerylist/index.md b/files/zh-tw/web/api/mediaquerylist/index.md
index 53533218ec922f..ef9553d54b9b82 100644
--- a/files/zh-tw/web/api/mediaquerylist/index.md
+++ b/files/zh-tw/web/api/mediaquerylist/index.md
@@ -54,15 +54,15 @@ void removeListener(
 - `listener`
   - : 欲移除的事件處理函數 ({{ domxref("MediaQueryListListener") }})。
 
-## 瀏覽器相容性
+## 規範
 
-{{Compat}}
+{{Specifications}}
 
-## 規範標準
+## 瀏覽器相容性
 
-- [The CSSOM View Module: The MediaQueryList Interface](http://dev.w3.org/csswg/cssom-view/#the-mediaquerylist-interface)
+{{Compat}}
 
-## 延伸閱讀
+## 參見
 
 - [Media queries](/zh-TW/docs/CSS/Media_queries)
 - [Using media queries from code](/zh-TW/docs/CSS/Using_media_queries_from_code)
diff --git a/files/zh-tw/web/api/mutationobserver/index.md b/files/zh-tw/web/api/mutationobserver/index.md
index 30a3196d8ce7a4..d93895de8761e1 100644
--- a/files/zh-tw/web/api/mutationobserver/index.md
+++ b/files/zh-tw/web/api/mutationobserver/index.md
@@ -136,9 +136,9 @@ observer.disconnect();
 
 - [A brief overview](http://updates.html5rocks.com/2012/02/Detect-DOM-changes-with-Mutation-Observers)
 - [A more in-depth discussion](http://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/)
-- [A screencast by Chromium developer Rafael Weinstein](http://www.youtube.com/watch?v=eRZ4pO0gVWw)
-- [The mutation summary library](http://code.google.com/p/mutation-summary/)
-- [The DOM standard](http://dom.spec.whatwg.org/#mutation-observers) which defines the `MutationObserver` interface
+- [A screencast by Chromium developer Rafael Weinstein](https://www.youtube.com/watch?v=eRZ4pO0gVWw)
+- [The mutation summary library](https://github.com/rafaelw/mutation-summary)
+- [The DOM standard](https://dom.spec.whatwg.org/#mutation-observers) which defines the `MutationObserver` interface
 
 ## Browser compatibility
 
diff --git a/files/zh-tw/web/api/navigator/language/index.md b/files/zh-tw/web/api/navigator/language/index.md
index f4aff9baf54734..dc82110d646f5a 100644
--- a/files/zh-tw/web/api/navigator/language/index.md
+++ b/files/zh-tw/web/api/navigator/language/index.md
@@ -15,7 +15,7 @@ const lang = navigator.language
 
 ### 值
 
-一個 {{domxref("DOMString")}}. `lang` 儲存一個代表此語言的字串。定義在[BCP 47](https://tools.ietf.org/rfc/bcp/bcp47.txt)。範例: 合法的語言代碼 "en", "en-US", "fr", "fr-FR", "es-ES", etc.
+一個 {{domxref("DOMString")}}. `lang` 儲存一個代表此語言的字串。定義在[BCP 47](https://www.rfc-editor.org/rfc/bcp/bcp47.txt)。範例: 合法的語言代碼 "en", "en-US", "fr", "fr-FR", "es-ES", etc.
 
 在 iOS 小於 10.2 的 Safari 國碼是回傳小寫的喲！
 "en-us", "fr-fr" etc.
diff --git a/files/zh-tw/web/api/navigator/registerprotocolhandler/index.md b/files/zh-tw/web/api/navigator/registerprotocolhandler/index.md
index b1006e46bf6fae..82dc99be5bec90 100644
--- a/files/zh-tw/web/api/navigator/registerprotocolhandler/index.md
+++ b/files/zh-tw/web/api/navigator/registerprotocolhandler/index.md
@@ -16,7 +16,7 @@ registerProtocolHandler(scheme, url)
 - protocol 是網站想要處理的 protocol 名稱，用字串表示。
 - uri 是要給 handler 處理的 URI 字串。你可以在字串裡用 "%s" 來代表 escaped 過、需要處理的 URI。
 
-### 例子
+### 範例
 
 ```plain
 navigator.registerProtocolHandler("mailto",
@@ -26,10 +26,10 @@ navigator.registerProtocolHandler("mailto",
 
 這會建立一個 handler，它允許 mailto 的鏈結將使用者帶到 Google Mail，將鏈結中指定的 email 位址插入到 URL。
 
-### 參考資料
+## 規範
 
-1. [DOM:window.navigator.registerProtocolHandler 原始網頁](/zh-TW/docs/DOM:window.navigator.registerProtocolHandler)
+{{Specifications}}
 
-### 延伸閱讀
+## 瀏覽器相容性
 
-1. WHATWG's [Web Applications 1.0 working draft](http://whatwg.org/specs/web-apps/current-work/#custom-handlers)
+{{Compat}}
diff --git a/files/zh-tw/web/api/network_information_api/index.md b/files/zh-tw/web/api/network_information_api/index.md
index a0cde11b750611..a6e9198659050b 100644
--- a/files/zh-tw/web/api/network_information_api/index.md
+++ b/files/zh-tw/web/api/network_information_api/index.md
@@ -34,8 +34,8 @@ updateConnectionStatus();
 
 {{Compat}}
 
-## See also
+## 參見
 
-- [Network Information API Specification](http://dvcs.w3.org/hg/dap/raw-file/tip/network-api/Overview.html)
+- [Network Information API Specification](https://dvcs.w3.org/hg/dap/raw-file/tip/network-api/Overview.html)
 - [線上與離線事件](/zh-TW/Online_and_offline_events)
 - {{domxref("window.navigator.connection")}}
diff --git a/files/zh-tw/web/api/node/removechild/index.md b/files/zh-tw/web/api/node/removechild/index.md
index 4b831a4a1ac18a..c0465420734482 100644
--- a/files/zh-tw/web/api/node/removechild/index.md
+++ b/files/zh-tw/web/api/node/removechild/index.md
@@ -112,9 +112,9 @@ while (element.firstChild) {
 
 ## 規範
 
-- [DOM Level 1 Core: removeChild](http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-removeChild)
-- [DOM Level 2 Core: removeChild](http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1734834066)
-- [DOM Level 3 Core: removeChild](http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1734834066)
+- [DOM Level 1 Core: removeChild](https://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-removeChild)
+- [DOM Level 2 Core: removeChild](https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1734834066)
+- [DOM Level 3 Core: removeChild](https://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1734834066)
 
 ## 瀏覽器相容性
 
diff --git a/files/zh-tw/web/api/notification/index.md b/files/zh-tw/web/api/notification/index.md
index a2956e23a67673..970752aea95b7d 100644
--- a/files/zh-tw/web/api/notification/index.md
+++ b/files/zh-tw/web/api/notification/index.md
@@ -135,7 +135,7 @@ function notifyMe() {
 
 {{EmbedLiveSample('範例', '100%', 30)}}
 
-在很多時候，你應該不會想要這麼冗長的程式碼。 比如說，在我們的 [Emogotchi demo](http://mdn.github.io/emogotchi/) ([see source code](https://github.com/mdn/emogotchi)) 之中，我們只寫了 {{domxref("Notification.requestPermission")}} 而不用進一步檢查是否已經獲得了權限：
+在很多時候，你應該不會想要這麼冗長的程式碼。 比如說，在我們的 [Emogotchi demo](https://chrisdavidmills.github.io/emogotchi/) ([see source code](https://github.com/chrisdavidmills/emogotchi)) 之中，我們只寫了 {{domxref("Notification.requestPermission")}} 而不用進一步檢查是否已經獲得了權限：
 
 ```js
 Notification.requestPermission();

From af1ee5f595bb2ac66a60aa6ca2b0ad206d60984f Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 21 Aug 2024 11:48:41 +0000
Subject: [PATCH 36/81] build(deps): bump husky from 9.1.4 to 9.1.5 (#23182)

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index c35d6e2d757456..64216a469b91c8 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "cld": "^2.9.1",
     "fdir": "^6.2.0",
     "front-matter": "^4.0.2",
-    "husky": "9.1.4",
+    "husky": "9.1.5",
     "lint-staged": "15.2.9",
     "markdown-it": "^14.1.0",
     "markdownlint-cli2": "0.13.0",
diff --git a/yarn.lock b/yarn.lock
index e5a4e3abf16894..1dd0a18799085d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -423,10 +423,10 @@ human-signals@^5.0.0:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
   integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
 
-husky@9.1.4:
-  version "9.1.4"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.1.4.tgz#926fd19c18d345add5eab0a42b2b6d9a80259b34"
-  integrity sha512-bho94YyReb4JV7LYWRWxZ/xr6TtOTt8cMfmQ39MQYJ7f/YE268s3GdghGwi+y4zAeqewE5zYLvuhV0M0ijsDEA==
+husky@9.1.5:
+  version "9.1.5"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.1.5.tgz#2b6edede53ee1adbbd3a3da490628a23f5243b83"
+  integrity sha512-rowAVRUBfI0b4+niA4SJMhfQwc107VLkBUgEYYAOQAbqDCnra1nYh83hF/MDmhYs9t9n1E3DuKOrs2LYNC+0Ag==
 
 ignore@^5.2.4:
   version "5.2.4"

From 351a726b9fcc83c9a22ae608f61d663c2f998441 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 17:28:46 +0900
Subject: [PATCH 37/81] =?UTF-8?q?2024/07/29=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mediacapabilities/decodinginfo/index.md   | 431 ++++++++++++++++++
 1 file changed, 431 insertions(+)
 create mode 100644 files/ja/web/api/mediacapabilities/decodinginfo/index.md

diff --git a/files/ja/web/api/mediacapabilities/decodinginfo/index.md b/files/ja/web/api/mediacapabilities/decodinginfo/index.md
new file mode 100644
index 00000000000000..758206557412c6
--- /dev/null
+++ b/files/ja/web/api/mediacapabilities/decodinginfo/index.md
@@ -0,0 +1,431 @@
+---
+title: "MediaCapabilities: decodingInfo() メソッド"
+short-title: decodingInfo()
+slug: Web/API/MediaCapabilities/decodingInfo
+l10n:
+  sourceCommit: 59a92ab5609f0a021602f11843f3b00b16e67e6d
+---
+
+{{APIRef("Media Capabilities API")}}
+
+**`decodingInfo()`** は {{domxref("MediaCapabilities")}} インターフェイスのメソッドで、指定された構成でユーザーエージェントがメディアをどれだけデコード/表示できるかに関する情報で履行するプロミスを返します。
+
+解決されたオブジェクトには、記述されているメディアのデコードに対応しているかどうか、また対応している場合は場合はデコードがスムーズかつ電力効率的に行われるかどうかを示す、3 つの論理値プロパティ `supported`, `smooth`, `powerefficient` が格納されています。
+
+このメソッドは、キーシステムでエンコードされたメディアをデコードするためのユーザーエージェントの能力を調べるためにも使用できますが、メインスレッドで安全なコンテキストで呼び出された場合のみです。
+`configuration.keySystemConfiguration` プロパティに渡された構成が、データのデコードに対応している場合、解決されたプロミスには {{domxref("MediaKeySystemAccess")}} オブジェクトも含まれることがあります。これは、暗号化された再生を設定するために使用できる {{domxref("MediaKeys")}} オブジェクトを作成するために使用できます。
+
+> [!NOTE]
+> このプロパティで `decodingInfo()` を呼び出すと、1 つ以上のシステムリソースにアクセスする許可を求めるなど、ユーザーに視認できる効果をもたらす可能性があります。
+> そのため、この関数は、アプリケーションが指定された構成で `MediaKeys` オブジェクトを作成し、使用する準備ができたときにのみ呼び出すべきです。
+
+## 構文
+
+```js-nolint
+decodingInfo(configuration)
+```
+
+### 引数
+
+- `configuration`
+
+  - : `type` プロパティと、適切な種類の構成を格納する `video` または `audio` プロパティ、および、オプションでキーシステムで暗号化されたメディアをデコードする際に使用する `keySystemConfiguration` を持つオブジェクトです。 <!-- 仕様書上の MediaDecodingConfiguration -->
+
+    - `type`
+
+      - : 検査対象のメディアの種類。これは 3 つの値のうちの 1 つを取ります。
+
+        - `file`
+          - : プレーンなファイル再生に使用することを意味する構成を表します。
+        - `media-source`
+          - : {{domxref("MediaSource")}} の再生に使用することを意味する構成を表します。
+        - `webrtc`
+          - : {{domxref("RTCPeerConnection")}} を使用して受信することを意味する構成を表します（`keySystemConfiguration` が設定されている場合は許可されません）。
+
+    - `video`
+
+      - : 動画メディアソースの構成オブジェクト。
+        これは、以下のプロパティを持ちます。 <!-- 仕様書上の VideoConfiguration -->
+
+        - `contentType`
+          - : 有効な動画の MIME タイプ、および（オプションで）[`codecs` 引数](/ja/docs/Web/Media/Formats/codecs_parameter)の入った文字列です。
+        - `width`
+          - : 映像の幅です。
+        - `height`
+          - : 映像の高さです。
+        - `bitrate`
+          - : 動画ファイルの 1 秒をエンコードするために使用するビット数。
+        - `framerate`
+          - : 動画再生の 1 秒を構成するフレーム数。
+
+    - `audio`
+
+      - : 音声メディアソースの構成オブジェクト。
+        これは、以下のプロパティを持ちます。 <!-- 仕様書上の AudioConfiguration -->
+
+        - `contentType`
+          - : 有効な音声の MIME タイプ、および（オプションで）[`codecs` 引数](/ja/docs/Web/Media/Formats/codecs_parameter)の入った文字列です。
+        - `channels`
+          - : 音声トラックが使用するチャンネル数。
+        - `bitrate`
+          - : 音声ファイルの 1 秒をエンコードするのに用いるビット数。
+        - `samplerate`
+          - : 音声ファイルの 1 秒を構成する音声サンプルの数。
+
+    - `keySystemConfiguration` {{optional_inline}}
+
+      - : 暗号化されたメディアのキーシステム構成を指定するオブジェクトです。
+
+        > **メモ:** [`Navigator.requestMediaKeySystemAccess()`](/ja/docs/Web/API/Navigator/requestMediaKeySystemAccess) は `supportedConfigurations` 引数内と同じデータ型の一部を取ります。
+
+        指定された場合、[`type`](#type) は `media-source` または `file` である必要があります（`webrtc` は指定できません）。
+        これには以下のプロパティがあります。<!-- 仕様書上の MediaCapabilitiesKeySystemConfiguration -->
+
+        - `keySystem`
+
+          - : メディアキーシステムを識別する文字俺つです。
+            例えば `org.w3.clearkey` や `com.widevine.alpha` です。
+
+        - `initDataType` {{optional_inline}}
+
+          - : 初期データ形式のデータ型名を示す文字列です。例えば `"cenc"`、`"keyids"`、`"webm"` です。
+            利用できる名前は、[Encrypted Media Extensions Initialization Data Format Registry](https://www.w3.org/TR/eme-initdata-registry/) で定義されているものです。
+
+        - `distinctiveIdentifier` {{optional_inline}}
+
+          - : 文字列で、この構成から作成されたオブジェクトに関連する操作に「一意な識別子」（または一意な恒久識別子）を使用してよいかどうかを示します。
+            利用できる値は次の通りです。
+
+            - `required`
+              - : 返されるオブジェクトは、この機能に対応している必要があります。
+            - `optional`
+              - : 返されるオブジェクトは、この機能に対応している可能性があります。
+                これが既定値です。
+            - `not-allowed`
+              - : 返されるオブジェクトは、この機能に対応または利用してはいけません。
+
+        - `persistentState` {{optional_inline}}
+
+          - : 文字列で、返されたオブジェクトがセッションデータなどの状態を維持できる必要があるかどうかを示します。
+            利用可能な値は次の通りです。
+
+            - `required`
+              - : 返されるオブジェクトは、この機能に対応している必要があります。
+            - `optional`
+              - : 返されるオブジェクトは、この機能に対応している可能性があります。
+                これが既定値です。
+            - `not-allowed`
+              - : 返されるオブジェクトは、この機能に対応または利用してはいけません。
+                永続的な状態が許可されていない場合は、「一時的」なセッションのみを作成することができます。
+
+        - `sessionTypes` {{optional_inline}}
+
+          - : 文字列の配列で、対応している必要があるセッションの種類を示します。
+            許可された値は次の通りです。
+
+            - `temporary`
+              - : セッションのライセンス、キー、またはセッションに関連の記録またはデータが維持されないセッションです。
+                アプリケーションは、このようなストレージを管理する必要はありません。
+                実装は、このオプションに対応している必要があり、これが既定です。
+            - `persistent-license`
+              - : ライセンス（および、そのセッションに関連の他のデータ）が維持されるセッションです。
+                ライセンスとそれに関連するキーの記録は、ライセンスが破棄された場合でも維持され、ライセンスとキーがクライアントで使用できなくなくなったことを示す証明を示します。
+
+        - `audio` {{optional_inline}}
+
+          - : 上記の [`audio` 構成](#audio)に関連する音声キーシステムのトラック構成。
+            設定した場合は、[`audio` 構成](#audio) も設定する必要があります。
+
+            - `encryptionScheme`
+              - : コンテンツの型に関連付けられた暗号化スキームです。例えば `cenc`, `cbcs`, `cbcs-1-9` です。
+                この値はアプリケーションで設定する必要があります（既定では `null` に設定されており、任意の暗号化方式を使用できることを示します）。
+            - `robustness`
+              - : コンテンツの型に関連付けられた堅牢性レベル。
+                空文字列は、コンテンツタイプを復号しデコードする能力であれば何でも受け入れられることを示します。
+
+        - `video` {{optional_inline}}
+
+          - : 上記の [`video` 構成](#video)に関連する映像キーシステムのトラック構成。
+            設定した場合は、[`video` 構成](#video) も設定する必要があります。
+
+            - `encryptionScheme`
+              - : コンテンツの型に関連付けられた暗号化スキームです。例えば `cenc`, `cbcs`, `cbcs-1-9` です。
+                この値はアプリケーションで設定する必要があります（既定では `null` に設定されており、任意の暗号化方式を使用できることを示します）。
+            - `robustness`
+              - : コンテンツの型に関連付けられた堅牢性レベル。
+                空文字列は、コンテンツタイプを復号しデコードする能力であれば何でも受け入れられることを示します。
+
+### 返値
+
+{{jsxref('Promise')}} で、以下の属性を持つオブジェクトで履行されます。
+
+- `supported`
+  - : メディアコンテンツがすべてデコードできる場合は `true`。そうでない場合は `false`。
+- `smooth`
+  - : メディアの再生が、フレームを落とすことなく構成で指定したフレームレートで再生できる場合は `true`、そうでない場合は `false` です。
+- `powerEfficient`
+  - : メディアの再生が電力効率的であれば `true`、そうでなければ `false` です。
+- `keySystemAccess`
+  - : {{domxref("MediaKeySystemAccess")}} で、 {{domxref("MediaKeys")}} オブジェクトを作成するのに使用することができ、暗号化された再生を設定します。または、指定された構成を使用したデコードに対応していない場合は `null` となります。
+
+ブラウザーは、この端末の統計情報が記録されるまで、対応しているメディア構成を`smooth` および `powerEfficient` と報告します。
+対応している音声コーデックはすべて、`powerEfficient` を true と報告します。
+
+### 例外
+
+- {{jsxref("TypeError")}}
+
+  - : `decodingInfo()` メソッドに渡された `configuration` が不正な場合、つまり、型が映像または音声でない場合、`contentType` が有効なコーデック MIME タイプでない場合、メディアのデコード構成が `type`（ファイル、メディアソース、webrtc）の有効な値でない場合、またはメソッドに渡されたメディア構成に値の記載漏れなどその他のエラーがある場合に例外が発生します。
+
+- `InvalidStateError` {{domxref("DOMException")}}
+
+  - : [`configuration.keySystemConfiguration`](#keysystemconfiguration) が定義されている場合で、このメソッドがワーカーから呼び出された場合。
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : このメソッドが安全ではないコンテキストで呼び出され、[`configuration.keySystemConfiguration`](#keysystemconfiguration) が定義されています。
+
+## 使用上のメモ
+
+### Navigator.requestMediaKeySystemAccess() との比較
+
+`decodingInfo()` と {{domxref("Navigator.requestMediaKeySystemAccess()")}} メソッド（[Encrypted Media Extensions API](/ja/docs/Web/API/Encrypted_Media_Extensions_API) ）は、暗号化されたメディアをデコードするための構成を選択する根本的に異なる手法を反映しています。
+
+`Navigator.requestMediaKeySystemAccess()` の構成パラメーターは、利用可能な構成の配列を取り、システムが適切と考えるものを選べるようにします。
+
+これに対して、`decodingInfo()` は一度に取る構成は 1 つです。
+呼び出し側が `decodingInfo()` を複数回実行し、できれば最も推奨する構成から始め、スムーズで電力効率が良い、またはその両方というアプリケーションの要求を満たす構成をできるだけ早く探すことが期待されます。
+言い換えれば、選択の決定は呼び出し側に委ねられます。
+
+## 例
+
+### 暗号化されていないメディアファイルのデコード情報を取得する
+
+この例では、音声ファイルの場合のメディア構成を作成し、それを `MediaCapabilities.decodingInfo()` で使用する方法を示しています。
+
+```css hidden
+#log {
+  height: 100px;
+  overflow: scroll;
+  padding: 0.5rem;
+  border: 1px solid black;
+}
+```
+
+```html hidden
+<pre id="log"></pre>
+```
+
+```js hidden
+const logElement = document.querySelector("#log");
+function log(text) {
+  logElement.innerText = `${logElement.innerText}${text}\n`;
+  logElement.scrollTop = logElement.scrollHeight;
+}
+```
+
+```js
+//Create media configuration to be tested
+const audioConfig = {
+  type: "file", // or 'media-source' or 'webrtc'
+  audio: {
+    contentType: "audio/ogg; codecs=vorbis", // valid content type
+    channels: 2, // audio channels used by the track
+    bitrate: 132700, // number of bits used to encode 1s of audio
+    samplerate: 5200, // number of audio samples making up that 1s.
+  },
+};
+
+// check support and performance
+navigator.mediaCapabilities.decodingInfo(audioConfig).then((result) => {
+  if (result.supported) {
+    log(
+      `The audio configuration is supported${result.smooth ? ", smooth" : ", not smooth"}${result.powerEfficient ? ", power efficient" : ", not power efficient"}.`,
+    );
+  } else {
+    log("The audio configuration is not supported");
+  }
+});
+```
+
+Similarly, the code below shows the configuration for a video file.
+
+```js
+const videoConfig = {
+  type: "file",
+  video: {
+    contentType: "video/webm;codecs=vp8", // valid content type
+    width: 800, // width of the video
+    height: 600, // height of the video
+    bitrate: 10000, // number of bits used to encode 1s of video
+    framerate: 30, // number of frames making up that 1s.
+  },
+};
+
+// check support and performance
+navigator.mediaCapabilities.decodingInfo(audioConfig).then((result) => {
+  if (result.supported) {
+    log(
+      `The video configuration is supported${result.smooth ? ", smooth" : ", not smooth"}${result.powerEfficient ? ", power efficient" : ", not power efficient"}.`,
+    );
+  } else {
+    log("The video configuration is not supported");
+  }
+});
+```
+
+{{EmbedLiveSample("Getting decoding information for unencrypted media files")}}
+
+### 暗号化されたメディアのデコード情報を取得する
+
+この例では、暗号化されたコンテンツのメディア構成を選択するために `decodingInfo()` を使用する方法を示しています。
+
+例えば前回のようにメディア構成を定義しますが、今回は `type` を `media-source`（`file` ではなく）で使用し、音声と映像の両方のコンテンツを指定します。
+また、単純な `keySystemConfiguration` を指定します。
+
+```css hidden
+#log {
+  height: 100px;
+  overflow: scroll;
+  padding: 0.5rem;
+  border: 1px solid black;
+}
+```
+
+```html hidden
+<pre id="log"></pre>
+```
+
+```js hidden
+const logElement = document.querySelector("#log");
+function log(text) {
+  logElement.innerText = `${logElement.innerText}${text}\n`;
+  logElement.scrollTop = logElement.scrollHeight;
+}
+```
+
+```js
+const encryptedMediaConfig = {
+  type: "media-source", // or 'file'
+  audio: {
+    contentType: "audio/webm; codecs=opus",
+    channels: 2, // audio channels used by the track
+    bitrate: 132700, // number of bits used to encode 1s of audio
+    samplerate: 48000, // number of audio samples making up that 1s.
+  },
+  video: {
+    contentType: 'video/webm; codecs="vp09.00.10.08"',
+    width: 800, // width of the video
+    height: 600, // height of the video
+    bitrate: 10000, // number of bits used to encode 1s of video
+    framerate: 30, // number of frames making up that 1s.
+  },
+  keySystemConfiguration: {
+    keySystem: "org.w3.clearkey",
+    initDataType: "webm",
+    distinctiveIdentifier: "required",
+  },
+};
+```
+
+前の例では、[プロミス連鎖](/ja/docs/Web/JavaScript/Guide/Using_promises#連鎖)を使用して結果を待ちました。
+ここでは、[`async` と `await`](/ja/docs/Learn/JavaScript/Asynchronous/Promises#async_と_await) を使用して結果を待ち、その後ログ出力するように選べます。
+
+```js
+getDecodingInfo(encryptedMediaConfig);
+
+async function getDecodingInfo(mediaConfig) {
+  const result = await navigator.mediaCapabilities.decodingInfo(mediaConfig);
+  console.log(result);
+  if (!result.supported) {
+    log("This encrypted media configuration is not supported.");
+    return;
+  }
+
+  // keySystemAccess is returned if decoding encrypted media is supported
+  // This can be used to decrypt and playback the media
+  if (!result.keySystemAccess) {
+    log("Encrypted media support is not available.");
+    return;
+  }
+
+  log(
+    `The encrypted media configuration is supported${result.smooth ? ", smooth" : ", not smooth"}${result.powerEfficient ? ", power efficient" : ", not power efficient"}.`,
+  );
+}
+```
+
+ログ出力は下記の通りです。
+
+{{EmbedLiveSample("Getting decoding information for encrypted media")}}
+
+### 暗号化されたメディアのデコード情報を反復処理する
+
+前回の例では、`decodingInfo()` を使用して単一の構成に関する情報を取得する方法を示しました。
+実際には、このメソッドは反復処理で複数の構成を呼び出すのが一般的であり、スムーズな再生や電力効率性など、アプリケーションの基準に一致する最初の対応構成を選択します。
+これの動作する方法は後述します。
+
+すでに `orderedMediaConfigs` という名前のメディア構成の配列 (`Array`) があり、最も望ましいものから望ましくないものへと順序付けされていると仮定すると、[`Array.prototype.map()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map) を使用して、各構成に対して `decodingInfo()` を呼び出し、返されたすべての {{jsxref("Promise")}} オブジェクトを含む配列を取得することができます。
+
+```js
+const capabilitiesPromises = orderedMediaConfigs.map((mediaConfig) =>
+  navigator.mediaCapabilities.decodingInfo(mediaConfig),
+);
+```
+
+次に、[`for await...of` ループ](/ja/docs/Web/JavaScript/Reference/Statements/for-await...of)を使用して、プロミスが解決するごとに反復処理します。
+ループ内で、最後に対応している構成を `nonSmoothConfig` に格納し、スムーズな構成を探し当てたらすぐにループを終了し、これを `bestConfig` に設定します。
+
+```js
+// Assume this app wants a supported && smooth config.
+let bestConfig = null;
+let nonSmoothConfig = null;
+for await (const mediaCapabilityInfo of capabilitiesPromises) {
+  if (!mediaCapabilityInfo.supported) continue;
+
+  if (!mediaCapabilityInfo.smooth) {
+    nonSmoothConfig = mediaCapabilityInfo;
+    continue;
+  }
+
+  bestConfig = mediaCapabilityInfo;
+  break;
+}
+```
+
+ループ処理中にスムーズで対応している構成 (`bestConfig`) が見つかった場合、[メディアキーを作成する](/ja/docs/Web/API/MediaKeySystemAccess/createMediaKeys)ためにそれを使用し、メディアをデコードします。
+スムーズな構成が見つからなかった場合は、代わりに `nonSmoothConfig` を使用してメディアをデコードします。
+これは最後に探された対応している構成であり、元の `orderedMediaConfigs` の順序付け方法により、フレームレートが最も低いものになるはずです。
+
+```js
+let keys = null;
+if (bestConfig) {
+  keys = await bestConfig.keySystemAccess.createMediaKeys();
+  // ... use keys to decode media using best config
+} else if (nonSmoothConfig) {
+  console.log(
+    "No smooth configs found. Using lowest resolution configuration!",
+  );
+  keys = await nonSmoothConfig.keySystemAccess.createMediaKeys();
+  // ... use keys to decode media using lowest framerate config
+} else {
+  console.log("No supported configs!");
+  // Fail!
+}
+```
+
+対応している構成がない場合は、失敗してユーザーに通知するしかありません。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("MediaCapabilities.encodingInfo()")}}
+- {{domxref("HTMLMediaElement.canPlayType()")}}: ファイル向け
+- {{domxref("MediaSource.isTypeSupported_static", "MediaSource.isTypeSupported()")}}: メディアソース向け
+- {{domxref("Navigator.requestMediaKeySystemAccess()")}}

From cf66541e3adfc134e91d7203c600919126d81403 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 09:30:43 +0900
Subject: [PATCH 38/81] =?UTF-8?q?2024/07/19=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/mediacapabilities/index.md | 33 +++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 files/ja/web/api/mediacapabilities/index.md

diff --git a/files/ja/web/api/mediacapabilities/index.md b/files/ja/web/api/mediacapabilities/index.md
new file mode 100644
index 00000000000000..1376251a9f740d
--- /dev/null
+++ b/files/ja/web/api/mediacapabilities/index.md
@@ -0,0 +1,33 @@
+---
+title: MediaCapabilities
+slug: Web/API/MediaCapabilities
+l10n:
+  sourceCommit: 7b565c5f4610bea19c844f35532853624d87cde3
+---
+
+{{APIRef("Media Capabilities API")}}
+
+**`MediaCapabilities`** は[メディア能力 API](/ja/docs/Web/API/Media_Capabilities_API) のインターフェイスで、機器、システム、ブラウザーのデコード能力に関する情報を提供します。この API を使用すると、コーデック、プロファイル、解像度、ビットレートに基づいて、機器のデコード能力についてブラウザーに問い合わせることができます。 この情報は、ユーザーに最適なメディアストリームを提供したり、再生をスムーズかつ電力効率的に行うべきかどうかを判断したりするために使用できます。
+
+この情報には {{domxref("Navigator")}} および {{domxref("WorkerNavigator")}} インターフェイスの **`mediaCapabilities`** プロパティを通じてアクセスできます。
+
+## インスタンスメソッド
+
+- {{domxref("MediaCapabilities.encodingInfo()")}}
+  - : 有効なメディア構成が渡されると、そのメディア型に対応しているかどうか、また、そのメディアのエンコード方式がスムーズで電力効率が良いかどうかを示す情報で解決するプロミスを返します。
+- {{domxref("MediaCapabilities.decodingInfo()")}}
+  - : 有効なメディア構成が渡されると、そのメディア型に対応しているかどうか、また、そのようなメディアをデコードする際にスムーズかつ電力効率的に動作するかどうかを示す情報で解決するプロミスを返します。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [HTMLMediaElement](/ja/docs/Web/API/HTMLMediaElement) の [canPlayType()](/ja/docs/Web/API/HTMLMediaElement/canPlayType) メソッド
+- [MediaSource](/ja/docs/Web/API/MediaSource) の [isTypeSupported()](/ja/docs/Web/API/MediaSource/isTypeSupported_static) メソッド
+- {{domxref("Navigator")}} インターフェイス

From f51679ea54e28b3cbda80ce99da358c990f46eff Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 18:37:47 +0900
Subject: [PATCH 39/81] =?UTF-8?q?{{no=5Ftag=5Fomission}}=20=E3=83=9E?=
 =?UTF-8?q?=E3=82=AF=E3=83=AD=E3=81=AE=E5=BB=83=E6=AD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/html/element/a/index.md          | 2 +-
 files/ja/web/html/element/abbr/index.md       | 2 +-
 files/ja/web/html/element/address/index.md    | 2 +-
 files/ja/web/html/element/article/index.md    | 2 +-
 files/ja/web/html/element/aside/index.md      | 2 +-
 files/ja/web/html/element/audio/index.md      | 4 ++--
 files/ja/web/html/element/b/index.md          | 2 +-
 files/ja/web/html/element/bdi/index.md        | 2 +-
 files/ja/web/html/element/bdo/index.md        | 2 +-
 files/ja/web/html/element/blockquote/index.md | 2 +-
 files/ja/web/html/element/canvas/index.md     | 2 +-
 files/ja/web/html/element/cite/index.md       | 2 +-
 files/ja/web/html/element/code/index.md       | 2 +-
 files/ja/web/html/element/data/index.md       | 2 +-
 files/ja/web/html/element/datalist/index.md   | 2 +-
 files/ja/web/html/element/del/index.md        | 2 +-
 files/ja/web/html/element/details/index.md    | 2 +-
 files/ja/web/html/element/dfn/index.md        | 2 +-
 files/ja/web/html/element/dialog/index.md     | 2 +-
 files/ja/web/html/element/div/index.md        | 2 +-
 files/ja/web/html/element/dl/index.md         | 2 +-
 files/ja/web/html/element/em/index.md         | 2 +-
 files/ja/web/html/element/fieldset/index.md   | 2 +-
 files/ja/web/html/element/figcaption/index.md | 2 +-
 files/ja/web/html/element/figure/index.md     | 2 +-
 files/ja/web/html/element/form/index.md       | 2 +-
 files/ja/web/html/element/header/index.md     | 2 +-
 files/ja/web/html/element/hgroup/index.md     | 2 +-
 files/ja/web/html/element/i/index.md          | 2 +-
 files/ja/web/html/element/iframe/index.md     | 2 +-
 files/ja/web/html/element/ins/index.md        | 2 +-
 files/ja/web/html/element/kbd/index.md        | 2 +-
 files/ja/web/html/element/label/index.md      | 2 +-
 files/ja/web/html/element/legend/index.md     | 2 +-
 files/ja/web/html/element/map/index.md        | 2 +-
 files/ja/web/html/element/mark/index.md       | 2 +-
 files/ja/web/html/element/menu/index.md       | 2 +-
 files/ja/web/html/element/meter/index.md      | 2 +-
 files/ja/web/html/element/object/index.md     | 2 +-
 files/ja/web/html/element/ol/index.md         | 2 +-
 files/ja/web/html/element/output/index.md     | 2 +-
 files/ja/web/html/element/picture/index.md    | 2 +-
 files/ja/web/html/element/progress/index.md   | 2 +-
 files/ja/web/html/element/q/index.md          | 2 +-
 files/ja/web/html/element/ruby/index.md       | 2 +-
 files/ja/web/html/element/s/index.md          | 2 +-
 files/ja/web/html/element/samp/index.md       | 2 +-
 files/ja/web/html/element/script/index.md     | 2 +-
 files/ja/web/html/element/search/index.md     | 2 +-
 files/ja/web/html/element/section/index.md    | 2 +-
 files/ja/web/html/element/select/index.md     | 2 +-
 files/ja/web/html/element/slot/index.md       | 2 +-
 files/ja/web/html/element/span/index.md       | 2 +-
 files/ja/web/html/element/sub/index.md        | 2 +-
 files/ja/web/html/element/sup/index.md        | 2 +-
 files/ja/web/html/element/table/index.md      | 2 +-
 files/ja/web/html/element/time/index.md       | 2 +-
 files/ja/web/html/element/tt/index.md         | 2 +-
 files/ja/web/html/element/u/index.md          | 2 +-
 files/ja/web/html/element/video/index.md      | 2 +-
 60 files changed, 61 insertions(+), 61 deletions(-)

diff --git a/files/ja/web/html/element/a/index.md b/files/ja/web/html/element/a/index.md
index 7f87aa83dd9e1a..8175f58839de91 100644
--- a/files/ja/web/html/element/a/index.md
+++ b/files/ja/web/html/element/a/index.md
@@ -462,7 +462,7 @@ document
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/abbr/index.md b/files/ja/web/html/element/abbr/index.md
index 89b51237eee81d..bcceaad6937269 100644
--- a/files/ja/web/html/element/abbr/index.md
+++ b/files/ja/web/html/element/abbr/index.md
@@ -166,7 +166,7 @@ abbr {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/address/index.md b/files/ja/web/html/element/address/index.md
index b16606677e7d06..f8e15437518950 100644
--- a/files/ja/web/html/element/address/index.md
+++ b/files/ja/web/html/element/address/index.md
@@ -86,7 +86,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/article/index.md b/files/ja/web/html/element/article/index.md
index 9ef68084b569e6..897825deb199a2 100644
--- a/files/ja/web/html/element/article/index.md
+++ b/files/ja/web/html/element/article/index.md
@@ -41,7 +41,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/aside/index.md b/files/ja/web/html/element/aside/index.md
index c2ccc289591559..0925198a816bb7 100644
--- a/files/ja/web/html/element/aside/index.md
+++ b/files/ja/web/html/element/aside/index.md
@@ -73,7 +73,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/audio/index.md b/files/ja/web/html/element/audio/index.md
index e0d277685b40b4..2fb495f9646a29 100644
--- a/files/ja/web/html/element/audio/index.md
+++ b/files/ja/web/html/element/audio/index.md
@@ -336,7 +336,7 @@ elem.audioTrackList.onremovetrack = (event) => {
 
 自動字幕サービスが使用されている場合は、生成されたコンテンツが元の音声を正しく表現しているかを確認することが重要です。
 
-`<audio>` 要素は直接 WebVTT に対応していません。機能を提供するライブラリまたはフレームワークを探すか、字幕を表示するコードを自分自身で書くかする必要があります。一つの選択肢として、 {{HTMLElement("video")}} 要素が WebVTT に対応しているので、これで音声を再生するというものもあります。
+`<audio>` 要素は直接 WebVTT に対応していません。機能を提供するライブラリーまたはフレームワークを探すか、字幕を表示するコードを自分自身で書くかする必要があります。一つの選択肢として、 {{HTMLElement("video")}} 要素が WebVTT に対応しているので、これで音声を再生するというものもあります。
 
 字幕や文字化情報では、話されるセリフに加えて、重要な情報を伝える音楽や音響効果も識別できるようにしてください。これには感情や口調も含みます。例えば、以下の WebVTT では、角括弧を使用して口調や感情を閲覧者に示しています。これによって音楽、物音、効果音などの雰囲気を確立するのに役立ちます。
 
@@ -405,7 +405,7 @@ elem.audioTrackList.onremovetrack = (event) => {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/b/index.md b/files/ja/web/html/element/b/index.md
index da538cb5341dd4..8145bb28f8d1e1 100644
--- a/files/ja/web/html/element/b/index.md
+++ b/files/ja/web/html/element/b/index.md
@@ -68,7 +68,7 @@ Keywords are displayed with the default style of the
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/bdi/index.md b/files/ja/web/html/element/bdi/index.md
index b08e3557e8ff77..2063493c49a251 100644
--- a/files/ja/web/html/element/bdi/index.md
+++ b/files/ja/web/html/element/bdi/index.md
@@ -142,7 +142,7 @@ body {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/bdo/index.md b/files/ja/web/html/element/bdo/index.md
index 7b5289e02b9388..6b892d87b3e3e9 100644
--- a/files/ja/web/html/element/bdo/index.md
+++ b/files/ja/web/html/element/bdo/index.md
@@ -69,7 +69,7 @@ HTML 4 の仕様では、この要素にイベントが指定されていませ
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/blockquote/index.md b/files/ja/web/html/element/blockquote/index.md
index bcb677b02669ef..ff84703afc62fe 100644
--- a/files/ja/web/html/element/blockquote/index.md
+++ b/files/ja/web/html/element/blockquote/index.md
@@ -72,7 +72,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/canvas/index.md b/files/ja/web/html/element/canvas/index.md
index 3186844156080d..ffb7a46135686f 100644
--- a/files/ja/web/html/element/canvas/index.md
+++ b/files/ja/web/html/element/canvas/index.md
@@ -44,7 +44,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/cite/index.md b/files/ja/web/html/element/cite/index.md
index a9c77efcb1e327..a981c04f4e81c8 100644
--- a/files/ja/web/html/element/cite/index.md
+++ b/files/ja/web/html/element/cite/index.md
@@ -90,7 +90,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/code/index.md b/files/ja/web/html/element/code/index.md
index 1be084fd481f10..6b2c14096ea95e 100644
--- a/files/ja/web/html/element/code/index.md
+++ b/files/ja/web/html/element/code/index.md
@@ -65,7 +65,7 @@ CSS のルールによって、`code` セレクターを定義して、ブラウ
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/data/index.md b/files/ja/web/html/element/data/index.md
index 6f74fa29d5029d..90f915796209e8 100644
--- a/files/ja/web/html/element/data/index.md
+++ b/files/ja/web/html/element/data/index.md
@@ -38,7 +38,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/datalist/index.md b/files/ja/web/html/element/datalist/index.md
index c7abdf0dc6b603..8cc26e6a23b937 100644
--- a/files/ja/web/html/element/datalist/index.md
+++ b/files/ja/web/html/element/datalist/index.md
@@ -136,7 +136,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/del/index.md b/files/ja/web/html/element/del/index.md
index e7c0e72ce9b265..58beab820001be 100644
--- a/files/ja/web/html/element/del/index.md
+++ b/files/ja/web/html/element/del/index.md
@@ -39,7 +39,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/details/index.md b/files/ja/web/html/element/details/index.md
index 219d79fe0b2174..5169c0aafe0e5e 100644
--- a/files/ja/web/html/element/details/index.md
+++ b/files/ja/web/html/element/details/index.md
@@ -219,7 +219,7 @@ details > p {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/dfn/index.md b/files/ja/web/html/element/dfn/index.md
index 576c6e38449525..f77e563b611208 100644
--- a/files/ja/web/html/element/dfn/index.md
+++ b/files/ja/web/html/element/dfn/index.md
@@ -142,7 +142,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/dialog/index.md b/files/ja/web/html/element/dialog/index.md
index 52c3910d6f8ca9..8ad30873d61163 100644
--- a/files/ja/web/html/element/dialog/index.md
+++ b/files/ja/web/html/element/dialog/index.md
@@ -153,7 +153,7 @@ confirmBtn.addEventListener("click", (event) => {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可された親要素</th>
diff --git a/files/ja/web/html/element/div/index.md b/files/ja/web/html/element/div/index.md
index bb7fe1ddf0bd21..610a009b122d9c 100644
--- a/files/ja/web/html/element/div/index.md
+++ b/files/ja/web/html/element/div/index.md
@@ -102,7 +102,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/dl/index.md b/files/ja/web/html/element/dl/index.md
index ec04cd79c4cceb..2885e83710c6f2 100644
--- a/files/ja/web/html/element/dl/index.md
+++ b/files/ja/web/html/element/dl/index.md
@@ -32,7 +32,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/em/index.md b/files/ja/web/html/element/em/index.md
index 20bcfc0420944d..f6724827b5ddbf 100644
--- a/files/ja/web/html/element/em/index.md
+++ b/files/ja/web/html/element/em/index.md
@@ -80,7 +80,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/fieldset/index.md b/files/ja/web/html/element/fieldset/index.md
index 899699345cd77e..1f06a9894fd1ef 100644
--- a/files/ja/web/html/element/fieldset/index.md
+++ b/files/ja/web/html/element/fieldset/index.md
@@ -117,7 +117,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/figcaption/index.md b/files/ja/web/html/element/figcaption/index.md
index 0fc748045941c8..11b07058ea7c03 100644
--- a/files/ja/web/html/element/figcaption/index.md
+++ b/files/ja/web/html/element/figcaption/index.md
@@ -41,7 +41,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/figure/index.md b/files/ja/web/html/element/figure/index.md
index 4e6be32d40b1ce..32d2bb418dbaa7 100644
--- a/files/ja/web/html/element/figure/index.md
+++ b/files/ja/web/html/element/figure/index.md
@@ -129,7 +129,7 @@ function NavigatorExample() {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/form/index.md b/files/ja/web/html/element/form/index.md
index 4b4eaf24465afc..c3442bed396ded 100644
--- a/files/ja/web/html/element/form/index.md
+++ b/files/ja/web/html/element/form/index.md
@@ -142,7 +142,7 @@ CSS の {{cssxref(':valid')}} および {{cssxref(':invalid')}} [擬似クラス
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/header/index.md b/files/ja/web/html/element/header/index.md
index b938ec64ba4ab3..451f06bfa409a8 100644
--- a/files/ja/web/html/element/header/index.md
+++ b/files/ja/web/html/element/header/index.md
@@ -96,7 +96,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/hgroup/index.md b/files/ja/web/html/element/hgroup/index.md
index e27913eec14d50..faaea8387f13c6 100644
--- a/files/ja/web/html/element/hgroup/index.md
+++ b/files/ja/web/html/element/hgroup/index.md
@@ -71,7 +71,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/i/index.md b/files/ja/web/html/element/i/index.md
index 0e614e7e8926bc..146a9cf136cf91 100644
--- a/files/ja/web/html/element/i/index.md
+++ b/files/ja/web/html/element/i/index.md
@@ -71,7 +71,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/iframe/index.md b/files/ja/web/html/element/iframe/index.md
index f52023e737195d..b129210b258915 100644
--- a/files/ja/web/html/element/iframe/index.md
+++ b/files/ja/web/html/element/iframe/index.md
@@ -197,7 +197,7 @@ DOM の {{domxref("HTMLIFrameElement")}} オブジェクトでは、スクリプ
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/ins/index.md b/files/ja/web/html/element/ins/index.md
index 276d920893f69d..784eed14c1939e 100644
--- a/files/ja/web/html/element/ins/index.md
+++ b/files/ja/web/html/element/ins/index.md
@@ -37,7 +37,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/kbd/index.md b/files/ja/web/html/element/kbd/index.md
index f99b6edd568fa0..0370ddae526c3b 100644
--- a/files/ja/web/html/element/kbd/index.md
+++ b/files/ja/web/html/element/kbd/index.md
@@ -171,7 +171,7 @@ kbd > kbd {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/label/index.md b/files/ja/web/html/element/label/index.md
index c14509b369da6c..e8c6b24592a68c 100644
--- a/files/ja/web/html/element/label/index.md
+++ b/files/ja/web/html/element/label/index.md
@@ -170,7 +170,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/legend/index.md b/files/ja/web/html/element/legend/index.md
index 595667a243dd51..40a09c8589cf54 100644
--- a/files/ja/web/html/element/legend/index.md
+++ b/files/ja/web/html/element/legend/index.md
@@ -44,7 +44,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/map/index.md b/files/ja/web/html/element/map/index.md
index 2d2b47e2b7362a..eabfa968da8ea3 100644
--- a/files/ja/web/html/element/map/index.md
+++ b/files/ja/web/html/element/map/index.md
@@ -74,7 +74,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/mark/index.md b/files/ja/web/html/element/mark/index.md
index 5cea7c07035ecf..7cde9427d4fd4f 100644
--- a/files/ja/web/html/element/mark/index.md
+++ b/files/ja/web/html/element/mark/index.md
@@ -126,7 +126,7 @@ mark::after {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/menu/index.md b/files/ja/web/html/element/menu/index.md
index fc32ef99ecaca1..6a548d2c837fe4 100644
--- a/files/ja/web/html/element/menu/index.md
+++ b/files/ja/web/html/element/menu/index.md
@@ -106,7 +106,7 @@ button {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{No_Tag_Omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/meter/index.md b/files/ja/web/html/element/meter/index.md
index d5de991490cae6..7fbce6653be561 100644
--- a/files/ja/web/html/element/meter/index.md
+++ b/files/ja/web/html/element/meter/index.md
@@ -37,7 +37,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/object/index.md b/files/ja/web/html/element/object/index.md
index 8e939ec9599ad7..4b83a8cf0c7a0f 100644
--- a/files/ja/web/html/element/object/index.md
+++ b/files/ja/web/html/element/object/index.md
@@ -86,7 +86,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/ol/index.md b/files/ja/web/html/element/ol/index.md
index 3aecbfeadec9b4..208ad2f5eadbee 100644
--- a/files/ja/web/html/element/ol/index.md
+++ b/files/ja/web/html/element/ol/index.md
@@ -161,7 +161,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/output/index.md b/files/ja/web/html/element/output/index.md
index 1b9989cc6308d3..325d23f5272583 100644
--- a/files/ja/web/html/element/output/index.md
+++ b/files/ja/web/html/element/output/index.md
@@ -84,7 +84,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可された親要素</th>
diff --git a/files/ja/web/html/element/picture/index.md b/files/ja/web/html/element/picture/index.md
index 4e5a3504aa0e4b..3e3fb7a3d305a9 100644
--- a/files/ja/web/html/element/picture/index.md
+++ b/files/ja/web/html/element/picture/index.md
@@ -55,7 +55,7 @@ DPI の高い（高解像度の）ディスプレイのために高解像度版
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/progress/index.md b/files/ja/web/html/element/progress/index.md
index b328e464ec5cbe..9e5c15dc207388 100644
--- a/files/ja/web/html/element/progress/index.md
+++ b/files/ja/web/html/element/progress/index.md
@@ -32,7 +32,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/q/index.md b/files/ja/web/html/element/q/index.md
index 59cdace0ca3c2f..f48a9b4a2719b7 100644
--- a/files/ja/web/html/element/q/index.md
+++ b/files/ja/web/html/element/q/index.md
@@ -62,7 +62,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/ruby/index.md b/files/ja/web/html/element/ruby/index.md
index dada2547a0be64..7cfa615d7da378 100644
--- a/files/ja/web/html/element/ruby/index.md
+++ b/files/ja/web/html/element/ruby/index.md
@@ -40,7 +40,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/s/index.md b/files/ja/web/html/element/s/index.md
index a6e5c4fb425dc3..fb1bfe3fea673b 100644
--- a/files/ja/web/html/element/s/index.md
+++ b/files/ja/web/html/element/s/index.md
@@ -36,7 +36,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/samp/index.md b/files/ja/web/html/element/samp/index.md
index feaebb46f57931..5a4a86344016fe 100644
--- a/files/ja/web/html/element/samp/index.md
+++ b/files/ja/web/html/element/samp/index.md
@@ -117,7 +117,7 @@ samp > kbd {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/script/index.md b/files/ja/web/html/element/script/index.md
index aeb463b9e37264..d5764baa7ab10b 100644
--- a/files/ja/web/html/element/script/index.md
+++ b/files/ja/web/html/element/script/index.md
@@ -25,7 +25,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/search/index.md b/files/ja/web/html/element/search/index.md
index 6093a5500e7922..124f3fe1490c70 100644
--- a/files/ja/web/html/element/search/index.md
+++ b/files/ja/web/html/element/search/index.md
@@ -127,7 +127,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">暗黙の ARIA ロール</th>
diff --git a/files/ja/web/html/element/section/index.md b/files/ja/web/html/element/section/index.md
index 6001a3de7838c8..162678dfc297e4 100644
--- a/files/ja/web/html/element/section/index.md
+++ b/files/ja/web/html/element/section/index.md
@@ -131,7 +131,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/select/index.md b/files/ja/web/html/element/select/index.md
index 9d103724fbabf7..72fc0d8d28c8bc 100644
--- a/files/ja/web/html/element/select/index.md
+++ b/files/ja/web/html/element/select/index.md
@@ -570,7 +570,7 @@ document.forms[0].onsubmit = (e) => {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/slot/index.md b/files/ja/web/html/element/slot/index.md
index e01232d95ed423..037eee94fbd614 100644
--- a/files/ja/web/html/element/slot/index.md
+++ b/files/ja/web/html/element/slot/index.md
@@ -93,7 +93,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/span/index.md b/files/ja/web/html/element/span/index.md
index 20d6da6061b9ea..fee87b041bfa01 100644
--- a/files/ja/web/html/element/span/index.md
+++ b/files/ja/web/html/element/span/index.md
@@ -80,7 +80,7 @@ li span {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/sub/index.md b/files/ja/web/html/element/sub/index.md
index 5755d980ca647f..32b185cfedc58a 100644
--- a/files/ja/web/html/element/sub/index.md
+++ b/files/ja/web/html/element/sub/index.md
@@ -101,7 +101,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/sup/index.md b/files/ja/web/html/element/sup/index.md
index 037987272e4078..92bf08353024b5 100644
--- a/files/ja/web/html/element/sup/index.md
+++ b/files/ja/web/html/element/sup/index.md
@@ -101,7 +101,7 @@ Superior lettering は、厳密には上付き文字と同じではありませ
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/table/index.md b/files/ja/web/html/element/table/index.md
index fa1d5172547032..572e1b41df48bf 100644
--- a/files/ja/web/html/element/table/index.md
+++ b/files/ja/web/html/element/table/index.md
@@ -44,7 +44,7 @@ l10n:
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/time/index.md b/files/ja/web/html/element/time/index.md
index c62bf16a8d65f7..c86f12eb9fdbbb 100644
--- a/files/ja/web/html/element/time/index.md
+++ b/files/ja/web/html/element/time/index.md
@@ -133,7 +133,7 @@ _datetime 値_（機械可読な日時の値）は要素の `datetime` 属性の
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/tt/index.md b/files/ja/web/html/element/tt/index.md
index 1b26a02ef3a4a8..c816c6bc59ba86 100644
--- a/files/ja/web/html/element/tt/index.md
+++ b/files/ja/web/html/element/tt/index.md
@@ -95,7 +95,7 @@ tt {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/u/index.md b/files/ja/web/html/element/u/index.md
index d7d6262054316a..e0f3ebc5b08c6c 100644
--- a/files/ja/web/html/element/u/index.md
+++ b/files/ja/web/html/element/u/index.md
@@ -162,7 +162,7 @@ cite {
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>
diff --git a/files/ja/web/html/element/video/index.md b/files/ja/web/html/element/video/index.md
index c87b8a48ba7747..293b4ed7199025 100644
--- a/files/ja/web/html/element/video/index.md
+++ b/files/ja/web/html/element/video/index.md
@@ -470,7 +470,7 @@ AddType video/webm .webm
     </tr>
     <tr>
       <th scope="row">タグの省略</th>
-      <td>{{no_tag_omission}}</td>
+      <td>なし。開始タグと終了タグの両方が必須です。</td>
     </tr>
     <tr>
       <th scope="row">許可されている親要素</th>

From b6188ef0c615576a8bb2a13a951da4ac97f60dcc Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 19:11:09 +0900
Subject: [PATCH 40/81] =?UTF-8?q?2024/07/03=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/css/-moz-user-input/index.md | 36 ++++++++++++-----------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/files/ja/web/css/-moz-user-input/index.md b/files/ja/web/css/-moz-user-input/index.md
index 007c10bbe79256..7ae3c98af1ce08 100644
--- a/files/ja/web/css/-moz-user-input/index.md
+++ b/files/ja/web/css/-moz-user-input/index.md
@@ -1,17 +1,24 @@
 ---
 title: "-moz-user-input"
 slug: Web/CSS/-moz-user-input
+l10n:
+  sourceCommit: 016ea3d6160143ec4a05d12be1bff9cad594f0e5
 ---
 
 {{CSSRef}}{{Non-standard_Header}}{{Deprecated_Header}}
 
-Mozilla アプリケーションでは、 **`-moz-user-input`** はある要素がユーザの入力を受け付けるかどうかを決定します。
+Mozilla アプリケーションでは、 **`-moz-user-input`** はある要素がユーザーの入力を受け付けるかどうかを決定します。
+
+Firefox 60 以降、このプロパティでは、通常はユーザー入力を受け入れられない要素に、ユーザー入力を受け入れられるようにすることはできなくなりました。ユーザー入力を無効にする場合のみ、このプロパティを使用することができます。
+
+> **メモ:** `-moz-user-input` は、 CSS 3 の {{cssxref("user-input")}} プロパティの先行実装案の一つでしたが、これはまだ（実装を呼びかける）勧告候補に達していません。類似のプロパティ `user-focus` が [CSS3 UI 仕様の前身であった初期の草稿](https://www.w3.org/TR/2000/WD-css3-userint-20000216) で提案されましたが、作業グループによって却下されました。
+
+## 構文
 
 ```css
 /* キーワード値 */
+-moz-user-input: auto;
 -moz-user-input: none;
--moz-user-input: enabled;
--moz-user-input: disabled;
 
 /* グローバル値 */
 -moz-user-input: inherit;
@@ -19,20 +26,12 @@ Mozilla アプリケーションでは、 **`-moz-user-input`** はある要素
 -moz-user-input: unset;
 ```
 
-{{HTMLElement("textarea")}} のようなユーザーからの入力を通常受け付ける要素では `-moz-user-input` の初期値は `enabled` です。
-
-> **メモ:** `-moz-user-input` は、 CSS 3 の {{cssxref("user-input")}} プロパティの先行実装案の一つでしたが、これはまだ (実装を要求する) 勧告候補に達していません。類似のプロパティ `user-focus` が [CSS3 UI 仕様の前身であった初期の草稿](https://www.w3.org/TR/2000/WD-css3-userint-20000216) で提案されましたが、作業グループによって却下されました。
-
-## 構文
-
 ### 値
 
-- none
-  - : 要素はユーザーからの入力に反応せず {{CSSxRef(":active")}} にならない。
-- enabled
-  - : 要素はユーザーからの入力を受け付ける。テキストボックスではこれが標準の動作。**この値は Firefox 60 以降は対応していませんので注意してください ([Firefox バグ 1405087](https://bugzil.la/1405087))。**
-- disabled
-  - : 要素はユーザーからの入力を受け付けない。しかし、これは `disabled` を true にするのとは等しくなく、要素は普通に (無効にならずに) 描画される。**この値は Firefox 60 以降は対応していませんので注意してください ([Firefox バグ 1405087](https://bugzil.la/1405087))。**
+- `auto`
+  - : {{HTMLElement("textarea")}} のように、通常ユーザー入力を受け付ける要素は、ユーザー入力に応答します。
+- `none`
+  - : 要素はユーザーからの入力に反応せず {{CSSxRef(":active")}} になりません。
 
 ## 公式定義
 
@@ -40,7 +39,10 @@ Mozilla アプリケーションでは、 **`-moz-user-input`** はある要素
 
 ## 形式文法
 
-{{CSSSyntax}}
+```plain
+-moz-user-input =
+  auto | none
+```
 
 ## 例
 
@@ -49,7 +51,7 @@ Mozilla アプリケーションでは、 **`-moz-user-input`** はある要素
 ```css
 input.example {
   /* ユーザーはテキストの選択はできますが変更はできません。 */
-  -moz-user-input: disabled;
+  -moz-user-input: none;
 }
 ```
 

From 7a35d368ddeafe5c320e093f6de83ec458fc3b97 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 19:40:22 +0900
Subject: [PATCH 41/81] =?UTF-8?q?2024/07/27=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/css/@container/index.md | 82 ++++++++++++++++++++++------
 1 file changed, 64 insertions(+), 18 deletions(-)

diff --git a/files/ja/web/css/@container/index.md b/files/ja/web/css/@container/index.md
index 8df36c7d5b7a59..acbbff45f7daea 100644
--- a/files/ja/web/css/@container/index.md
+++ b/files/ja/web/css/@container/index.md
@@ -2,17 +2,18 @@
 title: "@container"
 slug: Web/CSS/@container
 l10n:
-  sourceCommit: 3d4edafe934c84878d2a46d8c22911ba351b7261
+  sourceCommit: 4cb569f768ec9529724f8fb06539f2903a583a41
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
-**`@container`** は [CSS](/ja/docs/Web/CSS) の[アットルール](/ja/docs/Web/CSS/At-rule)で、[格納コンテキスト](/ja/docs/Web/CSS/CSS_container_queries#格納コンテキストの命名) にスタイルを適用する条件付きグループルールです。
+**`@container`** は [CSS](/ja/docs/Web/CSS) の[アットルール](/ja/docs/Web/CSS/At-rule)で、[コンテナーコンテキスト](/ja/docs/Web/CSS/CSS_containment/Container_queries#コンテナーコンテキストの命名)にスタイルを適用する条件付きグループルールです。
 スタイル宣言は条件によってフィルタリングされ、条件が真の場合にコンテナーに適用されます。
-この条件は、コンテナーのサイズが変わったときに評価されます。
+この条件は、コンテナーのサイズまたは [`<style-feature>`](#container_style_queries) の値が変更されたときに評価されます。
+
+{{cssxref("container-name")}} プロパティは、クエリーコンテナーの名前の一覧を指定します。これらの名前は、対象となるクエリーコンテナーをフィルターするために、`@container` ルールで使用することができます。オプションで、大文字と小文字を区別する `<container-name>` は、クエリーによって対象となるクエリーコンテナーをフィルタリングします。
 
-オプションで大文字小文字を区別する {{cssxref("container-name")}} を指定することができ、これによって考慮するクエリーコンテナーの集合を、クエリーコンテナー名が一致するものだけにフィルタリングすることができます。
-要素に対して適格なクエリーコンテナが選択されると、`<container-condition>` の各コンテナー機能はそのクエリーコンテナーに対して評価されます。
+要素に対して適格なクエリーコンテナーが選択されると、`<container-condition>` の各コンテナー機能はそのクエリーコンテナーに対して評価されます。
 
 ## 構文
 
@@ -32,13 +33,25 @@ l10n:
     font-size: 1.5em;
   }
 }
+/* オプションの <container-name> 付き */
+@container tall (height > 30rem) {
+  h2 {
+    line-height: 1.6;
+  }
+}
 ```
 
 ### 値
 
 - `<container-condition>`
-  - : コンテナーのサイズが変更されたときに、コンテナーに対して評価される特性の集合です。
-    `<stylesheet>` で定義したスタイルは、この条件が真であれば適用されます。
+
+  - : オプションの `<container-name>` および `<container-query>`。条件が真の場合、この `<stylesheet>` で定義されたスタイルが適用されます。
+
+    - `<container-name>`
+      - : オプション。クエリーが真と評価された際にスタイルが適用されるコンテナーの名前を、{{cssxref("ident")}} として指定します。
+    - `<container-query>`
+      - : コンテナーのサイズが変更された際に、クエリーコンテナーに対して評価される一連の特性を指定します。
+
 - `<stylesheet>`
   - : 一連の CSS 宣言です。
 
@@ -64,9 +77,9 @@ l10n:
 }
 ```
 
-### 名前付き格納コンテキスト
+### 名前付きコンテナーコンテキスト
 
-格納コンテキストには、 {{cssxref("container-name")}} プロパティを使用して名前を付けることができます。
+コンテナーコンテキストには、 {{cssxref("container-name")}} プロパティを使用して名前を付けることができます。
 
 ```css
 .post {
@@ -83,7 +96,7 @@ l10n:
 }
 ```
 
-コンテナクエリーでは、 {{cssxref("container-name")}} プロパティを使用して、クエリーコンテナー名と一致するコンテナー集合にフィルタリングします。
+コンテナークエリーでは、 {{cssxref("container-name")}} プロパティを使用して、クエリーコンテナー名と一致するコンテナー集合にフィルタリングします。
 
 ```css
 @container sidebar (width > 400px) {
@@ -141,11 +154,11 @@ l10n:
 ```js hidden
 const post = document.querySelector(".post");
 const span = document.createElement("span");
-span.innerHTML = ".post width: " + post.clientWidth + "px";
+span.textContent = ".post width: " + post.clientWidth + "px";
 post.parentNode.insertBefore(span, post.nextSibling);
 // リサイズ時に更新
 window.addEventListener("resize", () => {
-  span.innerHTML = ".post width: " + post.clientWidth + "px";
+  span.textContent = ".post width: " + post.clientWidth + "px";
 });
 ```
 
@@ -217,7 +230,7 @@ span {
 
 ### 入れ子のコンテナークエリー
 
-単一のコンテナクエリーで複数のコンテナーを対象とすることはできません。
+単一のコンテナークエリーで複数のコンテナーを対象とすることはできません。
 同じ効果を持つコンテナークエリーを入れ子にすることは可能です。
 
 以下は、 `summary` という名前のコンテナーが `400px` よりも幅が広く、かつ祖先に `800px` よりも幅の広いコンテナーがある場合に、宣言されたスタイルを適用するクエリーです。
@@ -230,10 +243,37 @@ span {
 }
 ```
 
-### スタイルのコンテナークエリー
+### コンテナースタイルクエリー
+
+{{CSSRef}}{{SeeCompatTable}}
+
+コンテナークエリーは、対象のコンテナー要素のスタイルを計算して評価することもできます。コンテナースタイルクエリーは、1 つ以上の `style()` 関数記法を使用する `@container` クエリーです。 論理値の構文と、スタイル機能をスタイルクエリーに結合するロジックは、[CSS 機能クエリー](/ja/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries) と同じです。
+
+```css
+@container style(<style-feature>),
+    not style(<style-feature>),
+    style(<style-feature>) and style(<style-feature>),
+    style(<style-feature>) or style(<style-feature>) {
+  /* <stylesheet> */
+}
+```
+
+それぞれの `style()` の引数は、単一の `<style-feature>` です。 **`<style-feature>`** は、有効な CSS [宣言](/ja/docs/Web/CSS/Syntax#css_declarations)、CSS プロパティ、[`<custom-property-name>`](/ja/docs/Web/CSS/var#values) のいずれかです。
 
-コンテナクエリーでは、コンテナー要素の計算されたスタイルを評価することもできます。
-以下のコンテナークエリーは、コンテナー要素の `--accent-color` の {{cssxref("computed_value", "計算値")}} が `blue` かどうかを調べます。
+```css
+@container style(--themeBackground),
+    not style(background-color: red),
+    style(color: green) and style(background-color: transparent),
+    style(--themeColor: blue) or style(--themeColor: purple) {
+  /* <stylesheet> */
+}
+```
+
+値のないスタイル特性は、指定されたプロパティの初期値と計算された値が異なる場合、真と評価されます。
+
+`style()` 関数の引数として渡した `<style-feature>` が宣言である場合、スタイルクエリーは、宣言の値がクエリー対象のコンテナのそのプロパティの計算値と同じであれば真と評価されます。 そうでない場合は、偽と評価されます。
+
+以下のコンテナークエリーは、コンテナー要素の `--accent-color` の{{cssxref("computed_value", "計算値")}}が `blue` かどうかを調べます。
 
 ```css
 @container style(--accent-color: blue) {
@@ -244,6 +284,10 @@ span {
 > [!NOTE]
 > カスタムプロパティが `blue` という値を持つ場合、そのプロパティが {{cssxref("@property")}} で色として定義されていない限り、同等の 16 進コード `#0000ff` は一致しません。
 
+個別指定プロパティを照会するスタイルの特性クエリは、計算された値が各プロパティで一致する場合は真となり、一致しない場合は偽となります。例えば、`@container style(border: 2px solid red)` は、その短縮形を構成する 12 個の個別指定プロパティ（`border-bottom-style` など）がすべて真であれば真になります。
+
+グローバルな `revert` と `revert-layer` は `<style-feature>` の値としては不正なため、コンテナースタイルクエリーは偽になります。
+
 ## 仕様書
 
 {{Specifications}}
@@ -254,8 +298,10 @@ span {
 
 ## 関連情報
 
-- [コンテナークエリー](/ja/docs/Web/CSS/CSS_container_queries)
+- [コンテナークエリーの使用](/ja/docs/Web/CSS/CSS_containment/Container_queries)
+- [コンテナーのサイズおよびスタイルクエリーの使用](/ja/docs/Web/CSS/CSS_containment/Container_size_and_style_queries)
 - {{Cssxref("container-name")}}
 - {{Cssxref("container-type")}}
 - {{Cssxref("contain")}}
 - {{Cssxref("content-visibility")}}
+- [CSS 拘束モジュール](/ja/docs/Web/CSS/CSS_containment)

From 24e6a2181c78c359391cbd18ce54dd19d6b9b618 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Aug 2024 21:50:52 +0900
Subject: [PATCH 42/81] =?UTF-8?q?=E8=A6=8B=E5=87=BA=E3=81=97=E8=A1=A8?=
 =?UTF-8?q?=E8=A8=98=E3=81=AE=E6=8F=BA=E3=82=8C=E3=82=92=E4=B8=80=E6=8B=AC?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3=20(#23124)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../accessibility/aria/roles/application_role/index.md    | 2 +-
 .../ja/web/accessibility/aria/roles/article_role/index.md | 2 +-
 .../ja/web/accessibility/aria/roles/banner_role/index.md  | 2 +-
 files/ja/web/accessibility/aria/roles/cell_role/index.md  | 2 +-
 .../accessibility/aria/roles/complementary_role/index.md  | 2 +-
 .../accessibility/aria/roles/contentinfo_role/index.md    | 2 +-
 .../ja/web/accessibility/aria/roles/dialog_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/document_role/index.md   | 2 +-
 files/ja/web/accessibility/aria/roles/feed_role/index.md  | 2 +-
 .../ja/web/accessibility/aria/roles/figure_role/index.md  | 2 +-
 files/ja/web/accessibility/aria/roles/form_role/index.md  | 2 +-
 files/ja/web/accessibility/aria/roles/grid_role/index.md  | 2 +-
 .../ja/web/accessibility/aria/roles/heading_role/index.md | 2 +-
 files/ja/web/accessibility/aria/roles/list_role/index.md  | 2 +-
 .../ja/web/accessibility/aria/roles/listbox_role/index.md | 2 +-
 .../web/accessibility/aria/roles/listitem_role/index.md   | 2 +-
 files/ja/web/accessibility/aria/roles/main_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/navigation_role/index.md | 2 +-
 .../ja/web/accessibility/aria/roles/region_role/index.md  | 2 +-
 files/ja/web/accessibility/aria/roles/row_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/rowgroup_role/index.md   | 2 +-
 .../ja/web/accessibility/aria/roles/search_role/index.md  | 2 +-
 .../ja/web/accessibility/aria/roles/switch_role/index.md  | 2 +-
 files/ja/web/accessibility/aria/roles/tab_role/index.md   | 2 +-
 files/ja/web/accessibility/aria/roles/table_role/index.md | 2 +-
 files/ja/web/api/mediadeviceinfo/index.md                 | 2 +-
 .../mediarecordererrorevent/index.md                      | 2 +-
 files/ja/web/css/at-rule-functions/index.md               | 4 ++--
 files/ja/web/css/container-type/index.md                  | 2 +-
 files/ja/web/css/container/index.md                       | 6 +++---
 .../ja/web/css/css_containment/container_queries/index.md | 8 ++++----
 files/ja/web/svg/attribute/cx/index.md                    | 2 +-
 files/ja/web/svg/attribute/cy/index.md                    | 2 +-
 files/ja/web/svg/attribute/x1/index.md                    | 2 +-
 files/ja/web/svg/element/path/index.md                    | 2 +-
 35 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/files/ja/web/accessibility/aria/roles/application_role/index.md b/files/ja/web/accessibility/aria/roles/application_role/index.md
index aa15178a6c6760..f1e874df40b697 100644
--- a/files/ja/web/accessibility/aria/roles/application_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/application_role/index.md
@@ -72,7 +72,7 @@ slug: Web/Accessibility/ARIA/Roles/application_role
 
 アプリケーション (`application`) ロールを不適切に使用すると、意図せずにウェブページの情報からのアクセスを奪う可能性があるので、使用には十分注意してください。 あなたが実際にそれを必要とし、他の既知のウィジェットのセットを使って同じことができない場合に、真剣に考えます。 使用する場合は、アプリケーション (`application`) ロールは、例えば `<body>` 要素ではなく、可能な最も低い共通コンテナーに追加するべきです。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/article_role/index.md b/files/ja/web/accessibility/aria/roles/article_role/index.md
index 912940bfe00b4c..775d74e330788b 100644
--- a/files/ja/web/accessibility/aria/roles/article_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/article_role/index.md
@@ -71,7 +71,7 @@ slug: Web/Accessibility/ARIA/Roles/article_role
 
 - WAI-ARIA Authoring Practices 1.1 の feed のデザインパターンから、[お薦めのレストランのフィード表示](https://www.w3.org/TR/wai-aria-practices-1.1/examples/feed/feedDisplay.html)とそれと分けられた[文書](https://www.w3.org/TR/wai-aria-practices-1.1/examples/feed/feed.html)
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/banner_role/index.md b/files/ja/web/accessibility/aria/roles/banner_role/index.md
index e46d65034ab1a8..162d21a8cecfb4 100644
--- a/files/ja/web/accessibility/aria/roles/banner_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/banner_role/index.md
@@ -69,7 +69,7 @@ HTML5 の {{htmlelement("header")}} 要素は、{{htmlelement("aside")}}、{{htm
 
 `<header>` 要素を使用して、ページの任意のサブセクションの子孫でないことを保証するのが最善ですが、場合によっては基になる HTML にアクセスできないことがあります。 この場合、JavaScript を使用してページのメインヘッダーにバナー (`banner`) ロールを追加できます。 この方法でページのバナーを特定すると、サイトのアクセシビリティが向上します。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/cell_role/index.md b/files/ja/web/accessibility/aria/roles/cell_role/index.md
index 7831460ac685bf..eced54af248490 100644
--- a/files/ja/web/accessibility/aria/roles/cell_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/cell_role/index.md
@@ -172,7 +172,7 @@ ARIA の第一のルールは、要素を転用して、ARIA のロール、ス
 
 {{HTMLElement('td')}} に適用すると、`display: grid;` などで意味づけが削除された場合に、その要素にセルの意味づけを返します。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/complementary_role/index.md b/files/ja/web/accessibility/aria/roles/complementary_role/index.md
index 4e2234060eab93..408177b0f65fa5 100644
--- a/files/ja/web/accessibility/aria/roles/complementary_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/complementary_role/index.md
@@ -85,7 +85,7 @@ slug: Web/Accessibility/ARIA/Roles/complementary_role
 
 - [ランドマークブラウザー拡張](https://matatk.agrip.org.uk/landmarks/) (英語)
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/contentinfo_role/index.md b/files/ja/web/accessibility/aria/roles/contentinfo_role/index.md
index b76d6c7bb0964c..05a50b72e6eb41 100644
--- a/files/ja/web/accessibility/aria/roles/contentinfo_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/contentinfo_role/index.md
@@ -113,7 +113,7 @@ slug: Web/Accessibility/ARIA/Roles/contentinfo_role
 
 - [ランドマークブラウザー拡張](https://matatk.agrip.org.uk/landmarks/) (英語)
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/dialog_role/index.md b/files/ja/web/accessibility/aria/roles/dialog_role/index.md
index 69571c9a50fa3a..bb1efa855a1ec1 100644
--- a/files/ja/web/accessibility/aria/roles/dialog_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/dialog_role/index.md
@@ -124,7 +124,7 @@ slug: Web/Accessibility/ARIA/Roles/dialog_role
 > [!NOTE]
 > キーボードユーザーがダイアログ外の要素にフォーカスを移動するのを防ぐことは可能ですが、スクリーンリーダーのユーザーは、スクリーンリーダーの仮想カーソルを使用してそのコンテンツにナビゲートできるかもしれません。 開発者は、モーダルダイアログがアクティブな間、モーダルダイアログ外のコンテンツに全てのユーザーがアクセスできないようにすることが重要です。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/document_role/index.md b/files/ja/web/accessibility/aria/roles/document_role/index.md
index bb7f28de4ebebe..387d674ee9f06c 100644
--- a/files/ja/web/accessibility/aria/roles/document_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/document_role/index.md
@@ -57,7 +57,7 @@ slug: Web/Accessibility/ARIA/Roles/document_role
 
 文書ロールは、ユーザーがスクリーンリーダーの標準コマンドで読むべき内容であることを明確に示すことによって、支援技術の振る舞いを間接的に制御する簡単な方法です。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/feed_role/index.md b/files/ja/web/accessibility/aria/roles/feed_role/index.md
index ff1f697008d076..0cda566c3d8704 100644
--- a/files/ja/web/accessibility/aria/roles/feed_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/feed_role/index.md
@@ -81,7 +81,7 @@ slug: Web/Accessibility/ARIA/Roles/feed_role
 
 [フィードパターンの実装例](https://w3c.github.io/aria-practices/examples/feed/feed.html) (英語)
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/figure_role/index.md b/files/ja/web/accessibility/aria/roles/figure_role/index.md
index 66d44f89883223..8c81e2e247f08c 100644
--- a/files/ja/web/accessibility/aria/roles/figure_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/figure_role/index.md
@@ -112,7 +112,7 @@ ARIA の図表 (`figure`) ロールは、適切な意味論がまだ存在しな
 </figure>
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/form_role/index.md b/files/ja/web/accessibility/aria/roles/form_role/index.md
index 0557801da60f9b..fc2371f1a50c50 100644
--- a/files/ja/web/accessibility/aria/roles/form_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/form_role/index.md
@@ -118,7 +118,7 @@ slug: Web/Accessibility/ARIA/Roles/form_role
 
 - [ランドマークブラウザー拡張](https://matatk.agrip.org.uk/landmarks/)（英語）
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/grid_role/index.md b/files/ja/web/accessibility/aria/roles/grid_role/index.md
index c1e862b94a6823..4e0764f6da3a97 100644
--- a/files/ja/web/accessibility/aria/roles/grid_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/grid_role/index.md
@@ -577,7 +577,7 @@ document.querySelector("table").addEventListener("keydown", function (event) {
 
 [キーボードインタラクション](#keyboard_interactions)が適切に実装されていても、矢印キーを使用しなければならないことに気づかないユーザーもいます。 グリッド (`grid`) ロールを使用して、必要な機能性とインタラクションが最もよく達成できることを確認してください。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/heading_role/index.md b/files/ja/web/accessibility/aria/roles/heading_role/index.md
index 383ebc2ed69667..59a6d54ca7acd7 100644
--- a/files/ja/web/accessibility/aria/roles/heading_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/heading_role/index.md
@@ -80,7 +80,7 @@ slug: Web/Accessibility/ARIA/Roles/heading_role
 
 無し
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/list_role/index.md b/files/ja/web/accessibility/aria/roles/list_role/index.md
index f09185d9d3c138..4c8f7a4e0d22d5 100644
--- a/files/ja/web/accessibility/aria/roles/list_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/list_role/index.md
@@ -73,7 +73,7 @@ HTML の {{htmlelement("ol")}} と {{htmlelement("ul")}} とは異なり、ARIA
 > [!NOTE]
 > タブ付きインターフェイスとして機能する項目のリストをマークアップする場合は、代わりにタブ (`tab`)、タブパネル (`tabpanel`)、タブリスト (`tablist`) のロールを使用するべきです。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/listbox_role/index.md b/files/ja/web/accessibility/aria/roles/listbox_role/index.md
index 114a941e7a4cf0..888e1d4fd35ba2 100644
--- a/files/ja/web/accessibility/aria/roles/listbox_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/listbox_role/index.md
@@ -199,7 +199,7 @@ HTML の選択要素や、1 項目しか選択できない場合はラジオボ
 - 1 つ以上のエントリーがリストボックスの DOM の子でない場合、追加の `aria-*` プロパティを設定する必要があります ([ARIA のベストプラクティス](https://www.w3.org/TR/wai-aria-practices/#listbox_div) (英語) を参照) 。
 - リストボックスを展開 ([expand](https://www.w3.org/TR/wai-aria-1.1/#aria-expanded)) する正当な理由がある場合は、コンボボックス ([`combobox`](/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role)) ロールの方がより適切かもしれません。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/listitem_role/index.md b/files/ja/web/accessibility/aria/roles/listitem_role/index.md
index bf43e2d969db58..0ace515bd30c9c 100644
--- a/files/ja/web/accessibility/aria/roles/listitem_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/listitem_role/index.md
@@ -71,7 +71,7 @@ ARIA のリスト項目 (`listitem`) ロールは、項目のリスト内の項
 > [!NOTE]
 > タブ付きインターフェイスとして機能する項目のリストをマークアップする場合は、代わりにタブ (`tab`)、タブパネル (`tabpanel`)、タブリスト (`tablist`) のロールを使用するべきです。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/main_role/index.md b/files/ja/web/accessibility/aria/roles/main_role/index.md
index 72a47d4f29e1d2..999a59768ec873 100644
--- a/files/ja/web/accessibility/aria/roles/main_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/main_role/index.md
@@ -89,7 +89,7 @@ JavaScript によってトリガーされたときにページコンテンツを
 
 - [ランドマークブラウザー拡張](https://matatk.agrip.org.uk/landmarks/) (英語)
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/navigation_role/index.md b/files/ja/web/accessibility/aria/roles/navigation_role/index.md
index 958883eb64884e..872fd6dd601f45 100644
--- a/files/ja/web/accessibility/aria/roles/navigation_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/navigation_role/index.md
@@ -107,7 +107,7 @@ slug: Web/Accessibility/ARIA/Roles/navigation_role
 
 - [ランドマークブラウザー拡張](https://matatk.agrip.org.uk/landmarks/) (英語)
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/region_role/index.md b/files/ja/web/accessibility/aria/roles/region_role/index.md
index 8f4c649b846c4c..677ba187fc14ff 100644
--- a/files/ja/web/accessibility/aria/roles/region_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/region_role/index.md
@@ -97,7 +97,7 @@ slug: Web/Accessibility/ARIA/Roles/region_role
 
 - [ランドマークブラウザー拡張](https://matatk.agrip.org.uk/landmarks/)（英語）
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/row_role/index.md b/files/ja/web/accessibility/aria/roles/row_role/index.md
index 0c5a213162595b..acc00204d7bf08 100644
--- a/files/ja/web/accessibility/aria/roles/row_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/row_role/index.md
@@ -199,7 +199,7 @@ ARIA の行を作成するには、コンテナー要素に行ロール (`role="
 
 無し
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/rowgroup_role/index.md b/files/ja/web/accessibility/aria/roles/rowgroup_role/index.md
index ee8d0f5c32d8d3..d23956e4e18bb7 100644
--- a/files/ja/web/accessibility/aria/roles/rowgroup_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/rowgroup_role/index.md
@@ -141,7 +141,7 @@ ARIA の表ヘッダー、表フッター、表本体を作成するには、行
 
 無し
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/search_role/index.md b/files/ja/web/accessibility/aria/roles/search_role/index.md
index 8f1a3cee53bd1e..a88d01ae78f9bc 100644
--- a/files/ja/web/accessibility/aria/roles/search_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/search_role/index.md
@@ -83,7 +83,7 @@ slug: Web/Accessibility/ARIA/Roles/search_role
 
 - [ランドマークブラウザー拡張](https://matatk.agrip.org.uk/landmarks/)（英語）
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/switch_role/index.md b/files/ja/web/accessibility/aria/roles/switch_role/index.md
index d492f54e8bba9f..f61813d7d26e81 100644
--- a/files/ja/web/accessibility/aria/roles/switch_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/switch_role/index.md
@@ -158,7 +158,7 @@ label.switch {
 
 {{EmbedLiveSample("Adding_the_switch_role_in_ARIA", 600, 40)}}
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/tab_role/index.md b/files/ja/web/accessibility/aria/roles/tab_role/index.md
index 4597f1933b16c6..6fe4c85da33f14 100644
--- a/files/ja/web/accessibility/aria/roles/tab_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/tab_role/index.md
@@ -199,7 +199,7 @@ function changeTabs(e) {
 
 自分で追加する必要はなく、代わりに、組み込みの機能的でアクセス可能な機能のために、ボタン (`button`) 要素をタブ (`tab`) ロールと一緒に使用することをお勧めします。 タブ (`tab`) ロールを持つ要素の Tab キー機能を制御するには、すべての非アクティブ要素を `tabindex=-1` に設定し、アクティブ要素を `tabindex=0` に設定することをお勧めします。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/accessibility/aria/roles/table_role/index.md b/files/ja/web/accessibility/aria/roles/table_role/index.md
index f5ac0445757bc8..bc52c9e4a46644 100644
--- a/files/ja/web/accessibility/aria/roles/table_role/index.md
+++ b/files/ja/web/accessibility/aria/roles/table_role/index.md
@@ -126,7 +126,7 @@ ARIA の表を作成するには、`role="table"` をコンテナー要素に追
 
 無し
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/mediadeviceinfo/index.md b/files/ja/web/api/mediadeviceinfo/index.md
index fd3c3711e7abd1..24ce9f9dd2fa5b 100644
--- a/files/ja/web/api/mediadeviceinfo/index.md
+++ b/files/ja/web/api/mediadeviceinfo/index.md
@@ -68,7 +68,7 @@ audioinput: default (Built-in Microphone) id=RKxXByjnabbADGQNNZqLVLdmXlS0YkETYCI
 audioinput: Built-in Microphone id=r2/xw1xUPIyZunfV1lGrKOma5wTOvCkWfZ368XCndm0=
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md b/files/ja/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md
index e4c301a31f3685..204be923a70e1c 100644
--- a/files/ja/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md
+++ b/files/ja/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md
@@ -35,7 +35,7 @@ new MediaRecorderErrorEvent(type, options)
 
 新しい {{domxref("MediaRecorderErrorEvent")}} オブジェクトです。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/css/at-rule-functions/index.md b/files/ja/web/css/at-rule-functions/index.md
index bba5bf1bd80dba..c5d67785eb9ad7 100644
--- a/files/ja/web/css/at-rule-functions/index.md
+++ b/files/ja/web/css/at-rule-functions/index.md
@@ -55,7 +55,7 @@ l10n:
 
 ## @container 関数
 
-{{CSSxRef("@container")}} アットルールは、拘束コンテキストのスタイル設定を指定するために使用します。
+{{CSSxRef("@container")}} アットルールは、コンテナーコンテキストのスタイル設定を指定するために使用します。
 
 - {{CSSxRef("@container", "@container style()")}}
-  - : 拘束コンテキストのスタイルを定義します。
+  - : コンテナーコンテキストのスタイルを定義します。
diff --git a/files/ja/web/css/container-type/index.md b/files/ja/web/css/container-type/index.md
index b3693bc5eca96f..fdd8cbeeef59d3 100644
--- a/files/ja/web/css/container-type/index.md
+++ b/files/ja/web/css/container-type/index.md
@@ -84,7 +84,7 @@ container-type: unset;
 </div>
 ```
 
-コンテナーコンテキストを作成するには、要素に `container-type` プロパティを追加します。以下は、 `inline-size` 値を使用してコンテナーの[インライン軸](/ja/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values#ブロック軸とインライン軸)の格納コンテキストを作成しています。
+コンテナーコンテキストを作成するには、要素に `container-type` プロパティを追加します。以下は、 `inline-size` 値を使用してコンテナーの[インライン軸](/ja/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values#ブロック軸とインライン軸)のコンテナーコンテキストを作成しています。
 
 ```css
 .container {
diff --git a/files/ja/web/css/container/index.md b/files/ja/web/css/container/index.md
index e798696ec8321d..bc4573ddbb1e7f 100644
--- a/files/ja/web/css/container/index.md
+++ b/files/ja/web/css/container/index.md
@@ -7,7 +7,7 @@ l10n:
 
 {{CSSRef}}
 
-**container** は [CSS](/ja/docs/Web/CSS) の[一括指定](/ja/docs/Web/CSS/Shorthand_properties)プロパティで、この要素をクエリーコンテナーとして確立し、[コンテナークエリー](/ja/docs/Web/CSS/CSS_container_queries)で使用される[格納コンテキスト](/ja/docs/Web/CSS/CSS_container_queries#naming_containment_contexts)の名前を指定します。
+**container** は [CSS](/ja/docs/Web/CSS) の[一括指定](/ja/docs/Web/CSS/Shorthand_properties)プロパティで、この要素をクエリーコンテナーとして確立し、[コンテナークエリー](/ja/docs/Web/CSS/CSS_container_queries)で使用される[コンテナーコンテキスト](/ja/docs/Web/CSS/CSS_container_queries#naming_containment_contexts)の名前を指定します。
 
 ## 構成要素のプロパティ
 
@@ -36,10 +36,10 @@ container: unset;
 ### 値
 
 - `<container-name>`
-  - : 格納コンテキストの大文字小文字を区別した名前です。
+  - : コンテナーコンテキストの大文字小文字を区別した名前です。
     構文の詳細は、 {{cssxref("container-name")}} プロパティのページにあります。
 - `<container-type>`
-  - : 格納コンテキストの種類です。
+  - : コンテナーコンテキストの種類です。
     構文の詳細は、 {{cssxref("container-type")}} プロパティのページにあります。
 
 ## 公式定義
diff --git a/files/ja/web/css/css_containment/container_queries/index.md b/files/ja/web/css/css_containment/container_queries/index.md
index 6d43d52ffb1cca..895507edddea9a 100644
--- a/files/ja/web/css/css_containment/container_queries/index.md
+++ b/files/ja/web/css/css_containment/container_queries/index.md
@@ -46,7 +46,7 @@ slug: Web/CSS/CSS_containment/Container_queries
 ```
 
 次に、 {{cssxref("@container")}} アットルールを使用してコンテナークエリーを定義します。
-次の例のクエリーは、格納コンテキストを持つ最も近い祖先のサイズに基づいて要素にスタイルを適用します。
+次の例のクエリーは、コンテナーコンテキストを持つ最も近い祖先のサイズに基づいて要素にスタイルを適用します。
 具体的には、このクエリーは、コンテナーの幅が `700px` よりも広い場合、カードのタイトルに大きなフォントサイズを適用します。
 
 ```css
@@ -68,7 +68,7 @@ slug: Web/CSS/CSS_containment/Container_queries
 
 コンテナークエリーの構文の詳細については、 {{cssxref("@container")}} のページを参照してください。
 
-### 格納コンテキストの命名
+### コンテナーコンテキストの命名
 
 前の節では、コンテナークエリーは、コンテナーコンテキストを持つ最も近い祖先に基づいてスタイル設定を適用しました。
 {{Cssxref("container-name")}} プロパティを使用して、コンテナーコンテキストに名前を付けることが可能です。一度名前をつけると、その名前を `@container` クエリーで使用することができ、特定のコンテナーを対象とすることができます。
@@ -81,7 +81,7 @@ slug: Web/CSS/CSS_containment/Container_queries
 }
 ```
 
-そして、 `@container` アットルールを用いて、この格納コンテキストを対象とすることができます。
+そして、 `@container` アットルールを用いて、このコンテナーコンテキストを対象とすることができます。
 
 ```css
 @container sidebar (min-width: 700px) {
@@ -93,7 +93,7 @@ slug: Web/CSS/CSS_containment/Container_queries
 
 コンテナーコンテキストの命名に関する詳細情報は、 {{cssxref("container-name")}} ページにあります。
 
-### コンテナー一の括指定構文
+### コンテナーの一括指定構文
 
 コンテナーを宣言するための一括指定は `container` プロパティを使用します。
 
diff --git a/files/ja/web/svg/attribute/cx/index.md b/files/ja/web/svg/attribute/cx/index.md
index d1140e5a11bfe2..4eb1baa18b91c4 100644
--- a/files/ja/web/svg/attribute/cx/index.md
+++ b/files/ja/web/svg/attribute/cx/index.md
@@ -167,7 +167,7 @@ svg {
 
 {{EmbedLiveSample('radialGradient', 150, '100%')}}
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/svg/attribute/cy/index.md b/files/ja/web/svg/attribute/cy/index.md
index 08c377e4957747..7adfddda778e33 100644
--- a/files/ja/web/svg/attribute/cy/index.md
+++ b/files/ja/web/svg/attribute/cy/index.md
@@ -167,7 +167,7 @@ svg {
 
 {{EmbedLiveSample('radialGradient', 150, '100%')}}
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
diff --git a/files/ja/web/svg/attribute/x1/index.md b/files/ja/web/svg/attribute/x1/index.md
index 60e9703e818766..c38cef96aa68c0 100644
--- a/files/ja/web/svg/attribute/x1/index.md
+++ b/files/ja/web/svg/attribute/x1/index.md
@@ -103,6 +103,6 @@ svg {
 
 {{EmbedLiveSample('linearGradient', '100%', 200)}}
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
diff --git a/files/ja/web/svg/element/path/index.md b/files/ja/web/svg/element/path/index.md
index add39b5d0172bd..b345386e1b8d1c 100644
--- a/files/ja/web/svg/element/path/index.md
+++ b/files/ja/web/svg/element/path/index.md
@@ -45,7 +45,7 @@ svg {
 
 {{svginfo}}
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 

From 20a4540088c2f21c7b23852c58b4475def1083d1 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 19:58:21 +0900
Subject: [PATCH 43/81] =?UTF-8?q?=E6=A0=BC=E7=B4=8D=E3=82=B3=E3=83=B3?=
 =?UTF-8?q?=E3=83=86=E3=82=AD=E3=82=B9=E3=83=88=E2=86=92=E3=82=B3=E3=83=B3?=
 =?UTF-8?q?=E3=83=86=E3=83=8A=E3=83=BC=E3=82=B3=E3=83=B3=E3=83=86=E3=82=AD?=
 =?UTF-8?q?=E3=82=B9=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/csscontainerrule/containername/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/web/api/csscontainerrule/containername/index.md b/files/ja/web/api/csscontainerrule/containername/index.md
index eeb5a62c982656..95b8ea1cb8c94c 100644
--- a/files/ja/web/api/csscontainerrule/containername/index.md
+++ b/files/ja/web/api/csscontainerrule/containername/index.md
@@ -28,7 +28,7 @@ l10n:
 ## 例
 
 下記の例では、名前付き {{cssxref("@container")}} ルールを定義し、関連する {{domxref("CSSContainerRule")}} のプロパティを表示しています。
-CSS は `@container` の例、[名前付き格納コンテキストの作成](/ja/docs/Web/CSS/@container#名前付きコンテナーコンテキストの作成)にあるものととてもよく似ています。
+CSS は `@container` の例、[名前付きコンテナーコンテキストの作成](/ja/docs/Web/CSS/@container#名前付きコンテナーコンテキストの作成)にあるものととてもよく似ています。
 
 ```html hidden
 <div id="log">

From 032b8d966ff15f81dded742754edb3b09837c175 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 20:04:27 +0900
Subject: [PATCH 44/81] =?UTF-8?q?=E8=A1=A8=E8=A8=98=E3=82=86=E3=82=8C?=
 =?UTF-8?q?=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../using_the_mediastream_recording_api/index.md                | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md b/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
index 5bb8b6b54dea93..a5f6875f7ffdba 100644
--- a/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
+++ b/files/ja/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
@@ -153,7 +153,7 @@ if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
 
 ## メディアストリームのキャプチャ
 
-`getUserMedia` がメディアストリームを正常に作成したら、`MediaRecorder()` コンストラクタを使用して新しい Media Recorder のインスタンスを作成し、それに直接ストリーム (stream)を渡します。 これが MediaStream 収録 API を使用するためのエントリーポイントです。 これで、ストリームをブラウザーの既定のエンコード形式で {{domxref("Blob")}} にキャプチャする準備ができました。
+`getUserMedia` がメディアストリームを正常に作成したら、`MediaRecorder()` コンストラクターを使用して新しい Media Recorder のインスタンスを作成し、それに直接ストリーム (stream)を渡します。 これが MediaStream 収録 API を使用するためのエントリーポイントです。 これで、ストリームをブラウザーの既定のエンコード形式で {{domxref("Blob")}} にキャプチャする準備ができました。
 
 ```js
 const mediaRecorder = new MediaRecorder(stream);

From f22f5284b28cc210578b6db83ffd26d6f45a3110 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 21 Aug 2024 21:52:17 +0900
Subject: [PATCH 45/81] =?UTF-8?q?2024/05/14=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20(#23127)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 2024/05/14 時点の英語版に基づき更新

* Update files/ja/web/api/mediatracksupportedconstraints/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../mediatracksupportedconstraints/index.md   | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/files/ja/web/api/mediatracksupportedconstraints/index.md b/files/ja/web/api/mediatracksupportedconstraints/index.md
index 180e96a493ec9d..c20f346f20b4e7 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/index.md
@@ -1,9 +1,11 @@
 ---
 title: MediaTrackSupportedConstraints
 slug: Web/API/MediaTrackSupportedConstraints
+l10n:
+  sourceCommit: c9e9f9f4faf2e8a5985e5834d9424557341f33c9
 ---
 
-{{DefaultAPISidebar("Media Capture and Streams")}}
+{{APIRef("Media Capture and Streams")}}
 
 **`MediaTrackSupportedConstraints`** 辞書は{{Glossary("user agent", "ユーザーエージェント")}}またはブラウザーが {{domxref("MediaStreamTrack")}} オブジェクトの実装で認識する制約可能なプロパティのリストを確立するものです。 `MediaTrackSupportedConstraints` に適合するオブジェクトは {{domxref("MediaDevices.getSupportedConstraints()")}} によって返されます。
 
@@ -11,9 +13,9 @@ WebIDLのインターフェイス定義はこのように動作するため、
 
 実際の制約セットは {{domxref("MediaTrackConstraints")}} 辞書をベースにしたオブジェクトで表現されます。
 
-制約がどのように動作するかについての詳細を知りたい場合は、[能力、制約、設定](/ja/docs/Web/API/Media_Streams_API/Constraints)を読んでください。
+制約がどのように動作するかについての詳細を知りたい場合は、[能力、制約、設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)を読んでください。
 
-## プロパティ
+## インスタンスプロパティ
 
 オブジェクトは以下のプロパティの組み合わせであり、必ずしも全てのプロパティが含まれるわけではありません。
 
@@ -31,7 +33,7 @@ WebIDLのインターフェイス定義はこのように動作するため、
   - : 論理値で、値が `true` ならば、現在の環境で [`facingMode`](/ja/docs/Web/API/MediaTrackConstraints#facingmode) 制約に対応しています。
 - {{domxref("MediaTrackSupportedConstraints.resizeMode", "resizeMode")}}
   - : 論理値で、値が `true` ならば、現在の環境で [`resizeMode`](/ja/docs/Web/API/MediaTrackConstraints#resizemode) 制約に対応しています。
-- {{domxref("MediaTrackSupportedConstraints.volume", "volume")}}
+- {{domxref("MediaTrackSupportedConstraints.volume", "volume")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
 
   - : 論理値で、値が `true` ならば、現在の環境で [`volume`](/ja/docs/Web/API/MediaTrackConstraints#volume) 制約に対応しています。
 
@@ -52,7 +54,7 @@ WebIDLのインターフェイス定義はこのように動作するため、
 - {{domxref("MediaTrackSupportedConstraints.groupId", "groupId")}}
   - : 論理値で、値が `true` ならば、現在の環境で [`groupId`](/ja/docs/Web/API/MediaTrackConstraints#groupid) 制約に対応しています。
 
-### 画面共有トラックに固有のプロパティ
+### 画面共有トラックに固有のインスタンスプロパティ
 
 ユーザーの画面内コンテンツから映像ソースを含むトラックには、映像トラックで利用可能なプロパティに加え、以下のプロパティを入れることができます。
 
@@ -61,14 +63,10 @@ WebIDLのインターフェイス定義はこのように動作するため、
 - {{domxref("MediaTrackSupportedConstraints.logicalSurface", "logicalSurface")}}
   - : 論理値で、値が `true` ならば、現在の環境で {{domxref("MediaTrackConstraints.logicalSurface", "logicalSurface")}} 制約に対応しています。
 
-## ブラウザーの互換性
-
-{{Compat}}
-
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
-- [能力、制約、設定](/ja/docs/Web/API/Media_Streams_API/Constraints)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
+- [能力、制約、設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)
 - [画面キャプチャ API](/ja/docs/Web/API/Screen_Capture_API)
 - [画面キャプチャ API の使用](/ja/docs/Web/API/Screen_Capture_API/Using_Screen_Capture)
 - {{domxref("MediaTrackConstraints")}}

From b078bd8fa4ce55c48ac6b51706dd8501890cd958 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Giraudel?= <l.giraudel@gmail.com>
Date: Wed, 21 Aug 2024 15:39:34 +0200
Subject: [PATCH 46/81] Fix internal links in index.md (#23141)

* Fix internal links in index.md

Internal links to WebSocket and CloseEvent were broken.

* Apply suggestions from code review

Co-authored-by: Carolyn Wu <87150472+cw118@users.noreply.github.com>

* Fix broken links reported by github-actions

---------

Co-authored-by: Carolyn Wu <87150472+cw118@users.noreply.github.com>
---
 .../index.md                                     | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md
index 2dcec9f0603772..75a49e8dafbd8d 100644
--- a/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md
+++ b/files/fr/web/api/websockets_api/writing_websocket_client_applications/index.md
@@ -14,7 +14,7 @@ Les WebSockets représentent une technologie, basée sur le protocole web socket
 
 ## Création d'un objet WebSocket
 
-Pour utiliser le protocole WebSocket, il faut créer un objet [`WebSocket`](/fr/docs/Web/API/WebSockets/WebSockets_reference/WebSocket) ; celui-ci essaiera automatiquement d'ouvrir une connexion avec le server.
+Pour utiliser le protocole WebSocket, il faut créer un objet [`WebSocket`](/fr/docs/Web/API/WebSocket) ; celui-ci essaiera automatiquement d'ouvrir une connexion avec le server.
 
 Le constructeur WebSocket accepte un paramètre obligatoire et un paramètre optionnel :
 
@@ -42,9 +42,9 @@ Le constructeur peut renvoyer des exceptions:
 
 ### Erreurs de connexion
 
-Si une erreur se produit lors de la tentative de connexion, un évènement nommé "error" est d'abord renvoyé à l'objet [`WebSocket`](/fr/docs/Web/API/WebSockets/WebSockets_reference/WebSocket) (invoquant ainsi son gestionnaire d'évènement `onerror`) suivi d'un évènement [`CloseEvent`](/fr/docs/Web/API/WebSockets/WebSockets_reference/CloseEvent) (qui invoque alors son gestionnaire d'évènement `onclose`) indiquant la raison de la clôture.
+Si une erreur se produit lors de la tentative de connexion, un évènement nommé "error" est d'abord renvoyé à l'objet [`WebSocket`](/fr/docs/Web/API/WebSocket) (invoquant ainsi son gestionnaire d'évènement `onerror`) suivi d'un évènement [`CloseEvent`](/fr/docs/Web/API/CloseEvent) (qui invoque alors son gestionnaire d'évènement `onclose`) indiquant la raison de la clôture.
 
-A partir de Firefox 11, un message d'erreur descriptif est envoyé à la console de la plateforme Mozilla, et un code de fermeture tel que défini dans la [RFC 6455, Section 7.4](http://tools.ietf.org/html/rfc6455#section-7.4) est envoyé à travers l'évènement [`CloseEvent`](/fr/docs/Web/API/WebSockets/WebSockets_reference/CloseEvent).
+A partir de Firefox 11, un message d'erreur descriptif est envoyé à la console de la plateforme Mozilla, et un code de fermeture tel que défini dans la [RFC 6455, Section 7.4](https://datatracker.ietf.org/doc/html/rfc6455#section-7.4) est envoyé à travers l'évènement [`CloseEvent`](/fr/docs/Web/API/CloseEvent).
 
 ### Exemples
 
@@ -74,9 +74,9 @@ Dans les exemples ci-dessus on a remplacé `http` par `ws`, et de la même faço
 
 ## Envoi de données vers le serveur
 
-Une fois la connexion ouverte on peut commencer à tranférer des données vers le serveur en appelant la méthode [`send()`](/fr/docs/Web/API/WebSockets/WebSockets_reference/WebSocket#send) de l'objet `WebSocket` pour chaque message que l'on veut envoyer :
+Une fois la connexion ouverte on peut commencer à tranférer des données vers le serveur en appelant la méthode [`send()`](/fr/docs/Web/API/WebSocket/send) de l'objet `WebSocket` pour chaque message que l'on veut envoyer :
 
-Les données peuvent être envoyées sous forme de chaîne {{ domxref("Blob") }} ou de [`ArrayBuffer`](/fr/docs/Web/API/JavaScript_typed_arrays/ArrayBuffer).
+Les données peuvent être envoyées sous forme de chaîne {{ domxref("Blob") }} ou de [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer).
 
 > [!NOTE]
 > Avant la version 11, Firefox supportait l'envoi de données uniquement sous forme de chaîne.
@@ -93,7 +93,7 @@ exampleSocket.onopen = function (event) {
 
 ### Utilisation de JSON pour transmettre des objets
 
-Il peut être utile d'utiliser [JSON](/fr/docs/Web/API/JSON) pour envoyer des données complexes au serveur. Par exemple, un programme de chat peut interagir avec un serveur en utilisant un protocole qui implémente l'échange de paquets contenant des données encapsulées en JSON:
+Il peut être utile d'utiliser [JSON](/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON) pour envoyer des données complexes au serveur. Par exemple, un programme de chat peut interagir avec un serveur en utilisant un protocole qui implémente l'échange de paquets contenant des données encapsulées en JSON:
 
 ```js
 // Envoi d'un texte à tous les utilisateurs à travers le serveur
@@ -183,7 +183,7 @@ exampleSocket.onmessage = function (event) {
 };
 ```
 
-Ici nous utilisons [`JSON.parse()`](/fr/docs/Web/API/JavaScript/Reference/Global_Objects/JSON/parse) pour convertir l'objet JSON en l'objet original, avant de l'examiner et le traiter.
+Ici nous utilisons [`JSON.parse()`](/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse) pour convertir l'objet JSON en l'objet original, avant de l'examiner et le traiter.
 
 ### Encodage du texte
 
@@ -193,7 +193,7 @@ Avant Gecko 9.0, certains charactères spéciaux dans une chaîne UTF-8 provoqua
 
 ## Fermeture de la connexion
 
-Quand on n'a plus besoin de la connexion WebSocket, on appelle la méthode [`close()`](/fr/docs/Web/API/WebSockets/WebSockets_reference/WebSocket#close) de l'objet WebSocket:
+Quand on n'a plus besoin de la connexion WebSocket, on appelle la méthode [`close()`](/fr/docs/Web/API/WebSocket/close) de l'objet WebSocket:
 
 ```js
 exampleSocket.close();

From f5e1843699460e7214083bdd38fd09e04a25bf3e Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Wed, 21 Aug 2024 22:18:46 +0800
Subject: [PATCH 47/81] [zh-cn]: update the translation of
 `Range.extractContents()` method (#23172)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../web/api/range/extractcontents/index.md    | 106 +++++++++++++++---
 1 file changed, 92 insertions(+), 14 deletions(-)

diff --git a/files/zh-cn/web/api/range/extractcontents/index.md b/files/zh-cn/web/api/range/extractcontents/index.md
index 2efea7bf992526..4410d8a91eeabd 100644
--- a/files/zh-cn/web/api/range/extractcontents/index.md
+++ b/files/zh-cn/web/api/range/extractcontents/index.md
@@ -1,39 +1,117 @@
 ---
-title: Range.extractContents()
+title: Range：extractContents() 方法
 slug: Web/API/Range/extractContents
+l10n:
+  sourceCommit: 987c56d6f54bba1bf0430abf06b9a5573c8c289a
 ---
 
 {{ApiRef("DOM")}}
 
-**`Range.extractContents()`** 方法移动了{{ domxref("Range") }} 中的内容从文档树到{{ domxref("DocumentFragment") }}（文档片段对象）。
+**`Range.extractContents()`** 方法将 {{ domxref("Range") }} 的内容从文档树中移到 {{ domxref("DocumentFragment") }} 中。
 
-使用 DOM 事件添加的事件侦听器在提取期间不会保留。HTML 属性事件将按{{domxref("Node.cloneNode()")}}方法的原样保留或复制。HTML id 属性也会被克隆，如果提取了部分选定的节点并将其附加到文档中，则可能导致无效的文档。
+通过 DOM 事件添加的事件监听器在提取过程中不会被保留。HTML 属性事件会像 {{domxref("Node.cloneNode()")}} 方法一样被保留或复制。HTML `id` 属性也会被克隆，因此如果提取部分选择的节点并将其附加到文档中，可能会导致文档无效。
 
-克隆了部分选定的节点，以包括使文档片段有效所需的父标记。
+部分选中的节点会被克隆，以包含使文档片段有效所需的父标签。
 
-## Syntax
+## 语法
 
-```plain
-documentFragment = range.extractContents();
+```js-nolint
+extractContents()
 ```
 
-## Example
+### 参数
+
+无。
+
+### 返回值
+
+{{ domxref("DocumentFragment") }} 对象。
+
+## 示例
+
+### 基本示例
 
 ```js
-var range = document.createRange();
+const range = document.createRange();
 range.selectNode(document.getElementsByTagName("div").item(0));
-var documentFragment = range.extractContents();
+const documentFragment = range.extractContents();
 document.body.appendChild(documentFragment);
 ```
 
-## Specifications
+### 在容器之间移动项目
+
+此示例可让你在两个容器之间移动项目。选择一个或多个项目，然后点击“交换”将它们移到对面的容器中。
+
+#### HTML
+
+```html
+<p id="list1">123456</p>
+<button id="swap">交换所选项目</button>
+<p id="list2">abcdef</p>
+```
+
+#### CSS
+
+```css
+body {
+  pointer-events: none;
+}
+
+p {
+  border: 1px solid;
+  font-size: 2em;
+  padding: 0.3em;
+}
+
+button {
+  font-size: 1.2em;
+  padding: 0.5em;
+  pointer-events: auto;
+}
+```
+
+#### JavaScript
+
+```js
+const list1 = document.getElementById("list1");
+const list2 = document.getElementById("list2");
+const button = document.getElementById("swap");
+
+button.addEventListener("click", (e) => {
+  const selection = window.getSelection();
+
+  for (let i = 0; i < selection.rangeCount; i++) {
+    const range = selection.getRangeAt(i);
+
+    if (
+      range.commonAncestorContainer === list1 ||
+      range.commonAncestorContainer.parentNode === list1
+    ) {
+      const documentFragment = range.extractContents();
+      list2.appendChild(documentFragment);
+    } else if (
+      range.commonAncestorContainer === list2 ||
+      range.commonAncestorContainer.parentNode === list2
+    ) {
+      const documentFragment = range.extractContents();
+      list1.appendChild(documentFragment);
+    }
+  }
+});
+```
+
+#### 结果
+
+{{EmbedLiveSample("在容器之间移动项目", 700, 300)}}
+
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [The DOM interfaces index](/zh-CN/docs/DOM/DOM_Reference)
+- [DOM 接口索引](/zh-CN/docs/Web/API/Document_Object_Model)

From d1283e290c31341ae03c9611b2b072ea1498e20f Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Wed, 21 Aug 2024 22:21:39 +0800
Subject: [PATCH 48/81] [zh-cn]: update the translation of
 `Range.surroundContents()` method (#23178)

---
 .../web/api/range/surroundcontents/index.md   | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/files/zh-cn/web/api/range/surroundcontents/index.md b/files/zh-cn/web/api/range/surroundcontents/index.md
index 31d62998592665..4c5d75f0f9f8a8 100644
--- a/files/zh-cn/web/api/range/surroundcontents/index.md
+++ b/files/zh-cn/web/api/range/surroundcontents/index.md
@@ -1,42 +1,48 @@
 ---
-title: Range.surroundContents
+title: Range：surroundContents() 方法
 slug: Web/API/Range/surroundContents
+l10n:
+  sourceCommit: 1a91b0b63f0cbaca9125bd48d4e5bc8afed2a7a3
 ---
 
-{{ ApiRef("Range") }}
+{{ApiRef("DOM")}}
 
-**`Range.surroundContents()`** 方法将 {{ domxref("Range") }} 对象的内容移动到一个新的节点，并将新节点放到这个范围的起始处。
+**`Range.surroundContents()`** 方法将 {{ domxref("Range") }} 的内容移动到一个新节点，并将该新节点放置在范围所指定的起始位置。
 
-这个方法与 `newNode.appendChild(range.extractContents()); range.insertNode(newNode)` 等价。应用以后， `newNode` 包含在 `range` 的边界点中。
+此方法几乎等同于 `newNode.appendChild(range.extractContents()); range.insertNode(newNode)`。在包围操作之后，`range` 的边界点将包含 `newNode`。
 
-然而，如果 {{ domxref("Range") }} 断开了一个非 {{ domxref("Text") }} 节点，只包含了节点的其中一个边界点，就会抛出异常。也就是说，不像上述的等价方法，如果节点仅有一部分被选中，则不会被克隆，整个操作会失败。
+如果 {{ domxref("Range") }} 只用其中一个边界点分割了一个非 {{domxref("Text") }} 节点，则会抛出异常。也就是说，与上述方案不同的是，如果有部分节点被选中，它们将不会被克隆，相反，操作会失败。
 
 ## 语法
 
-```plain
-range.surroundContents(newParent);
+```js-nolint
+surroundContents(newParent)
 ```
 
 ### 参数
 
 - `newParent`
-  - : 一个包含内容的 {{ domxref("Node") }}。
+  - : 用于包围内容的 {{ domxref("Node") }}。
+
+### 返回值
+
+无（{{jsxref("undefined")}}）。
 
 ## 示例
 
 ### HTML
 
-```plain
-<span class="header-text">Put this in a headline</span>
+```html
+<span class="header-text">在标题中写道</span>
 ```
 
 ### JavaScript
 
-```plain
+```js
 const range = document.createRange();
-const newParent = document.createElement('h1');
+const newParent = document.createElement("h1");
 
-range.selectNode(document.querySelector('.header-text'));
+range.selectNode(document.querySelector(".header-text"));
 range.surroundContents(newParent);
 ```
 
@@ -54,4 +60,4 @@ range.surroundContents(newParent);
 
 ## 参见
 
-- [The DOM interfaces index](/zh-CN/docs/DOM/DOM_Reference)
+- [DOM 接口索引](/zh-CN/docs/Web/API/Document_Object_Model)

From 908e7f230b3500a92f642e35557519129e8cd335 Mon Sep 17 00:00:00 2001
From: seeker <seeker8@users.noreply.github.com>
Date: Wed, 21 Aug 2024 18:08:10 -0400
Subject: [PATCH 49/81] [es] Web/JavaScript/Reference/Global_Objects/Map/Map
 (#23176)

* [es] translate map constructor
---
 .../reference/global_objects/map/map/index.md | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 files/es/web/javascript/reference/global_objects/map/map/index.md

diff --git a/files/es/web/javascript/reference/global_objects/map/map/index.md b/files/es/web/javascript/reference/global_objects/map/map/index.md
new file mode 100644
index 00000000000000..6b21f63ae72a04
--- /dev/null
+++ b/files/es/web/javascript/reference/global_objects/map/map/index.md
@@ -0,0 +1,53 @@
+---
+title: Map() constructor
+slug: Web/JavaScript/Reference/Global_Objects/Map/Map
+l10n:
+  sourceCommit: 70f09675ddcfc75a3bb66d2dce4cf82738948a37
+---
+
+{{JSRef}}
+
+El constructor **`Map()`** crea objetos de tipo {{jsxref("Map")}}.
+
+## Sintaxis
+
+```js-nolint
+new Map()
+new Map(iterable)
+```
+
+> **Nota:** `Map()` sólo puede ser construido con la palabra clave [`new`](/es/docs/Web/JavaScript/Reference/Operators/new). Intentar llamaro sin la palabra clave `new` arroja un {{jsxref("TypeError")}}.
+
+### Parametros
+
+- `iterable` {{optional_inline}}
+  - : Un objeto {{jsxref("Array")}} u otro objeto
+    [iterable](/es/docs/Web/JavaScript/Reference/Iteration_protocols) cuyos elementos sean tuplas llave-valor. (Por ejemplo, arreglos con dos elementos,
+    tales como `[[ 1, 'one' ],[ 2, 'two' ]]`.) Cada tupla llave-valor es agregada al nuevo objeto `Map`.
+
+## Ejemplos
+
+### Creando un nuevo objeto Map
+
+```js
+const myMap = new Map([
+  [1, "one"],
+  [2, "two"],
+  [3, "three"],
+]);
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- [Polyfill para `Map` en `core-js`](https://github.com/zloirock/core-js#map)
+- {{jsxref("Set")}}
+- {{jsxref("WeakMap")}}
+- {{jsxref("WeakSet")}}

From 7d6df1396840d7a5a52c0ba80d25ad678ac7f5cf Mon Sep 17 00:00:00 2001
From: seeker <seeker8@users.noreply.github.com>
Date: Wed, 21 Aug 2024 18:10:27 -0400
Subject: [PATCH 50/81] [es] Web/JavaScript/Reference/Global_Objects/Map/clear
 (#23183)

[es] translate map clear
---
 .../global_objects/map/clear/index.md         | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 files/es/web/javascript/reference/global_objects/map/clear/index.md

diff --git a/files/es/web/javascript/reference/global_objects/map/clear/index.md b/files/es/web/javascript/reference/global_objects/map/clear/index.md
new file mode 100644
index 00000000000000..391871c06eec56
--- /dev/null
+++ b/files/es/web/javascript/reference/global_objects/map/clear/index.md
@@ -0,0 +1,56 @@
+---
+title: Map.prototype.clear()
+slug: Web/JavaScript/Reference/Global_Objects/Map/clear
+l10n:
+  sourceCommit: 27180875516cc311342e74b596bfb589b7211e0c
+---
+
+{{JSRef}}
+
+El método **`clear()`** de las instancias {{jsxref("Map")}} remueve todos los elementos de este _map_.
+
+{{EmbedInteractiveExample("pages/js/map-prototype-clear.html")}}
+
+## Sintaxis
+
+```js-nolint
+clear()
+```
+
+### Parámetros
+
+Ningúno.
+
+### Valor devuelto
+
+Ningúno ({{jsxref("undefined")}}).
+
+## Ejemplos
+
+### Usando clear()
+
+```js
+const myMap = new Map();
+myMap.set("bar", "baz");
+myMap.set(1, "foo");
+
+console.log(myMap.size); // 2
+console.log(myMap.has("bar")); // true
+
+myMap.clear();
+
+console.log(myMap.size); // 0
+console.log(myMap.has("bar")); // false
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- {{jsxref("Map")}}

From 745c8b74b24ef27ee236c66a7a65a4a17781142f Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Thu, 22 Aug 2024 09:27:05 +0800
Subject: [PATCH 51/81] chore(zh-tw): introducing new markdownlint rules
 (#23150)

---
 files/zh-tw/.markdownlint.jsonc               | 21 ++++++++++
 .../getting_started/index.md                  |  2 +-
 .../html_text_fundamentals/index.md           |  4 +-
 .../images_in_html/index.md                   |  2 +-
 .../django/development_environment/index.md   |  8 +++-
 .../server-side/django/generic_views/index.md |  2 +-
 .../webextensions/content_scripts/index.md    |  4 +-
 .../your_first_webextension/index.md          |  2 +-
 .../your_second_webextension/index.md         |  2 +-
 files/zh-tw/web/css/border-image/index.md     | 42 +++++++++++++++----
 .../web/svg/tutorial/getting_started/index.md |  4 +-
 files/zh-tw/web/svg/tutorial/paths/index.md   | 20 ++++-----
 12 files changed, 81 insertions(+), 32 deletions(-)

diff --git a/files/zh-tw/.markdownlint.jsonc b/files/zh-tw/.markdownlint.jsonc
index d736f1f2894c42..55a7807cc219ca 100644
--- a/files/zh-tw/.markdownlint.jsonc
+++ b/files/zh-tw/.markdownlint.jsonc
@@ -3,6 +3,7 @@
   "no-trailing-punctuation": {
     "punctuation": ".,;:。，",
   },
+  "fenced-code-language": true,
   "search-replace": {
     "rules": [
       {
@@ -101,6 +102,26 @@
         "searchPattern": "/您/g",
         "searchScope": "text",
       },
+      {
+        "name": "text-code-fence",
+        "message": "Use 'plain' tag",
+        "searchPattern": "/(^ *`{3,})(text|none|unix)/gm",
+        "replace": "$1plain",
+        "searchScope": "text",
+      },
+      {
+        "name": "gfm-alert",
+        "message": "Use the GFM syntax: https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN#notes_warnings_and_callouts",
+        "searchPattern": "/^ *> \\*\\*(Note|Warning|Callout):\\*\\*(?! [[{`_*])/gm",
+        "searchScope": "text",
+      },
+      {
+        "name": "bad-gfm-alert",
+        "message": "Use the correct GFM syntax: `> [!NOTE]`",
+        // TODO this should use the modifier syntax; until it has better Node support
+        "searchPattern": "/^ *> !?\\[!?((?!NOTE)[Nn][Oo][Tt][Ee]|(?!WARNING)[Ww][Aa][Rr][Nn][Ii][Nn][Gg]|(?!CALLOUT)[Cc][Aa][Ll][Ll][Oo][Uu][Tt])\\]\\n|^ *> (?!\\[!)!?\\[!?(NOTE|WARNING|CALLOUT)\\]\\n/gm",
+        "searchScope": "text",
+      },
     ],
   },
 }
diff --git a/files/zh-tw/learn/html/introduction_to_html/getting_started/index.md b/files/zh-tw/learn/html/introduction_to_html/getting_started/index.md
index 5158fde2436ceb..b7d0f140afa7a2 100644
--- a/files/zh-tw/learn/html/introduction_to_html/getting_started/index.md
+++ b/files/zh-tw/learn/html/introduction_to_html/getting_started/index.md
@@ -32,7 +32,7 @@ slug: Learn/HTML/Introduction_to_HTML/Getting_started
 
 {{glossary("HTML")}}（Hypertext Markup Language）並不是一種程式語言，而是用來告訴瀏覽器該如何呈現網頁的**標記式語言**（markup language）。它可以很複雜也可以很陽春，端看網頁開發者如何構思。HTML 由一系列的元素（{{glossary("Element", "elements")}}）組成，你將利用它們來圍住、包裹，或者說標記（mark up）網頁中的每個部分，使它們在外表或行為上呈現某種特定風貌。被標籤（{{glossary("Tag", "tags")}}）包住的內容會變成超連結，或者斜體字，以及諸如此類的功能，舉例來說，請看下列內容：
 
-```
+```plain
 My cat is very grumpy
 ```
 
diff --git a/files/zh-tw/learn/html/introduction_to_html/html_text_fundamentals/index.md b/files/zh-tw/learn/html/introduction_to_html/html_text_fundamentals/index.md
index 8f9cf96b023a46..2076befc705512 100644
--- a/files/zh-tw/learn/html/introduction_to_html/html_text_fundamentals/index.md
+++ b/files/zh-tw/learn/html/introduction_to_html/html_text_fundamentals/index.md
@@ -269,7 +269,7 @@ Now let's turn our attention to lists. Lists are everywhere in life — from you
 
 Unordered lists are used to mark up lists of items for which the order of the items doesn't matter — let's take a shopping list as an example.
 
-```
+```plain
 milk
 eggs
 bread
@@ -434,7 +434,7 @@ textarea.onkeyup = function () {
 
 Ordered lists are lists in which the order of the items _does_ matter — let's take a set of directions as an example:
 
-```
+```plain
 Drive to the end of the road
 Turn right
 Go straight across the first two roundabouts
diff --git a/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.md b/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.md
index c9267d738d2de1..c0c261bb977bf6 100644
--- a/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.md
+++ b/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.md
@@ -162,7 +162,7 @@ It is better to include such supporting information in the main article text, ra
 
 It is now your turn to play! This active learning section will have you up and running with a simple embedding exercise. You are provided with a basic {{htmlelement("img")}} tag; we'd like you to embed the image located at the following URL:
 
-```
+```plain
 https://raw.githubusercontent.com/mdn/learning-area/master/html/multimedia-and-embedding/images-in-html/dinosaur_small.jpg
 ```
 
diff --git a/files/zh-tw/learn/server-side/django/development_environment/index.md b/files/zh-tw/learn/server-side/django/development_environment/index.md
index edbd58541c31b2..2fcb873a01ebd6 100644
--- a/files/zh-tw/learn/server-side/django/development_environment/index.md
+++ b/files/zh-tw/learn/server-side/django/development_environment/index.md
@@ -298,11 +298,15 @@ pip3 install virtualenvwrapper-win
 
 現在，你可以使用`mkvirtualenv`命令創建新的虛擬環境。當此命令運行時，你將看到正在設置的環境（你看到的是略微特定 於平台的）。當命令完成時，新的虛擬環境，將處於活動狀態 - 你可以看到這一點，因為提示的開頭，將是括號中環境的名稱（如下所示）。
 
+```bash
+mkvirtualenv my_django_environment
 ```
-$ mkvirtualenv my_django_environment
 
+你應該會看到類似以下內容的輸出：
+
+```plain
 Running virtualenv with interpreter /usr/bin/python3
-...
+# …
 virtualenvwrapper.user_scripts creating /home/ubuntu/.virtualenvs/t_env7/bin/get_env_details
 (my_django_environment) ubuntu@ubuntu:~$
 ```
diff --git a/files/zh-tw/learn/server-side/django/generic_views/index.md b/files/zh-tw/learn/server-side/django/generic_views/index.md
index 9600ff66fe3c1d..02953d4046b194 100644
--- a/files/zh-tw/learn/server-side/django/generic_views/index.md
+++ b/files/zh-tw/learn/server-side/django/generic_views/index.md
@@ -440,7 +440,7 @@ The one interesting thing we haven't seen before is the function `book.bookinsta
 >
 > 順帶一提，若你不再基於類的 view 或 model 定義順序（order），開發伺服器會將會報錯類似的訊息：
 >
-> ```
+> ```plain
 > [29/May/2017 18:37:53] "GET /catalog/books/?page=1 HTTP/1.1" 200 1637
 > /foo/local_library/venv/lib/python3.5/site-packages/django/views/generic/list.py:99: UnorderedObjectListWarning: Pagination may yield inconsistent results with an unordered object_list: <QuerySet [<Author: Ortiz, David>, <Author: H. McRaven, William>, <Author: Leigh, Melinda>]>
 >   allow_empty_first_page=allow_empty_first_page, **kwargs)
diff --git a/files/zh-tw/mozilla/add-ons/webextensions/content_scripts/index.md b/files/zh-tw/mozilla/add-ons/webextensions/content_scripts/index.md
index 37f0c5cd393225..a4d7a33265fa7f 100644
--- a/files/zh-tw/mozilla/add-ons/webextensions/content_scripts/index.md
+++ b/files/zh-tw/mozilla/add-ons/webextensions/content_scripts/index.md
@@ -428,7 +428,7 @@ window.addEventListener("message", function (event) {
 
 在 Chrome 裡，這會產出這樣的結果：
 
-```
+```plain
 In content script, window.x: 1
 In content script, window.y: 2
 In page script, window.x: undefined
@@ -437,7 +437,7 @@ In page script, window.y: undefined
 
 而在 Firefox 裡會產生這些：
 
-```
+```plain
 In content script, window.x: undefined
 In content script, window.y: 2
 In page script, window.x: 1
diff --git a/files/zh-tw/mozilla/add-ons/webextensions/your_first_webextension/index.md b/files/zh-tw/mozilla/add-ons/webextensions/your_first_webextension/index.md
index 9682e3c139d238..fdc9b20326c6b1 100644
--- a/files/zh-tw/mozilla/add-ons/webextensions/your_first_webextension/index.md
+++ b/files/zh-tw/mozilla/add-ons/webextensions/your_first_webextension/index.md
@@ -99,7 +99,7 @@ document.body.style.border = "5px solid red";
 
 首先，仔細檢查這些檔案是否在正確的位置：
 
-```
+```plain
 borderify/
     icons/
         border-48.png
diff --git a/files/zh-tw/mozilla/add-ons/webextensions/your_second_webextension/index.md b/files/zh-tw/mozilla/add-ons/webextensions/your_second_webextension/index.md
index f22f8e466f4ceb..4a3aa56cc3fa6d 100644
--- a/files/zh-tw/mozilla/add-ons/webextensions/your_second_webextension/index.md
+++ b/files/zh-tw/mozilla/add-ons/webextensions/your_second_webextension/index.md
@@ -325,7 +325,7 @@ browser.runtime.onMessage.addListener(beastify);
 
 首先，請再三的確認檔案有放到相對應的資料夾中：
 
-```
+```plain
 beastify/
 
     beasts/
diff --git a/files/zh-tw/web/css/border-image/index.md b/files/zh-tw/web/css/border-image/index.md
index 869cae9003a366..fd08c73eb12b65 100644
--- a/files/zh-tw/web/css/border-image/index.md
+++ b/files/zh-tw/web/css/border-image/index.md
@@ -14,9 +14,25 @@ CSS 屬性 `border-image` 可以讓你在元素的邊框上擺上圖片。這讓
 
 ## 語法
 
-```
-none |
-  [ <圖片> [ <數字> | <百分比> ]{1,4} [/ <邊框寬度>{1,4}]? ] && [ stretch | repeat | round ]{0,2}
+```css
+/* source | slice */
+border-image: linear-gradient(red, blue) 27;
+
+/* source | slice | repeat */
+border-image: url("/images/border.png") 27 space;
+
+/* source | slice | width */
+border-image: linear-gradient(red, blue) 27 / 35px;
+
+/* source | slice | width | outset | repeat */
+border-image: url("/images/border.png") 27 23 / 50px 30px / 1rem round space;
+
+/* 全域值 */
+border-image: inherit;
+border-image: initial;
+border-image: revert;
+border-image: revert-layer;
+border-image: unset;
 ```
 
 ## 取值
@@ -64,18 +80,26 @@ none |
 
 \[這裡還需要一些活範例]
 
-```
-#header  { -moz-border-image: url(border.png) 27 27 27 27 round round; }
+```css
+#header {
+  -moz-border-image: url(border.png) 27 27 27 27 round round;
+}
 
-.button  { -moz-border-image: url(button.png) 0 5 0 5; }
+.button {
+  -moz-border-image: url(button.png) 0 5 0 5;
+}
 
-.example { -moz-border-image: url(example.jpg) 3 4 6 8 / 10px 12px 14px 22px; }
+.example {
+  -moz-border-image: url(example.jpg) 3 4 6 8 / 10px 12px 14px 22px;
+}
 ```
 
-```
+```css
 /* 鮮見例，在 Firefox 3.5 下看起來像是完全伸展的 background-image */
 
- div     { -moz-border-image: url(bgimage.png) 0; }
+div {
+  -moz-border-image: url(bgimage.png) 0;
+}
 ```
 
 ## 規範
diff --git a/files/zh-tw/web/svg/tutorial/getting_started/index.md b/files/zh-tw/web/svg/tutorial/getting_started/index.md
index 63c97e5e823174..f29674014fbc13 100644
--- a/files/zh-tw/web/svg/tutorial/getting_started/index.md
+++ b/files/zh-tw/web/svg/tutorial/getting_started/index.md
@@ -77,13 +77,13 @@ SVG 規範支持超大體積的 SVG 文件，以便符合一些應用程式的
 
 現在你已經大致瞭解了如何創建 SVG 文件，下一步就是將 SVG 文件上傳到服務器上。這裡有一些問題需要注意。對於一般的 SVG 文件，服務器的 HTTP 響應端是：
 
-```
+```http
 Content-Type: image/svg+xml
 ```
 
 對於經過壓縮的 SVG 文件，響應端應該是：
 
-```
+```http
 Content-Type: image/svg+xml
 Content-Encoding: gzip
 ```
diff --git a/files/zh-tw/web/svg/tutorial/paths/index.md b/files/zh-tw/web/svg/tutorial/paths/index.md
index 7b7ca07070db39..6db31a76b44d9d 100644
--- a/files/zh-tw/web/svg/tutorial/paths/index.md
+++ b/files/zh-tw/web/svg/tutorial/paths/index.md
@@ -23,13 +23,13 @@ Coordinates in the `"d"` attribute are **always unitless** and hence in the user
 
 There are five line commands for `<path>` nodes. The first command is the "Move To" or M, which was described above. It takes two parameters, a coordinate ' x ' and coordinate ' y ' to move to. If your cursor already was somewhere on the page, no line is drawn to connect the two places. The "Move To" command appears at the beginning of paths to specify where the drawing should start. e.g. :
 
-```
+```plain
 M x y
 ```
 
 or
 
-```
+```plain
 m dx dy
 ```
 
@@ -50,13 +50,13 @@ In the following example we only have a point at (10,10). Note, though, that it
 
 There are three commands that draw lines. The most generic is the "Line To" command, `called with L`. `L` takes two parameters—x and y coordinates—and draws a line from the current position to a new position.
 
-```
+```plain
 L x y (or l dx dy)
 ```
 
 There are two abbreviated forms for drawing horizontal and vertical lines. `H` draws a horizontal line, and `V` draws a vertical line. Both commands only take one argument since they only move in one direction.
 
-```
+```plain
 H x (or h dx)
 V y (or v dy)
 ```
@@ -81,7 +81,7 @@ An easy place to start is by drawing a shape. We will start with a rectangle (th
 
 We can shorten the above path declaration a little bit by using the "Close Path" command, called with `Z`. This command draws a straight line from the current position back to the first point of the path. It is often placed at the end of a path node, although not always. There is no difference between the uppercase and lowercase command.
 
-```
+```plain
 Z (or z)
 ```
 
@@ -109,7 +109,7 @@ There are three different commands that you can use to create smooth curves. Two
 
 The cubic curve, C, is the slightly more complex curve. Cubic Beziers take in two control points for each point. Therefore, to create a cubic Bezier, you need to specify three sets of coordinates.
 
-```
+```plain
 C x1 y1, x2 y2, x y (or c dx1 dy1, dx2 dy2, dx dy)
 ```
 
@@ -137,7 +137,7 @@ The example above creates nine Cubic Bezier curves. As the curves move toward th
 
 You can string together several Bezier curves to create extended, smooth shapes. Often, the control point on one side of a point will be a reflection of the control point used on the other side to keep the slope constant. In this case, you can use a shortcut version of the cubic Bezier, designated by the command `S` (or `s`).
 
-```
+```plain
 S x2 y2, x y (or s dx2 dy2, dx dy)
 ```
 
@@ -153,7 +153,7 @@ S x2 y2, x y (or s dx2 dy2, dx dy)
 
 The other type of Bezier curve, the quadratic curve called with Q, is actually a simpler curve than the cubic one. It requires one control point which determines the slope of the curve at both the start point and the end point. It takes two arguments: the control point and the end point of the curve. Note that the co-ordinate deltas for `q` are both relative to the previous point (that is, `dx` and `dy` are not relative to `dx1` and `dy1`).
 
-```
+```plain
 Q x1 y1, x y (or q dx1 dy1, dx dy)
 ```
 
@@ -167,7 +167,7 @@ Q x1 y1, x y (or q dx1 dy1, dx dy)
 
 As with the cubic Bezier curve, there is a shortcut for stringing together multiple quadratic Beziers, called with T.
 
-```
+```plain
 T x y (or t dx dy)
 ```
 
@@ -190,7 +190,7 @@ Both curves produce similar results, although the cubic allows you greater freed
 
 The other type of curved line you can create using SVG is the arc, called with A. Arcs are sections of circles or ellipses. For a given x-radius and y-radius, there are two ellipses that can connect any two points (as long as they're within the radius of the circle). Along either of those circles there are two possible paths that you can take to connect the points, so in any situation there are four possible arcs available. Because of that, arcs have to take in quite a few arguments:
 
-```
+```plain
 A rx ry x-axis-rotation large-arc-flag sweep-flag x y
 a rx ry x-axis-rotation large-arc-flag sweep-flag dx dy
 ```

From ea120d2b3dfcbcd6000fc3fb0b72a3686946e3fe Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Thu, 22 Aug 2024 09:32:50 +0800
Subject: [PATCH 52/81] zh-cn: update the translation of `Animation.play()`
 (#22996)

---
 files/zh-cn/web/api/animation/play/index.md | 48 +++++++++++----------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/files/zh-cn/web/api/animation/play/index.md b/files/zh-cn/web/api/animation/play/index.md
index 5bce0d1c4e8aa4..c085adec9097c3 100644
--- a/files/zh-cn/web/api/animation/play/index.md
+++ b/files/zh-cn/web/api/animation/play/index.md
@@ -1,16 +1,18 @@
 ---
-title: Animation.play()
+title: Animation：play() 方法
 slug: Web/API/Animation/play
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
-{{ APIRef("Web Animations") }}{{SeeCompatTable}}
+{{ APIRef("Web Animations") }}
 
-[Web Animations API](/zh-CN/docs/Web/API/Web_Animations_API)的{{ domxref("Animation") }}接口中的**`play()`** 方法 可开始或恢复动画的播放。如果动画结束，则调用`play()`重新启动动画，从头开始播放。
+[Web 动画 API](/zh-CN/docs/Web/API/Web_Animations_API) 的 {{domxref("Animation")}} 接口的 **`play()`** 方法可开始或恢复动画的播放。如果动画结束，调用 `play()` 则会重新开始动画，从头开始播放。
 
 ## 语法
 
-```plain
-animation.play();
+```js-nolint
+play()
 ```
 
 ### 参数
@@ -19,15 +21,15 @@ animation.play();
 
 ### 返回值
 
-{{jsxref("undefined")}}
+无（{{jsxref("undefined")}}）。
 
-## 例子
+## 示例
 
-在 [Growing/Shrinking Alice Game](https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010) 示例中，单击或点击蛋糕会导致 Alice 的增长动画 (`aliceChange`) 播放，导致她体型变大并触发蛋糕的动画。在以下示例中，使用了一个事件监听器来触发两者的动画：
+在 [Alice 的成长游戏](https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010)示例中，单击或轻触蛋糕会导致 Alice 长大的动画（`aliceChange`）向前播放，从而使她的体型变大并触发蛋糕的动画。包含两个 `Animation.play()` 和一个 `EventListener`：
 
 ```js
-// 蛋糕拥有其自己的动画：
-var nommingCake = document
+// 蛋糕有它自己的动画：
+const nommingCake = document
   .getElementById("eat-me_sprite")
   .animate(
     [{ transform: "translateY(0)" }, { transform: "translateY(-80%)" }],
@@ -41,21 +43,21 @@ var nommingCake = document
 // 暂停蛋糕的动画，以避免动画立即播放。
 nommingCake.pause();
 
-// 该函数会在用户点击时触发
-var growAlice = function () {
-  // Play Alice's animation.
+// 该函数会在用户点击或轻触时触发
+const growAlice = () => {
+  // 播放 Alice 的动画。
   aliceChange.play();
 
-  // Play the cake's animation.
+  // 播放蛋糕的动画。
   nommingCake.play();
 };
 
-// 当用户持续按下或点击时，调用 growAlice 函数使得所有的动画播放。
+// 当用户保持鼠标按下或轻触的状态时，调用 growAlice 来播放所有动画。
 cake.addEventListener("mousedown", growAlice, false);
 cake.addEventListener("touchstart", growAlice, false);
 ```
 
-## 标准
+## 规范
 
 {{Specifications}}
 
@@ -63,11 +65,11 @@ cake.addEventListener("touchstart", growAlice, false);
 
 {{Compat}}
 
-## 了解更多
+## 参见
 
-- [Web Animations API](/zh-CN/docs/Web/API/Web_Animations_API)
-- {{domxref("Animation")}} for other methods and properties you can use to control web page animation.
-- {{domxref("Animation.pause()")}} to pause an animation.
-- {{domxref("Animation.reverse()")}} to play an animation backwards.
-- {{domxref("Animation.finish()")}} to finish an animation.
-- {{domxref("Animation.cancel()")}} to cancel an animation.
+- [Web 动画 API](/zh-CN/docs/Web/API/Web_Animations_API)
+- {{domxref("Animation")}} 包含你可用于控制网页动画的其他方法和属性。
+- {{domxref("Animation.pause()")}} 用于暂停动画。
+- {{domxref("Animation.reverse()")}} 用于反向播放动画。
+- {{domxref("Animation.finish()")}} 用于立即结束动画。
+- {{domxref("Animation.cancel()")}} 用于取消动画。

From 5146ec49415af5ebaf8378f0e8c4c7319a737d98 Mon Sep 17 00:00:00 2001
From: RoXoM <xyy94813@sina.com>
Date: Thu, 22 Aug 2024 10:25:36 +0800
Subject: [PATCH 53/81] zh-cn: translate for using device orientation with 3D
 transforms (#23117)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../index.md                                  | 82 +++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 files/zh-cn/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md

diff --git a/files/zh-cn/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md b/files/zh-cn/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md
new file mode 100644
index 00000000000000..f3ccd4b2d519ed
--- /dev/null
+++ b/files/zh-cn/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md
@@ -0,0 +1,82 @@
+---
+title: 使用设备方向与三维转换
+slug: Web/API/Device_orientation_events/Using_device_orientation_with_3D_transforms
+l10n:
+  sourceCommit: 6d4f585b94068dc0dfd733047fb2229dca38b1eb
+---
+
+{{DefaultAPISidebar("Device Orientation Events")}}{{securecontext_header}}
+
+本文提供了将设备方向信息与 CSS 3D 变换结合使用的技巧。
+
+## 使用方向旋转元素
+
+[方向数据](/zh-CN/docs/Web/API/Window/deviceorientation_event)转换为[三维变换](/zh-CN/docs/Web/CSS/transform)的最简单的方式是是使用 `alpha`、`gamma` 和 `beta` 值作为 `rotateZ`、`rotateX` 和 `rotateY` 值。
+
+不过。必须牢记，设备[方向坐标系](/zh-CN/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained)与 [CSS 坐标系](/zh-CN/docs/Web/CSS/CSSOM_view/Coordinate_systems)不同。前者是[右手定则](https://zh.wikipedia.org/wiki/右手定則)，Y 轴向上为正，而后者是左手定则，Y 轴向下为正。此外，设备方向角旋转应始终按照 Z—X'—Y'' 的顺序进行，这与 [CSS 变换](/zh-CN/docs/Web/CSS/CSS_transforms)的顺序不一致。以下是这些差异带来的一些实际后果：
+
+- 角度旋转的顺序很重要，因此要确保 alpha、beta 和 gamma 旋转依次进行。
+- CSS 变换的 [`rotate3d()`](/zh-CN/docs/Web/CSS/transform-function/rotate3d) 以及 [`DOMMatrix.rotateSelf()`](/zh-CN/docs/Web/API/DOMMatrix/rotateSelf) 和 [`DOMMatrix.rotateSelf()`](/zh-CN/docs/Web/API/DOMMatrix/rotateSelf) 函数按照 Z—Y'—X'' 的顺序应用角度旋转，因此不可能通过一次调用就以正确的顺序应用阿尔法、贝塔和伽马旋转。相反，你应该按照正确的顺序单独旋转每个轴。
+- 由于上述坐标系的不同，在 CSS 中，面向原点的旋转是按顺时针方向进行的，而在设备方向规范中，旋转是按逆时针方向进行的。这意味着 alpha 和 beta 需要反转（围绕 Z 和 X 的旋转），因为它们在两个坐标系中指向不同的方向。但是，gamma（围绕 Y 的旋转）应保持不变。下面是一个总结的代码片段：
+
+  ```js
+  const elem = document.getElementById("view3d");
+
+  window.addEventListener("deviceorientation", (e) => {
+    elem.style.transform = `rotateZ(${-e.alpha}deg) rotateX(${-e.beta}deg) rotateY(${
+      e.gamma
+    }deg)`;
+  });
+  ```
+
+## 将 `rotate3d()` 角度转换为 `deviceorientation` 角度
+
+如果你需要将 rotate3d 的轴旋转角转换为 `deviceorientation` 所使用的[欧拉角](https://zh.wikipedia.org/wiki/欧拉角)，可以使用以下算法：
+
+```js
+// 将 rotate3d 的轴旋转角转换为 deviceorientation 角度
+function orient(aa) {
+  const x = aa.x,
+    y = aa.y,
+    z = aa.z,
+    a = aa.a,
+    c = Math.cos(aa.a),
+    s = Math.sin(aa.a),
+    t = 1 - c,
+    // 将轴旋转角转换为旋转矩阵
+    rm00 = c + x * x * t,
+    rm10 = z * s + y * x * t,
+    rm20 = -y * s + z * x * t,
+    rm01 = -z * s + x * y * t,
+    rm11 = c + y * y * t,
+    rm21 = x * s + z * y * t,
+    rm02 = y * s + x * z * t,
+    rm12 = -x * s + y * z * t,
+    rm22 = c + z * z * t,
+    TO_DEG = 180 / Math.PI,
+    ea = [],
+    n = Math.hypot(rm22, rm20);
+
+  // 将旋转矩阵转换为欧拉角
+  ea[1] = Math.atan2(-rm21, n);
+
+  if (n > 0.001) {
+    ea[0] = Math.atan2(rm01, rm11);
+    ea[2] = Math.atan2(rm20, rm22);
+  } else {
+    ea[0] = 0;
+    ea[2] = (rm21 > 0 ? 1 : -1) * Math.atan2(-rm10, rm00);
+  }
+
+  return {
+    alpha: -ea[0] * TO_DEG - 180,
+    beta: -ea[1] * TO_DEG,
+    gamma: ea[2] * TO_DEG,
+  };
+}
+```
+
+## 参见
+
+- [使用 CSS 变换](/zh-CN/docs/Web/CSS/CSS_transforms/Using_CSS_transforms)
+- [检测设备方向](/zh-CN/docs/Web/API/Device_orientation_events/Detecting_device_orientation)

From 3a0860cad6eebbdb69a3360383dd449fc27e4269 Mon Sep 17 00:00:00 2001
From: Maxtune Lee <60775796+MaxtuneLee@users.noreply.github.com>
Date: Thu, 22 Aug 2024 10:31:54 +0800
Subject: [PATCH 54/81] [zh-cn]: remove browser compatibility section in 204
 page (#23181)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/http/status/204/index.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/files/zh-cn/web/http/status/204/index.md b/files/zh-cn/web/http/status/204/index.md
index d3ab2f404ab31d..6f1390de5fe8f3 100644
--- a/files/zh-cn/web/http/status/204/index.md
+++ b/files/zh-cn/web/http/status/204/index.md
@@ -19,9 +19,11 @@ HTTP **`204 No Content`** 成功状态响应码，表示该请求已经成功了
 
 {{Specifications}}
 
-## 浏览器兼容性
+## 兼容性说明
 
-{{Compat}}
+尽管此状态码适用于没有响应体的响应，但服务器可能会错误地在标头后面携带数据。这种问题在长连接中尤为常见，因为无效的响应体可能会与后续请求的响应数据混合在一起。HTTP 协议允许浏览器以不同的方式处理此类响应（[HTTPWG `http-core` GitHub 仓库](https://github.com/httpwg/http-core/issues/26)中正在持续讨论有关规范文本的内容）。
+
+Apple Safari 拒绝任何此类数据。Google Chrome 和 Microsoft Edge 在得到有效响应之前最多丢弃 4 个无效字节。Firefox 在获得有效响应之前可以容忍超过 1KB 的无效数据。
 
 ## 参见
 

From 7d3224e3fb06972c00178aeb409d944da971628a Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Thu, 22 Aug 2024 10:36:15 +0800
Subject: [PATCH 55/81] [zh-cn]: update the translation of `Range.startOffset`
 property (#23188)

---
 .../zh-cn/web/api/range/startoffset/index.md  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/files/zh-cn/web/api/range/startoffset/index.md b/files/zh-cn/web/api/range/startoffset/index.md
index 3a8a503e57af24..155bdf8d9e1179 100644
--- a/files/zh-cn/web/api/range/startoffset/index.md
+++ b/files/zh-cn/web/api/range/startoffset/index.md
@@ -1,29 +1,29 @@
 ---
-title: Range.startOffset
+title: Range：startOffset 属性
 slug: Web/API/Range/startOffset
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
-{{ ApiRef("Range") }}
+{{ApiRef("DOM")}}
 
-**`Range.startOffset`** 是一个只读属性，用于返回一个表示 `Range` 在 `startContainer` 中的起始位置的数字。
+**`Range.startOffset`** 只读属性返回一个数字，表示 `Range` 在 `startContainer` 中的起始位置。
 
-如果 `startContainer` 是一个文本（{{domxref("Text")}}）、注释（{{domxref("Comment")}}）或者 CDATA 区块（{{domxref("CDATASection")}}）节点，那么返回的偏移量是从 `startContainer` 开始到 {{domxref("Range")}} 的边界点的字符数量。对于其他的节点类型， `startOffset` 返回 `startContainer` 到边界点的子节点数量。
+如果 `startContainer` 是 {{domxref("Text")}}、{{domxref("Comment")}} 或 {{domxref("CDATASection")}} 类型的 {{domxref("Node")}}，那么偏移量是从 `startContainer` 的起始位置到 {{domxref("Range")}} 边界点的字符数。对于其他 {{domxref("Node")}} 类型，`startOffset` 是从 `startContainer` 的起始位置到 {{domxref("Range")}} 边界点之间的子节点数量。
 
-可使用{{domxref("Range.setStart")}} 方法改变 `Range` 的 `startOffset` 位置。
+要更改 {{domxref("Range")}} 的 `startOffset`，请使用 {{domxref("Range.setStart")}} 方法。
 
-## 语法
+## 值
 
-```
-startRangeOffset = range.startOffset;
-```
+数字。
 
 ## 示例
 
 ```js
-range = document.createRange();
+const range = document.createRange();
 range.setStart(startNode, startOffset);
 range.setEnd(endNode, endOffset);
-startRangeOffset = range.startOffset;
+const startRangeOffset = range.startOffset;
 ```
 
 ## 规范
@@ -36,4 +36,4 @@ startRangeOffset = range.startOffset;
 
 ## 参见
 
-- [The DOM interfaces index](/zh-CN/docs/DOM/DOM_Reference)
+- [DOM 接口索引](/zh-CN/docs/Web/API/Document_Object_Model)

From f73e5b57fbf2b32cc03fb5e36494061440686432 Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Thu, 22 Aug 2024 18:13:48 +0800
Subject: [PATCH 56/81] [zh-cn]: update the translation of SVG `<feMorphology>`
 element (#23191)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../web/svg/element/femorphology/index.md     | 146 +++++++++++++-----
 1 file changed, 111 insertions(+), 35 deletions(-)

diff --git a/files/zh-cn/web/svg/element/femorphology/index.md b/files/zh-cn/web/svg/element/femorphology/index.md
index c4ea45fa4efc88..15e95e6342c4e9 100644
--- a/files/zh-cn/web/svg/element/femorphology/index.md
+++ b/files/zh-cn/web/svg/element/femorphology/index.md
@@ -1,56 +1,132 @@
 ---
-title: feMorphology
+title: <feMorphology>
 slug: Web/SVG/Element/feMorphology
+l10n:
+  sourceCommit: 3a1ef2abc8233835f0b0cc73afaf36e44edaf4a1
 ---
 
 {{SVGRef}}
 
-该滤镜用来侵蚀或扩张输入的图像。它在增肥或瘦身效果方面特别有用。
+**`<feMorphology>`** [SVG](/zh-CN/docs/Web/SVG) 滤镜原语用于对输入图像进行腐蚀或膨胀。它的用途尤其体现在加粗或变细效果上。
 
-## 用法
+## 使用上下文
 
 {{svginfo}}
 
+## 属性
+
+- {{SVGAttr("in")}}
+- {{SVGAttr("operator")}}
+- {{SVGAttr("radius")}}
+
+## DOM 接口
+
+此元素实现了 {{domxref("SVGFEMorphologyElement")}} 接口。
+
 ## 示例
 
-## 属性
+### 过滤 SVG 内容
 
-### 全局属性
+#### SVG
 
-- [核心属性](/zh-CN/SVG/Attribute#Core) »
-- [外观属性](/zh-CN/SVG/Attribute#Presentation) »
-- [滤镜属性](/zh-CN/SVG/Attribute#Filter) »
-- {{ SVGAttr("class") }}
-- {{ SVGAttr("style") }}
+```html
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="180">
+  <filter id="erode">
+    <feMorphology operator="erode" radius="1" />
+  </filter>
+  <filter id="dilate">
+    <feMorphology operator="dilate" radius="2" />
+  </filter>
+  <text y="1em">普通文本</text>
+  <text id="thin" y="2em">细文本</text>
+  <text id="thick" y="3em">粗文本</text>
+</svg>
+```
 
-### 专有属性
+#### CSS
 
-- {{ SVGAttr("in") }}
-- {{ SVGAttr("operator") }}
-- {{ SVGAttr("radius") }}
+```css
+text {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 3em;
+}
 
-## DOM 接口
+#thin {
+  filter: url(#erode);
+}
+
+#thick {
+  filter: url(#dilate);
+}
+```
+
+{{EmbedLiveSample("过滤 SVG 内容", 340, 180)}}
+
+### 过滤 HTML 内容
+
+#### SVG
+
+```html
+<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0">
+  <filter id="erode">
+    <feMorphology operator="erode" radius="1" />
+  </filter>
+  <filter id="dilate">
+    <feMorphology operator="dilate" radius="2" />
+  </filter>
+</svg>
+
+<p>普通文本</p>
+<p id="thin">细文本</p>
+<p id="thick">粗文本</p>
+```
+
+#### CSS
+
+```css
+p {
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 3em;
+}
+
+#thin {
+  filter: url(#erode);
+}
+
+#thick {
+  filter: url(#dilate);
+}
+```
+
+{{EmbedLiveSample("过滤 HTML 内容", 340, 180)}}
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
 
-该元素实现了 [`SVGFEMorphologyElement`](/zh-CN/DOM/SVGFEMorphologyElement) 接口。
+{{Compat}}
 
 ## 参见
 
-- {{ SVGElement("filter") }}
-- {{ SVGElement("animate") }}
-- {{ SVGElement("set") }}
-- {{ SVGElement("feBlend") }}
-- {{ SVGElement("feColorMatrix") }}
-- {{ SVGElement("feComponentTransfer") }}
-- {{ SVGElement("feComposite") }}
-- {{ SVGElement("feConvolveMatrix") }}
-- {{ SVGElement("feDiffuseLighting") }}
-- {{ SVGElement("feDisplacementMap") }}
-- {{ SVGElement("feFlood") }}
-- {{ SVGElement("feGaussianBlur") }}
-- {{ SVGElement("feImage") }}
-- {{ SVGElement("feMerge") }}
-- {{ SVGElement("feOffset") }}
-- {{ SVGElement("feSpecularLighting") }}
-- {{ SVGElement("feTile") }}
-- {{ SVGElement("feTurbulence") }}
-- [SVG 教程：滤镜效果](/zh-CN/SVG/Tutorial/Filter_effects)
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feBlend")}}
+- {{SVGElement("feColorMatrix")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feComposite")}}
+- {{SVGElement("feConvolveMatrix")}}
+- {{SVGElement("feDiffuseLighting")}}
+- {{SVGElement("feDisplacementMap")}}
+- {{SVGElement("feFlood")}}
+- {{SVGElement("feGaussianBlur")}}
+- {{SVGElement("feImage")}}
+- {{SVGElement("feMerge")}}
+- {{SVGElement("feOffset")}}
+- {{SVGElement("feSpecularLighting")}}
+- {{SVGElement("feTile")}}
+- {{SVGElement("feTurbulence")}}
+- [SVG 教程：滤镜效果](/zh-CN/docs/Web/SVG/Tutorial/Filter_effects)

From 286feee83b9e1a3b43617163d41ef5a04f0b227e Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 22 Aug 2024 21:17:26 +0900
Subject: [PATCH 57/81] =?UTF-8?q?2024/07/19=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3=20(#23119)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 2024/07/19 時点の英語版に基づき新規翻訳

* Update index.md
---
 .../mediacapabilities/encodinginfo/index.md   | 119 ++++++++++++++----
 1 file changed, 94 insertions(+), 25 deletions(-)

diff --git a/files/ja/web/api/mediacapabilities/encodinginfo/index.md b/files/ja/web/api/mediacapabilities/encodinginfo/index.md
index 1d862bcf3c6a29..094a98c9c2fea7 100644
--- a/files/ja/web/api/mediacapabilities/encodinginfo/index.md
+++ b/files/ja/web/api/mediacapabilities/encodinginfo/index.md
@@ -1,46 +1,117 @@
 ---
-title: MediaCapabilitiesInfo
+title: "MediaCapabilities: encodingInfo() メソッド"
+short-title: encodingInfo()
 slug: Web/API/MediaCapabilities/encodingInfo
+l10n:
+  sourceCommit: 7b565c5f4610bea19c844f35532853624d87cde3
 ---
 
 {{APIRef("Media Capabilities API")}}
 
-[Media Capabilities API](/ja/docs/Web/API/Media_Capabilities_API) の **`MediaCapabilitiesInfo`** インターフェイスは、{{domxref("MediaCapabilities")}} インターフェイスの {{domxref("MediaCapabilities.encodingInfo()")}} メソッドまたは {{domxref("MediaCapabilities.decodingInfo()")}} メソッドによって返される promise が満たされると使用可能になり、メディアタイプがサポートされているかどうかや、そのようなメディアのエンコードまたはデコードがスムーズで電力効率が良いかどうかに関する情報を提供します。
+**`encodingInfo()`** は {{domxref("MediaCapabilities")}} インターフェイスのメソッドで、確認されたメディア構成のエンコード方式の能力を履行するプロミスを返します。
+これには、端末がメディアの種類とどの程度互換性があるかを記述する 3 つの論理値プロパティ、`supported`、`smooth`、`powerefficient` があります。
 
-## プロパティ
+## 構文
 
-`MediaCapabilitiesInfo` インターフェイスには、次の 3 つの Boolean 属性が含まれています。
+```js-nolint
+encodingInfo(configuration)
+```
+
+### 引数
+
+- `configuration`
+
+  - : `type` プロパティと、適切な型の構成を格納する `video` または `audio` プロパティを持つオブジェクトです。 <!-- 仕様書上の MediaEncodingConfiguration -->
+
+    - `type`
+
+      - : 検査対象のメディアの種類。これは 2 つの値のうちの 1 つを取ります。
+
+        - `record`
+          - : メディアの録画構成を表します。例えば、{{domxref("MediaRecorder")}}を使用します。
+        - `webrtc`
+          - : 電子的手段で送信されることを意味している構成を表します（例えば、{{domxref("RTCPeerConnection")}}を使用）。 **メモ:** Firefox ではこの型に `transmission` を使用しており、`webrtc` は動作しません。
+        - `transmission` {{non-standard_inline}}
+          - : Firefox で使用する `webrtc` の同義語。
+
+    - `video`
+
+      - : 動画メディアソースの構成オブジェクト。
+        これは、以下のプロパティを持ちます。 <!-- 仕様書上の VideoConfiguration -->
+
+        - `contentType`
+          - : 有効な動画の MIME タイプ、および（オプションで）[`codecs` 引数](/ja/docs/Web/Media/Formats/codecs_parameter)の入った文字列です。
+        - `width`
+          - : 映像の幅です。
+        - `height`
+          - : 映像の高さです。
+        - `bitrate`
+          - : 動画ファイルの 1 秒をエンコードするために使用するビット数。
+        - `framerate`
+          - : 動画再生の 1 秒を構成するフレーム数。
+
+    - `audio`
+
+      - : 音声メディアソースの構成オブジェクト。
+        これは、以下のプロパティを持ちます。 <!-- 仕様書上の AudioConfiguration -->
+
+        - `contentType`
+          - : 有効な音声の MIME タイプ、および（オプションで）[`codecs` 引数](/ja/docs/Web/Media/Formats/codecs_parameter)の入った文字列です。
+        - `channels`
+          - : 音声トラックが使用するチャンネル数。
+        - `bitrate`
+          - : 音声ファイルの 1 秒をエンコードするのに用いるビット数。
+        - `samplerate`
+          - : 音声ファイルの 1 秒を構成する音声サンプルの数。
+
+### 返値
+
+{{jsxref('Promise')}} で、以下の論理値属性を持つオブジェクトで履行されます。
+
+- `supported`
+  - : メディアコンテンツがすべてエンコードできる場合は `true`。そうでない場合は `false`。
+- `smooth`
+  - : メディアの再生がスムーズ（高品質）に行われる場合は `true`、そうでない場合は `false` です。
+- `powerEfficient`
+  - : メディアの再生が電力効率的であれば `true`、そうでなければ `false` です。
+
+ブラウザーは、この端末の統計情報が記録されるまで、対応しているメディア構成を`smooth` および `powerEfficient` と報告します。
+対応している音声コーデックはすべて電力効率が良いと報告されます。
 
-- `supported`: {{domxref("MediaConfiguration")}} で定義されたプロパティを指定すると、指定されたメディアコンテンツをエンコード（{{domxref("MediaEncodingConfiguration")}} が設定されている場合）またはデコード（{{domxref("MediaDecodingConfiguration")}} が設定されている場合）できますか？ はいの場合、`supported` は _true_ になり、そうでない場合、_false_ になります。
-- `smooth`: {{domxref("MediaConfiguration")}} で定義されたプロパティを指定すると、指定されたメディアの再生は高品質になりますか？ スムーズになりますか？ `supported` が `true` で、再生がスムーズになる場合、`smooth` は _true_ になり、そうでない場合、_false_ になります。
-- `powerEfficient`: {{domxref("MediaConfiguration")}} で定義されたプロパティを指定すると、指定されたメディアの再生は電力効率が良くなりますか？ `supported` が `true` で、再生の電力効率が良い場合、`powerEfficient` は _true_ になり、そうでない場合、_false_ になります。
+### 例外
 
-ブラウザーは、このデバイスの統計情報が記録されるまで、サポートしているメディア構成を `smooth` で `powerEfficient` として報告します。 サポートしているすべての音声コーデックは、電力効率が良いと報告されます。
+- {{jsxref("TypeError")}}
+  - : `encodingInfo()` メソッドに渡された `configuration` が不正な場合に発生します。これは、以下の理由の内のいずれかに起因する可能性が考えられます。
+    - 型が映像または音声ではない。
+    - `contentType` が有効なコーデックの MIME タイプではありません。
+    - メソッドに渡すメディア構成に、`configuration` 要素が省略されているなど、その他のエラーがある場合。
 
 ## 例
 
-```js
-// テストする {{domxref("MediaConfiguration")}}
+```js-nolint
+//Create media configuration to be tested
 const mediaConfig = {
-    type : 'file',
-    audio : {
-        contentType : "audio/ogg",
-        channels : 2,
-        bitrate : 132700,
-        samplerate : 5200
-     },
+  type: "record", // or 'transmission'
+  video: {
+    contentType: "video/webm;codecs=vp8.0", // valid content type
+    width: 1920, // width of the video
+    height: 1080, // height of the video
+    bitrate: 120000, // number of bits used to encode 1s of video
+    framerate: 48, // number of frames making up that 1s.
+  },
 };
 
 // サポートとパフォーマンスを確認する
-navigator.mediaCapabilities.decodingInfo(mediaConfig).then(result => { // result にはメディア能力情報が含まれます
-    console.log('この構成は、サポート' +
-        (result.supported ? 'され' : 'されておらず') + 、スムーズ' +   // 構成されたメディアは、ユーザーエージェントによってデコードできますか
-        (result.smooth ? 'であり' : 'でなく') + '、電力効率' +         // スムーズですか？
-        (result.powerEfficient ? 'に優れています' : 'が良くありません') + '。') // 電力効率は良いですか？
+navigator.mediaCapabilities.encodingInfo(mediaConfig).then((result) => {
+  console.log(
+    `この構成には対応して${result.supported ? "おり" : "おらず"}、`,
+  );
+  console.log(`円滑で${result.smooth ? "あり" : "なく"}、`);
+  console.log(`電力効率に優れて${result.powerEfficient ? "います" : "いません"}。`);
 });
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
@@ -50,6 +121,4 @@ navigator.mediaCapabilities.decodingInfo(mediaConfig).then(result => { // result
 
 ## 関連情報
 
-- {{domxref("MediaConfiguration")}}
-- {{domxref("MediaCapabilities.encodingInfo()")}}
 - {{domxref("MediaCapabilities.decodingInfo()")}}

From efdfd33afd53d3c87a56f703457819479255ca70 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 20:11:52 +0900
Subject: [PATCH 58/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../framerate/index.md                        | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/files/ja/web/api/mediatracksupportedconstraints/framerate/index.md b/files/ja/web/api/mediatracksupportedconstraints/framerate/index.md
index a15477afb9e0bc..d93d1262419124 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/framerate/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/framerate/index.md
@@ -1,37 +1,38 @@
 ---
-title: MediaTrackSupportedConstraints.frameRate
+title: "MediaTrackSupportedConstraints: frameRate プロパティ"
+short-title: frameRate
 slug: Web/API/MediaTrackSupportedConstraints/frameRate
+l10n:
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
-{{DefaultAPISidebar("Media Capture and Streams")}}
+{{APIRef("Media Capture and Streams")}}
 
 {{domxref("MediaTrackSupportedConstraints")}} 辞書の **`frameRate`** プロパティは読み取り専用の論理値で、 {{domxref("MediaDevices.getSupportedConstraints()")}} が返すオブジェクトに存在（`true` に設定）するならば、{{Glossary("user agent", "ユーザーエージェント")}}が {{domxref("MediaTrackConstraints.frameRate", "frameRate")}} 制約に対応しています。
 
 制約に対応していない場合、リストには含まれなくなりますので、この値が `false` になることはありません。
 
-`frameRate` 制約は、新しい映像トラックの映像フレームレートの許容上限と下限を設定したり、リクエストが成功するために提供されなければならない正確なフレームレートを指定するために使用することができます。このプロパティの値を確認することで、ユーザーエージェントがフレームレートによる映像トラック構成の制約を許可しているかどうかを判断できます。このプロパティがどのように使用できるかは、[例](#例)を参照してください。
+`frameRate` 制約は、新しい映像トラックの映像フレームレートの許容上限と下限を設定したり、リクエストが成功するために提供されなければならない正確なフレームレートを指定するために使用することができます。
+このプロパティの値を確認することで、ユーザーエージェントがフレームレートによる映像トラック構成の制約を許可しているかどうかを判断できます。このプロパティがどのように使用できるかは、[例](#例)を参照してください。
 
 ### 値
 
-このプロパティは、ユーザーエージェントが `frameRate` 制約に対応している場合に、辞書に現れます。このプロパティが現れない場合、ユーザーエージェントはビデオトラックのフレームレートの制限を指定することを許可していません。
+このプロパティは、ユーザーエージェントが `frameRate` 制約に対応している場合に、辞書に現れます。
+このプロパティが現れない場合、ユーザーエージェントはビデオトラックのフレームレートの制限を指定することを許可していません。
 
 > [!NOTE]
 > このプロパティが存在する場合は、常に `true` になります。
 
 ## 例
 
-この簡単な例では、映像トラックを要求する際に、ブラウザがフレームレートの制約に対応しているかどうかを調べます。
+この簡単な例では、映像トラックを要求する際に、ブラウザーがフレームレートの制約に対応しているかどうかを調べます。
 
 ### JavaScript
 
 ```js
-let result = document.getElementById("result");
-
-if (navigator.mediaDevices.getSupportedConstraints().frameRate) {
-  result.textContent = "Supported!";
-} else {
-  result.textContent = "Not supported!";
-}
+const result = document.getElementById("result");
+const supported = navigator.mediaDevices.getSupportedConstraints().frameRate;
+result.textContent = supported ? "Supported!" : "Not supported!";
 ```
 
 ### HTML
@@ -68,7 +69,7 @@ if (navigator.mediaDevices.getSupportedConstraints().frameRate) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}

From 82efb9a3a716ff407169da79356a44f766543b5a Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 17 Aug 2024 20:19:07 +0900
Subject: [PATCH 59/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/mediastreamtrack/index.md | 35 +++++++++++-----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/files/ja/web/api/mediastreamtrack/index.md b/files/ja/web/api/mediastreamtrack/index.md
index 40908084c4b14b..be49fa803d35ab 100644
--- a/files/ja/web/api/mediastreamtrack/index.md
+++ b/files/ja/web/api/mediastreamtrack/index.md
@@ -1,20 +1,24 @@
 ---
 title: MediaStreamTrack
 slug: Web/API/MediaStreamTrack
+l10n:
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
-**`MediaStreamTrack`** インターフェイスは、ストリームに含まれる一つのメディアトラックを表現します。一般的に、音声や動画のトラックですが、他の種類のトラックも存在することがあります。
+**`MediaStreamTrack`** は{{domxref("Media Capture and Streams API", "メディアキャプチャとストリーム API", "", "nocode")}} のインターフェイスで、ストリームに含まれる一つのメディアトラックを表現します。一般的に、音声や動画のトラックですが、他の種類のトラックも存在することがあります。
+
+ユーザーエージェントによっては、{{domxref("CanvasCaptureMediaStreamTrack")}} のように、より詳細な情報や機能を提供するためにこのインターフェイスをサブクラス化するものもあります。
 
 {{InheritanceDiagram}}
 
-## プロパティ
+## インスタンスプロパティ
 
-以下に示すプロパティに加えて、 `MediaStreamTrack` は制約可能なプロパティを持っています。これらのプロパティは、 {{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}} によって設定でき、 {{domxref("MediaStreamTrack.getConstraints", "getConstraints()")}} と {{domxref("MediaStreamTrack.getSettings", "getSettings()")}} によって取得できます。制約可能なプロパティを用いて適切に動作させるためにはどのようにすればいいかを知りたい場合は、[能力と制約と設定](/ja/docs/Web/API/Media_Streams_API/Constraints)を見てください。適切に動作させなかった場合の結果として、あなたが作成したコードは信頼できないものになります。
+以下に示すプロパティに加えて、 `MediaStreamTrack` は制約可能なプロパティを持っています。これらのプロパティは、 {{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}} によって設定でき、 {{domxref("MediaStreamTrack.getConstraints", "getConstraints()")}} と {{domxref("MediaStreamTrack.getSettings", "getSettings()")}} によって取得できます。制約可能なプロパティを用いて適切に動作させるためにはどのようにすればいいかを知りたい場合は、[能力と制約と設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)を見てください。適切に動作させなかった場合の結果として、あなたが作成したコードは信頼できないものになります。
 
 - {{domxref("MediaStreamTrack.contentHint")}}
-  - : 文字列で、ウェブアプリケーションが、トラックがどのような種類のコンテンツを含んでいるかについてのヒントを提供し、 API 利用者がどのように扱うべきかをガイドするために使用することがあります。
+  - : 文字列で、ウェブアプリケーションが、トラックがどのような種類のコンテンツを含んでいるかについてのヒントを提供し、 API の利用者がどのように扱うべきかをガイドするために使用することがあります。使用できる値は、{{domxref("MediaStreamTrack.kind")}} プロパティの値によって異なります。
 - {{domxref("MediaStreamTrack.enabled")}}
 
   - : 論理型で、トラックが有効の場合は `true` の値になり、メディアソースストリームを出力することができます。トラックが無効な場合は `false` の値になり、メディアソースストリームに出力されません。トラックの接続が解除された場合、この値は変更することはできますが、影響を与えることはありません。
@@ -22,30 +26,27 @@ slug: Web/API/MediaStreamTrack
     > [!NOTE]
     > 標準的な「ミュート」（消音）機能は `enabled` を `false` に設定することで実装できます。 `muted` プロパティは技術的な問題でメディアがない状態を表します。
 
-- {{domxref("MediaStreamTrack.id")}} {{readonlyInline}}
+- {{domxref("MediaStreamTrack.id")}} {{ReadOnlyInline}}
   - : トラックの固有識別子 (GUID) を含む文字列を返します。この識別子はブラウザーによって生成されます。
-- {{domxref("MediaStreamTrack.kind")}} {{readonlyInline}}
+- {{domxref("MediaStreamTrack.kind")}} {{ReadOnlyInline}}
   - : このトラックが音声トラックの場合は `"audio"` が設定され、動画トラックの場合は `"video"` が設定される文字列を返します。ソースからの関連付けが解除された場合、この値が変更されることはありません。
-- {{domxref("MediaStreamTrack.label")}} {{readonlyInline}}
+- {{domxref("MediaStreamTrack.label")}} {{ReadOnlyInline}}
   - : ユーザーエージェントによって割り当てられた、 `"internal microphone"` のようなトラックソースを識別するラベルを含む文字列を返します。この文字列は空になることもあり、ソースが接続されていないと空になります。トラックのソースとの関連付けが解除されても、このラベルは変更されません。
-- {{domxref("MediaStreamTrack.muted")}} {{readonlyInline}}
+- {{domxref("MediaStreamTrack.muted")}} {{ReadOnlyInline}}
 
   - : 技術的な問題でこのトラックがメディアデータを提供できないかどうかを示す論理値を返します。
 
     > [!NOTE]
     > 標準的な「ミュート」（消音）機能は `enabled` を `false` に設定することで実装でき、再び `true` に設定することでメディアのミュートを解除することができます。
 
-- {{domxref("MediaStreamTrack.readyState")}} {{readonlyInline}}
+- {{domxref("MediaStreamTrack.readyState")}} {{ReadOnlyInline}}
 
-  - : トラックの状態を表す列挙型の値を返します。この値は次のいずれかになります。
+  - : トラックの状態を表す列挙値の文字列を返します。この値は次のいずれかになります。
 
     - `"live"` は入力機器が接続されており、ベストエフォートでリアルタイムなデータを提供することを表します。この状態では、 {{domxref("MediaStreamTrack.enabled", "enabled")}} 属性を用いることで、データの出力のオンとオフを切り替えることができます。
     - `"ended"` は入力機器がこれ以上データを提供することがなく、新しいデータも一切提供されないことを示します。
 
-- {{domxref("MediaStreamTrack.remote")}} {{readonlyInline}} {{deprecated_inline}}
-  - : トラックのソースが {{domxref("RTCPeerConnection")}} の場合は `true` であり、それ以外は `false` となる論理値を返します。
-
-## メソッド
+## インスタンスメソッド
 
 - {{domxref("MediaStreamTrack.applyConstraints()")}}
   - : `MediaStreamTrack` の制約可能なプロパティについて、理想的な値や許容される値の範囲を指定することができます。
@@ -65,11 +66,9 @@ slug: Web/API/MediaStreamTrack
 これらのイベントを待ち受けするには、 {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用するか、イベントリスナーをこのインターフェイスの `onイベント名` プロパティに代入するかしてください。
 
 - {{domxref("MediaStreamTrack/ended_event", "ended")}}
-  - : トラックの再生が終わったとき（{{domxref("MediaStreamTrack.readyState", "readyState")}} の値が `ended` に変化したとき）に送られます
+  - : トラックの再生が終わったとき（{{domxref("MediaStreamTrack.readyState", "readyState")}} の値が `ended` に変化したとき）に送られます。ただし、トラックが {{domxref("MediaStreamTrack.stop")}} を呼び出すことで終了した場合を除きます。
 - {{domxref("MediaStreamTrack/mute_event", "mute")}}
   - : そのトラックが一時的にデータを提供できなくなったこと（ネットワークに異常が発生した場合など）を示すために {{domxref("MediaStreamTrack.muted", "muted")}} プロパティの値が `true` になったときに `MediaStreamTrack` に送られます。
-- {{domxref("MediaStreamTrack/overconstrained_event", "overconstrained")}} {{deprecated_inline}}
-  - : トラックに指定された制約により、トラックに互換性がなくなり、その結果として使用できない場合に送信されます。
 - {{domxref("MediaStreamTrack/unmute_event", "unmute")}}
   - : データが再び利用可能になり、 `muted` 状態が終わったときにトラックに送信されます。
 
@@ -83,5 +82,5 @@ slug: Web/API/MediaStreamTrack
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaStream")}}

From 48999518e77185b34bfb88a6a3ccb469097f5ad9 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 16:37:28 +0900
Subject: [PATCH 60/81] =?UTF-8?q?2023/12/25=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/mediastreamtrack/contenthint/index.md | 60 +++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 files/ja/web/api/mediastreamtrack/contenthint/index.md

diff --git a/files/ja/web/api/mediastreamtrack/contenthint/index.md b/files/ja/web/api/mediastreamtrack/contenthint/index.md
new file mode 100644
index 00000000000000..297445d050ee0d
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/contenthint/index.md
@@ -0,0 +1,60 @@
+---
+title: "MediaStreamTrack: contentHint プロパティ"
+short-title: contentHint
+slug: Web/API/MediaStreamTrack/contentHint
+l10n:
+  sourceCommit: ac67e6f05d337e52e39f02a978b8c00bc43d583b
+---
+
+{{APIRef("Media Capture and Streams")}}
+
+**`contentHint`** は {{domxref("MediaStreamTrack")}} インターフェイスのプロパティで、トラックに格納されているコンテンツの型を示す文字列です。使用可能な値 {{domxref("MediaStreamTrack.kind")}} プロパティの値に依存します。
+
+## 値
+
+以下のいずれかの値を持つ文字列です。
+
+- `""`
+  - : `contentHint` は設定されていません。
+- `"speech"`
+  - : このトラックは発話データを格納するように取り扱う必要があります。この値を設定するには、{{domxref("MediaStreamTrack.kind")}} の値を `"audio"` にする必要があります。
+- `"speech-recognition"`
+  - : このトラックは機械による音声認識のためのデータを格納するように取り扱う必要があります。この値を設定するには、{{domxref("MediaStreamTrack.kind")}} の値を `"audio"` にする必要があります。
+- `"music"`
+  - : このトラックは音楽を格納するように取り扱う必要があります。この値を設定するには、{{domxref("MediaStreamTrack.kind")}} の値を `"audio"` にする必要があります。
+- `"motion"`
+  - : このトラックは、動きが重要な動画を格納しているように取り扱う必要があります。例えば、ウェブカメラの動画、映画、ビデオゲームなどです。この値を設定するには、{{domxref("MediaStreamTrack.kind")}} の値を `"video"` にする必要があります。
+- `"detail"`
+  - : このトラックは、映像の細部が特別に重要であるように取り扱う必要があります。例えば、テキストコンテンツ、絵画や行を含むプレゼンテーションやウェブページなどです。この値を設定するには、{{domxref("MediaStreamTrack.kind")}} の値を `"video"` にする必要があります。
+- `"text"`
+  - : このトラックは、動画の細部が特に重要であるかのように取り扱う必要があり、かなり鮮明なエッジや 一定の色の領域が頻繁に発生する可能性があります。例えば、テキストコンテンツを含む表示やウェブページ。この値を設定するには、{{domxref("MediaStreamTrack.kind")}} の値を `"video"` にする必要があります。
+
+## 例
+
+### contentHint を設定する関数
+
+この関数はストリームと `contentHint` 値を受け取り、各トラックにヒントを適用します。[完全な例はこちら](https://webrtc.github.io/samples/src/content/capture/video-contenthint/)を参照してください。`contentHint` の値によってトラックの表示方法がどのように変わるかを示しています。
+
+```js
+function setVideoTrackContentHints(stream, hint) {
+  const tracks = stream.getVideoTracks();
+  tracks.forEach((track) => {
+    if ("contentHint" in track) {
+      track.contentHint = hint;
+      if (track.contentHint !== hint) {
+        console.error(`Invalid video track contentHint: "${hint}"`);
+      }
+    } else {
+      console.error("MediaStreamTrack の contentHint 属性に対応していません");
+    }
+  });
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 40889c44bd5e5e1b585f00d9a862d20f9b35abb3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 16:40:23 +0900
Subject: [PATCH 61/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/mediastreamtrack/enabled/index.md | 9 ++++++---
 files/ja/web/api/mediastreamtrack/muted/index.md   | 7 +++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/files/ja/web/api/mediastreamtrack/enabled/index.md b/files/ja/web/api/mediastreamtrack/enabled/index.md
index cf718394dcd360..f1bbc2156a10bf 100644
--- a/files/ja/web/api/mediastreamtrack/enabled/index.md
+++ b/files/ja/web/api/mediastreamtrack/enabled/index.md
@@ -1,6 +1,9 @@
 ---
-title: MediaStreamTrack.enabled
+title: "MediaStreamTrack: enabled プロパティ"
+short-title: enabled
 slug: Web/API/MediaStreamTrack/enabled
+l10n:
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
 {{APIRef("Media Capture and Streams")}}
@@ -34,7 +37,7 @@ slug: Web/API/MediaStreamTrack/enabled
 この例では、一時停止ボタンの {{domxref("Element/click_event", "click")}} イベントハンドラーの使用例を示しています。
 
 ```js
-pauseButton.onclick = function (evt) {
+pauseButton.onclick = (evt) => {
   const newState = !myAudioTrack.enabled;
 
   pauseButton.innerHTML = newState ? "&#x25B6;&#xFE0F;" : "&#x23F8;&#xFE0F;";
@@ -56,7 +59,7 @@ pauseButton.onclick = function (evt) {
 
 ## 関連情報
 
-- [MediaStream API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaStream")}}
 - {{domxref("MediaStreamTrack")}}
 - [WebRTC](/ja/docs/Web/API/WebRTC_API)
diff --git a/files/ja/web/api/mediastreamtrack/muted/index.md b/files/ja/web/api/mediastreamtrack/muted/index.md
index 830a883c2548d1..7a2ae546a460bc 100644
--- a/files/ja/web/api/mediastreamtrack/muted/index.md
+++ b/files/ja/web/api/mediastreamtrack/muted/index.md
@@ -1,11 +1,14 @@
 ---
-title: MediaStreamTrack.muted
+title: "MediaStreamTrack: muted プロパティ"
+short-title: muted
 slug: Web/API/MediaStreamTrack/muted
+l10n:
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
-**`muted`** は {{domxref("MediaStreamTrack")}} 読み取り専用のプロパティであり、トラックが現在メディア出力を提供できない状態であるかどうかを示します。
+**`muted`** は {{domxref("MediaStreamTrack")}} インターフェイスの読み取り専用プロパティであり、トラックが現在メディア出力を提供できない状態であるかどうかを示します。
 
 > [!NOTE]
 > ユーザーがトラックをミュート/ミュート解除する方法を実装するには、{{domxref("MediaStreamTrack.enabled", "enabled")}} プロパティを使用してください。 `enabled` を `false` に設定してトラックを無効にすると、空のフレーム（すべてのサンプルが 0 である音声フレーム、またはすべてのピクセルが黒である映像フレーム）だけが生成されます。

From 37db14f7811d04070c2c3febd70c6723848f840f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 16:43:17 +0900
Subject: [PATCH 62/81] =?UTF-8?q?2023/12/25=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/mediastreamtrack/id/index.md      | 11 +++++++----
 files/ja/web/api/mediastreamtrack/kind/index.md    |  7 +++++--
 files/ja/web/api/mediastreamtrack/label/index.md   | 14 +++++++++-----
 .../web/api/mediastreamtrack/readystate/index.md   |  9 ++++++---
 4 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/files/ja/web/api/mediastreamtrack/id/index.md b/files/ja/web/api/mediastreamtrack/id/index.md
index 97329b44bde28a..377e39beae91f4 100644
--- a/files/ja/web/api/mediastreamtrack/id/index.md
+++ b/files/ja/web/api/mediastreamtrack/id/index.md
@@ -1,16 +1,19 @@
 ---
-title: MediaStreamTrack.id
+title: "MediaStreamTrack: id プロパティ"
+short-title: id
 slug: Web/API/MediaStreamTrack/id
+l10n:
+  sourceCommit: ac67e6f05d337e52e39f02a978b8c00bc43d583b
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
-**`MediaStreamTrack.id`** は読み取り専用のプロパティであり、このトラックのための固有識別子 (GUID)を含む文字列を返します。この値は{{glossary("user agent", "ユーザーエージェント")}}によって生成されます。
+**`id`** は {{domxref("MediaStreamTrack")}} インターフェイスの読み取り専用のプロパティで、このトラックのための固有識別子 (GUID) を含む文字列を返します。この値は{{glossary("user agent", "ユーザーエージェント")}}によって生成されます。
 
 ## 構文
 
-```js
-const id = track.id;
+```js-nolint
+const id = track.id
 ```
 
 ## 仕様書
diff --git a/files/ja/web/api/mediastreamtrack/kind/index.md b/files/ja/web/api/mediastreamtrack/kind/index.md
index 738c47ea63a7ce..37b9882a869135 100644
--- a/files/ja/web/api/mediastreamtrack/kind/index.md
+++ b/files/ja/web/api/mediastreamtrack/kind/index.md
@@ -1,11 +1,14 @@
 ---
-title: MediaStreamTrack.kind
+title: "MediaStreamTrack: kind プロパティ"
+short-title: kind
 slug: Web/API/MediaStreamTrack/kind
+l10n:
+  sourceCommit: ac67e6f05d337e52e39f02a978b8c00bc43d583b
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
-**`MediaStreamTrack.kind`** は読み取り専用のプロパティであり、トラックの種類を示す文字列を返します。トラックが音声トラックの場合は `"audio"` を返し、映像トラックの場合は `"video"` を返します。トラックがソースから切り離されている場合は、何も変更されません。
+**`kind`** は {{domxref("MediaStreamTrack")}} インターフェイスの読み取り専用のプロパティであり、トラックの種類を示す文字列を返します。トラックが音声トラックの場合は `"audio"` を返し、映像トラックの場合は `"video"` を返します。トラックがソースから切り離されている場合は、何も変更されません。
 
 ## 値
 
diff --git a/files/ja/web/api/mediastreamtrack/label/index.md b/files/ja/web/api/mediastreamtrack/label/index.md
index 5b02f8a8460bf8..d32dae9f436177 100644
--- a/files/ja/web/api/mediastreamtrack/label/index.md
+++ b/files/ja/web/api/mediastreamtrack/label/index.md
@@ -1,18 +1,22 @@
 ---
-title: MediaStreamTrack.label
+title: "MediaStreamTrack: label プロパティ"
+short-title: label
 slug: Web/API/MediaStreamTrack/label
+l10n:
+  sourceCommit: ac67e6f05d337e52e39f02a978b8c00bc43d583b
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
-**`MediaStreamTrack.label`** は読み取り専用のプロパティであり、トラックのソースを識別するために{{glossary("user agent", "ユーザーエージェント")}}によって割り当てられたラベルを含む文字列を返します。例えば `"internal microphone"` などです。
+**`label`** は {{domxref("MediaStreamTrack")}} インターフェイスの読み取り専用のプロパティであり、トラックのソースを識別するために{{glossary("user agent", "ユーザーエージェント")}}によって割り当てられたラベルを含む文字列を返します。例えば `"internal microphone"` などです。
 
-この文字列は空になることもあり、ソースが接続されていないと空になります。トラックのソースとの関連付けが解除されても、このラベルは変更されません。
+この文字列は空になることもあり、ソースが接続されていないと空になります。
+トラックのソースとの関連付けが解除されても、このラベルは変更されません。
 
 ## 構文
 
-```js
-const label = track.label;
+```js-nolint
+const label = track.label
 ```
 
 ## 仕様書
diff --git a/files/ja/web/api/mediastreamtrack/readystate/index.md b/files/ja/web/api/mediastreamtrack/readystate/index.md
index e729bce6bfcf01..eb1c33e53b7115 100644
--- a/files/ja/web/api/mediastreamtrack/readystate/index.md
+++ b/files/ja/web/api/mediastreamtrack/readystate/index.md
@@ -1,11 +1,14 @@
 ---
-title: MediaStreamTrack.readyState
+title: "MediaStreamTrack: readyState プロパティ"
+short-title: readyState
 slug: Web/API/MediaStreamTrack/readyState
+l10n:
+  sourceCommit: ac67e6f05d337e52e39f02a978b8c00bc43d583b
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
-**`MediaStreamTrack.readyState`** は読み取り専用のプロパティであり、トラックの状態を表す列挙値を返します。
+**`readyState`** は {{domxref("MediaStreamTrack")}} インターフェイスの読み取り専用のプロパティであり、トラックの状態を表す列挙値を返します。
 
 ## 値
 
@@ -24,6 +27,6 @@ slug: Web/API/MediaStreamTrack/readyState
 
 ## 関連情報
 
-- [Media Stream API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - [WebRTC](/ja/docs/Web/API/WebRTC_API)
 - {{domxref("MediaStreamTrack.ended_event", "ended")}} イベント

From 15858c1596bc123e606a9196bd748ee8771f816e Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 17:38:45 +0900
Subject: [PATCH 63/81] =?UTF-8?q?2023/04/07=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/api/mediastreamtrack/clone/index.md   | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 files/ja/web/api/mediastreamtrack/clone/index.md

diff --git a/files/ja/web/api/mediastreamtrack/clone/index.md b/files/ja/web/api/mediastreamtrack/clone/index.md
new file mode 100644
index 00000000000000..a0f3fc2756d172
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/clone/index.md
@@ -0,0 +1,33 @@
+---
+title: "MediaStreamTrack: clone() メソッド"
+short-title: clone()
+slug: Web/API/MediaStreamTrack/clone
+l10n:
+  sourceCommit: 84f8672adab0fdb783d02676c42a2b7ae16b3606
+---
+
+{{APIRef("Media Capture and Streams")}}
+
+**`clone()`** は {{domxref("MediaStreamTrack")}} インターフェイスのメソッドで、`MediaStreamTrack` の複製を作成します。この新しい `MediaStreamTrack` オブジェクトは、固有の {{domxref("MediaStreamTrack.id", "id")}} 以外は同じです。
+
+## 構文
+
+```js-nolint
+clone()
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+新しい {{domxref("MediaStreamTrack")}} インスタンスで、`clone()` が呼び出されたのと同じですが、新しい固有の {{domxref("MediaStreamTrack.id", "id")}} を持つものです。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 0d38b7dd323567a49b4f9840a92fd836494cb135 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 17:35:01 +0900
Subject: [PATCH 64/81] =?UTF-8?q?2024/05/05=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../applyconstraints/index.md                 | 73 +++++++++++++++++++
 .../mediastreamtrack/getcapabilities/index.md | 73 +++++++++++++++++++
 2 files changed, 146 insertions(+)
 create mode 100644 files/ja/web/api/mediastreamtrack/applyconstraints/index.md
 create mode 100644 files/ja/web/api/mediastreamtrack/getcapabilities/index.md

diff --git a/files/ja/web/api/mediastreamtrack/applyconstraints/index.md b/files/ja/web/api/mediastreamtrack/applyconstraints/index.md
new file mode 100644
index 00000000000000..df3d084136ab6c
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/applyconstraints/index.md
@@ -0,0 +1,73 @@
+---
+title: "MediaStreamTrack: applyConstraints() メソッド"
+short-title: applyConstraints()
+slug: Web/API/MediaStreamTrack/applyConstraints
+l10n:
+  sourceCommit: 1fc327ab47c4fc89eff6e1d05780babd720e4b13
+---
+
+{{APIRef("Media Capture and Streams")}}
+
+**`applyConstraints()`** は {{domxref("MediaStreamTrack")}} インターフェイスのメソッドで、トラックに一連の制約を適用します。これらの制約により、ウェブサイトやアプリは、フレームレート、サイズ、エコーキャンセルなど、トラックの制約可能なプロパティに対して、理想的な値や受け入れられる範囲を設定することができます。
+
+制約を使用することで、メディアが特定のガイドラインを満たすように保証することができます。
+例えば、高密度の動画を推奨しますが、ネットワークに負担をかけないようにデータレートを低く保つためにフレームレートを少し低くする必要があるかもしれません。
+また、理想的なサイズや受け入れられるサイズ、またはその範囲を指定することもできます。
+推奨する制約を適用する方法の詳細については、[能力と制約と設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)の[制約の適用](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints#制約の適用)を参照してください。
+
+## 構文
+
+```js-nolint
+applyConstraints()
+applyConstraints(constraints)
+```
+
+### 引数
+
+- `constraints` {{optional_inline}}
+  - : トラックの制約可能プロパティに適用する制約を列挙した {{domxref("MediaTrackConstraints")}} です。既存の制約は指定した新しい値で置き換えられ、含まれない制約可能プロパティは既定の制約に戻されます。
+    この引数を除外すると、現在設定されているカスタム制約はすべてクリアされます。
+    このオブジェクトは、プロミス ({{jsxref("Promise")}}) が解決するために適用しなければならない制約の基本設定を表します。
+    このオブジェクトは追加の `MediaTrackConstraints` オブジェクトの配列を含む高度なプロパティを格納することができます。
+
+### 返値
+
+制約が正常に適用されたときに解決するプロミス ({{jsxref("Promise")}})。制約が適用できない場合、プロミス {{domxref("OverconstrainedError")}} で拒否されます。これは、{{domxref("DOMException")}} に追加引数として `OverconstrainedError` という名前を設定したもので、制約に合うものがなかったことを示します。
+これは、指定する制約が厳しすぎて、トラックを構成しようとしたときに一致するものが見つからなかった場合に発生する可能性があります。
+
+## 例
+
+次の例では、基本的な制約と高度な制約を設定する方法を示します。
+これは、ページまたはウェブアプリの幅が 640 ～ 1280 の間、高さが 480 ～ 720の間である必要があることを指定します。高度なプロパティではさらに、画像サイズは 1920 x 1280 が推奨され、利用できない場合は 1.333 のアスペクト比を指定します。。なお、これらの制約は、仕様が「バックオフ戦略」と呼んでいるものも参照しています。
+
+```js
+const constraints = {
+  width: { min: 640, ideal: 1280 },
+  height: { min: 480, ideal: 720 },
+  advanced: [{ width: 1920, height: 1280 }, { aspectRatio: 1.333 }],
+};
+
+navigator.mediaDevices.getUserMedia({ video: true }).then((mediaStream) => {
+  const track = mediaStream.getVideoTracks()[0];
+  track
+    .applyConstraints(constraints)
+    .then(() => {
+      // 画像キャプチャ API を使用するなど、トラックで何かを行う
+    })
+    .catch((e) => {
+      // 利用できる端末では制約を満たすことができない
+    });
+});
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [MediaStream 画像キャプチャ API](/ja/docs/Web/API/MediaStream_Image_Capture_API)
diff --git a/files/ja/web/api/mediastreamtrack/getcapabilities/index.md b/files/ja/web/api/mediastreamtrack/getcapabilities/index.md
new file mode 100644
index 00000000000000..d94c6ece251d6c
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/getcapabilities/index.md
@@ -0,0 +1,73 @@
+---
+title: "MediaStreamTrack: getCapabilities() メソッド"
+short-title: getCapabilities()
+slug: Web/API/MediaStreamTrack/getCapabilities
+l10n:
+  sourceCommit: 1fc327ab47c4fc89eff6e1d05780babd720e4b13
+---
+
+{{APIRef("Media Capture and Streams")}}
+
+**`getCapabilities()`** は {{domxref("MediaStreamTrack")}} インターフェイスのメソッドで、プラットフォームと{{Glossary("user agent", "ユーザーエージェント")}}に基づいて、各制約されるプロパティの値または値の範囲を指定する `MediaTrackCapabilities` オブジェクトを返します。
+
+ブラウザーの能力がわかったら、スクリプトは {{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}} を使用して、理想的な設定または受け入れられる設定に一致するようにトラックの構成を要求することができます。制約可能なプロパティを作業する方法の詳細については、[能力と制約と設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)を参照してください。
+
+## 構文
+
+```js-nolint
+getCapabilities()
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+`MediaTrackCapabilities` オブジェクトは、ユーザーエージェントが対応する制約可能なプロパティごとに対応する値または値の範囲を指定し、以下のメンバーを含みます。
+
+- `deviceId`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、機器 ID が入ります。
+- `groupId`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、グループ ID が入ります。
+- `autoGainControl`
+  - : [`ConstrainBoolean`](/ja/docs/Web/API/MediaTrackConstraints#constrainboolean) オブジェクトで、ソースが自動ゲイン制御ができるかどうかを報告します。
+    この機能がスクリプトで制御できる場合、ソースは true と false の両方を可能な値として報告します。
+- `channelCount`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、チャンネル数またはチャンネル数の範囲が入ります。
+- `echoCancellation`
+  - : [`ConstrainBoolean`](/ja/docs/Web/API/MediaTrackConstraints#constrainboolean) オブジェクトで、ソースがエコーキャンセルができるかどうかを報告します。
+    この機能がスクリプトで制御できる場合、ソースは true と false の両方を可能な値として報告します。
+- `latency`
+  - : [`ConstrainDouble`](/ja/docs/Web/API/MediaTrackConstraints#constraindouble) で、レイテンシーまたはレイテンシーの範囲が入ります。
+- `noiseSuppression`
+  - : [`ConstrainBoolean`](/ja/docs/Web/API/MediaTrackConstraints#constrainboolean) object reporting if the source can do noise suppression.
+    この機能がスクリプトで制御できる場合、ソースは true と false の両方を可能な値として報告します。
+- `sampleRate`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、サンプリングレートまたはサンプリングレートの範囲が入ります。
+- `sampleSize`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、サンプルサイズまたはサンプルサイズの範囲が入ります。
+- `aspectRatio`
+  - : [`ConstrainDouble`](/ja/docs/Web/API/MediaTrackConstraints#constraindouble) で、映像の{{glossary("aspect ratio", "アスペクト比")}}（幅のピクセル数を高さのピクセル数で割ったもの）またはアスペクト比の範囲が入ります。
+- `facingMode`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、カメラの向きのモードが入ります。カメラは "left" および "user" のように複数の向きを報告することがあります。
+- `frameRate`
+  - : [`ConstrainDouble`](/ja/docs/Web/API/MediaTrackConstraints#constraindouble) で、受け入れ可能なフレームレートまたはフレームレートの範囲が入ります。
+- `height`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、映像のピクセル単位での高さまたは高さの範囲が入ります。
+- `width`
+  - : [`ConstrainULong`](/ja/docs/Web/API/MediaTrackConstraints#constrainulong) で、映像のピクセル単位での幅または幅の範囲が入ります。
+- `resizeMode`
+  - : [`ConstrainDOMString`](/ja/docs/Web/API/MediaTrackConstraints#constraindomstring) オブジェクトで、UAが映像トラックの解像度を導き出すために使用できるモード、またはモードの配列が入ります。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("InputDeviceInfo.getCapabilities()")}}: `MediaTrackCapabilities` オブジェクトを返す

From 7675073ad270678dca6834befedbc959c8c2094b Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 18:22:46 +0900
Subject: [PATCH 65/81] =?UTF-8?q?2024/07/26=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mediastreamtrack/getconstraints/index.md  | 50 +++++++++++++++++++
 .../api/mediastreamtrack/getsettings/index.md | 38 ++++++++++++++
 2 files changed, 88 insertions(+)
 create mode 100644 files/ja/web/api/mediastreamtrack/getconstraints/index.md
 create mode 100644 files/ja/web/api/mediastreamtrack/getsettings/index.md

diff --git a/files/ja/web/api/mediastreamtrack/getconstraints/index.md b/files/ja/web/api/mediastreamtrack/getconstraints/index.md
new file mode 100644
index 00000000000000..5e26059022aea3
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/getconstraints/index.md
@@ -0,0 +1,50 @@
+---
+title: "MediaStreamTrack: getConstraints() メソッド"
+short-title: getConstraints()
+slug: Web/API/MediaStreamTrack/getConstraints
+l10n:
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
+---
+
+{{APIRef("Media Capture and Streams")}}
+
+**`getConstraints()`** は {{domxref("MediaStreamTrack")}} インターフェイスメソッドで、{{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}} を以前に呼んでトラックに設定した一連の制約を保持する {{domxref('MediaTrackConstraints')}} オブジェクトを返します。これらの制約は、ウェブサイトまたはアプリケーションが、含まれている制約可能なプロパティに対して必須または受け入れられると指定した値と値の範囲を示します。
+
+制約を使用して、希望する特定のガイドラインをメディアが満たしていることを保証することができます。例えば、高解像度のビデオを希望するものの、ネットワークに過剰な負荷をかけないよう、データレートを十分に低く抑えるためにフレームレートを少し低くする必要がある場合などです。制約では、理想的なサイズや受け入れられるサイズの範囲を指定することもできます。制約可能なプロパティの作業方法の詳細については、[能力と制約と設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)を参照してください。
+
+## 構文
+
+```js-nolint
+getConstraints()
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+{{domxref('MediaTrackConstraints')}} オブジェクトで、ウェブサイトまたはアプリが {{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}} を使用して直近で設定した制約可能なプロパティを示します。返されたオブジェクト内のプロパティは、設定された順番で掲載されており、サイトまたはアプリで固有に設定されたプロパティのみが記載されています。
+
+> [!NOTE]
+> 返される一連の制約は、必ずしもメディアの実際の状態を反映しているとは限りません。 制約のいずれかが満たされない場合でも、サイトのコードで元々設定されたとおりに、返されるオブジェクトに記載されています。 制約可能なプロパティすべてについて、現在有効な設定を取得するには、{{domxref("MediaStreamTrack.getSettings", "getSettings()")}} を呼び出す必要があります。
+
+## 例
+
+この例では、トラックの現在の制約を取得し、{{domxref("MediaTrackConstraints.facingMode", "facingMode")}} を設定し、更新された制約を適用します。
+
+```js
+function switchCameras(track, camera) {
+  const constraints = track.getConstraints();
+  constraints.facingMode = camera;
+  track.applyConstraints(constraints);
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/mediastreamtrack/getsettings/index.md b/files/ja/web/api/mediastreamtrack/getsettings/index.md
new file mode 100644
index 00000000000000..4566f7cbe53b74
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/getsettings/index.md
@@ -0,0 +1,38 @@
+---
+title: "MediaStreamTrack: getSettings() メソッド"
+short-title: getSettings()
+slug: Web/API/MediaStreamTrack/getSettings
+l10n:
+  sourceCommit: cfb7587e3e3122630ad6cbd94d834ecadbe0a746
+---
+
+{{APIRef("Media Capture and Streams")}}
+
+**`getSettings()`** は{{domxref("MediaStreamTrack")}} インターフェイスのメソッドで、現在の `MediaStreamTrack` の制約可能なプロパティの現在の値を含む {{domxref("MediaTrackSettings")}} オブジェクトを返します。
+
+制約されるプロパティの働きの詳細については、[能力と制約と設定](/ja/docs/Web/API/Media_Capture_and_Streams_API/Constraints)を参照してください。
+
+## 構文
+
+```js-nolint
+getSettings()
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+トラックの制約可能なプロパティの現在の構成を記述する {{domxref("MediaTrackSettings")}} オブジェクトです。
+
+> [!NOTE]
+> 返されたオブジェクトは、サイトコードで明示的に設定されたものではなく、プラットフォームの既定値として保有するものも含め、制約されるすべてのプロパティの現在の値を特定します。 代わりに、サイトのコードで指定されたトラックのプロパティに対して、最近設定された制約を取得するには、{{domxref("MediaStreamTrack.getConstraints", "getConstraints()")}} を使用してください。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}

From 0d49ad170f4c16dd47bac6c772eb534bf410c215 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 18:48:15 +0900
Subject: [PATCH 66/81] =?UTF-8?q?2023/12/25=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/mediastreamtrack/stop/index.md | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/files/ja/web/api/mediastreamtrack/stop/index.md b/files/ja/web/api/mediastreamtrack/stop/index.md
index 74d58af4d01db8..6b509a19d8da33 100644
--- a/files/ja/web/api/mediastreamtrack/stop/index.md
+++ b/files/ja/web/api/mediastreamtrack/stop/index.md
@@ -1,16 +1,19 @@
 ---
-title: MediaStreamTrack.stop()
+title: "MediaStreamTrack: stop() メソッド"
+short-title: stop()
 slug: Web/API/MediaStreamTrack/stop
+l10n:
+  sourceCommit: ac67e6f05d337e52e39f02a978b8c00bc43d583b
 ---
 
 {{APIRef("Media Capture and Streams")}}
 
-**`MediaStreamTrack.stop()`** メソッドは、トラックを停止します。
+**`stop()`** は {{domxref("MediaStreamTrack")}} のメソッドで、トラックを停止します。
 
 ## 構文
 
-```js
-stop();
+```js-nolint
+stop()
 ```
 
 ### 引数
@@ -38,7 +41,7 @@ function stopStreamedVideo(videoElem) {
   const stream = videoElem.srcObject;
   const tracks = stream.getTracks();
 
-  tracks.forEach(function (track) {
+  tracks.forEach((track) => {
     track.stop();
   });
 

From aa430297df40c56ec79788af453d333dd9d4269f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 19:21:36 +0900
Subject: [PATCH 67/81] =?UTF-8?q?=E8=A1=A8=E8=A8=98=E3=82=86=E3=82=8C?=
 =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/messageevent/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/ja/web/api/messageevent/index.md b/files/ja/web/api/messageevent/index.md
index 303c70d64e01d1..f6b19f167d80c1 100644
--- a/files/ja/web/api/messageevent/index.md
+++ b/files/ja/web/api/messageevent/index.md
@@ -7,7 +7,7 @@ l10n:
 
 {{APIRef("HTML DOM")}}
 
-**`MessageEvent`** インターフェースは対象のオブジェクトから受け取ったメッセージを表します。
+**`MessageEvent`** インターフェイスは対象のオブジェクトから受け取ったメッセージを表します。
 
 次のメッセージを表すために使用されます。
 
@@ -30,7 +30,7 @@ l10n:
 
 ## インスタンスプロパティ
 
-_このインターフェースは親である {{domxref("Event")}} からプロパティを継承しています。_
+_このインターフェイスは親である {{domxref("Event")}} からプロパティを継承しています。_
 
 - {{domxref("MessageEvent.data")}} {{ReadOnlyInline}}
   - : メッセージ送信元によって送信されたデータです。
@@ -45,7 +45,7 @@ _このインターフェースは親である {{domxref("Event")}} からプロ
 
 ## インスタンスメソッド
 
-_このインターフェースは親である {{domxref("Event")}} からメソッドを継承してします。_
+_このインターフェイスは親である {{domxref("Event")}} からメソッドを継承してします。_
 
 - {{domxref("MessageEvent.initMessageEvent","initMessageEvent()")}} {{deprecated_inline}}
   - : メッセージイベントを初期化します。**これ以上このメソッドを使用しないでください。代わりに、{{domxref("MessageEvent.MessageEvent", "MessageEvent()")}} コンストラクターを使用してください。**

From 02cdddd7287f3d62ee964c1d2507093200f233e2 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 19:20:03 +0900
Subject: [PATCH 68/81] =?UTF-8?q?=E3=83=A1=E3=83=87=E3=82=A3=E3=82=A2?=
 =?UTF-8?q?=E3=82=AD=E3=83=A3=E3=83=97=E3=83=81=E3=83=A3=E3=81=A8=E3=82=B9?=
 =?UTF-8?q?=E3=83=88=E3=83=AA=E3=83=BC=E3=83=A0=20API=20=E3=81=AE=E3=83=9A?=
 =?UTF-8?q?=E3=83=BC=E3=82=B8=20URL=20=E3=82=92=E4=B8=80=E6=8B=AC=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/api/mediatracksupportedconstraints/aspectratio/index.md | 2 +-
 .../api/mediatracksupportedconstraints/autogaincontrol/index.md | 2 +-
 .../api/mediatracksupportedconstraints/channelcount/index.md    | 2 +-
 .../ja/web/api/mediatracksupportedconstraints/deviceid/index.md | 2 +-
 .../mediatracksupportedconstraints/echocancellation/index.md    | 2 +-
 .../web/api/mediatracksupportedconstraints/facingmode/index.md  | 2 +-
 .../ja/web/api/mediatracksupportedconstraints/groupid/index.md  | 2 +-
 files/ja/web/api/mediatracksupportedconstraints/height/index.md | 2 +-
 .../ja/web/api/mediatracksupportedconstraints/latency/index.md  | 2 +-
 .../mediatracksupportedconstraints/noisesuppression/index.md    | 2 +-
 .../web/api/mediatracksupportedconstraints/samplerate/index.md  | 2 +-
 .../web/api/mediatracksupportedconstraints/samplesize/index.md  | 2 +-
 files/ja/web/api/mediatracksupportedconstraints/volume/index.md | 2 +-
 files/ja/web/api/mediatracksupportedconstraints/width/index.md  | 2 +-
 14 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.md b/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.md
index eef932868c5159..ccb72112b5ed35 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().aspectRatio) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.md b/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.md
index d0e85bb8b43149..d2b3733fcb7f6f 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.md
@@ -55,7 +55,7 @@ if (navigator.mediaDevices.getSupportedConstraints().autoGainControl) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.md b/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.md
index aaab560b2a661a..1606792448c718 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().channelCount) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.md b/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.md
index 8e0f4ca325c32e..cd981de3fca5ee 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().deviceId) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.md b/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.md
index 9f5c9b13f66b4a..339ac526899af8 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().echoCancellation) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/facingmode/index.md b/files/ja/web/api/mediatracksupportedconstraints/facingmode/index.md
index 1d81d8ec2dd91c..ccfa77c9895c3d 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/facingmode/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/facingmode/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().facingMode) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/groupid/index.md b/files/ja/web/api/mediatracksupportedconstraints/groupid/index.md
index f437b5fe495ca8..d255e97f57896c 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/groupid/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/groupid/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().groupId) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/height/index.md b/files/ja/web/api/mediatracksupportedconstraints/height/index.md
index 9b1bdeccf32953..bebf12046a0278 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/height/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/height/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().height) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/latency/index.md b/files/ja/web/api/mediatracksupportedconstraints/latency/index.md
index 043c8af1403ca9..e5a221f89ab5aa 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/latency/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/latency/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().latency) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.md b/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.md
index 09d4dcedc88e3a..36e3ea00b62ceb 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.md
@@ -55,7 +55,7 @@ if (navigator.mediaDevices.getSupportedConstraints().noiseSuppression) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.md b/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.md
index d5a3f9db74baf8..6063e358e560a1 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().sampleRate) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.md b/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.md
index 6a2e65e7ad5e1b..75b6514b859b40 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.md
@@ -51,7 +51,7 @@ if (navigator.mediaDevices.getSupportedConstraints().sampleSize) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/volume/index.md b/files/ja/web/api/mediatracksupportedconstraints/volume/index.md
index b2cc47aa9ddd95..711b85850b8177 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/volume/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/volume/index.md
@@ -47,7 +47,7 @@ if (navigator.mediaDevices.getSupportedConstraints().volume) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}
diff --git a/files/ja/web/api/mediatracksupportedconstraints/width/index.md b/files/ja/web/api/mediatracksupportedconstraints/width/index.md
index 812c2365f8ee1b..bd2cfc4b74adbe 100644
--- a/files/ja/web/api/mediatracksupportedconstraints/width/index.md
+++ b/files/ja/web/api/mediatracksupportedconstraints/width/index.md
@@ -57,7 +57,7 @@ if (navigator.mediaDevices.getSupportedConstraints().width) {
 
 ## 関連情報
 
-- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Streams_API)
+- [メディアキャプチャとストリーム API](/ja/docs/Web/API/Media_Capture_and_Streams_API)
 - {{domxref("MediaDevices.getSupportedConstraints()")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("MediaStreamTrack")}}

From eab8b949d2d2dd552c16af0cf716d63353974256 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 19:36:14 +0900
Subject: [PATCH 69/81] =?UTF-8?q?=E7=94=A8=E8=AA=9E=E3=81=AE=E7=B5=B1?=
 =?UTF-8?q?=E4=B8=80:=20=E3=83=96=E3=83=A9=E3=82=A6=E3=82=B8=E3=83=B3?=
 =?UTF-8?q?=E3=82=B0=E3=82=B3=E3=83=B3=E3=83=86=E3=82=AD=E3=82=B9=E3=83=88?=
 =?UTF-8?q?=E2=86=92=E9=96=B2=E8=A6=A7=E3=82=B3=E3=83=B3=E3=83=86=E3=82=AD?=
 =?UTF-8?q?=E3=82=B9=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../learn/server-side/express_nodejs/introduction/index.md  | 2 +-
 .../add-ons/webextensions/api/webnavigation/index.md        | 2 +-
 files/ja/mozilla/firefox/releases/101/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/104/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/106/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/112/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/117/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/119/index.md              | 6 +++---
 files/ja/mozilla/firefox/releases/121/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/122/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/123/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/124/index.md              | 6 +++---
 files/ja/mozilla/firefox/releases/126/index.md              | 2 +-
 files/ja/mozilla/firefox/releases/129/index.md              | 6 +++---
 files/ja/mozilla/firefox/releases/68/index.md               | 2 +-
 files/ja/mozilla/firefox/releases/73/index.md               | 2 +-
 files/ja/mozilla/firefox/releases/74/index.md               | 2 +-
 files/ja/mozilla/firefox/releases/81/index.md               | 2 +-
 files/ja/mozilla/firefox/releases/82/index.md               | 2 +-
 files/ja/mozilla/firefox/releases/84/index.md               | 4 ++--
 files/ja/web/api/htmlframesetelement/index.md               | 2 +-
 21 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/files/ja/learn/server-side/express_nodejs/introduction/index.md b/files/ja/learn/server-side/express_nodejs/introduction/index.md
index a448e4fb7421cf..8e0b6abaa6ab63 100644
--- a/files/ja/learn/server-side/express_nodejs/introduction/index.md
+++ b/files/ja/learn/server-side/express_nodejs/introduction/index.md
@@ -28,7 +28,7 @@ Express の最初の記事では「Node って何だろう？」、「Express 
 
 ## Node の紹介
 
-[Node](https://nodejs.org/)（正式には _Node.js_）はオープンソースのクロスプラットフォーム、実行環境で、開発者はあらゆるサーバーサイドのツールやアプリケーションを [JavaScript](/ja/docs/Glossary/JavaScript) で作成することができます。この実行環境はブラウザーコンテキスト外での使用 (すなわち、コンピューターまたはサーバー OS 上での直接実行) を目的としています。そのため、クライアントサイドではブラウザー固有の JavaScript API が省略され、HTTP やファイルシステムライブラリーを含む従来の OS API がサポートされます。
+[Node](https://nodejs.org/)（正式には _Node.js_）はオープンソースのクロスプラットフォーム、実行環境で、開発者はあらゆるサーバーサイドのツールやアプリケーションを [JavaScript](/ja/docs/Glossary/JavaScript) で作成することができます。この実行環境は閲覧コンテキスト外での使用 (すなわち、コンピューターまたはサーバー OS 上での直接実行) を目的としています。そのため、クライアントサイドではブラウザー固有の JavaScript API が省略され、HTTP やファイルシステムライブラリーを含む従来の OS API がサポートされます。
 
 ウェブサーバー開発の観点から Node には多くの利点があります。
 
diff --git a/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.md b/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.md
index 16cf83bd3b2b79..c73edc08f5a25a 100644
--- a/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.md
+++ b/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.md
@@ -27,7 +27,7 @@ slug: Mozilla/Add-ons/WebExtensions/API/webNavigation
   - {{WebExtAPIRef("webNavigation.onReferenceFragmentUpdated", "onReferenceFragmentUpdated")}} はページの [fragment identifier](https://en.wikipedia.org/wiki/Fragment_identifier) が変更された場合に発火します。
   - {{WebExtAPIRef("webNavigation.onErrorOccurred", "onErrorOccurred")}} はあらゆる場所で発火します。
 
-それぞれのナビゲーションは特定のブラウザーフレーム内の URL の遷移です。ブラウザーフレームはタブ ID とフレーム ID で識別されます。フレームはタブ内の再上位のブラウジングコンテキストである場合や、[iframe](/ja/docs/Web/HTML/Element/iframe) として実装されたネストされたブラウジングコンテキストである場合があります。
+それぞれのナビゲーションは特定のブラウザーフレーム内の URL の遷移です。ブラウザーフレームはタブ ID とフレーム ID で識別されます。フレームはタブ内の再上位の閲覧コンテキストである場合や、[iframe](/ja/docs/Web/HTML/Element/iframe) として実装されたネストされた閲覧コンテキストである場合があります。
 
 それぞれのイベントの `addListener()` の呼び出しはオプションの filter パラメーターを受け入れます。filter は 1 つ以上の URL パターンを指定し、イベントはターゲット URL がパターンにマッチしたナビゲーションの時だけに発火します。
 
diff --git a/files/ja/mozilla/firefox/releases/101/index.md b/files/ja/mozilla/firefox/releases/101/index.md
index 76ac5325638407..496f72adc79edd 100644
--- a/files/ja/mozilla/firefox/releases/101/index.md
+++ b/files/ja/mozilla/firefox/releases/101/index.md
@@ -57,7 +57,7 @@ slug: Mozilla/Firefox/Releases/101
 
 - イベントをグローバルにサブスクライブするコマンド ([`session.subscribe`](https://w3c.github.io/webdriver-bidi/#command-session-subscribe)) およびサブスクライブを解除するコマンド ([`session.unsubscribe`](https://w3c.github.io/webdriver-bidi/#command-session-unsubscribe)) の部分的な実装と、WebDriver クラシックを使用しないときに WebDriver BiDi セッションを直接作成する機能 ([`session.new`](https://w3c.github.io/webdriver-bidi/#command-session-new)) を含む、[`session` モジュール](https://w3c.github.io/webdriver-bidi/#module-session) を追加しました。
 
-- 新しいタブやウィンドウを開くコマンド ([`browsingContext.create`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-create)) や閉じるコマンド ([`browsingContext.close`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-close))、開いているブラウジングコンテキストを取得するコマンド ([`browsingContext.getTree`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-getTree))、ブラウジングコンテキスト内でナビゲーションするコマンド ([`browsingContext.navigate`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-navigate)) を含む [`browsingContext` モジュール](https://w3c.github.io/webdriver-bidi/#module-browsingContext) を追加しました。これらは、ブラウジングコンテキストが作成されたときのイベント ([`browsingContext.contextCreated`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-contextCreated)) もサポートします。
+- 新しいタブやウィンドウを開くコマンド ([`browsingContext.create`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-create)) や閉じるコマンド ([`browsingContext.close`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-close))、開いている閲覧コンテキストを取得するコマンド ([`browsingContext.getTree`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-getTree))、閲覧コンテキスト内でナビゲーションするコマンド ([`browsingContext.navigate`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-navigate)) を含む [`browsingContext` モジュール](https://w3c.github.io/webdriver-bidi/#module-browsingContext) を追加しました。これらは、閲覧コンテキストが作成されたときのイベント ([`browsingContext.contextCreated`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-contextCreated)) もサポートします。
 
 - ログのイベント ([`log.entryAdded`](https://w3c.github.io/webdriver-bidi/#event-log-entryAdded)) をサポートする [`log` モジュール](https://w3c.github.io/webdriver-bidi/#module-log) を追加しました。
 
diff --git a/files/ja/mozilla/firefox/releases/104/index.md b/files/ja/mozilla/firefox/releases/104/index.md
index 51d067b470a2ec..6f214a9ff90c09 100644
--- a/files/ja/mozilla/firefox/releases/104/index.md
+++ b/files/ja/mozilla/firefox/releases/104/index.md
@@ -69,7 +69,7 @@ slug: Mozilla/Firefox/Releases/104
 #### WebDriver BiDi
 
 - `log.entryAdded` イベントで `source` をサポートしました ([Firefox バグ 1770792](https://bugzil.la/1770792))。
-- 新たに開いたブラウジングコンテキストについて、`browsingContext.contextCreated` イベントに送信する `url` を `about:blank` に更新しました ([Firefox バグ 1775141](https://bugzil.la/1775141))。
+- 新たに開いた閲覧コンテキストについて、`browsingContext.contextCreated` イベントに送信する `url` を `about:blank` に更新しました ([Firefox バグ 1775141](https://bugzil.la/1775141))。
 
 #### Marionette
 
diff --git a/files/ja/mozilla/firefox/releases/106/index.md b/files/ja/mozilla/firefox/releases/106/index.md
index 03dd357a16c16a..9ea4adadeffb68 100644
--- a/files/ja/mozilla/firefox/releases/106/index.md
+++ b/files/ja/mozilla/firefox/releases/106/index.md
@@ -62,7 +62,7 @@ l10n:
 
 - `script.getRealms` の基本的なサポートを追加しました。現在は、window レルムと sandbox レルムを含む `WindowRealmInfo` 型に限定されています ([Firefox バグ 1766240](https://bugzil.la/1766240))。
 
-- `browsingContext.load` イベントをサポートしました。これは、ブラウジングコンテキストのウィンドウの `load` イベントをきっかけにして発生します ([Firefox バグ 1756619](https://bugzil.la/1756619))。
+- `browsingContext.load` イベントをサポートしました。これは、閲覧コンテキストのウィンドウの `load` イベントをきっかけにして発生します ([Firefox バグ 1756619](https://bugzil.la/1756619))。
 
 - シリアライズしたリモートの値向けの強い参照を保持するための、オブジェクト参照ストアを追加しました ([Firefox バグ 1770736](https://bugzil.la/1770736))。
 
diff --git a/files/ja/mozilla/firefox/releases/112/index.md b/files/ja/mozilla/firefox/releases/112/index.md
index f842e1fec9ec3e..2abab03e4f346c 100644
--- a/files/ja/mozilla/firefox/releases/112/index.md
+++ b/files/ja/mozilla/firefox/releases/112/index.md
@@ -46,7 +46,7 @@ l10n:
 
 #### WebDriver BiDi
 
-- `browsingContext.print` コマンドを実装しました。ブラウジングコンテキストをBase64 でエンコードした文字列で表した PDF 文書を、クライアントに要求できます。詳しくは [Firefox bug 1806810](https://bugzil.la/1806810) をご覧ください。
+- `browsingContext.print` コマンドを実装しました。閲覧コンテキストをBase64 でエンコードした文字列で表した PDF 文書を、クライアントに要求できます。詳しくは [Firefox bug 1806810](https://bugzil.la/1806810) をご覧ください。
 - `script.addPreloadScript` および `script.removePreloadScript` コマンドを実装しました。後に読み込まれるどのコンテンツスクリプトでも利用できることが保証された機能を、WebDriver が後でコンテキストに挿入するスクリプトより前に、テストクライアントが挿入することを可能にします。詳しくは [Firefox bug 1806420](https://bugzil.la/1806420) および [Firefox bug 1806465](https://bugzil.la/1806465) をご覧ください。
 - ノードキャッシュに保存された `Element` および `ShadowRoot` の参照が、まったく同じ一意の参照によって Marionette および WebDriver BiDi の両方で使用できるようになりました。詳しくは [Firefox bug 1770733](https://bugzil.la/1770733) をご覧ください。
 - `isRedirect` をネットワークイベントの基本引数から削除しました ([Firefox bug 1819875](https://bugzil.la/1819875))。
diff --git a/files/ja/mozilla/firefox/releases/117/index.md b/files/ja/mozilla/firefox/releases/117/index.md
index 943e6eaea2165b..6e22fd4b22db25 100644
--- a/files/ja/mozilla/firefox/releases/117/index.md
+++ b/files/ja/mozilla/firefox/releases/117/index.md
@@ -53,7 +53,7 @@ l10n:
 #### WebDriver BiDi
 
 - ユーザーがすべての WebDriver セッションを終了してブラウザーを閉じることを可能にする `browser.close` コマンドを追加しました ([Firefox bug 1829334](https://bugzil.la/1829334))。
-- ユーザーがトップレベルのブラウジングコンテキストの寸法を変更することを可能にする `browsingContext.setViewport` コマンドを追加しました ([Firefox bug 1838664](https://bugzil.la/1838664))。
+- ユーザーがトップレベルの閲覧コンテキストの寸法を変更することを可能にする `browsingContext.setViewport` コマンドを追加しました ([Firefox bug 1838664](https://bugzil.la/1838664))。
 - ドキュメント内のナビゲーションに対して発生する `browsingContext.fragmentNavigated` イベントを追加しました ([Firefox bug 1841039](https://bugzil.la/1841039))。
 - `browsingContext.create` コマンドの引数 `background` をサポートしました。これは、新しいコンテキストをバックグラウンドで作成することを強制します。この引数は省略可能で既定値が `false` ですので、`browsingContext.create` はデフォルトで新しいコンテキストをフォアグラウンドで開きます ([Firefox bug 1843507](https://bugzil.la/1843507))。
 - `browsingContext.captureScreenshot` コマンドの引数 `clip` をサポートしました。これは、スクリーンショットを指定した領域または要素に制限できます。要素を切り抜くとき、スクリーンショットを取得する前に要素がビューに入るようにスクロールすることができます ([Firefox bug 1840998](https://bugzil.la/1840998))。
diff --git a/files/ja/mozilla/firefox/releases/119/index.md b/files/ja/mozilla/firefox/releases/119/index.md
index 114c83bfecaf4e..ce96fcf15404c4 100644
--- a/files/ja/mozilla/firefox/releases/119/index.md
+++ b/files/ja/mozilla/firefox/releases/119/index.md
@@ -57,17 +57,17 @@ l10n:
 
 #### WebDriver BiDi
 
-- 指定したブラウジングコンテキストで現在表示されているページまたはフレームを再読み込みできるコマンド [`browsingContext.reload`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-reload) を追加しました ([Firefox bug 1830859](https://bugzil.la/1830859))。
+- 指定した閲覧コンテキストで現在表示されているページまたはフレームを再読み込みできるコマンド [`browsingContext.reload`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-reload) を追加しました ([Firefox bug 1830859](https://bugzil.la/1830859))。
 
 - `alert`、`confirm`、`prompt` 型のユーザープロンプトが閉じられたときに発生するイベント [`browsingContext.userPromptClosed`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-userPromptClosed) を追加しました ([Firefox bug 1824221](https://bugzil.la/1824221))。
 
 - Firefox によって新しいナビゲーションが開始されたときに発生するイベント [`browsingContext.navigationStarted`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-navigationStarted) を追加しました ([Firefox bug 1756595](https://bugzil.la/1756595))。
 
-- 指定したブラウジングコンテキストで JavaScript Realm のライフタイムを監視できるイベント [`script.realmCreated`](https://w3c.github.io/webdriver-bidi/#event-script-realmCreated) および [`script.realmDestroyed`](https://w3c.github.io/webdriver-bidi/#event-script-realmDestroyed) を追加しました。Realm は基本的に、独自のグローバルオブジェクト (window) を持つ分離された実行環境 (`sandbox`) です ([Firefox bug 1788657](https://bugzil.la/1788657)、[Firefox bug 1788659](https://bugzil.la/1788659))。
+- 指定した閲覧コンテキストで JavaScript Realm のライフタイムを監視できるイベント [`script.realmCreated`](https://w3c.github.io/webdriver-bidi/#event-script-realmCreated) および [`script.realmDestroyed`](https://w3c.github.io/webdriver-bidi/#event-script-realmDestroyed) を追加しました。Realm は基本的に、独自のグローバルオブジェクト (window) を持つ分離された実行環境 (`sandbox`) です ([Firefox bug 1788657](https://bugzil.la/1788657)、[Firefox bug 1788659](https://bugzil.la/1788659))。
 
 - HTTP 認証のダイアログボックスが表示されたときに、`browsingContext.userPromptOpened` イベントが誤って発生していた不具合を修正しました ([Firefox bug 1853302](https://bugzil.la/1853302))。
 
-- `context` フィールドが `null` に設定された不必要なイベントが発生しないようになりました。基礎となるブラウジングコンテキストが閉じられたため、このようなイベントは有効ではありません ([Firefox bug 1847563](https://bugzil.la/1847563))。
+- `context` フィールドが `null` に設定された不必要なイベントが発生しないようになりました。基礎となる閲覧コンテキストが閉じられたため、このようなイベントは有効ではありません ([Firefox bug 1847563](https://bugzil.la/1847563))。
 
 #### Marionette
 
diff --git a/files/ja/mozilla/firefox/releases/121/index.md b/files/ja/mozilla/firefox/releases/121/index.md
index 59218da962e0a5..0dec88ac6dc4f8 100644
--- a/files/ja/mozilla/firefox/releases/121/index.md
+++ b/files/ja/mozilla/firefox/releases/121/index.md
@@ -59,7 +59,7 @@ l10n:
 
 #### WebDriver BiDi
 
-- ブラウジングコンテキストが破棄されたときに発生する [`browsingContext.contextDestroyed`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-contextDestroyed) イベントを追加しました ([Firefox bug 1694390](https://bugzil.la/1694390))。
+- 閲覧コンテキストが破棄されたときに発生する [`browsingContext.contextDestroyed`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-contextDestroyed) イベントを追加しました ([Firefox bug 1694390](https://bugzil.la/1694390))。
 - [`script.callFunction`](https://w3c.github.io/webdriver-bidi/#command-script-callFunction) および [`script.evaluate`](https://w3c.github.io/webdriver-bidi/#command-script-evaluate) コマンドの引数 `userActivation` をサポートしました。ユーザーアクションをエミュレートしている間に JavaScript を評価できます ([Firefox bug 1845488](https://bugzil.la/1845488))。
 - [`browsingContext.userPromptOpened`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-userPromptOpened) イベントの `defaultValue` フィールドをサポートしました。プロンプトの既定値をユーザーが取得できます ([Firefox bug 1851761](https://bugzil.la/1851761))。
 - [`browsingContext.captureScreenshot`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-captureScreenshot) コマンドの引数 `viewportOptions` を `boxOptions` に改名しました ([Firefox bug 1859258](https://bugzil.la/1859258))。
diff --git a/files/ja/mozilla/firefox/releases/122/index.md b/files/ja/mozilla/firefox/releases/122/index.md
index cc995314309c9e..cd49ac957c3d40 100644
--- a/files/ja/mozilla/firefox/releases/122/index.md
+++ b/files/ja/mozilla/firefox/releases/122/index.md
@@ -64,7 +64,7 @@ l10n:
 - `WindowProxy` リモートオブジェクトのシリアライズが、プロセス外 iframe でも正しく動作するようになりました ([Firefox bug 1867667](https://bugzil.la/1867667))。
 - [browsingContext.setViewport](https://w3c.github.io/webdriver-bidi/#command-browsingContext-setViewport) コマンドが、`viewport` 引数の値として `undefined` と `null` を区別するようになりました。`undefined` に設定すると、ビューポートが変更されないままにするべきであることを示します。一方 `null` を使用すると、ビューポートを元の寸法にリセットします ([Firefox bug 1865618](https://bugzil.la/1865618))。
 - [browsingContext.traverseHistory](https://w3c.github.io/webdriver-bidi/#command-browsingContext-traverseHistory) コマンドをサポートしました。ブラウザーの履歴で前へ戻る・次へ進むナビゲーションを可能にします ([Firefox bug 1841018](https://bugzil.la/1841018))。
-- iframe でナビゲーションが発生した場合でもトップレベルのブラウジングコンテキストの `context` ID が、すべてのサポート済みのネットワークイベントで一貫して報告される不具合を修正しました ([Firefox bug 1869735](https://bugzil.la/1869735))。
+- iframe でナビゲーションが発生した場合でもトップレベルの閲覧コンテキストの `context` ID が、すべてのサポート済みのネットワークイベントで一貫して報告される不具合を修正しました ([Firefox bug 1869735](https://bugzil.la/1869735))。
 
 #### Marionette
 
diff --git a/files/ja/mozilla/firefox/releases/123/index.md b/files/ja/mozilla/firefox/releases/123/index.md
index 66905442742cc3..96a6447259884d 100644
--- a/files/ja/mozilla/firefox/releases/123/index.md
+++ b/files/ja/mozilla/firefox/releases/123/index.md
@@ -38,7 +38,7 @@ l10n:
 ### API
 
 - [Web Authentication API](/ja/docs/Web/API/Web_Authentication_API) で、クロスオリジンの資格情報作成をサポートしました。
-  特に、トップレベルで入れ子の [`<iframe>`](/ja/docs/Web/HTML/Element/iframe#allow) で [`Feature-Policy: publickey-credentials-create`](/ja/docs/Web/HTTP/Headers/Permissions-Policy/publickey-credentials-create) によって許可されていれば、入れ子のブラウジングコンテキストで別のオリジンから [`navigator.credentials.create({publicKey})`](/ja/docs/Web/API/CredentialsContainer/create) を最上位のドキュメントへ呼び出せるようになりました。
+  特に、トップレベルで入れ子の [`<iframe>`](/ja/docs/Web/HTML/Element/iframe#allow) で [`Feature-Policy: publickey-credentials-create`](/ja/docs/Web/HTTP/Headers/Permissions-Policy/publickey-credentials-create) によって許可されていれば、入れ子の閲覧コンテキストで別のオリジンから [`navigator.credentials.create({publicKey})`](/ja/docs/Web/API/CredentialsContainer/create) を最上位のドキュメントへ呼び出せるようになりました。
   ([Firefox bug 1870863](https://bugzil.la/1870863))
 
 #### DOM
diff --git a/files/ja/mozilla/firefox/releases/124/index.md b/files/ja/mozilla/firefox/releases/124/index.md
index bead155f37eec8..dff6c25ff89fe0 100644
--- a/files/ja/mozilla/firefox/releases/124/index.md
+++ b/files/ja/mozilla/firefox/releases/124/index.md
@@ -47,9 +47,9 @@ l10n:
   - [browser.createUserContext](https://w3c.github.io/webdriver-bidi/#command-browser-createUserContext) は新しいユーザーコンテキストを作成して、ユーザーコンテキストの一意の ID を返します。([Firefox bug 1870848](https://bugzil.la/1870848))
   - [browser.removeUserContext](https://w3c.github.io/webdriver-bidi/#command-browser-removeUserContext) はデフォルトでないユーザーコンテキストを、一意の ID を指定することで削除できます。([Firefox bug 1870849](https://bugzil.la/1870849))
   - [browser.getUserContexts](https://w3c.github.io/webdriver-bidi/#command-browser-getUserContexts) は、デフォルトユーザーコンテキストを含むすべての使用可能なユーザーコンテキストの一覧を、クライアントが取得できます。([Firefox bug 1870847](https://bugzil.la/1870847))
-- [browsingContext.create](https://w3c.github.io/webdriver-bidi/#command-browsingContext-create) コマンドで引数 "userContext" をサポートしました。この引数は、新しいブラウジングコンテキスト (タブやウィンドウ) を特定のユーザーコンテキスト (Firefox のコンテナー) に割り当てできます。([Firefox bug 1874918](https://bugzil.la/1874918))
-- [browsingContext.Info](https://w3c.github.io/webdriver-bidi/#type-browsingContext-Info) 型を、"userContext" フィールドを含むように更新しました。このフィールドは、ブラウジングコンテキストのタブを所有するユーザーコンテキストの一意の ID です。([Firefox bug 1874920](https://bugzil.la/1874920))
-- [script.addPreloadScript](https://w3c.github.io/webdriver-bidi/#command-script-addPreloadScript) コマンドで引数 "contexts" をサポートしました。この引数は特定のブラウジングコンテキストツリー (タブ) のトップレベルのブラウジングコンテキストを指定することで、特定のブラウジングコンテキストツリーに限ってプリロードスクリプトをクライアントが追加することを可能にします。([Firefox bug 1858458](https://bugzil.la/1858458))
+- [browsingContext.create](https://w3c.github.io/webdriver-bidi/#command-browsingContext-create) コマンドで引数 "userContext" をサポートしました。この引数は、新しい閲覧コンテキスト (タブやウィンドウ) を特定のユーザーコンテキスト (Firefox のコンテナー) に割り当てできます。([Firefox bug 1874918](https://bugzil.la/1874918))
+- [browsingContext.Info](https://w3c.github.io/webdriver-bidi/#type-browsingContext-Info) 型を、"userContext" フィールドを含むように更新しました。このフィールドは、閲覧コンテキストのタブを所有するユーザーコンテキストの一意の ID です。([Firefox bug 1874920](https://bugzil.la/1874920))
+- [script.addPreloadScript](https://w3c.github.io/webdriver-bidi/#command-script-addPreloadScript) コマンドで引数 "contexts" をサポートしました。この引数は特定の閲覧コンテキストツリー (タブ) のトップレベルの閲覧コンテキストを指定することで、特定の閲覧コンテキストツリーに限ってプリロードスクリプトをクライアントが追加することを可能にします。([Firefox bug 1858458](https://bugzil.la/1858458))
 - [browsingContext.close](https://w3c.github.io/webdriver-bidi/#command-browsingContext-close) が、最後のタブやウィンドウをを閉じることができない不具合を修正しました。([Firefox bug 1873948](https://bugzil.la/1873948))
 
 #### Marionette
diff --git a/files/ja/mozilla/firefox/releases/126/index.md b/files/ja/mozilla/firefox/releases/126/index.md
index fca29d8513a9fe..f9481e12c7e57b 100644
--- a/files/ja/mozilla/firefox/releases/126/index.md
+++ b/files/ja/mozilla/firefox/releases/126/index.md
@@ -68,7 +68,7 @@ l10n:
 
 #### WebDriver BiDi
 
-- ネットワーク要求の傍受を特定のトップレベルブラウジングコンテキストに限定するための `contexts` 引数を、`network.addIntercept` コマンドに追加しました ([Firefox bug 1882260](https://bugzil.la/1882260))。
+- ネットワーク要求の傍受を特定のトップレベル閲覧コンテキストに限定するための `contexts` 引数を、`network.addIntercept` コマンドに追加しました ([Firefox bug 1882260](https://bugzil.la/1882260))。
 - `session.subscribe` および `session.unsubscribe` コマンドで、`events` または `contexts` 引数の値が空の配列であるときに `invalid argument` エラーが発生するようになりました ([Firefox bug 1887871](https://bugzil.la/1887871))。
 - `storage.getCookies` コマンドの実装を、Gecko の既定の Cookie の動作に合わせて更新しました。これは CDP 実装だけが設定すると想定していた、設定項目 `network.cookie.cookieBehavior` のユーザー設定値を削除できます ([Firefox bug 1879503](https://bugzil.la/1879503))。
 - もはや必要ないため、`browsingContext.locateNodes` コマンドの `ownership` および `sandbox` 引数を削除しました ([Firefox bug 1884935](https://bugzil.la/1884935))。
diff --git a/files/ja/mozilla/firefox/releases/129/index.md b/files/ja/mozilla/firefox/releases/129/index.md
index bcdc02b1080de3..30be78ae8a0372 100644
--- a/files/ja/mozilla/firefox/releases/129/index.md
+++ b/files/ja/mozilla/firefox/releases/129/index.md
@@ -52,18 +52,18 @@ l10n:
 
 #### WebDriver BiDi
 
-- グローバルまたは一連のトップレベルブラウジングコンテキストでネットワークキャッシュを使用しないようにブラウザーを設定できる `network.setCacheBehavior` コマンドをサポートしました ([Firefox bug 1901032](https://bugzil.la/1901032)、[Firefox bug 1906100](https://bugzil.la/1906100))。
+- グローバルまたは一連のトップレベル閲覧コンテキストでネットワークキャッシュを使用しないようにブラウザーを設定できる `network.setCacheBehavior` コマンドをサポートしました ([Firefox bug 1901032](https://bugzil.la/1901032)、[Firefox bug 1906100](https://bugzil.la/1906100))。
 - ほかのユーザープロンプトと同じ方法で制御できる、`beforeUnload` タイプのプロンプトをサポートしました ([Firefox bug 1824220](https://bugzil.la/1824220))。
 - モック応答を返すことを可能にする引数 `body` など、`beforeRequestSent` 段階で使用する `network.provideResponse` コマンドのすべての引数をサポートしました ([Firefox bug 1853882](https://bugzil.la/1853882))。
 - `browsingContext.userPromptOpened` が、イベントを発生させたプロンプト向けに設定したユーザープロンプトハンドラーの情報を持つ `handler` フィールドを含むようになりました ([Firefox bug 1904822](https://bugzil.la/1904822))。
-- `BrowsingContextInfo` 型が、"オープナー" ブラウジングコンテキストのコンテキスト ID を表す `originalOpener` フィールドを提供するようになりました。これはリンク (`rel=noopener` である場合も含む) や `window.open` などを使用して作成された新しいコンテキストのインスタンスに設定されます。新しいブラウジングコンテキストに関係するオープナーがない場合は null が設定されます ([Firefox bug 1898004](https://bugzil.la/1898004))。
+- `BrowsingContextInfo` 型が、"オープナー" 閲覧コンテキストのコンテキスト ID を表す `originalOpener` フィールドを提供するようになりました。これはリンク (`rel=noopener` である場合も含む) や `window.open` などを使用して作成された新しいコンテキストのインスタンスに設定されます。新しい閲覧コンテキストに関係するオープナーがない場合は null が設定されます ([Firefox bug 1898004](https://bugzil.la/1898004))。
 - data URL の要求でネットワークイベント (`beforeRequestSent`、`responseStarted`、`responseCompleted`) が生成されるようになりました。Firefox 129 では、ナビゲーション要求に限り列挙されます ([Firefox bug 1805176](https://bugzil.la/1805176))。
 - `browsingContext.close` で、コマンドでコンテキストを閉じるときに "beforeunload" プロンプトを避けることができる引数 `promptUnload` をサポートしました ([Firefox bug 1862380](https://bugzil.la/1862380))。
 - `network.continueRequest` で、同一のハンドラーに複数の値を設定できない不具合を修正しました ([Firefox bug 1904379](https://bugzil.la/1904379))
 - `unhandledPromptBehavior` 機能を BiDi だけのセッションで使用できない不具合を修正しました ([Firefox bug 1907935](https://bugzil.la/1907935))。
 - `session.end` および `browser.close` が、Marionette クライアントが接続されていないときに突然失敗することがある不具合を修正しました ([Firefox bug 1890091](https://bugzil.la/1890091))。
 - `browsingContext.navigate` が、"beforeunload" で同一ドキュメントのナビゲーションを開始した場合に解決できないことがある不具合を修正しました ([Firefox bug 1879163](https://bugzil.la/1879163))。
-- トップレベルのブラウジングコンテキストを閉じるときにすべての "beforeunload" プロンプトを破棄するように、`browser.close` コマンドを改良しました ([Firefox bug 1873196](https://bugzil.la/1873196))。
+- トップレベルの閲覧コンテキストを閉じるときにすべての "beforeunload" プロンプトを破棄するように、`browser.close` コマンドを改良しました ([Firefox bug 1873196](https://bugzil.la/1873196))。
 - `browsingContext.userPromptOpened` イベントで、突然 `defaultValue` フィールドが失われる不具合を修正しました ([Firefox bug 1859814](https://bugzil.la/1859814))。
 - 認証フローの間に `network.responseCompleted` イベントが仕様書と比べて過剰に発生する問題を修正しました。HTTP 認証フロー全体に対して `responseCompleted` (または `fetchError`) イベントが 1 回だけ発生することが想定されています ([Firefox bug 1906106](https://bugzil.la/1906106))
 - すべての "beforeunload" プロンプトをスキップするように `browser.removeUserContext` コマンドを改良しました ([Firefox bug 1876062](https://bugzil.la/1876062))。
diff --git a/files/ja/mozilla/firefox/releases/68/index.md b/files/ja/mozilla/firefox/releases/68/index.md
index 8fc0a1a801f2ea..749f410edf56ec 100644
--- a/files/ja/mozilla/firefox/releases/68/index.md
+++ b/files/ja/mozilla/firefox/releases/68/index.md
@@ -174,7 +174,7 @@ _変更なし。_
 
 #### その他
 
-- トップレベルのブラウザーコンテキストが突然消えてしまうことを防ぐため、メモリーが少ない状況でバックグラウンドのタブを強制的にアンロードする機能を無効化しました ([Firefox バグ 1553748](https://bugzil.la/1553748))。
+- トップレベルの閲覧コンテキストが突然消えてしまうことを防ぐため、メモリーが少ない状況でバックグラウンドのタブを強制的にアンロードする機能を無効化しました ([Firefox バグ 1553748](https://bugzil.la/1553748))。
 - 新しいタブを開いた後にウェブサイトへ移動するときに HTTP 認証ダイアログが表示されない、特権付きコンテンツプロセスを無効化しました ([Firefox バグ 1558763](https://bugzil.la/1558763))。
 
 ### プラグイン
diff --git a/files/ja/mozilla/firefox/releases/73/index.md b/files/ja/mozilla/firefox/releases/73/index.md
index 0149e8f75de099..29a4a18a6486ae 100644
--- a/files/ja/mozilla/firefox/releases/73/index.md
+++ b/files/ja/mozilla/firefox/releases/73/index.md
@@ -61,7 +61,7 @@ _変更なし。_
 ### WebDriver conformance (Marionette)
 
 - カレントページを PDF 文書として印刷する `WebDriver:Print` を追加しました ([Firefox バグ 1604506](https://bugzil.la/1604506))。
-- `Webdriver:TakeScreenshot` が、キャプチャーする要素が指定されていない場合に現在選択されているブラウジングコンテキストではなく、常にトップレベルのブラウジングコンテキストをキャプチャーするようになりました ([Firefox バグ 1398087](https://bugzil.la/1398087), [Firefox バグ 1606794](https://bugzil.la/1606794))。
+- `Webdriver:TakeScreenshot` が、キャプチャーする要素が指定されていない場合に現在選択されている閲覧コンテキストではなく、常にトップレベルの閲覧コンテキストをキャプチャーするようになりました ([Firefox バグ 1398087](https://bugzil.la/1398087), [Firefox バグ 1606794](https://bugzil.la/1606794))。
 - `Webdriver:TakeScreenshot` の `full` 引数を使用すると、ページ全体をキャプチャーします ([Firefox バグ 1571424](https://bugzil.la/1571424))。
 
 ## アドオン開発者向けの変更点
diff --git a/files/ja/mozilla/firefox/releases/74/index.md b/files/ja/mozilla/firefox/releases/74/index.md
index d0f1dc8a7b6461..70f731ee46069d 100644
--- a/files/ja/mozilla/firefox/releases/74/index.md
+++ b/files/ja/mozilla/firefox/releases/74/index.md
@@ -82,7 +82,7 @@ _変更なし。_
 ### WebDriver conformance (Marionette)
 
 - カレントページを PDF 文書として印刷する `WebDriver:Print` を追加しました ([Firefox バグ 1604506](https://bugzil.la/1604506))。
-- `Webdriver:TakeScreenshot` が、キャプチャーする要素が指定されていない場合に現在選択されているブラウジングコンテキストではなく、常にトップレベルのブラウジングコンテキストをキャプチャーするようになりました ([Firefox バグ 1398087](https://bugzil.la/1398087), [Firefox バグ 1606794](https://bugzil.la/1606794))。
+- `Webdriver:TakeScreenshot` が、キャプチャーする要素が指定されていない場合に現在選択されている閲覧コンテキストではなく、常にトップレベルの閲覧コンテキストをキャプチャーするようになりました ([Firefox バグ 1398087](https://bugzil.la/1398087), [Firefox バグ 1606794](https://bugzil.la/1606794))。
 - `Webdriver:TakeScreenshot` の `full` 引数を使用すると、ページ全体をキャプチャーします ([Firefox バグ 1571424](https://bugzil.la/1571424))。
 
 ## アドオン開発者向けの変更点
diff --git a/files/ja/mozilla/firefox/releases/81/index.md b/files/ja/mozilla/firefox/releases/81/index.md
index 235c6cfa0ced8e..1d2e1f5f7f1a6e 100644
--- a/files/ja/mozilla/firefox/releases/81/index.md
+++ b/files/ja/mozilla/firefox/releases/81/index.md
@@ -56,7 +56,7 @@ _変更なし。_
 
 - `setWindowRect` 機能の既定値が、すべてのデスクトップアプリケーション (Thunderbird を含む) で `true` に、Android の GeckoView で `false` になりました ([Firefox バグ 1650872](https://bugzil.la/1650872))。
 - 以下のコマンドで Fission をサポートしました: `WebDriver:SwitchToFrame`、`WebDriver:SwitchToParentFrame`、`WebDriver:GetCurrentURL`。すべての Fission 互換コマンドは、`marionette.actors.enabled` が `true` に設定されている場合に限って利用できます。
-- 新しいウィンドウを開いた後、ブラウジングコンテキストの監視が破損する問題を修正しました ([Firefox バグ 1661495](https://bugzil.la/1661495))。
+- 新しいウィンドウを開いた後、閲覧コンテキストの監視が破損する問題を修正しました ([Firefox バグ 1661495](https://bugzil.la/1661495))。
 - `WebDriver:SwitchToWindow` が失敗したとき、統一された `NoSuchWindowError` が常に返るようになりました ([Firefox バグ 1663429](https://bugzil.la/1663429))。
 
 #### 廃止
diff --git a/files/ja/mozilla/firefox/releases/82/index.md b/files/ja/mozilla/firefox/releases/82/index.md
index 90a1b6acb161f5..74542eebbe9f06 100644
--- a/files/ja/mozilla/firefox/releases/82/index.md
+++ b/files/ja/mozilla/firefox/releases/82/index.md
@@ -51,7 +51,7 @@ slug: Mozilla/Firefox/Releases/82
 ### WebDriver conformance (Marionette)
 
 - より現実的なユーザーナビゲーションをシミュレートするため、サポートされるすべてのナビゲーションコマンドを親プロセスに移動しました ([Firefox バグ 1612831](https://bugzil.la/1612831))。
-- WebDriver 仕様書との適合性を向上させるため、すべてのコマンドで現在またはトップレベルのブラウジングコンテキストの確認を更新しました ([Firefox バグ 1493108](https://bugzil.la/1493108))。
+- WebDriver 仕様書との適合性を向上させるため、すべてのコマンドで現在またはトップレベルの閲覧コンテキストの確認を更新しました ([Firefox バグ 1493108](https://bugzil.la/1493108))。
 - `WebDriver:ElementClick` で、click イベントが実際に合成される前にコマンドが返る場合がある不具合を修正しました ([Firefox バグ 1394354](https://bugzil.la/1394354))。
 
 ## アドオン開発者向けの変更点
diff --git a/files/ja/mozilla/firefox/releases/84/index.md b/files/ja/mozilla/firefox/releases/84/index.md
index 91f91f6830b17e..ebb7846156673d 100644
--- a/files/ja/mozilla/firefox/releases/84/index.md
+++ b/files/ja/mozilla/firefox/releases/84/index.md
@@ -63,8 +63,8 @@ _変更なし。_
 
 - `WebDriver:PerformActions` および `WebDriver:ReleaseActions` に、chrome スコープのサポートを追加しました ([Firefox バグ 1365886](https://bugzil.la/1365886))。
 - 新しい Fission 互換 API をデフォルトで有効にしました。以前の API に戻すには、設定項目 `marionette.actors.enabled` を `false` に設定します ([Firefox バグ 1669169](https://bugzil.la/1669169))。
-- `WebDriver:SwitchToWindow` を、常にトップレベルのブラウジングコンテキストへ戻すように修正しました ([Firefox バグ 1305822](https://bugzil.la/1305822))。
-- `WebDriver:SwitchToParentFrame` の、ブラウジングコンテキストの確認を改良しました ([Firefox バグ 1671622](https://bugzil.la/1671622))。
+- `WebDriver:SwitchToWindow` を、常にトップレベルの閲覧コンテキストへ戻すように修正しました ([Firefox バグ 1305822](https://bugzil.la/1305822))。
+- `WebDriver:SwitchToParentFrame` の、閲覧コンテキストの確認を改良しました ([Firefox バグ 1671622](https://bugzil.la/1671622))。
 - `WebDriver:Back` で、現在選択されている [`<iframe>`](/ja/docs/Web/HTML/Element/iframe) がアンロードされたときにハングアップする問題を修正しました ([Firefox バグ 1672758](https://bugzil.la/1672758))。
 
 #### 既知の不具合
diff --git a/files/ja/web/api/htmlframesetelement/index.md b/files/ja/web/api/htmlframesetelement/index.md
index 9a1dfcdeac099d..7f42ef751427be 100644
--- a/files/ja/web/api/htmlframesetelement/index.md
+++ b/files/ja/web/api/htmlframesetelement/index.md
@@ -48,7 +48,7 @@ _固有のメソッドはありませんが、親の {{domxref("HTMLElement")}}
 - {{domxref("window.languagechange_event", "HTMLFrameSetElement.onlanguagechange")}}
   - : ユーザーが好む言語が変更されたとき発火します。
 - {{domxref("window.message_event", "HTMLFrameSetElement.onmessage")}}
-  - : ウインドウが (たとえば他のブラウジングコンテキストで [`Window.postMessage()`](/ja/docs/Web/API/Window/postMessage) を呼び出して送信された) メッセージを受信したとき発火します。
+  - : ウインドウが (たとえば他の閲覧コンテキストで [`Window.postMessage()`](/ja/docs/Web/API/Window/postMessage) を呼び出して送信された) メッセージを受信したとき発火します。
 - {{domxref("window.messageerror_event", "HTMLFrameSetElement.onmessageerror")}}
   - : ウインドウがデシリアライズできないメッセージを受信したとき発火します。
 - {{domxref("window.offline_event", "HTMLFrameSetElement.onoffline")}}

From 0d9aabfbea6f279dd77d17b8c6cff52d1e0426db Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 19:39:13 +0900
Subject: [PATCH 70/81] =?UTF-8?q?2024/03/06=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/messageport/close/index.md   |  29 ++---
 files/ja/web/api/messageport/index.md         |  63 ++++++-----
 .../api/messageport/message_event/index.md    |  96 +++++++++++++----
 .../messageport/messageerror_event/index.md   | 101 ++++++++++++++++--
 files/ja/web/api/messageport/start/index.md   |  29 ++---
 5 files changed, 229 insertions(+), 89 deletions(-)

diff --git a/files/ja/web/api/messageport/close/index.md b/files/ja/web/api/messageport/close/index.md
index f9c678b7124974..1445b3ff285c71 100644
--- a/files/ja/web/api/messageport/close/index.md
+++ b/files/ja/web/api/messageport/close/index.md
@@ -1,31 +1,32 @@
 ---
-title: MessagePort.close()
+title: "MessagePort: close() メソッド"
+short-title: close()
 slug: Web/API/MessagePort/close
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-{{domxref("MessagePort")}} インターフェイスの **`close()`** メソッドは、ポートの接続を切断し、ポートがアクティブではなくなります。これは、そのポートへのメッセージの送信を停止します。
-
-{{AvailableInWorkers}}
+**`close()`** は {{domxref("MessagePort")}} インターフェイスのメソッドで、ポートの接続を切断し、ポートがアクティブではなくなります。これは、そのポートへのメッセージの送信を停止します。
 
 ## 構文
 
-```
-port.close()
+```js-nolint
+close()
 ```
 
-### 戻り値
+### 返値
 
-無効。
+なし。
 
 ### 引数
 
-なし。
+なし ({{jsxref("undefined")}})。
 
 ## 例
 
-次のコードブロックには、`handleMessage` ハンドラ関数があり、{{domxref("EventTarget.addEventListener")}} を使用してこのドキュメントにメッセージが返された時に実行されます。
+次のコードブロックには、`handleMessage` ハンドラー関数があり、{{domxref("EventTarget.addEventListener")}} を使用してこの文書にメッセージが返された時に実行されます。
 
 ```js
 channel.port1.addEventListener("message", handleMessage, false);
@@ -43,14 +44,14 @@ channel.port1.start();
 channel.port1.close();
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
diff --git a/files/ja/web/api/messageport/index.md b/files/ja/web/api/messageport/index.md
index 0ab1d04dff7efb..f0f3954ae55554 100644
--- a/files/ja/web/api/messageport/index.md
+++ b/files/ja/web/api/messageport/index.md
@@ -1,46 +1,50 @@
 ---
 title: MessagePort
 slug: Web/API/MessagePort
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-[Channel Messaging API](/ja/docs/Web/API/Channel_Messaging_API) の **`MessagePort`** インターフェースは、{{domxref("MessageChannel")}} の 2 つのポートの一方を表し、片方のポートから送信されるメッセージをもう片方のポートで受信待機できます。
+**`MessagePort`** は[チャンネルメッセージング API](/ja/docs/Web/API/Channel_Messaging_API) のインターフェイスで、{{domxref("MessageChannel")}} の 2 つのポートの一方を表し、片方のポートから送信されるメッセージをもう片方のポートで受信待機できます。
 
-{{AvailableInWorkers}}
+`MessagePort` は[移譲可能オブジェクト](/ja/docs/Web/API/Web_Workers_API/Transferable_objects)です。
 
-## メソッド
+{{InheritanceDiagram}}
 
-_親である {{domxref("EventTarget")}} からのメソッドを継承します。_
+## インスタンスメソッド
 
-- {{domxref("MessagePort.postMessage")}}
-  - : ポートからメッセージを送信します。また、任意でオブジェクトの所有権を他のブラウジングコンテキストへ転送します。
-- {{domxref("MessagePort.start")}}
-  - : ポート上で順番待ちのメッセージの送信を開始します。({{domxref("EventTarget.addEventListener")}} を使用する場合のみ必要です。{{domxref("MessagePort.onmessage")}} を使用する場合は暗黙に実行されます。)
-- {{domxref("MessagePort.close")}}
+_親である {{domxref("EventTarget")}} からの継承したメソッドがあります。_
+
+- {{domxref("MessagePort.postMessage","postMessage()")}}
+  - : ポートからメッセージを送信します。また、任意でオブジェクトの所有権を他の閲覧コンテキストへ転送します。
+- {{domxref("MessagePort.start","start()")}}
+  - : ポート上で順番待ちのメッセージの送信を開始します。({{domxref("EventTarget.addEventListener")}} を使用する場合のみ必要です。{{domxref("MessagePort.message_event", "onmessage")}} を使用する場合は暗黙に実行されます。)
+- {{domxref("MessagePort.close","close()")}}
   - : ポートとの接続を切断し、このポートはアクティブではなくなります。
 
-## イベントハンドラ
+## イベント
 
-_親である {{domxref("EventTarget")}} からのイベントハンドラを継承します。_
+_親である {{domxref("EventTarget")}} から継承したイベントがあります。_
 
-- {{domxref("MessagePort.onmessage")}}
-  - : これは、`message` 型の {{domxref("MessageEvent")}} がポート上で発動した時に呼び出される {{domxref("EventListener")}} です。つまり、ポートがメッセージを受信した時に呼び出されます。
-- {{domxref("MessagePort.onmessageerror")}}
-  - : ポートで `messageerror` 型の {{domxref("MessageEvent")}} が発火すると呼び出されます。つまり、デシリアライズできないメッセージを受け取ったときです。
+- {{domxref("MessagePort.message_event","message")}}
+  - : `MessagePort` オブジェクトがメッセージを受信したときに発行されます。
+- {{domxref("MessagePort.messageerror_event","messageerror")}}
+  - : `MessagePort` オブジェクトがデシリアライズできないメッセージを受け取ったときに発行されます。
 
 ## 例
 
-次のコードブロックには、{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} コンストラクタで作成された新しいチャンネルがあります。
+次の例では、{{domxref("MessageChannel.MessageChannel","MessageChannel()")}} コンストラクターで作成された新しいチャンネルがあります。
 
-Iframe が読み込まれると、{{domxref("MessageChannel.port1")}} に `onmessage` ハンドラーを登録し、メッセージと共に {{domxref("window.postMessage")}} を使用して IFrame に {{domxref("MessageChannel.port2")}} を送信します。
+IFrame が読み込まれると、{{domxref("MessagePort/message_event","onmessage")}} ハンドラーを {{domxref("MessageChannel.port1")}} に登録し、{{domxref("MessageChannel.port2")}} を IFrame に、メッセージと共に {{domxref("window.postMessage")}} を使用して送信します。
 
-IFrame からメッセージが返却されると。`onMessage` 関数でメッセージをパラグラフに出力します。
+IFrame からメッセージが返却されると。`onMessage` 関数でメッセージを段落に出力します。
 
-```
-var channel = new MessageChannel();
-var output = document.querySelector('.output');
-var iframe = document.querySelector('iframe');
+```js
+const channel = new MessageChannel();
+const output = document.querySelector(".output");
+const iframe = document.querySelector("iframe");
 
 // Wait for the iframe to load
 iframe.addEventListener("load", onLoad);
@@ -50,26 +54,27 @@ function onLoad() {
   channel.port1.onmessage = onMessage;
 
   // Transfer port2 to the iframe
-  iframe.contentWindow.postMessage('Hello from the main page!', '*', [channel.port2]);
+  iframe.contentWindow.postMessage("Hello from the main page!", "*", [
+    channel.port2,
+  ]);
 }
 
-
 // Handle messages received on port1
 function onMessage(e) {
   output.innerHTML = e.data;
 }
 ```
 
-完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/channel-messaging-basic-demo) を参照してください ([実際のデモも実行できます](http://mdn.github.io/channel-messaging-basic-demo/))。
+完全に動作する例は、Github 上の [channel messaging basic demo](https://github.com/mdn/dom-examples/tree/main/channel-messaging-basic) を参照してください ([実際のデモも実行できます](https://mdn.github.io/dom-examples/channel-messaging-basic/))。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
diff --git a/files/ja/web/api/messageport/message_event/index.md b/files/ja/web/api/messageport/message_event/index.md
index 53f6e5c56c9c78..fdf21b9adc08df 100644
--- a/files/ja/web/api/messageport/message_event/index.md
+++ b/files/ja/web/api/messageport/message_event/index.md
@@ -1,53 +1,103 @@
 ---
-title: MessagePort.onmessage
+title: "MessagePort: message イベント"
+short-title: message
 slug: Web/API/MessagePort/message_event
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-{{domxref("MessagePort")}} インターフェイスの **`onmessage`** イベントハンドラは、{{domxref("EventListener")}} であり、ポート上で `message` 型の {{domxref("MessageEvent")}} が発動した時に呼び出されます。つまり、ポートがメッセージを受信した時に呼び出されます。
+**`message`** イベントは {{domxref('MessagePort')}} オブジェクトで、チャンネル上でメッセージが届いたときに発生します。
 
-{{AvailableInWorkers}}
+このイベントはキャンセル不可で、バブリングしません。
 
 ## 構文
 
+このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} のようなメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
+
+```js
+addEventListener("message", (event) => {});
+
+onmessage = (event) => {};
 ```
-channel.onmessage = function() { ... };
-```
+
+## イベント型
+
+{{domxref("MessageEvent")}} です。 {{domxref("Event")}} を継承しています。
+
+{{InheritanceDiagram("MessageEvent")}}
+
+## イベントプロパティ
+
+_このインターフェイスは親である {{domxref("Event")}} からプロパティを継承しています。_
+
+- {{domxref("MessageEvent.data")}} {{ReadOnlyInline}}
+  - : メッセージ送信元によって送信されたデータです。
+- {{domxref("MessageEvent.origin")}} {{ReadOnlyInline}}
+  - : 文字列で、メッセージ送信元のオリジンを表します。
+- {{domxref("MessageEvent.lastEventId")}} {{ReadOnlyInline}}
+  - : 文字列で、このイベントの一意の ID を表します。
+- {{domxref("MessageEvent.source")}} {{ReadOnlyInline}}
+  - : メッセージイベントソース、すなわち {{glossary("WindowProxy")}}、{{domxref("MessagePort")}}、{{domxref("ServiceWorker")}} の何れかのオブジェクトで、メッセージの送信元を表します。
+- {{domxref("MessageEvent.ports")}} {{ReadOnlyInline}}
+  - : {{domxref("MessagePort")}} オブジェクトの配列で、メッセージが送信されるチャンネルに関連するポートを表します（チャンネルメッセージングや、共有ワーカーにメッセージを送信する場合など、適切な場合）。
 
 ## 例
 
-次のコードブロックには、{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} コンストラクタで作成された新しいチャンネルがあります。IFrame が読み込まれた時、{{domxref("MessagePort.postMessage")}} を使用してメッセージと {{domxref("MessageChannel.port2")}} が IFrame へ渡されます。すると、`handleMessage` ハンドラが `onmessage` によって IFrame から返されたメッセージに応答し、そのメッセージを段落に出力します。ここで、{{domxref("MessageChannel.port1")}} は、メッセージが到着したときに確認するための待機状態にあります。
+[`MessageChannel`](/ja/docs/Web/API/MessageChannel) を作成し、そのポートの 1 つを別の閲覧コンテキスト（別の [`<iframe>`](/ja/docs/Web/HTML/Element/iframe) など）に送信するスクリプトを、次のようなコードで作成するとします。
 
 ```js
-var channel = new MessageChannel();
-var para = document.querySelector("p");
+const channel = new MessageChannel();
+const myPort = channel.port1;
+const targetFrame = window.top.frames[1];
+const targetOrigin = "https://example.org";
 
-var ifr = document.querySelector("iframe");
-var otherWindow = ifr.contentWindow;
+const messageControl = document.querySelector("#message");
+const channelMessageButton = document.querySelector("#channel-message");
 
-ifr.addEventListener("load", iframeLoaded, false);
+channelMessageButton.addEventListener("click", () => {
+  myPort.postMessage(messageControl.value);
+});
 
-function iframeLoaded() {
-  otherWindow.postMessage("Hello from the main page!", "*", [channel.port2]);
-}
+targetFrame.postMessage("init", targetOrigin, [channel.port2]);
+```
+
+対象とするポートを受信し、そのポートでメッセージの待ち受けを開始するには、次のようなコードを使用することができます。
+
+```js
+window.addEventListener("message", (event) => {
+  const myPort = event.ports[0];
+
+  myPort.addEventListener("message", (event) => {
+    received.textContent = event.data;
+  });
 
-channel.port1.onmessage = handleMessage;
-function handleMessage(e) {
-  para.innerHTML = e.data;
-}
+  myPort.start();
+});
 ```
 
-完全に動作する例は、Github 上の [チャンネルメッセージ送信の基本デモ](https://github.com/mdn/channel-messaging-basic-demo) を見てください ([実際の動作も確認できます](http://mdn.github.io/channel-messaging-basic-demo/))。
+リスナーが [`MessagePort.start()`](/ja/docs/Web/API/MessagePort/start) を呼び出さなければ、このポートにメッセージが配信されないことに注意してください。これは、[`addEventListener()`](/ja/docs/Web/API/EventTarget/addEventListener) メソッドを使用する場合のみ必要です。受信者が `onmessage` を使用する場合は、`start()` が暗黙的に呼び出されます。
+
+```js
+window.addEventListener("message", (event) => {
+  const myPort = event.ports[0];
+
+  myPort.onmessage = (event) => {
+    received.textContent = event.data;
+  };
+});
+```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- 関連イベント: [`messageerror`](/ja/docs/Web/API/MessagePort/messageerror_event)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
diff --git a/files/ja/web/api/messageport/messageerror_event/index.md b/files/ja/web/api/messageport/messageerror_event/index.md
index 8f72dd0665a1b6..1acec557473785 100644
--- a/files/ja/web/api/messageport/messageerror_event/index.md
+++ b/files/ja/web/api/messageport/messageerror_event/index.md
@@ -1,28 +1,111 @@
 ---
-title: MessagePort.onmessageerror
+title: "MessagePort: messageerror イベント"
+short-title: messageerror
 slug: Web/API/MessagePort/messageerror_event
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-{{domxref("MessagePort")}} インターフェースの **`onmessageerror`** イベントハンドラーは、ポートで `messageerror` 型の {{domxref("MessageEvent")}} が発火すると呼び出されます。つまり、{{glossary("Deserialization", "deserialized")}} できないメッセージを受け取ったときです。
+**`messageerror`** イベントは {{domxref('MessagePort')}} オブジェクトで、デシリアライズできないメッセージを受信したときに発生します。
 
-{{AvailableInWorkers}}
+このイベントはキャンセル不可で、バブリングしません。
 
 ## 構文
 
+このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} のようなメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
+
+```js
+addEventListener("messageerror", (event) => {});
+
+onmessageerror = (event) => {};
 ```
-port.onmessageerror = function() { ... };
+
+## イベント型
+
+{{domxref("MessageEvent")}} です。 {{domxref("Event")}} を継承しています。
+
+{{InheritanceDiagram("MessageEvent")}}
+
+## イベントプロパティ
+
+_このインターフェイスは親である {{domxref("Event")}} からプロパティを継承しています。_
+
+- {{domxref("MessageEvent.data")}} {{ReadOnlyInline}}
+  - : メッセージ送信元によって送信されたデータです。
+- {{domxref("MessageEvent.origin")}} {{ReadOnlyInline}}
+  - : 文字列で、メッセージ送信元のオリジンを表します。
+- {{domxref("MessageEvent.lastEventId")}} {{ReadOnlyInline}}
+  - : 文字列で、このイベントの一意の ID を表します。
+- {{domxref("MessageEvent.source")}} {{ReadOnlyInline}}
+  - : メッセージイベントソース、すなわち {{glossary("WindowProxy")}}、{{domxref("MessagePort")}}、{{domxref("ServiceWorker")}} の何れかのオブジェクトで、メッセージの送信元を表します。
+- {{domxref("MessageEvent.ports")}} {{ReadOnlyInline}}
+  - : {{domxref("MessagePort")}} オブジェクトの配列で、メッセージが送信されるチャンネルに関連するポートを表します（チャンネルメッセージングや、共有ワーカーにメッセージを送信する場合など、適切な場合）。
+
+## 例
+
+[`MessageChannel`](/ja/docs/Web/API/MessageChannel) を作成し、そのポートの 1 つを別の閲覧コンテキスト（別の [`<iframe>`](/ja/docs/Web/HTML/Element/iframe) など）に送信するスクリプトを、次のようなコードで作成するとします。
+
+```js
+const channel = new MessageChannel();
+const myPort = channel.port1;
+const targetFrame = window.top.frames[1];
+const targetOrigin = "https://example.org";
+
+const messageControl = document.querySelector("#message");
+const channelMessageButton = document.querySelector("#channel-message");
+
+channelMessageButton.addEventListener("click", () => {
+  myPort.postMessage(messageControl.value);
+});
+
+targetFrame.postMessage("init", targetOrigin, [channel.port2]);
+```
+
+対象とするポートを受信し、そのポートでメッセージおよびメッセージのエラーの待ち受けを開始するには、次のようなコードを使用することができます。
+
+```js
+window.addEventListener("message", (event) => {
+  const myPort = event.ports[0];
+
+  myPort.addEventListener("message", (event) => {
+    received.textContent = event.data;
+  });
+
+  myPort.addEventListener("messageerror", (event) => {
+    console.error(event.data);
+  });
+
+  myPort.start();
+});
+```
+
+リスナーが [`MessagePort.start()`](/ja/docs/Web/API/MessagePort/start) を呼び出さなければ、このポートにメッセージが配信されないことに注意してください。これは、[`addEventListener()`](/ja/docs/Web/API/EventTarget/addEventListener) メソッドを使用する場合のみ必要です。受信者が `onmessage` を使用する場合は、`start()` が暗黙的に呼び出されます。
+
+```js
+window.addEventListener("message", (event) => {
+  const myPort = event.ports[0];
+
+  myPort.onmessage = (event) => {
+    received.textContent = event.data;
+  };
+
+  myPort.onmessageerror = (event) => {
+    console.error(event.data);
+  };
+});
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザー実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
-## 関連項目
+## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- 関連イベント: [`message`](/ja/docs/Web/API/MessagePort/message_event)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
diff --git a/files/ja/web/api/messageport/start/index.md b/files/ja/web/api/messageport/start/index.md
index c69705a1f7575d..7dc8923cb29c94 100644
--- a/files/ja/web/api/messageport/start/index.md
+++ b/files/ja/web/api/messageport/start/index.md
@@ -1,31 +1,32 @@
 ---
-title: MessagePort.start()
+title: "MessagePort: start() メソッド"
+short-title: start()
 slug: Web/API/MessagePort/start
+l10n:
+  sourceCommit: e4c0939929e1b3e1fa3fd3da82b827fca3ed4c79
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-{{domxref("MessagePort")}} インターフェイスの **`start()`** メソッドは、ポート上のキューに置かれたメッセージの送信を開始します。このメソッドは、{{domxref("EventTarget.addEventListener")}} を使用する場合のみ必要になります。{{domxref("MessagePort.onmessage")}} を使用する場合は暗黙に実行されます。
-
-{{AvailableInWorkers}}
+**`start()`** は {{domxref("MessagePort")}} インターフェイスのメソッドで、ポート上のキューに置かれたメッセージの送信を開始します。このメソッドは、{{domxref("EventTarget.addEventListener")}} を使用する場合のみ必要になります。{{domxref("MessagePort.message_event")}} を使用する場合は暗黙に実行されます。
 
 ## 構文
 
-```
-port.start()
+```js-nolint
+start()
 ```
 
-### 戻り値
+### 返値
 
-無効。
+なし。
 
 ### 引数
 
-なし。
+なし ({{jsxref("undefined")}})。
 
 ## 例
 
-次のコードブロックには、`handleMessage` ハンドラ関数があり、`onmessage` を使用して、メッセージがこのドキュメントに送り返された時に実行されます:
+次のコードブロックには、`handleMessage` ハンドラー関数があり、`onmessage` を使用して、メッセージがこのドキュメントに送り返された時に実行されます:
 
 ```js
 channel.port1.onmessage = handleMessage;
@@ -46,14 +47,14 @@ function handleMessage(e) {
 channel.port1.start();
 ```
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)

From b761196e97693c9f6b49b5061557a614204ee7cb Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 18 Aug 2024 19:55:14 +0900
Subject: [PATCH 71/81] =?UTF-8?q?2024/07/22=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/api/messageport/postmessage/index.md  | 62 ++++++++++++-------
 1 file changed, 38 insertions(+), 24 deletions(-)

diff --git a/files/ja/web/api/messageport/postmessage/index.md b/files/ja/web/api/messageport/postmessage/index.md
index 880a864975a759..b6866192f7469b 100644
--- a/files/ja/web/api/messageport/postmessage/index.md
+++ b/files/ja/web/api/messageport/postmessage/index.md
@@ -1,64 +1,78 @@
 ---
-title: MessagePort.postMessage()
+title: "MessagePort: postMessage() メソッド"
+short-title: postMessage()
 slug: Web/API/MessagePort/postMessage
+l10n:
+  sourceCommit: e0310b3f565d3147fa80d9e63ace41e0fc244fa6
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}} {{AvailableInWorkers}}
 
-{{domxref("MessagePort")}} インターフェイスの **`postMessage()`** メソッドは、ポートからのメッセージを送信します。任意で、オブジェクトの所有権を他のブラウザコンテキストへ転送します。
-
-{{AvailableInWorkers}}
+**`postMessage()`** は {{domxref("MessagePort")}} インターフェイスのメソッドで、ポートからのメッセージを送信します。任意で、オブジェクトの所有権を他の閲覧コンテキストへ転送します。
 
 ## 構文
 
-```
-port.postMessage(message [,transfer]);
+```js-nolint
+postMessage(message)
+postMessage(message, transfer)
+postMessage(message, options)
 ```
 
-### 戻り値
+### 引数
 
-無効。
+- `message`
+  - : チャンネル経由で送信するメッセージ。これはいずれかの基本データ型です。複数のデータアイテムを配列として送信できます。
+- `transfer` {{optional_inline}}
+  - : オプションで、所有権を委譲する[移譲可能オブジェクト](/ja/docs/Web/API/Web_Workers_API/Transferable_objects)の[配列](/ja/docs/Web/JavaScript/Reference/Global_Objects/Array)。これらのオブジェクトの所有権は出力先に移動され、送信側ではそれらを使用できなくなります。これらの移譲可能オブジェクトはメッセージに添付する必要があります。そうでない場合、移動はされますが、受信側では実際にアクセスできなくなります。
+- `options` {{optional_inline}}
+  - : オプションで、以下のプロパティを持つオブジェクトです。
+    - `transfer` {{optional_inline}}
+      - : `transfer` 引数と同じ意味です。
 
-### 引数
+### 返値
 
-- message
-  - : チャンネル経由で送信するメッセージ。これは基本データタイプになります。複数のデータアイテムを配列として送信できます。
-- \[, transfer]
-  - : (任意) 転送されるオブジェクト。これらのオブジェクトの所有権は、受信側のブラウザコンテキストへ転送されるため、送信側のブラウザコンテキストでは使用できなくなります。
+なし ({{jsxref("undefined")}})。
 
 ## 例
 
-次のコードブロックでは、{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} コンストラクタで新しいチャンネルを作成しています。IFrame が読み込まれた時、{{domxref("window.postMessage")}} メソッドによってメッセージと {{domxref("MessageChannel.port2")}} が IFrame へ渡されます。すると、`handleMessage` が `onmessage` によって IFrame から返されたメッセージに応答し、そのメッセージを段落に出力します。ここで、{{domxref("MessageChannel.port1")}} は、メッセージが到着したときに確認するための待機状態にあります。
+次のコードブロックでは、{{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} コンストラクターで新しいチャンネルを作成しています。IFrame が読み込まれた時、{{domxref("MessageChannel.port2")}} が {{domxref("window.postMessage")}} メソッドによってメッセージとともに IFrame へ渡されます。すると、`handleMessage` が `onmessage` によって IFrame から返されたメッセージに応答し、そのメッセージを段落に出力します。ここで、{{domxref("MessageChannel.port1")}} は、メッセージが到着したときに確認するための待機状態にあります。
 
 ```js
-var channel = new MessageChannel();
-var para = document.querySelector("p");
+const channel = new MessageChannel();
+const para = document.querySelector("p");
 
-var ifr = document.querySelector("iframe");
-var otherWindow = ifr.contentWindow;
+const ifr = document.querySelector("iframe");
+const otherWindow = ifr.contentWindow;
 
 ifr.addEventListener("load", iframeLoaded, false);
 
 function iframeLoaded() {
-  otherWindow.postMessage("Hello from the main page!", "*", [channel.port2]);
+  otherWindow.postMessage("Transferring message port", "*", [channel.port2]);
 }
 
 channel.port1.onmessage = handleMessage;
 function handleMessage(e) {
   para.innerHTML = e.data;
 }
+
+// in the iframe…
+
+window.addEventListener("message", (event) => {
+  const messagePort = event.ports?.[0];
+  messagePort.postMessage("Hello from the iframe!");
+});
 ```
 
-完全に動作する例は、Github 上の [チャンネルメッセージ送信の基本デモ](https://github.com/mdn/channel-messaging-basic-demo) を見てください ([実際の動作も確認できます](http://mdn.github.io/channel-messaging-basic-demo/))。
+完全に動作する例は、Github 上の [チャンネルメッセージ送信の基本デモ](https://github.com/mdn/dom-examples/tree/main/channel-messaging-basic) を見てください ([実際の動作も確認できます](https://mdn.github.io/dom-examples/channel-messaging-basic/))。
 
-## 仕様
+## 仕様書
 
 {{Specifications}}
 
-## ブラウザの実装状況
+## ブラウザーの互換性
 
 {{Compat}}
 
 ## 関連情報
 
-- [Using channel messaging](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)
+- [チャンネルメッセージングの使用](/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging)

From 4868ee561645f49935f4f49ca0915e2f892fb4f2 Mon Sep 17 00:00:00 2001
From: seeker <seeker8@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:09:57 -0400
Subject: [PATCH 72/81] [es] Web/JavaScript/Reference/Global_Objects/Map/delete
 (#23193)

[es] translate map delete
---
 .../global_objects/map/delete/index.md        | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 files/es/web/javascript/reference/global_objects/map/delete/index.md

diff --git a/files/es/web/javascript/reference/global_objects/map/delete/index.md b/files/es/web/javascript/reference/global_objects/map/delete/index.md
new file mode 100644
index 00000000000000..3f1b505210e1f5
--- /dev/null
+++ b/files/es/web/javascript/reference/global_objects/map/delete/index.md
@@ -0,0 +1,51 @@
+---
+title: Map.prototype.delete()
+slug: Web/JavaScript/Reference/Global_Objects/Map/delete
+l10n:
+  sourceCommit: 88d71e500938fa8ca969fe4fe3c80a5abe23d767
+---
+
+{{JSRef}}
+
+El método **`delete()`** de las instancias {{jsxref("Map")}} remueve el elemento especificado de este _map_ utilizando la llave del elemento que se quiere remover.
+
+{{EmbedInteractiveExample("pages/js/map-prototype-delete.html")}}
+
+## Sintaxis
+
+```js-nolint
+mapInstance.delete(key)
+```
+
+### Parámetros
+
+- `key`
+  - : La llave de el elemento que se va a remover del objeto `Map`.
+
+### Valor devuelto
+
+`true` si un elemento en el objeto `Map` existía y fué removido, o `false` si el elemento no existe.
+
+## Ejemplos
+
+### Usando delete()
+
+```js
+const myMap = new Map();
+myMap.set("bar", "foo");
+
+console.log(myMap.delete("bar")); // Regresa true. Removido exitosamente.
+console.log(myMap.has("bar")); // Regresa false. El elemento "bar" ya no esta presente.
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- {{jsxref("Map")}}

From 25266126adf1b48946181421170a9491d928ff3b Mon Sep 17 00:00:00 2001
From: seeker <seeker8@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:13:11 -0400
Subject: [PATCH 73/81] [es]
 Web/JavaScript/Reference/Global_Objects/Map/entries (#23194)

[es] translate map entries
---
 .../global_objects/map/entries/index.md       | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 files/es/web/javascript/reference/global_objects/map/entries/index.md

diff --git a/files/es/web/javascript/reference/global_objects/map/entries/index.md b/files/es/web/javascript/reference/global_objects/map/entries/index.md
new file mode 100644
index 00000000000000..99fdf304c7aee7
--- /dev/null
+++ b/files/es/web/javascript/reference/global_objects/map/entries/index.md
@@ -0,0 +1,56 @@
+---
+title: Map.prototype.entries()
+slug: Web/JavaScript/Reference/Global_Objects/Map/entries
+l10n:
+  sourceCommit: 27180875516cc311342e74b596bfb589b7211e0c
+---
+
+{{JSRef}}
+
+El método **`entries()`** de las instancias {{jsxref("Map")}} regresa un nuevo objeto _[iterador de mapa](/es/docs/Web/JavaScript/Reference/Global_Objects/Iterator)_ que contiene las tuplas `[llave, valor]` para cada elemento en este _map_ en orden de inserción.
+
+{{EmbedInteractiveExample("pages/js/map-prototype-entries.html")}}
+
+## Sintaxis
+
+```js-nolint
+entries()
+```
+
+### Parámetros
+
+Ningúno.
+
+### Valor devuelto
+
+Un nuevo [objeto de tipo iterator iterable](/es/docs/Web/JavaScript/Reference/Global_Objects/Iterator).
+
+## Ejemplos
+
+### Usando entries()
+
+```js
+const myMap = new Map();
+myMap.set("0", "foo");
+myMap.set(1, "bar");
+myMap.set({}, "baz");
+
+const mapIter = myMap.entries();
+
+console.log(mapIter.next().value); // ["0", "foo"]
+console.log(mapIter.next().value); // [1, "bar"]
+console.log(mapIter.next().value); // [Object, "baz"]
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- {{jsxref("Map.prototype.keys()")}}
+- {{jsxref("Map.prototype.values()")}}

From 3b37cba932c174efaae81c7e5b3524f38f1d5a92 Mon Sep 17 00:00:00 2001
From: seeker <seeker8@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:15:10 -0400
Subject: [PATCH 74/81] [es]
 Web/JavaScript/Reference/Global_Objects/Map/Symbol.species (#23185)

* [es] translate map symbol.species
---
 .../map/symbol.species/index.md               | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 files/es/web/javascript/reference/global_objects/map/symbol.species/index.md

diff --git a/files/es/web/javascript/reference/global_objects/map/symbol.species/index.md b/files/es/web/javascript/reference/global_objects/map/symbol.species/index.md
new file mode 100644
index 00000000000000..001953a518c9ff
--- /dev/null
+++ b/files/es/web/javascript/reference/global_objects/map/symbol.species/index.md
@@ -0,0 +1,63 @@
+---
+title: Map[Symbol.species]
+slug: Web/JavaScript/Reference/Global_Objects/Map/Symbol.species
+l10n:
+  sourceCommit: 8421c0cd94fa5aa237c833ac6d24885edbc7d721
+---
+
+{{JSRef}}
+
+La propiedad estática de acceso **`Map[Symbol.species]`** es una propiedad de acceso no utilizada que especifica como hacer copias de objetos `Map`.
+
+## Sintaxis
+
+```js-nolint
+Map[Symbol.species]
+```
+
+### Valor devuelto
+
+El valor de el constructor (`this`) en el cual se llamó `get [Symbol.species]`. El valor devuelto es usado para construir copias de instancias de `Map`.
+
+## Descripción
+
+La propiedad de acceso `[Symbol.species]` regresa el constructor por defecto para los objetos `Map`. Los constructores de las subclases pueden sobreescribirla para cambiar la asignación del constructor.
+
+> [!NOTE]
+> Esta es una propiedad que actualmente no es utilizada por ningúno de los métodos de `Map`.
+
+## Ejemplos
+
+### Species en objetos ordinarios
+
+La propiedad `[Symbol.species]` regresa la función constructora por defecto, la cual es el constructor `Map` para `Map`.
+
+```js
+Map[Symbol.species]; // function Map()
+```
+
+### Species en objetos derivados
+
+En una instancia de una subclase personalizada `Map`, como lo es `MyMap`, la propiedad _species_ de `MyMap` es el constructor de `MyMap`. Sin embargo, podrías desear sobreescribirla para regresar objetos del objeto padre `Map` en los métodos de tu clase derivada:
+
+```js
+class MyMap extends Map {
+  // Sobrescribir species de MyMap en el constructor del Map padre
+  static get [Symbol.species]() {
+    return Map;
+  }
+}
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- {{jsxref("Map")}}
+- {{jsxref("Symbol.species")}}

From 53969531dc8b81eaecec926b88a417fffe2ae415 Mon Sep 17 00:00:00 2001
From: seeker <seeker8@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:18:20 -0400
Subject: [PATCH 75/81] [es]
 Web/JavaScript/Reference/Global_Objects/Map/groupBy (#23184)

* [es] translate map groupBy

* [es] update map groupby translation
---
 .../global_objects/map/groupby/index.md       | 110 ++++++++++++++++++
 1 file changed, 110 insertions(+)
 create mode 100644 files/es/web/javascript/reference/global_objects/map/groupby/index.md

diff --git a/files/es/web/javascript/reference/global_objects/map/groupby/index.md b/files/es/web/javascript/reference/global_objects/map/groupby/index.md
new file mode 100644
index 00000000000000..c811112f761fd2
--- /dev/null
+++ b/files/es/web/javascript/reference/global_objects/map/groupby/index.md
@@ -0,0 +1,110 @@
+---
+title: Map.groupBy()
+slug: Web/JavaScript/Reference/Global_Objects/Map/groupBy
+l10n:
+  sourceCommit: 8421c0cd94fa5aa237c833ac6d24885edbc7d721
+---
+
+{{JSRef}}
+
+> [!NOTE]
+> En algunas versiones de algunos navegadores, este método fué implementado como el método `Array.prototype.groupToMap()`. Debido a problemas de compatibilidad web, ahora es implementado como un método estático. Revise la [tabla de compatibilidad con navegadores](#compatibilidad_con_navegadores) para más detalles.
+
+El método estático **`Map.groupBy()`** agrupa los elementos de un iterable, utilizando los valores regresados por la función provista. El objeto {{jsxref("Map")}} regresado utiliza los valores únicos de la función de prueba como llaves, los cuales pueden utilizarse para obtener el arreglo de elementos en cada grupo.
+
+El método es útil principalmente cuando se quiere agrupar elementos que están asociados con un objeto, y particularmente cuando el objeto puede cambiar con el tiempo. Si el objeto es invariante, podrías en su lugar representarlo utilizando una cadena de caracteres _string_, y agrupando los elementos con {{jsxref("Object.groupBy()")}}.
+
+{{EmbedInteractiveExample("pages/js/map-groupby.html", "taller")}}
+
+## Sintaxis
+
+```js-nolint
+Map.groupBy(items, callbackFn)
+```
+
+### Parámetros
+
+- `items`
+  - : Un [iterable](/es/docs/Web/JavaScript/Reference/Iteration_protocols#el_protocolo_iterador) (así como un {{jsxref("Array")}}) cuyos elementos serán agrupados.
+- `callbackFn`
+  - : Una función que se ejecuta por cada elemento en el iterable. Debe regresar un valor ({{Glossary("object")}} o un {{Glossary("primitive")}}) indicando el grupo del elemento actual. La función es llamada con los siguientes argumentos:
+    - `element`
+      - : El elemento actual que está siendo procesado.
+    - `index`
+      - : El índice del elemento actual que esta siendo procesado.
+
+### Valor regresado
+
+Un objeto {{jsxref("Map")}} con llaves para cada grupo, cada llave asignada a un arreglo que contiene los elementos del grupo asociado.
+
+## Descripción
+
+`Map.groupBy()` llama a la función de devolución de llamada `callbackFn` pasada como parámetro, una vez por cada elemento en el iterable. La función de devolución de llamada debe regresar un valor indicando el grupo del elemento asociado. Los valores regresados por la `callbackFn` son utilizados como llaves para el {{jsxref("Map")}} regresado por `Map.groupBy()`. Cada llave tiene asociado un arreglo que contiene todos los elementos para los cuales la función de devolución de llamada regresó el mismo valor.
+
+Los elementos en el objeto {{jsxref("Map")}} regresado por la función y en el iterable original, son los mismos (sin {{Glossary("deep copy", "copias profundas")}}). Al cambiar la estructura interna de los elementos, esta se vera reflejada en ambos, el iterable original y el {{jsxref("Map")}} regresado por la función.
+
+Este método es util cuando necesitas agrupar información que está relacionada a un objeto en particular y que potencialmente puede cambiar con el tiempo. Esto es debido a que, incluseo si el objeto es modificado, continuará funcionando como llave para el objeto `Map` regresado por la función. Si en su lugar creas una representación _string_ para el objeto y la utilizas como la llave para agrupar en {{jsxref("Object.groupBy()")}}, debes mantener el mapeo entre el objeto original y su representacion de acuerdo a como el objeto cambia.
+
+> [!NOTE]
+> Para accesar los grupos en el objeto `Map` regresado por la función, debes utilizar el mismo objeto que fué usado como llave en el `Map` (a pesar de que puedes modificar sus propiedades). No puedes usar otro objeto que de casulaidad tiene el mismo nombre y las mismas propiedades.
+
+`Map.groupBy` no lee el valor de `this`. Puede ser llamado en cualquier objeto y regresará una nueva instancia de {{jsxref("Map")}}.
+
+## Ejemplos
+
+### Utilizando Map.groupBy()
+
+Primero definimos un arreglo que contenga objetos que representen un inventario de diferentes alimentos. Cada alimento tiene un `type` y un `quantity`.
+
+```js
+const inventory = [
+  { name: "asparagus", type: "vegetables", quantity: 9 },
+  { name: "bananas", type: "fruit", quantity: 5 },
+  { name: "goat", type: "meat", quantity: 23 },
+  { name: "cherries", type: "fruit", quantity: 12 },
+  { name: "fish", type: "meat", quantity: 22 },
+];
+```
+
+El código de abajo utiliza `Map.groupBy()` con una función flecha que regresa las llaves de objeto llamadas `restock` o `sufficient`, dependiendo de si la propiedad del elemento es `quantity < 6`. El objeto `result` que regresa, es un `Map` así que necesitamos llamar `get()` con la llave para obtener el arreglo.
+
+```js
+const restock = { restock: true };
+const sufficient = { restock: false };
+const result = Map.groupBy(inventory, ({ quantity }) =>
+  quantity < 6 ? restock : sufficient,
+);
+console.log(result.get(restock));
+// [{ name: "bananas", type: "fruit", quantity: 5 }]
+```
+
+Note que el argumento `{ quantity }` de la función, es un ejemplo básico de la [sintaxis de destructuración de objetos pasados como parámetros de función](/es/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#desempacar_campos_de_objetos_pasados_como_parámetro_de_función). Esto desempaca la propiedad `quantity` del objeto pasado como parámetro, y lo asigna a la variable llamada `quantity` en el cuerpo de la función. Esta es una forma muy concisa de accesar los valores relevantes de elementos, dentro de una función.
+
+La llave de un `Map` puede ser modificada y aún usarse. Sin embargo no puedes recrear la llave y aún usarla. Por esa razón es importante que cualquiera que necesite usar el _map_ mantenga una referencia de sus llaves.
+
+```js
+// La llave puede ser modificada y aún usarse
+restock["fast"] = true;
+console.log(result.get(restock));
+// [{ name: "bananas", type: "fruit", quantity: 5 }]
+
+// Una nueva llave no puede ser usada, incluso si tiene la misma estructura!
+const restock2 = { restock: true };
+console.log(result.get(restock2)); // undefined
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- [Polyfill de `Map.groupBy` en `core-js`](https://github.com/zloirock/core-js#array-grouping)
+- Guía de [Colleciones indexadas](/es/docs/Web/JavaScript/Guide/Indexed_collections)
+- {{jsxref("Array.prototype.reduce()")}}
+- {{jsxref("Map/Map", "Map()")}}
+- {{jsxref("Object.groupBy()")}}

From 5e28ac649a7b5e92c4b8e0c02c94ad6e23a423b3 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Thu, 22 Aug 2024 23:12:26 +0200
Subject: [PATCH 76/81] [ru] sync translated content (#23147)

* ru: sync translated content

* improve documents titles

---------

Co-authored-by: Leonid Vinogradov <win.leon@protonmail.com>
---
 files/ru/_redirects.txt                       | 10 +++---
 files/ru/_wikihistory.json                    | 34 +++++++++----------
 .../api/console/countreset_static/index.md    |  4 +--
 .../web/api/console/timeend_static/index.md   |  4 +--
 .../web/api/console/timelog_static/index.md   |  4 +--
 .../web/api/console/timestamp_static/index.md |  2 +-
 6 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt
index 75bedc1bcbcfe8..2309ed6072146e 100644
--- a/files/ru/_redirects.txt
+++ b/files/ru/_redirects.txt
@@ -491,11 +491,11 @@
 /ru/docs/Web/API/atob	/ru/docs/Web/API/Window/atob
 /ru/docs/Web/API/btoa	/ru/docs/Web/API/Window/btoa
 /ru/docs/Web/API/caches	/ru/docs/Web/API/Window/caches
-/ru/docs/Web/API/console.timeEnd	/ru/docs/Web/API/console/timeend_static
+/ru/docs/Web/API/console.timeEnd	/ru/docs/Web/API/console/timeEnd_static
 /ru/docs/Web/API/console/assert	/ru/docs/Web/API/console/assert_static
 /ru/docs/Web/API/console/clear	/ru/docs/Web/API/console/clear_static
 /ru/docs/Web/API/console/count	/ru/docs/Web/API/console/count_static
-/ru/docs/Web/API/console/countReset	/ru/docs/Web/API/console/countreset_static
+/ru/docs/Web/API/console/countReset	/ru/docs/Web/API/console/countReset_static
 /ru/docs/Web/API/console/debug	/ru/docs/Web/API/console/debug_static
 /ru/docs/Web/API/console/dir	/ru/docs/Web/API/console/dir_static
 /ru/docs/Web/API/console/dirxml	/ru/docs/Web/API/console/dirxml_static
@@ -506,9 +506,9 @@
 /ru/docs/Web/API/console/profile	/ru/docs/Web/API/console/profile_static
 /ru/docs/Web/API/console/table	/ru/docs/Web/API/console/table_static
 /ru/docs/Web/API/console/time	/ru/docs/Web/API/console/time_static
-/ru/docs/Web/API/console/timeEnd	/ru/docs/Web/API/console/timeend_static
-/ru/docs/Web/API/console/timeLog	/ru/docs/Web/API/console/timelog_static
-/ru/docs/Web/API/console/timeStamp	/ru/docs/Web/API/console/timestamp_static
+/ru/docs/Web/API/console/timeEnd	/ru/docs/Web/API/console/timeEnd_static
+/ru/docs/Web/API/console/timeLog	/ru/docs/Web/API/console/timeLog_static
+/ru/docs/Web/API/console/timeStamp	/ru/docs/Web/API/console/timeStamp_static
 /ru/docs/Web/API/console/trace	/ru/docs/Web/API/console/trace_static
 /ru/docs/Web/API/console/warn	/ru/docs/Web/API/console/warn_static
 /ru/docs/Web/API/crypto_property	/ru/docs/Web/API/Window/crypto
diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json
index 3937d10c173afe..8f773e88ebfd69 100644
--- a/files/ru/_wikihistory.json
+++ b/files/ru/_wikihistory.json
@@ -7702,14 +7702,14 @@
     "modified": "2020-10-15T21:49:40.634Z",
     "contributors": ["georgelviv", "YozhEzhi", "art-gur"]
   },
+  "Web/API/console/countReset_static": {
+    "modified": "2020-10-15T22:14:44.244Z",
+    "contributors": ["damirJa"]
+  },
   "Web/API/console/count_static": {
     "modified": "2019-03-23T22:08:48.787Z",
     "contributors": ["FlowerDeLuce"]
   },
-  "Web/API/console/countreset_static": {
-    "modified": "2020-10-15T22:14:44.244Z",
-    "contributors": ["damirJa"]
-  },
   "Web/API/console/debug_static": {
     "modified": "2020-11-19T07:02:35.541Z",
     "contributors": ["m0nclous", "ekirpichyov"]
@@ -7753,17 +7753,7 @@
     "modified": "2019-11-28T12:52:39.225Z",
     "contributors": ["1cepeak", "xefimx"]
   },
-  "Web/API/console/time_static": {
-    "modified": "2020-10-15T21:37:02.751Z",
-    "contributors": [
-      "Mialik-Kirill-Sergeevich",
-      "SphinxKnight",
-      "ekirpichyov",
-      "YozhEzhi",
-      "terranisu"
-    ]
-  },
-  "Web/API/console/timeend_static": {
+  "Web/API/console/timeEnd_static": {
     "modified": "2020-10-15T21:29:08.226Z",
     "contributors": [
       "Arhidimon",
@@ -7775,14 +7765,24 @@
       "Troynov"
     ]
   },
-  "Web/API/console/timelog_static": {
+  "Web/API/console/timeLog_static": {
     "modified": "2020-10-15T22:12:51.490Z",
     "contributors": ["ekirpichyov", "evilandfox"]
   },
-  "Web/API/console/timestamp_static": {
+  "Web/API/console/timeStamp_static": {
     "modified": "2020-10-15T22:22:33.891Z",
     "contributors": ["ekirpichyov"]
   },
+  "Web/API/console/time_static": {
+    "modified": "2020-10-15T21:37:02.751Z",
+    "contributors": [
+      "Mialik-Kirill-Sergeevich",
+      "SphinxKnight",
+      "ekirpichyov",
+      "YozhEzhi",
+      "terranisu"
+    ]
+  },
   "Web/API/console/trace_static": {
     "modified": "2020-10-15T21:56:15.688Z",
     "contributors": ["Solant", "nikitaermishin"]
diff --git a/files/ru/web/api/console/countreset_static/index.md b/files/ru/web/api/console/countreset_static/index.md
index ea77b96e9b8a87..115acbea706f40 100644
--- a/files/ru/web/api/console/countreset_static/index.md
+++ b/files/ru/web/api/console/countreset_static/index.md
@@ -1,6 +1,6 @@
 ---
-title: Console.countReset()
-slug: Web/API/console/countreset_static
+title: "console: статический метод countReset()"
+slug: Web/API/console/countReset_static
 ---
 
 {{APIRef("Console API")}}
diff --git a/files/ru/web/api/console/timeend_static/index.md b/files/ru/web/api/console/timeend_static/index.md
index ef970105ff2837..9ca3732313047e 100644
--- a/files/ru/web/api/console/timeend_static/index.md
+++ b/files/ru/web/api/console/timeend_static/index.md
@@ -1,6 +1,6 @@
 ---
-title: Console.timeEnd
-slug: Web/API/console/timeend_static
+title: "console: статический метод timeEnd()"
+slug: Web/API/console/timeEnd_static
 ---
 
 {{APIRef("Console API")}}
diff --git a/files/ru/web/api/console/timelog_static/index.md b/files/ru/web/api/console/timelog_static/index.md
index 1d312fd78c0bd9..e4a54cc08c1d3c 100644
--- a/files/ru/web/api/console/timelog_static/index.md
+++ b/files/ru/web/api/console/timelog_static/index.md
@@ -1,6 +1,6 @@
 ---
-title: Console.timeLog()
-slug: Web/API/console/timelog_static
+title: "console: статический метод timeLog()"
+slug: Web/API/console/timeLog_static
 ---
 
 {{APIRef("Console API")}}Выводит в консоль текущее значение таймера, запущенного вызовом {{domxref("console.time()")}}.
diff --git a/files/ru/web/api/console/timestamp_static/index.md b/files/ru/web/api/console/timestamp_static/index.md
index b1f00895934e13..0900c2883647c4 100644
--- a/files/ru/web/api/console/timestamp_static/index.md
+++ b/files/ru/web/api/console/timestamp_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: "console: статический метод timeStamp()"
-slug: Web/API/console/timestamp_static
+slug: Web/API/console/timeStamp_static
 l10n:
   sourceCommit: 0c3f18aca2c8a93d3982183f64bf7762c2c310b0
 ---

From 8044c2942a335d24879eb6d80fb16ed6d244c2de Mon Sep 17 00:00:00 2001
From: "viktoriia.dev" <106957194+VBasko@users.noreply.github.com>
Date: Thu, 22 Aug 2024 18:13:24 -0300
Subject: [PATCH 77/81] [ru]: Fix isPrototypeOf method description (#23189)

* [ru]: Fix isPrototypeOf method description

* improve wording

---------

Co-authored-by: Leonid Vinogradov <win.leon@protonmail.com>
---
 .../ru/web/javascript/reference/global_objects/object/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/ru/web/javascript/reference/global_objects/object/index.md b/files/ru/web/javascript/reference/global_objects/object/index.md
index d898c23eabed17..b0214b1da707c0 100644
--- a/files/ru/web/javascript/reference/global_objects/object/index.md
+++ b/files/ru/web/javascript/reference/global_objects/object/index.md
@@ -102,7 +102,7 @@ new Object([value])
 - {{jsxref("Object.prototype.hasOwnProperty()")}}
   - : Возвращает логическое значение, указывающее, содержит ли объект указанное свойство как прямое свойство этого объекта, а не унаследованное через цепочку прототипов.
 - {{jsxref("Object.prototype.isPrototypeOf()")}}
-  - : Возвращает логическое значение, указывающее, содержит ли объект указанное свойство как прямое свойство этого объекта, а не унаследованное через цепочку прототипов.
+  - : Возвращает логическое значение, указывающее, входит ли объект, у которого вызван метод, в цепочку прототипов другого объекта.
 - {{jsxref("Object.prototype.propertyIsEnumerable()")}}
   - : Возвращает логическое значение, указывающее, является ли указанное свойство свойством объекта [enumerable own](/ru/docs/Web/JavaScript/Enumerability_and_ownership_of_properties).
 - {{jsxref("Object.prototype.toLocaleString()")}}

From a6027062bc4889c5c93ec705c04234e21a406aac Mon Sep 17 00:00:00 2001
From: ikenk <93726321+ikenk@users.noreply.github.com>
Date: Fri, 23 Aug 2024 09:24:29 +0800
Subject: [PATCH 78/81] [zh-cn] Add alt text to 'What does it look like'
 (#23187)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修改了"它看起来像是？"部分的图片的 alt
---
 .../express_nodejs/displaying_data/home_page/index.md           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/zh-cn/learn/server-side/express_nodejs/displaying_data/home_page/index.md b/files/zh-cn/learn/server-side/express_nodejs/displaying_data/home_page/index.md
index 51b74bba023fd9..8c4586f03fcaf8 100644
--- a/files/zh-cn/learn/server-side/express_nodejs/displaying_data/home_page/index.md
+++ b/files/zh-cn/learn/server-side/express_nodejs/displaying_data/home_page/index.md
@@ -126,7 +126,7 @@ block content
 
 此处，我们应该已经创建了呈现 index 页面，所需要的每样东西。运行本地图书馆应用，并打开浏览器访问 `http://localhost:3000/`。如果每样东西都设定正确了，你的网站看起来应该像底下的截图。
 
-![Home page - Express Local Library site](locallibary_express_home.png)
+![主页 - Express 教程：本地图书馆网站](locallibary_express_home.png)
 
 > [!NOTE]
 > 你将无法使用侧边栏链接，因为这些网页的网址，视图和模板尚未定义。例如，如果你尝试，取决于你点击的链接，你将获取“NOT IMPLEMENTED: Book list”等错误。在“控制器”文件中的不同控制器中，会指定这些字符串文字（将被合适的数据替换）。

From ce8c2d17230268f3d8567b98dc7c5f08f99a174b Mon Sep 17 00:00:00 2001
From: 720 <71604450+T34-active@users.noreply.github.com>
Date: Fri, 23 Aug 2024 09:36:17 +0800
Subject: [PATCH 79/81] [zh-cn]: update the translation of Range
 `setStartBefore()` method (#23170)

* [zh-cn]: update the translation of Range `setStartBefore()` method

* Apply suggestions from code review
---
 .../web/api/range/setstartbefore/index.md     | 36 +++++++++++--------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/files/zh-cn/web/api/range/setstartbefore/index.md b/files/zh-cn/web/api/range/setstartbefore/index.md
index 769070f3dea29b..f7645d205541c7 100644
--- a/files/zh-cn/web/api/range/setstartbefore/index.md
+++ b/files/zh-cn/web/api/range/setstartbefore/index.md
@@ -1,40 +1,46 @@
 ---
-title: Range.setStartBefore()
+title: Range：setStartBefore() 方法
 slug: Web/API/Range/setStartBefore
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ApiRef("DOM")}}
 
-**`Range.setStartBefore()`** 方法相对另一个 {{domxref("Node")}}来设置一个{{domxref("Range")}} 的开始位置。{{domxref("Range")}}的开始节点（focusNode）的父节点，和 `referenceNode`的父节点是同一个。
+**`Range.setStartBefore()`** 方法将 {{domxref("Range")}} 的起始位置设置在另一个 {{domxref("Node")}} 之前。{{domxref("Range")}} 起始位置的父 {{domxref("Node")}} 将与 `referenceNode` 的父节点相同。
 
-## Syntax
+## 语法
 
-```plain
-range.setStartBefore(referenceNode);
+```js-nolint
+setStartBefore(referenceNode)
 ```
 
-### Parameters
+### 参数
+
+- `referenceNode`
+  - : {{domxref("Range")}} 应该在其之前开始的 {{domxref("Node")}}。
+
+### 返回值
 
-- _referenceNode_
-  - : 一个{{domxref("Range")}}新的开始位置上的{{domxref("Node")}}.
+无（{{jsxref("undefined")}}）。
 
-## Example
+## 示例
 
 ```js
-var range = document.createRange();
-var referenceNode = document.getElementsByTagName("div").item(0);
+const range = document.createRange();
+const referenceNode = document.getElementsByTagName("div").item(0);
 
 range.setStartBefore(referenceNode);
 ```
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [The DOM interfaces index](/zh-CN/docs/DOM/DOM_Reference)
+- [DOM 接口索引](/zh-CN/docs/Web/API/Document_Object_Model)

From 45bf7fb948dea5403a3b501905a0a6219fbab96f Mon Sep 17 00:00:00 2001
From: Chunhui Fu <fuchuhu7@gmail.com>
Date: Fri, 23 Aug 2024 09:39:37 +0800
Subject: [PATCH 80/81] [zh-cn]: create docs for HTMLTrackElement (#23060)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../htmltrackelement/cuechange_event/index.md | 61 ++++++++++++++++
 files/zh-cn/web/api/htmltrackelement/index.md | 71 +++++++++++++++++++
 .../web/api/htmltrackelement/src/index.md     | 33 +++++++++
 3 files changed, 165 insertions(+)
 create mode 100644 files/zh-cn/web/api/htmltrackelement/cuechange_event/index.md
 create mode 100644 files/zh-cn/web/api/htmltrackelement/index.md
 create mode 100644 files/zh-cn/web/api/htmltrackelement/src/index.md

diff --git a/files/zh-cn/web/api/htmltrackelement/cuechange_event/index.md b/files/zh-cn/web/api/htmltrackelement/cuechange_event/index.md
new file mode 100644
index 00000000000000..12482ef543f5d5
--- /dev/null
+++ b/files/zh-cn/web/api/htmltrackelement/cuechange_event/index.md
@@ -0,0 +1,61 @@
+---
+title: HTMLTrackElement：cuechange 事件
+slug: Web/API/HTMLTrackElement/cuechange_event
+l10n:
+  sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3
+---
+
+{{APIRef("WebVTT")}}
+
+**`cuechange`** 事件在 {{domxref("TextTrack")}} 更改当前显示提示（cue）时触发。此事件在 `TextTrack` 和显示它的 {{domxref("HTMLTrackElement")}}（如果有的话）上触发。
+
+## 语法
+
+在像 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 这样的方法中使用此事件名，或设置事件处理器属性。
+
+```js
+addEventListener("cuechange", (event) => {});
+
+oncuechange = (event) => {};
+```
+
+## 事件类型
+
+没有添加属性的通用 {{DOMxRef("Event")}}。
+
+## 示例
+
+每当当前呈现的 cue 更改时，由 {{domxref("HTMLTrackElement.track", "track")}} 属性指示的底层 {{domxref("TextTrack")}} 会接收 `cuechange` 事件。即使轨道并未与媒体元素关联，也会发生。
+
+如果轨道和媒体元素*是*关联的，使用 {{HTMLElement("track")}} 元素作为 {{HTMLElement("audio")}} 或 {{HTMLElement("video")}} 的子元素，`cuechange` 事件也发送给 {{domxref("HTMLTrackElement")}}。
+
+```js
+let textTrackElem = document.getElementById("texttrack");
+
+textTrackElem.addEventListener("cuechange", (event) => {
+  let cues = event.target.track.activeCues;
+});
+```
+
+或者，你可以使用 `oncuechange` 事件处理器。
+
+```js
+let textTrackElem = document.getElementById("texttrack");
+
+textTrackElem.oncuechange = (event) => {
+  let cues = event.target.track.activeCues;
+};
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- {{glossary("WebVTT")}}
+- {{domxref("TextTrack")}} 上的同一事件：{{domxref("TextTrack.cuechange_event", "cuechange")}}
diff --git a/files/zh-cn/web/api/htmltrackelement/index.md b/files/zh-cn/web/api/htmltrackelement/index.md
new file mode 100644
index 00000000000000..ebc2d0da5c79da
--- /dev/null
+++ b/files/zh-cn/web/api/htmltrackelement/index.md
@@ -0,0 +1,71 @@
+---
+title: HTMLTrackElement
+slug: Web/API/HTMLTrackElement
+l10n:
+  sourceCommit: 9d5c9fbe387ba7c143fdd7c73a265b209b7f6ec4
+---
+
+{{APIRef("HTML DOM")}}
+
+**`HTMLTrackElement`** 接口表示 {{Glossary("DOM")}} 中的 {{Glossary("HTML")}} {{HTMLElement("track")}} 元素。此元素可以作为 {{HTMLElement("audio")}} 或 {{HTMLElement("video")}} 的子元素，以指定包含隐藏式字幕或标题等信息的文本轨道使用。
+
+{{InheritanceDiagram}}
+
+## 实例属性
+
+_从其父接口 {{domxref("HTMLElement")}} 继承属性。_
+
+- {{domxref("HTMLTrackElement.kind")}}
+  - : 反映 [`kind`](/zh-CN/docs/Web/HTML/Element/track#kind) HTML 属性的字符串，指示如何使用文本轨道。可能的值有：`subtitles`、`captions`、`descriptions`、`chapters` 或 `metadata`。
+- {{domxref("HTMLTrackElement.src")}}
+  - : 反映 [`src`](/zh-CN/docs/Web/HTML/Element/track#src) HTML 属性的字符串，指示文本轨道数据的地址。
+- {{domxref("HTMLTrackElement.srclang")}}
+  - : 反映 [`srclang`](/zh-CN/docs/Web/HTML/Element/track#srclang) HTML 属性的字符串，指示文本轨道数据的语言。
+- {{domxref("HTMLTrackElement.label")}}
+  - : 反映 [`label`](/zh-CN/docs/Web/HTML/Element/track#label) HTML 属性的字符串，指示轨道的用户可读的标题。
+- {{domxref("HTMLTrackElement.default")}}
+  - : 反映 [`default`](/zh-CN/docs/Web/HTML/Element/track#default) 属性的布尔值，如果用户的偏好没有指示另一个轨道更合适，则指示要启用该轨道。
+- {{domxref("HTMLTrackElement.readyState")}} {{ReadOnlyInline}}
+
+  - : 返回 `unsigned short` 显示轨道的准备状态：
+
+    | 常量      | 值  | 描述                                                                                                  |
+    | --------- | --- | ----------------------------------------------------------------------------------------------------- |
+    | `NONE`    | 0   | 表示尚未获得文本轨道的提示（cue）。                                                                   |
+    | `LOADING` | 1   | 表示正在加载文本轨道，到目前为止还没有遇到致命错误。解析器可能湘轨道中添加更多 cue。                  |
+    | `LOADED`  | 2   | 表示已加载文本轨道，没有出现致命错误。                                                                |
+    | `ERROR`   | 3   | 表示文本轨道已启用，但当用户代理尝试获取它时，以某种方式失败了。部分或全部 cue 可能丢失，且无法获得。 |
+
+- {{domxref("HTMLTrackElement.track")}} {{ReadOnlyInline}}
+  - : 返回 {{Domxref("TextTrack")}} 是轨道元素的文本轨道数据。
+
+## 实例方法
+
+_无特定方法；从其父接口 {{domxref("HTMLElement")}} 继承方法。_
+
+## 事件
+
+_从其父接口 {{domxref("HTMLElement")}} 继承事件。_
+
+使用 {{domxref("EventTarget/addEventListener", "addEventListener()")}} 或为此接口的 `oneventname` 属性分配一个事件监听器来监听这些事件：
+
+- {{domxref("HTMLTrackElement.cuechange_event", "cuechange")}}
+  - : 当底层的 {{domxref("TextTrack")}} 更改了当前呈现的 cue 时发送事件。此事件始终发送到 `TextTrack`，但如果与轨道关联，则*也*会发送到 `HTMLTrackElement`。你可以使用 `oncuechange` 事件为此事件建立处理器。
+
+## 使用说明
+
+### 加载轨道的文本资源
+
+如果轨道的 {{domxref("TextTrack.mode", "mode")}} 最初处于 `disabled` 状态，则描述文本轨道实际 cue 的 WebVTT 或 TTML 数据不加载。如果你需要在设置 `<track>` 之后对轨道执行任何处理，你应该确保轨道的 `mode` 是 `hidden`（如果你不想让它呈现给用户）或 `showing`（初始时显示轨道）。你可以以后根据需要更改模式。
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- 实现此接口的 HTML 元素：{{HTMLElement("track")}}。
diff --git a/files/zh-cn/web/api/htmltrackelement/src/index.md b/files/zh-cn/web/api/htmltrackelement/src/index.md
new file mode 100644
index 00000000000000..3d017cfc3c2dd2
--- /dev/null
+++ b/files/zh-cn/web/api/htmltrackelement/src/index.md
@@ -0,0 +1,33 @@
+---
+title: HTMLTrackElement：src 属性
+slug: Web/API/HTMLTrackElement/src
+l10n:
+  sourceCommit: bd15d43260b7e72b1066c04d9d9f3b79129c619c
+---
+
+{{APIRef("HTML DOM")}}
+
+**`HTMLTrackElement.src`** 属性反映 {{HTMLElement("track")}} 元素的 [`src`](/zh-CN/docs/Web/HTML/Element/track#src) 属性的值，其指示文本轨道数据的 URL。
+
+## 值
+
+一个包含文本轨道数据的 URL 字符串。
+
+## 示例
+
+```js
+// 即将推出
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- {{domxref("HTMLTrackElement")}}：用户定义 `HTMLTrackElement.src` 属性的接口。
+- {{HTMLElement("track")}}

From 255cbbe45b9e849d66fe779a6cc1e7f1cef3b604 Mon Sep 17 00:00:00 2001
From: TSinChen <sinin60076@gmail.com>
Date: Fri, 23 Aug 2024 09:41:16 +0800
Subject: [PATCH 81/81] [zh-tw] unify translation of HT"ML" (#23151)

---
 files/zh-tw/glossary/css/index.md                               | 2 +-
 files/zh-tw/glossary/html/index.md                              | 2 +-
 .../learn/getting_started_with_the_web/html_basics/index.md     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/zh-tw/glossary/css/index.md b/files/zh-tw/glossary/css/index.md
index 1e8f9bc1ed80f6..759d58c208890e 100644
--- a/files/zh-tw/glossary/css/index.md
+++ b/files/zh-tw/glossary/css/index.md
@@ -7,7 +7,7 @@ slug: Glossary/CSS
 
 **階層式樣式表**，或稱**層疊樣式表**（Cascading Style Sheets，**CSS**）是控制網頁的外觀，要在{{glossary("瀏覽器")}}裡面如何表現的陳述式語言。瀏覽器會套用 CSS 樣式宣告、以期被選中的元素能正確顯示之。樣式宣告包含了屬性（Property）與屬性值（Value）。它們會判斷網頁如何顯示。
 
-CSS 與 {{Glossary("HTML")}} 及 {{Glossary("JavaScript")}} 並列為網路三大核心技術。CSS 通常用作{{Glossary("Element"," HTML 元素")}}的樣式化，但它也能給其他像 {{Glossary("SVG")}} 或 {{Glossary("XML")}} 之類的標示語言樣式化。
+CSS 與 {{Glossary("HTML")}} 及 {{Glossary("JavaScript")}} 並列為網路三大核心技術。CSS 通常用作{{Glossary("Element"," HTML 元素")}}的樣式化，但它也能給其他像 {{Glossary("SVG")}} 或 {{Glossary("XML")}} 之類的標記語言樣式化。
 
 CSS 的規則，是一個{{Glossary("CSS Property","屬性")}}配上一個{{Glossary("selector","選擇器")}}。以下的例子能把所有 HTML 的段落元素，變成黑底黃字：
 
diff --git a/files/zh-tw/glossary/html/index.md b/files/zh-tw/glossary/html/index.md
index 2cf40743217944..e26b90ca02b634 100644
--- a/files/zh-tw/glossary/html/index.md
+++ b/files/zh-tw/glossary/html/index.md
@@ -7,7 +7,7 @@ slug: Glossary/HTML
 
 {{QuickLinksWithSubpages("/zh-TW/docs/Glossary")}}
 
-超文件標示語言（**HTML**，HyperText Markup Language）是用於指定網頁結構的描述性語言。
+超文件標記語言（**HTML**，HyperText Markup Language）是用於指定網頁結構的描述性語言。
 
 ## 簡歷
 
diff --git a/files/zh-tw/learn/getting_started_with_the_web/html_basics/index.md b/files/zh-tw/learn/getting_started_with_the_web/html_basics/index.md
index 3931535fb34f5b..16f1a6dc0a4dcc 100644
--- a/files/zh-tw/learn/getting_started_with_the_web/html_basics/index.md
+++ b/files/zh-tw/learn/getting_started_with_the_web/html_basics/index.md
@@ -5,7 +5,7 @@ slug: Learn/Getting_started_with_the_web/HTML_basics
 
 {{LearnSidebar}}{{PreviousMenuNext("Learn/Getting_started_with_the_web/Dealing_with_files", "Learn/Getting_started_with_the_web/CSS_basics", "Learn/Getting_started_with_the_web")}}
 
-HTML（**H**ypertext **M**arkup **L**anguage），中文全名為「超文字標示語言」，是一種用來組織架構並呈現網頁內容的程式語言。網頁內容的組成，可能包含了段落、清單、圖片或表格...等。透過這篇文章，希望能幫助大家對 HTML 及其功能有基本的認識。
+HTML（**H**ypertext **M**arkup **L**anguage），中文全名為「超文字標記語言」，是一種用來組織架構並呈現網頁內容的標記語言。網頁內容的組成，可能包含了段落、清單、圖片或表格...等。透過這篇文章，希望能幫助大家對 HTML 及其功能有基本的認識。
 
 ## HTML 到底是什麼？