From 6c30dec8016abec2fba8caf0bd07d0e145c37caf Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 11 Aug 2021 00:56:39 +0900 Subject: orphaned/Web/API/NavigatorLanguage を削除 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - orphaned/Web/API/NavigatorLanguage を削除 - そのメンバーを Web/API/Navigator へ移管（履歴も含む） - 各文書を 2021/08/10 時点の英語版に同期 --- files/ja/_redirects.txt | 14 ++--- files/ja/_wikihistory.json | 43 ++++++-------- .../orphaned/web/api/navigatorlanguage/index.html | 64 --------------------- .../web/api/navigatorlanguage/language/index.html | 66 ---------------------- .../web/api/navigatorlanguage/languages/index.html | 44 --------------- files/ja/web/api/navigator/language/index.html | 50 ++++++++++++++++ files/ja/web/api/navigator/languages/index.html | 52 +++++++++++++++++ 7 files changed, 127 insertions(+), 206 deletions(-) delete mode 100644 files/ja/orphaned/web/api/navigatorlanguage/index.html delete mode 100644 files/ja/orphaned/web/api/navigatorlanguage/language/index.html delete mode 100644 files/ja/orphaned/web/api/navigatorlanguage/languages/index.html create mode 100644 files/ja/web/api/navigator/language/index.html create mode 100644 files/ja/web/api/navigator/languages/index.html (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index c96690a77a..afa0f48cb9 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -1589,7 +1589,7 @@ /ja/docs/DOM/window.navigator.buildID /ja/docs/Web/API/Navigator/buildID /ja/docs/DOM/window.navigator.cookieEnabled /ja/docs/Web/API/Navigator/cookieEnabled /ja/docs/DOM/window.navigator.isLocallyAvailable /ja/docs/Web/API/Navigator/mozIsLocallyAvailable -/ja/docs/DOM/window.navigator.language /ja/docs/orphaned/Web/API/NavigatorLanguage/language +/ja/docs/DOM/window.navigator.language /ja/docs/Web/API/Navigator/language /ja/docs/DOM/window.navigator.mozIsLocallyAvailable /ja/docs/Web/API/Navigator/mozIsLocallyAvailable /ja/docs/DOM/window.navigator.onLine /ja/docs/Web/API/Navigator/onLine /ja/docs/DOM/window.navigator.oscpu /ja/docs/Web/API/Navigator/oscpu @@ -1811,7 +1811,7 @@ /ja/docs/DOM:window.navigator.buildID /ja/docs/Web/API/Navigator/buildID /ja/docs/DOM:window.navigator.cookieEnabled /ja/docs/Web/API/Navigator/cookieEnabled /ja/docs/DOM:window.navigator.isLocallyAvailable /ja/docs/Web/API/Navigator/mozIsLocallyAvailable -/ja/docs/DOM:window.navigator.language /ja/docs/orphaned/Web/API/NavigatorLanguage/language +/ja/docs/DOM:window.navigator.language /ja/docs/Web/API/Navigator/language /ja/docs/DOM:window.navigator.mozIsLocallyAvailable /ja/docs/Web/API/Navigator/mozIsLocallyAvailable /ja/docs/DOM:window.navigator.onLine /ja/docs/Web/API/Navigator/onLine /ja/docs/DOM:window.navigator.oscpu /ja/docs/Web/API/Navigator/oscpu @@ -3331,10 +3331,10 @@ /ja/docs/Web/API/NavigatorID/platform /ja/docs/orphaned/Web/API/NavigatorID/platform /ja/docs/Web/API/NavigatorID/product /ja/docs/orphaned/Web/API/NavigatorID/product /ja/docs/Web/API/NavigatorID/userAgent /ja/docs/orphaned/Web/API/NavigatorID/userAgent -/ja/docs/Web/API/NavigatorLanguage /ja/docs/orphaned/Web/API/NavigatorLanguage -/ja/docs/Web/API/NavigatorLanguage.languages /ja/docs/orphaned/Web/API/NavigatorLanguage/languages -/ja/docs/Web/API/NavigatorLanguage/language /ja/docs/orphaned/Web/API/NavigatorLanguage/language -/ja/docs/Web/API/NavigatorLanguage/languages /ja/docs/orphaned/Web/API/NavigatorLanguage/languages +/ja/docs/Web/API/NavigatorLanguage /ja/docs/Web/API/Navigator +/ja/docs/Web/API/NavigatorLanguage.languages /ja/docs/Web/API/Navigator/languages +/ja/docs/Web/API/NavigatorLanguage/language /ja/docs/Web/API/Navigator/language +/ja/docs/Web/API/NavigatorLanguage/languages /ja/docs/Web/API/Navigator/languages /ja/docs/Web/API/NavigatorOnLine/Online_and_offline_events /ja/docs/Web/API/Navigator/Online_and_offline_events /ja/docs/Web/API/NavigatorOnLine/onLine /ja/docs/Web/API/Navigator/onLine /ja/docs/Web/API/NavigatorStorage /ja/docs/orphaned/Web/API/NavigatorStorage @@ -3647,7 +3647,7 @@ /ja/docs/Web/API/window.navigator.appCodeName /ja/docs/orphaned/Web/API/NavigatorID/appCodeName /ja/docs/Web/API/window.navigator.appName /ja/docs/orphaned/Web/API/NavigatorID/appName /ja/docs/Web/API/window.navigator.battery /ja/docs/Web/API/Navigator/battery -/ja/docs/Web/API/window.navigator.language /ja/docs/orphaned/Web/API/NavigatorLanguage/language +/ja/docs/Web/API/window.navigator.language /ja/docs/Web/API/Navigator/language /ja/docs/Web/API/window.navigator.onLine /ja/docs/Web/API/Navigator/onLine /ja/docs/Web/API/window.navigator.oscpu /ja/docs/Web/API/Navigator/oscpu /ja/docs/Web/API/window.navigator.platform /ja/docs/orphaned/Web/API/NavigatorID/platform diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index f8ed432800..b3613c33d5 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -18917,6 +18917,24 @@ "mfuji09" ] }, + "Web/API/Navigator/language": { + "modified": "2020-10-15T21:16:44.985Z", + "contributors": [ + "dskmori", + "benishouga", + "fscholz", + "khalid32", + "ethertank", + "Potappo" + ] + }, + "Web/API/Navigator/languages": { + "modified": "2019-03-23T23:12:38.148Z", + "contributors": [ + "fscholz", + "nshimizu" + ] + }, "Web/API/Navigator/locks": { "modified": "2020-11-25T13:37:38.955Z", "contributors": [ @@ -51092,31 +51110,6 @@ "Potappo" ] }, - "orphaned/Web/API/NavigatorLanguage": { - "modified": "2020-10-15T21:33:12.034Z", - "contributors": [ - "mfuji09", - "fscholz" - ] - }, - "orphaned/Web/API/NavigatorLanguage/language": { - "modified": "2020-10-15T21:16:44.985Z", - "contributors": [ - "dskmori", - "benishouga", - "fscholz", - "khalid32", - "ethertank", - "Potappo" - ] - }, - "orphaned/Web/API/NavigatorLanguage/languages": { - "modified": "2019-03-23T23:12:38.148Z", - "contributors": [ - "fscholz", - "nshimizu" - ] - }, "orphaned/Web/API/NavigatorPlugins": { "modified": "2019-03-23T23:01:18.262Z", "contributors": [ diff --git a/files/ja/orphaned/web/api/navigatorlanguage/index.html b/files/ja/orphaned/web/api/navigatorlanguage/index.html deleted file mode 100644 index 05a2180b9f..0000000000 --- a/files/ja/orphaned/web/api/navigatorlanguage/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: NavigatorLanguage -slug: orphaned/Web/API/NavigatorLanguage -tags: - - API - - HTML-DOM - - Reference -translation_of: Web/API/NavigatorLanguage -original_slug: Web/API/NavigatorLanguage ---- -
{{APIRef("HTML DOM")}}
- -

NavigatorLanguage はナビゲーターの言語に関するメソッドやプロパティを含んでいます。

- -

NavigatorLanguage 型のオブジェクトはありませんが、 {{domxref("Navigator")}} や {{domxref("WorkerNavigator")}} 等の他のインターフェイスが実装しています。

- -

プロパティ

- -

NavigatorLanguage インターフェイスが継承するプロパティはありません。

- -
-
{{domxref("NavigatorLanguage.language")}} {{readonlyInline}}
-
ユーザーの推奨言語、ふつうはブラウザーの UI の言語を表す {{domxref("DOMString")}} を返します。これが分からない場合は null 値を返します。
-
{{domxref("NavigatorLanguage.languages")}} {{readonlyInline}}
-
ユーザーが理解できる言語を表す {{domxref("DOMString")}} の設定順の配列を返します。
-
- -

メソッド

- -

NavigatorLanguage インターフェイスが実装・継承するメソッドはありません。

- -

仕様書

- - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('HTML WHATWG', '#navigatorlanguage', 'NavigatorLanguage')}}{{Spec2('HTML WHATWG')}}{{SpecName('HTML5 W3C')}} のスナップショット以降、 languages プロパティが追加された。
{{SpecName('HTML5 W3C', '#navigatorlanguage', 'NavigatorLanguage')}}{{Spec2('HTML5 W3C')}}初回の仕様書。早期版の {{SpecName('HTML WHATWG')}} のスナップショット。
- -

ブラウザーの対応

- -

{{Compat("api.NavigatorLanguage")}}

- -

関連情報

- - diff --git a/files/ja/orphaned/web/api/navigatorlanguage/language/index.html b/files/ja/orphaned/web/api/navigatorlanguage/language/index.html deleted file mode 100644 index 1fd6c7b55f..0000000000 --- a/files/ja/orphaned/web/api/navigatorlanguage/language/index.html +++ /dev/null @@ -1,66 +0,0 @@ ---- -title: window.navigator.language -slug: orphaned/Web/API/NavigatorLanguage/language -tags: - - API - - Language - - NavigatorLanguage - - Property - - Read-only - - Reference -translation_of: Web/API/NavigatorLanguage/language -original_slug: Web/API/NavigatorLanguage/language ---- -
{{APIRef("HTML DOM")}}
- -

NavigatorLanguage.language は、読み取り専用プロパティで、ユーザーの言語を表す文字列を返します。普通、ブラウザー UI の言語が返されます。

- -

構文

- -
const lang = navigator.language
-
- -

値

- -

{{domxref("DOMString")}}。lang は、BCP 47 で定義された言語バージョンを表す文字列が格納されます。例えば、"en", "en-US", "fr", "fr-FR", "es-ES" などが含まれます。

- -

iOS 10.2 以前の Safari では、国コードは小文字で返されます: "en-us", "fr-fr"

- -

例

- -
if (window.navigator.language.slice(0, 2) !== 'en') {
-  doLangSelect(window.navigator.language);
-}
-
- -

仕様

- - - - - - - - - - - - - - - - -
仕様ステータスコメント
{{SpecName('HTML WHATWG', '#dom-navigator-language', 'NavigatorLanguage: language')}}{{Spec2('HTML WHATWG')}}初回定義
- -

ブラウザー実装状況

- - - -

{{Compat("api.NavigatorLanguage.language")}}

- -

関連情報

- - diff --git a/files/ja/orphaned/web/api/navigatorlanguage/languages/index.html b/files/ja/orphaned/web/api/navigatorlanguage/languages/index.html deleted file mode 100644 index 106a5975b2..0000000000 --- a/files/ja/orphaned/web/api/navigatorlanguage/languages/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: navigator.languages -slug: orphaned/Web/API/NavigatorLanguage/languages -translation_of: Web/API/NavigatorLanguage/languages -original_slug: Web/API/NavigatorLanguage/languages ---- -

{{APIRef}}

-

概要

-

navigator.languages を参照することで、ユーザの使用する言語を表すタグを取得できます。

-

構文

-
preferredLanguages = navigator.languages
-
-

説明

-

navigator.languages 属性を参照することで、ユーザが使用する言語の配列を取得できます。この配列は読み取り専用で、各要素は BCP 47 言語タグです。並び順はユーザの設定した優先度順となっています。この配列の先頭にある、もっとも優先される言語タグは  {{domxref("NavigatorLanguage.language","navigator.language")}} を参照することで取得できます。

-

Firefox の場合、navigator.languages 属性には、 intl.accept_languages の値が利用されます.

-

ユーザが言語設定を変更した場合、{{domxref("window")}} に対して languagechange イベントが発生します。

-

全ての HTTP リクエストの Accept-Language ヘッダは、qvalues (quality values) がつくことを除き、 navigator.languages と同じ値でなければなりません。 (例: en-US;q=0.8).

-

例

-
navigator.language   //"en-US"
-navigator.languages  //["en-US", "zh-CN", "ja-JP"]
-
-

仕様

- - - - - - - - - - - - - -
SpecificationStatusComment
{{ SpecName('HTML5 Web application', '#dom-navigator-languages', 'navigator.languages') }}{{ Spec2('HTML5.1') }}Initial definition.
-

ブラウザ互換性

-

{{Compat("api.NavigatorLanguage.languages")}}

-

関連情報

- diff --git a/files/ja/web/api/navigator/language/index.html b/files/ja/web/api/navigator/language/index.html new file mode 100644 index 0000000000..2e42ca25b2 --- /dev/null +++ b/files/ja/web/api/navigator/language/index.html @@ -0,0 +1,50 @@ +--- +title: Navigator.language +slug: Web/API/Navigator/language +tags: + - API + - Language + - Navigator + - Property + - Read-only + - Reference +browser-compat: api.Navigator.language +translation_of: Web/API/Navigator/language +original_slug: Web/API/NavigatorLanguage/language +--- +
{{APIRef("HTML DOM")}}
+ +

Navigator.language は読み取り専用プロパティで、ユーザーの言語を表す文字列を返します。普通、ブラウザー UI の言語が返されます。

+ +

構文

+ +
const lang = navigator.language
+
+ +

値

+ +

{{domxref("DOMString")}} です。。lang は、BCP 47 で定義された言語バージョンを表す文字列が格納されます。例えば、"en"、"en-US"、"fr"、"fr-FR"、"es-ES" などが含まれます。

+ +

iOS 10.2 以前の Safari では、国コードは "en-us"、"fr-fr" のように小文字で返されます。

+ +

例

+ +
if (/^en\b/.test(navigator.language)) {
+  doLangSelect(window.navigator.language);
+}
+
+ +

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/navigator/languages/index.html b/files/ja/web/api/navigator/languages/index.html new file mode 100644 index 0000000000..a621134a4e --- /dev/null +++ b/files/ja/web/api/navigator/languages/index.html @@ -0,0 +1,52 @@ +--- +title: Navigator.languages +slug: Web/API/Navigator/languages +tags: + - API + - Experimental + - Navigator + - Property + - Read-only + - Reference + - languages +browser-compat: api.Navigator.languages +translation_of: Web/API/Navigator/languages +original_slug: Web/API/NavigatorLanguage/languages +--- +

{{APIRef("HTML DOM")}}{{SeeCompatTable}}

+ +

navigator.languages は読み取り専用プロパティで、ユーザーの推奨される言語を表す {{domxref("DOMString")}} の配列を返します。この言語は BCP 47 言語タグを使用して記述されています。返された配列の中では、設定で最も推奨される言語が最初に来るように並べられています。

+ +

{{domxref("Navigator.language","navigator.language")}} の値は返される配列の最初の要素です。

+ +

この値を変更すると、ユーザーの推奨言語が変更され、 {{event("languagechange")}} イベントが {{domxref("Window")}} オブジェクトに発行されます。

+ +

ユーザーのブラウザーからのすべての HTTP リクエストにある Accept-Language ヘッダーは、 navigator.languages プロパティと同じ値ですが、拡張された qvalues (quality values) フィールドのみが異なります (例えば en-US;q=0.8)。 +

+ +

構文

+ +
preferredLanguages = globalObj.navigator.languages
+
+ +

例

+ +
navigator.language   //"en-US"
+navigator.languages  //["en-US", "zh-CN", "ja-JP"]
+
+ +

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf From c01a85c08973313b08dee7932c0d1b46256a1319 Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Wed, 18 Aug 2021 12:42:30 +0900 Subject: Fix typo (#2071) --- .../javascript/reference/global_objects/webassembly/memory/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'files/ja') diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.html index 9c93cf21cc..4064df7666 100644 --- a/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.html +++ b/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.html @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory
Memory.prototype.constructor
このオブジェクトのインスタンスを生成した関数を返します。既定では {{jsxref("WebAssembly.Memory()")}} コンストラクターです。
{{jsxref("WebAssembly/Memory/buffer","Memory.prototype.buffer")}}
-
メモリに格納されているバッファーを返すアクセサープロパティです。/dd>
+
メモリに格納されているバッファーを返すアクセサープロパティです。

インスタンスメソッド

-- cgit v1.2.3-54-g00ecf From 836675e56a890ab21b087d2bcae85aa73457c41c Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 18 Aug 2021 12:45:41 +0900 Subject: orphaned/Web/SVG/Element/solidColor を削除 (#1955) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 英語版が削除されているため削除 --- files/ja/_redirects.txt | 1 - files/ja/_wikihistory.json | 6 -- .../orphaned/web/svg/element/solidcolor/index.html | 84 ---------------------- 3 files changed, 91 deletions(-) delete mode 100644 files/ja/orphaned/web/svg/element/solidcolor/index.html (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 50514d5776..bb9297e118 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -4366,7 +4366,6 @@ /ja/docs/Web/Reference/Events/vrdisplayconnected /ja/docs/Web/API/Window/vrdisplayconnect_event /ja/docs/Web/Reference/Events/vrdisplaydisconnected /ja/docs/Web/API/Window/vrdisplaydisconnect_event /ja/docs/Web/Reference/Events/vrdisplaypresentchange /ja/docs/Web/API/Window/vrdisplaypresentchange_event -/ja/docs/Web/SVG/Element/solidColor /ja/docs/orphaned/Web/SVG/Element/solidColor /ja/docs/Web/Security/CSP /ja/docs/Web/HTTP/CSP /ja/docs/Web/Security/CSP/CSP_policy_directives /ja/docs/Web/HTTP/Headers/Content-Security-Policy /ja/docs/Web/Security/CSP/Default_CSP_restrictions /ja/docs/Web/HTTP/Headers/Content-Security-Policy diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 99e3fe5e08..6aa30194ec 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -50144,12 +50144,6 @@ "mfuji09" ] }, - "orphaned/Web/SVG/Element/solidColor": { - "modified": "2020-12-06T03:41:32.485Z", - "contributors": [ - "mfuji09" - ] - }, "orphaned/Web/Security/Information_Security_Basics": { "modified": "2020-03-15T03:29:26.429Z", "contributors": [ diff --git a/files/ja/orphaned/web/svg/element/solidcolor/index.html b/files/ja/orphaned/web/svg/element/solidcolor/index.html deleted file mode 100644 index 56480133c7..0000000000 --- a/files/ja/orphaned/web/svg/element/solidcolor/index.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: -slug: orphaned/Web/SVG/Element/solidColor -tags: - - Element - - Experimental - - Reference - - SVG -translation_of: Web/SVG/Element/solidColor -original_slug: Web/SVG/Element/solidColor ---- -
{{SVGRef}}{{obsolete_header}}
- -

<solidcolor> は SVG の要素で、 SVG 文書内の複数の場所で使用する単一の色を定義することができます。パレットの色をアニメーションさせるのにも便利です。

- -

注: これは実験的な義jツウであり、まだブラウザーには実装されていません。回避策としては、 {{SVGElement("linearGradient")}} を単一の色経由点で扱うというものがあります。これはあまりすっきりしておらず、 <solidcolor> とは異なり、それ自身をグラデーションの定義に使用することができません。

- -

使用場面

- -

{{svginfo}}

- -

属性

- -

グローバル属性

- - - -

固有の属性

- -

なし。

- -

DOM インターフェイス

- -

この要素は {{domxref("SVGSolidcolorElement")}} インターフェイスを実装しています。

- -

例

- -

SVG

- -
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200" height="150">
-  <defs>
-    <!-- solidColor is experimental. -->
-    <solidcolor id="myColor" solid-color="gold" solid-opacity="0.8"/>
-
-    <!-- linearGradient with a single color stop is a less elegant way to
-         achieve the same effect, but it works in current browsers. -->
-    <linearGradient id="myGradient">
-      <stop offset="0" stop-color="green" />
-    </linearGradient>
-  </defs>
-
-  <text x="10" y="20">Circles colored with solidColor</text>
-  <circle cx="150" cy="65" r="35" stroke-width="2" stroke="url(#myColor)"
-      fill="white"/>
-  <circle cx="50" cy="65" r="35" fill="url(#myColor)"/>
-
-  <text x="10" y="120">Circles colored with linearGradient</text>
-  <circle cx="150" cy="165" r="35" stroke-width="2" stroke="url(#myGradient)"
-      fill="white"/>
-  <circle cx="50" cy="165" r="35" fill="url(#myGradient)"/>
-</svg>
-
- -

結果

- -

{{EmbedLiveSample("Example")}}

- -

ブラウザーの互換性

- -

{{Compat("svg.elements.solidcolor")}}

- -

関連情報

- -
    -
  • {{domxref("SVGSolidcolorElement")}}
    • -
  • {{cssxref("solid-color")}}
    • -
  • {{cssxref("solid-opacity")}}
    • -
  • {{SVGElement("linearGradient")}}
    • -
-- cgit v1.2.3-54-g00ecf From 9cedbc4df9117a015cb7343b026c7098ec312519 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 18 Aug 2021 12:52:32 +0900 Subject: Web/HTTP/Headers/Expect-CT を更新 (#1970) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/08/06 時点の英語版に同期 --- files/ja/web/http/headers/expect-ct/index.html | 62 +++++++++++++++++--------- 1 file changed, 42 insertions(+), 20 deletions(-) (limited to 'files/ja') diff --git a/files/ja/web/http/headers/expect-ct/index.html b/files/ja/web/http/headers/expect-ct/index.html index e815e30946..d402887ddb 100644 --- a/files/ja/web/http/headers/expect-ct/index.html +++ b/files/ja/web/http/headers/expect-ct/index.html @@ -6,16 +6,33 @@ tags: - Reference - ヘッダー - レスポンスヘッダー +browser-compat: http.headers.Expect-CT translation_of: Web/HTTP/Headers/Expect-CT ---

{{HTTPSidebar}}

-

Expect-CT ヘッダーは、サイトが認証透過性の要件の報告や強制に参加して、サイトの不正な認証情報が通知されない状態を防ぐことができます。

+

Expect-CT ヘッダーは、サイトが証明書の透明性の要件の報告や強制に参加して、サイトの不正な認証情報の使用が通知されない状態を防ぐことができます。

+ +

CT の要件は、以下のいずれかの仕組みで満たすことができます。

+ +
    +
  • 個々のログで発行された署名付き証明書のタイムスタンプを埋め込めるようにするための X.509v3 証明書の拡張
    • +
  • ハンドシェイク中に送信される signed_certificate_timestamp 型の TLS 拡張
    • +
  • OCSP ステープリング (つまり、 status_request TLS 拡張) に対応し、 SignedCertificateTimestampList を提供すること
    • +

サイトが Expect-CT ヘッダーを有効にすると、ブラウザーが公開 CT ログに現れるサイトのすべての認証情報をチェックするよう要求します。

+
+

メモ: ブラウザーは、 HTTP では Expect-CT ヘッダーを無視し、 HTTPS 接続でのみ効果を発揮します。

+
+ +
+

メモ: Expect-CT は 2021 年 6 月に廃止される可能性が高いです。 2018 年 5 月以降、新しい証明書は既定で SCT に対応することが期待されています。 2018 年 3 月以前の証明書は 39 ヶ月の有効期限が認められていましたが、それらが 2021 年 6 月にすべて失効します。

+
+ @@ -29,43 +46,48 @@ translation_of: Web/HTTP/Headers/Expect-CT
-

構文

+

構文

Expect-CT: report-uri="<uri>",
            enforce,
            max-age=<age>
-

ディレクティブ

+

ディレクティブ

-
max-age
+
max-age

Expect-CT ヘッダーフィールドを受信した後で、ユーザーエージェントがメッセージを受信したホストを、既知の Expect-CT ホストと見なすべき時間を秒数で指定します。

-

キャッシュが表現可能な値よりも大きな値を受信した場合や、計算でオーバーフローが発生した場合、キャッシュは値を 2147483648 (2^31) または使用している表現方法で最も大きな整数値とみなします。

+

キャッシュが表現可能な値よりも大きな値を受信した場合や、計算でオーバーフローが発生した場合、キャッシュは値を 2,147,483,648 (2^31) または使用している表現方法で最も大きな整数値とみなします。

-
report-uri="<uri>" {{optional_inline}}
+
report-uri="<uri>" {{optional_inline}}
-

ユーザーエージェントが Expect-CT の失敗を報告する URI を指定します。

- enforce ディレクティブと report-uri ディレクティブが両方ともある場合、設定は "enforce-and-report" の設定と呼ばれ、ユーザーエージェントに認証透過性ポリシーに従い、違反を報告することを指示します。 - -

 

-
-
enforce {{optional_inline}}
+

ユーザーエージェントが Expect-CT の失敗を報告する URI を指定します。

+ enforce ディレクティブと report-uri ディレクティブが両方ともある場合、設定は "enforce-and-report" の設定と呼ばれ、ユーザーエージェントに証明書の透明性ポリシーに従い、違反を報告することを指示します。 +
enforce {{optional_inline}}
-

ユーザーエージェントに (報告するだけでなく) 認証透過性ポリシーに従い、ユーザーエージェントが認証透過性ポリシーに違反するコネクションを拒否するよう指示します。

+

ユーザーエージェントに (報告するだけでなく) 証明書の透明性ポリシーに従い、ユーザーエージェントが証明書の透明性ポリシーに違反するコネクションを拒否するよう指示します。

-

enforce ディレクティブと report-uri ディレクティブが両方ともある場合、設定は "enforce-and-report" の設定と呼ばれ、ユーザーエージェントに認証透過性ポリシーに従い、違反を報告することを指示します。

+

enforce ディレクティブと report-uri ディレクティブが両方ともある場合、設定は "enforce-and-report" の設定と呼ばれ、ユーザーエージェントに証明書の透明性ポリシーに従い、違反を報告することを指示します。

-

例

+

例

-

以下の例は認証透過性を24時間強制し、違反を foo.example に報告することを示します。

+

以下の例は証明書の透明性を 24 時間強制し、違反を foo.example に報告することを示します。

Expect-CT: max-age=86400, enforce, report-uri="https://foo.example/report"
-

仕様書

+

メモ

+ +

信頼ストアに手動で追加されたルート CA は、 Expect-CT の報告/強制を上書きし、抑制します。

+ +

ブラウザーは、サイトが証明書の透明性要件を満たす証明書を提供できることを「証明」しない限り、 Expect-CT ポリシーを記憶しません。ブラウザーは、どの CT ログが証明書のログとして信頼できるとみなされるかについて、独自の信頼モデルを実装しています。

+ +

Chrome のビルドは、インストールのビルド日から 10 週間後に Expect-CT ポリシーの施行を停止するように設計されています。

+ +

仕様書

@@ -76,12 +98,12 @@ translation_of: Web/HTTP/Headers/Expect-CT - +
Internet DraftInternet Draft Expect-CT Extension for HTTP
-

ブラウザーの対応

+

ブラウザーの互換性

-

{{Compat("http.headers.Expect-CT")}}

+

{{Compat}}

-- cgit v1.2.3-54-g00ecf From 99456bb822ac60f2a32beb095088b440404053cc Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 18 Aug 2021 12:53:07 +0900 Subject: orphaned/Web/API/HTMLOrForeignElement を削除 (#1964) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 英語版のドキュメントでミックスインが削除されているため --- files/ja/_wikihistory.json | 6 --- .../web/api/htmlorforeignelement/index.html | 57 ---------------------- 2 files changed, 63 deletions(-) delete mode 100644 files/ja/orphaned/web/api/htmlorforeignelement/index.html (limited to 'files/ja') diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 6aa30194ec..56ee6cd55d 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -49200,12 +49200,6 @@ "mikamikuh" ] }, - "orphaned/Web/API/HTMLOrForeignElement": { - "modified": "2020-10-15T22:28:17.699Z", - "contributors": [ - "mfuji09" - ] - }, "orphaned/Web/API/Navigator/registerContentHandler": { "modified": "2020-10-15T21:15:53.115Z", "contributors": [ diff --git a/files/ja/orphaned/web/api/htmlorforeignelement/index.html b/files/ja/orphaned/web/api/htmlorforeignelement/index.html deleted file mode 100644 index 99197278cb..0000000000 --- a/files/ja/orphaned/web/api/htmlorforeignelement/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: HTMLOrForeignElement -slug: orphaned/Web/API/HTMLOrForeignElement -tags: - - API - - HTML - - HTMLElement - - HTMLOrForeignElement - - Interface - - MathML - - MathMLElement - - Mixin - - Reference - - SVG - - SVGElement - - ミックスイン -translation_of: Web/API/HTMLOrForeignElement -original_slug: Web/API/HTMLOrForeignElement ---- -
{{APIRef("HTML DOM")}}{{Draft}}
- -

HTMLOrForeignElement ミックスインは、 {{DOMxRef("HTMLElement")}}, {{DOMxRef("SVGElement")}}, {{DOMxRef("MathMLElement")}} の各インターフェイスで共通のいくつかの機能を説明します。これらのインターフェイスは、もちろん、以下の列挙したものに加えたものに加えてもっと機能があります。

- -
-

メモ: HTMLOrForeignElement はミックスインであり、インターフェイスではありません。実際に HTMLOrForeignElement 型のオブジェクトを生成することはできません。

-
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("HTML WHATWG", "dom.html#htmlorsvgelement", 'HTMLOrForeignElement')}}{{Spec2('HTML WHATWG')}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("api.HTMLOrForeignElement")}}

- -

関連情報

- -
    -
  • {{DOMxRef("HTMLElement")}}
    • -
  • {{DOMxRef("SVGElement")}}
    • -
  • {{DOMxRef("MathMLElement")}}
    • -
-- cgit v1.2.3-54-g00ecf From 87a91f47dfef661302e655dcbbdd76ed937a74dd Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 18 Aug 2021 12:53:33 +0900 Subject: Web/API/IndexedDB_API を更新 (#2003) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/08/09 時点の英語版に同期 - 「期限の確認」については新規翻訳 --- .../index.html | 70 ++--- .../checking_when_a_deadline_is_due/index.html | 213 +++++++++++++++ files/ja/web/api/indexeddb_api/index.html | 139 +++++----- .../api/indexeddb_api/using_indexeddb/index.html | 304 +++++++++++---------- 4 files changed, 471 insertions(+), 255 deletions(-) create mode 100644 files/ja/web/api/indexeddb_api/checking_when_a_deadline_is_due/index.html (limited to 'files/ja') diff --git a/files/ja/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.html b/files/ja/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.html index 47c47bad45..0db54a15b6 100644 --- a/files/ja/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.html +++ b/files/ja/web/api/indexeddb_api/browser_storage_limits_and_eviction_criteria/index.html @@ -16,12 +16,12 @@ translation_of: Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criter

クライアント側 (すなわちローカルディスク) に何らかのデータを保存するウェブ技術は何種類かがあります。ブラウザーがどれだけの容量をウェブデータストレージに割り当てるかや、容量の上限に達したときにどのデータを削除するかのプロセスは単純ではなく、またブラウザーにより異なります。この記事では、必要なローカルストレージの容量を確保するために、いつどのローカルコンテンツを破棄するのかをどうやって特定するのかを説明します。

-

メモ: 以下の情報はほとんどの最新ブラウザーでおおむね正確ですが、既知の詳細情報も記載しています。 Opera および Chrome は、すべての場合において同じ動作になるでしょう。 Opera Mini (Presto ベースで、サーバー側でレンダリングする) は、クライアントにデータを保存しません。

+

メモ: 以下の情報はほとんどの最新ブラウザーではおおむね正確ですが、ブラウザー固有の注意事項も知られています。 Opera と Chrome は、すべての場合において同じ動作になるでしょう。 Opera Mini (Presto ベースで、サーバー側でレンダリングする) は、クライアントにデータを保存しません。

-

ブラウザーのデータストレージを使用する技術は何か?

+

ブラウザーのデータストレージを使用する技術は何か?

-

Firefox では以下の技術が、必要なデータを保存するためにブラウザーのデータストレージを使用します。ここではそれらの技術を "クォータクライアント" と呼びます。

+

Firefox では以下の技術が、必要なデータを保存するためにブラウザーのデータストレージを使用します。ここではこれらの技術を「クォータクライアント」と呼びます。

  • IndexedDB
    • @@ -31,45 +31,45 @@ translation_of: Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criter
-

メモ: Firefox では、 Web Storage もすぐに同じストレージ管理ツールとして使えるようになり、それはこの文書で記述します。

+

メモ: Firefox では、ウェブストレージもまもなく同じストレージ管理ツールを使い始めます。それはこの文書で記述します。

メモ: プライベートブラウジングモードは、大半のデータストレージに対応していません。ローカルストレージのデータと Cookie は保存されますが、短命です。 — 最後のプライベートブラウジングウィンドウを閉じた時にデータは消去されます。

-

生成元の "最終アクセス日時" は、これらのいずれかによってアクティブ化/非アクティブ化される origin eviction によって、すべてのクォータクライアントでデータ削除が行われたときに更新されます。

+

オリジンの「最終アクセス日時」はこれらのうちの何れかがアクティブ化/非アクティブ化されたときに更新されます。オリジン立ち退き (origin eviction) によって、すべてのクォータクライアントでデータ削除が行われたときに更新されます。

-

Chrome/Opera では、 Quota Management API が AppCache, IndexedDB, WebSQL, File System API のクォータ管理を制御しています。

+

Chrome/Opera では、 Quota Management API が AppCache, IndexedDB, WebSQL, File System API のクォータ管理を制御しています。

-

さまざまな種類のデータストレージ

+

さまざまな種類のデータストレージ

同じブラウザー内で同じ保存方法を使用していても、解釈されるデータストレージの種類はさまざまです。この章では、さまざまなブラウザーで見つけられる多様なストレージについて説明します。

ストレージは 2 種類に分けられます。

    -
  • 永続的: 長期間にわたって保持されることを意図するデータです。これはユーザーが決断した場合にのみ削除されます (例えば Firefox では、各ページのページ情報ダイアログに "ストレージを消去" ボタンがあります)。
    • -
  • 一時的: 長期間にわたって維持する必要がないデータです。ストレージの容量制限に達すると、もっとも過去に使用されたものから削除されます ({{anch("LRU policy", "LRU ポリシー")}})。
    • +
  • 永続的なもの。長期間保存されることを意図したデータです。これは、ユーザーが選択した場合にのみ削除されます (たとえば、Firefox では、設定に進み、プライバシーとセキュリティ > Cookie とサイトデータのオプションを使用することで、すべての保存データを削除するか、または選択したオリジンからの保存データのみを削除するかを選択できます)。
    • +
  • 一時的なもの。長期間にわたって維持する必要がないデータです。{{anch("Storage limits", "ストレージの容量制限")}}に達すると、 {{anch("LRU policy", "LRU ポリシー")}}によりもっとも古く使用されたものから削除されます。

Firefox では、永続的なストレージが使用されると、ユーザーにはデータが永続的になることを警告するポップアップが表示され、それが良いかどうかを尋ねます。一時的データストレージは明示的にユーザーにプロンプトを表示しません。

-

既定では、一時的なストレージがほとんどの使用環境 (例えば、標準的な Web アプリ) で使用され、永続的なストレージはインストールされたアプリ (例えば、Firefox OS やデスクトップ版 Firefox にインストールした Firefox アプリ、および Chrome アプリ) で使用されます。

+

ストレージは既定では一時的です。開発者は Storage API で利用できる {{domxref("StorageManager.persist()")}} メソッドを使用して永続的なストレージにすることができます。

-

データの保存先は?

+

データの保存先は?

-

それぞれのストレージタイプが別々のリポジトリに相当しており、ユーザーの Firefox プロファイル内のディレクトリーとは以下のように対応づけられます (ほかのブラウザーでは、若干異なるでしょう):

+

それぞれのストレージ種別は、個別のリポジトリーーを表します。以下は、ユーザーの Firefox プロファイル下のディレクトリにおける実際のマッピングです (他のブラウザーでは若干異なる場合があります)。

    -
  • <profile>/storage — クォータマネージャ (後述) に管理されている、ストレージの主要なトップレベルディレクトリーです。
    • -
  • <profile>/storage/permanent — 永続的なデータストレージのリポジトリです。
    • -
  • <profile>/storage/temporary — 一時的なデータストレージのリポジトリです。
    • -
  • <profile>/storage/default — 既定のデータストレージのリポジトリです。
    • +
  • <profile>/storage — クォータマネージャーー (後述) に管理されている、ストレージの主要な最上位ディレクトリーです。
    • +
  • <profile>/storage/permanent — 永続的なデータストレージのリポジトリーです。
    • +
  • <profile>/storage/temporary — 一時的なデータストレージのリポジトリーです。
    • +
  • <profile>/storage/default — 既定のデータストレージのリポジトリーです。
-

メモ: Storage API の導入後は、"permanent" フォルダーは廃止されると考えられます。"permanent" フォルダーは IndexedDB の永続的なタイプのデータベースのみ保存します。ボックスモードが "best-effort" や "persistent" であっても、データは <profile>/storage/default 以下に保存されます。

+

メモ: Storage API の導入後は、"permanent" フォルダーは廃止されると考えられます。"permanent" フォルダーは IndexedDB の永続的な種類のデータベースのみ保存します。ボックスモードが "best-effort" や "persistent" であっても、データは <profile>/storage/default 以下に保存されます。

@@ -81,52 +81,52 @@ translation_of: Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criter
-

メモ: ユーザーが <profile>/storage の配下に、独自のディレクトリーやファイルを作成すべきではありません。このようなことを行うと、ストレージの初期化が失敗します。例えば、{{domxref("IDBFactory.open()", "open()")}} でエラーイベントが発生します。

+

メモ: ユーザーが <profile>/storage の配下に、独自のディレクトリーやファイルを作成すべきではありません。このようなことを行うと、ストレージの初期化に失敗します。例えば、{{domxref("IDBFactory.open()", "open()")}} でエラーイベントが発生します。

-

ストレージの制限

+

ストレージの制限

-

ブラウザーのストレージの最大容量は動的であり、ハードディスクドライブのサイズに応じて変わります。グローバルリミットはディスクの空き量量の 50% に決められます。Firefox では、クォータマネージャと飛ばれる内部のブラウザーツールが生成元ごとにどれだけディスク容量を使用しているかを絶えず注視しており、必要に応じてデータを削除します。

+

ブラウザーのストレージの最大容量は動的であり、ハードディスクドライブのサイズに応じて変わります。グローバルリミットはディスクの空き量量の 50% に決められます。Firefox では、クォータマネージャーと飛ばれる内部のブラウザーツールがオリジンごとにどれだけディスク容量を使用しているかを絶えず注視しており、必要に応じてデータを削除します。

-

従ってハードディスクドライブが 500GB であれば、ブラウザーの合計ストレージサイズは 250GB になります。上限に達すると origin eviction と呼ばれる処理を実行して、ストレージの総量が再び上限を下回るまで、生成元全体に相当するデータを削除します。生成元内の一部分を削除するような縮小法はありません。生成元内のひとつのデータベースだけ削除すると、矛盾の問題が発生するおそれがあります。

+

従ってハードディスクドライブの空き容量が 500GB であれば、ブラウザーの合計ストレージサイズは 250GB になります。上限に達するとオリジン立ち退き (origin eviction) と呼ばれる処理を実行して、ストレージの総量が再び上限を下回るまで、オリジン全体に相当するデータを削除します。オリジン内の一部分を削除するような縮小法はありません。オリジン内のデータベースをひとつだけ削除すると、矛盾が発生するおそれがあります。

-

また、グループリミットというもうひとつの制限もあります。これは、グローバルリミットの 20% として定義されます。それぞれの生成元は、グループ (生成元のグループ) の一部です。グループは、eTLD+1 ドメインごとに 1 つ作られます。例えば次の通り:

+

また、グループリミットというもうひとつの制限もあります。これは、グローバルリミットの 20% として定義されます。それぞれのオリジンは、グループ (オリジンのグループ) の一部です。グループは、eTLD+1 ドメインごとに 1 つ作られます。例えば次の通りです。

    -
  • mozilla.org — グループ 1、生成元 1
    • -
  • www.mozilla.org — グループ 1、生成元 2
    • -
  • joe.blogs.mozilla.org — グループ 1、生成元 3
    • -
  • firefox.com — グループ 2、生成元 4
    • +
  • mozilla.org — グループ 1、オリジン 1
    • +
  • www.mozilla.org — グループ 1、オリジン 2
    • +
  • joe.blogs.mozilla.org — グループ 1、オリジン 3
    • +
  • firefox.com — グループ 2、オリジン 4

このグループでは mozilla.org、www.mozilla.org、joe.blogs.mozilla.org が、合わせてグローバルリミットの 20% を上限としてストレージを使用できます。firefox.com は、別に 20% の上限を持ちます。

-

これら 2 種類の制限は、制限に達したときの動作が異なります:

+

これら 2 種類の制限は、制限に達したときの動作が異なります。

    -
  • グループリミットは "ハードリミット" とも呼ばれます。 origin eviction を発生させません。
    • -
  • グローバルリミットは、いくらかの領域が解放されて処理を継続できる可能性がありますので "ソフトリミット" です。
    • +
  • グループリミットは「ハードリミット」とも呼ばれます。オリジン立ち退きを発生させません。
    • +
  • グローバルリミットは、いくらかの領域が解放されて処理を継続できる可能性がありますので「ソフトリミット」です。
-

メモ: グループリミットは、上記で触れた最小のグループリミットにかかわらず、グローバルリミットより大きくすることはできません。グローバルリミットが 8MB といった本当に低メモリな状況では、グループリミットも 8MB となります。

+

メモ: グループリミットは、上記で触れた最小のグループリミットにかかわらず、グローバルリミットより大きくすることはできません。グローバルリミットが 8MB といった本当にメモリーが少ない状況では、グループリミットも 8MB となります。

-

メモ: グループリミットに達したとき、あるいは origin eviction で十分な空き容量を確保できないときは、ブラウザーで QuotaExceededError が発生します。

+

メモ: グループリミットに達したとき、あるいはオリジン立ち退きで十分な空き容量を確保できないときは、ブラウザーで QuotaExceededError が発生します。

メモ: Chrome では、ソフトおよびハードのストレージのクォータの限界が M66 から変更されました。詳しい情報はこちらにあります。

-

LRU ポリシー

+

LRU ポリシー

-

使用可能なディスク領域がすべて埋まったときは、クォータマネージャーが LRU ポリシーに基づいてデータの削除処理を始めます。もっとも過去に使用された生成元のデータが始めに削除され、上限に達しなくなるなるまで削除を繰り返します。

+

使用可能なディスク領域がすべて埋まったときは、クォータマネージャーーが LRU ポリシーに基づいてデータの削除処理を始めます。もっとも過去に使用されたオリジンのデータが始めに削除され、上限に達しなくなるなるまで削除を繰り返します。

-

一時的なストレージを使用して、生成元ごとに "最終アクセス日時" を記録しています。一時的なストレージがグローバルリミットに達する (後に上限をさらに超える) と、現在使用していない (すなわち、データストアを開き続けているタブやアプリがない) 生成元をすべて発見しようとします。これらは、"最終アクセス日時" によって整列されます。 origin eviction を発生させたリクエストを満たすのに十分な領域を確保するまで、もっとも過去に使用された生成元を削除し続けます。

+

一時的なストレージを使用して、オリジンごとに「最終アクセス日時」を記録しています。一時的なストレージがグローバルリミットに達する (後に上限をさらに超える) と、現在使用していない (すなわち、データストアを開き続けているタブやアプリがない) オリジンをすべて発見しようとします。これらは、「最終アクセス日時」によって整列されます。オリジン立ち退きを発生させたリクエストを満たすのに十分な領域を確保するまで、もっとも過去に使用されたオリジンを削除し続けます。

-

関連情報

+

関連情報

  • Working with quota on mobile browsers, by Eiji Kitamura. モバイルブラウザーのクライアント側ストレージについて詳しく分析した記事。
    • diff --git a/files/ja/web/api/indexeddb_api/checking_when_a_deadline_is_due/index.html b/files/ja/web/api/indexeddb_api/checking_when_a_deadline_is_due/index.html new file mode 100644 index 0000000000..ac21ce3e45 --- /dev/null +++ b/files/ja/web/api/indexeddb_api/checking_when_a_deadline_is_due/index.html @@ -0,0 +1,213 @@ +--- +title: 期限の確認 +slug: Web/API/IndexedDB_API/Checking_when_a_deadline_is_due +tags: + - Apps + - Date + - Example + - Guide + - IndexedDB + - deadline +translation_of: Web/API/IndexedDB_API/Checking_when_a_deadline_is_due +--- +
    {{DefaultAPISidebar("IndexedDB")}}
    +

    この記事では、 IndexedDB で保存された期限と現在の日時を照合する複雑な例を見てみましょう。ここでの主な課題は、保存されている期限情報 (月、時、日など) を、Date オブジェクトから取得した現在の日時と照合することです。

    +
    + +サンプルアプリのスクリーンショット。赤いメインタイトルの「To do app」、テスト用の To Do 項目、ユーザーが新しいタスクを入力するための赤いフォーム。 + +

    この記事で紹介するアプリケーションの例は、 To-do リスト通知です。これは、タスクのタイトルと期限を IndexedDB に格納し、期限になったときに Notification および Vibration API を使ってユーザーに通知を行う、シンプルな To-do リストアプリケーションです。 To-do リスト通知アプリは GitHub ダウンロードしてソースコードをいじったり、アプリの動作をライブで閲覧したりすることができます。

    + +

    基本的な問題点

    + +

    この ToDo アプリでは、まず時間と日付の情報を、機械が読め、表示されたときに人間が理解できる形式で記録し、次にそれぞれの時間と日付が現在の時点で発生しているかどうかをチェックしたいと考えました。基本的には、現在の時刻と日付を確認し、保存されている各イベントの締め切りが現在の時刻と日付に一致するかどうかを確認します。もし一致していれば、ユーザーに何らかの通知をしたいと考えています。

    + +

    2 つの {{jsxref("Global_Objects/Date", "Date")}} オブジェクトを比較するだけなら簡単ですが、もちろん人間は JavaScript が理解できるような形式で期限を入力したいわけではありません。人間が読むことのできる日付はかなり違っていて、いくつもの異なる表現があります。

    + +

    日付情報の記録

    + +

    モバイル端末での合理的な使い勝手を提供するために、そして曖昧さを減らすために、 HTML フォームを作成することにしました。

    + +この ToDo アプリのフォームで、タスクのタイトルを入力するフィールドと、期限の年、月、日、時、分の値が入っています。 + +
      +
    • ToDo リストのタイトルを入力するためのテキスト入力です。これはユーザーの入力作業の中で最も避けられないものです。
      • +
    • 期限の「時」と「分」を入力するための数値入力。 type="number" に対応しているブラウザーでは、小さな上下矢印の数字ピッカーが表示されます。モバイルプラットフォームでは、データを入力するためのテンキーが用意されていることが多く、これは便利です。他のプラットフォームでは、標準的なテキスト入力になりますが、これは問題ありません。
      • +
    • 期限の日、月、年を入力するための {{HTMLElement("select")}} 要素。これらの値は、ユーザーにとって最も曖昧な入力となるため (7, sunday, sun? 04, 4, April, Apr? 2013, '13, 13?) 日は数値で、月は月名で、年は 4 桁の年号で記録されます。
      • +
    + +

    フォームの送信ボタンが押されると、 addData() 関数が実行され、次のように始まります。

    + +
    function addData(e) {
+  e.preventDefault();
+
+  if(title.value == '' || hours.value == null || minutes.value == null || day.value == '' || month.value == '' || year.value == null) {
+    note.innerHTML += '<li>Data not submitted — form incomplete.</li>';
+    return;
+  }
+
    + +

    この部分では、フォームのフィールドにすべての情報が入力されているかどうかを確認します。記入されていない場合は、開発者通知ペイン (アプリの UI の左下を参照) にメッセージを表示して、何が起こっているのかをユーザーに伝え、機能を終了します。このステップは、主に HTML フォームの検証に対応していないブラウザーのためのものです (検証に対応しているブラウザーでは、 HTML で required 属性を使用して検証を強制しています)。

    + +
       else {
+    var newItem = [
+      {
+        taskTitle: title.value,
+        hours    : hours.value,
+        minutes  : minutes.value,
+        day      : day.value,
+        month    : month.value,
+        year     : year.value,
+        notified : "no"
+      }
+    ];
+
+    // open a read/write db transaction, ready for adding the data
+    var transaction = db.transaction(["toDoList"], "readwrite");
+
+    // report on the success of opening the transaction
+    transaction.oncomplete = function(event) {
+      note.innerHTML += '<li>Transaction opened for task addition.</li>';
+    };
+
+    transaction.onerror = function(event) {
+      note.innerHTML += '<li>Transaction not opened due to error. Duplicate items not allowed.</li>';
+    };
+
+    // create an object store on the transaction
+    var objectStore = transaction.objectStore("toDoList");
+
+    // add our newItem object to the object store
+    var request = objectStore.add(newItem[0]);
    + +

    この部分では、データベースへの挿入に必要な形式でデータを保存する newItem というオブジェクトを作成します。次の数行では、データベーストランザクションを開き、これが成功したか失敗したかをユーザーに通知するメッセージを提供しています。そして、新しい項目が追加される objectStore が生成されます。データオブジェクトの notified プロパティは、 To-do リストの項目の期限がまだ来ておらず、通知されていないことを示しています。これについては後ほど説明します。

    + +
    +

    メモ: 変数 db には IndexedDB のデータベースインスタンスへの参照が格納されています。この変数の様々なプロパティを使用してデータを操作することができます。

    +
    + +
    +    request.onsuccess = function(event) {
+
+      note.innerHTML += '<li>New item added to database.</li>';
+
+      title.value = '';
+      hours.value = null;
+      minutes.value = null;
+      day.value = 01;
+      month.value = 'January';
+      year.value = 2020;
+    };
+  }
    + +

    次の部分では、新しい項目の追加が成功したことを示すログメッセージを作成し、次のタスクが入力できるようにフォームをリセットします。

    + +
    +  // update the display of data to show the newly added item, by running displayData() again.
+  displayData();
+};
    + +

    最後に displayData() 関数を実行して、アプリ内のデータの表示を更新し、先ほど入力された新しいタスクを表示します。

    + +

    期限に達したかどうかの確認

    + +

    この時点でデータはデータベースに入っていますが、今度は期限に達しているかどうかをチェックしたいと思います。これを行うのが checkDeadlines() 関数です。

    + +
    function checkDeadlines() {
+  var now = new Date();
    + +

    まず、空の Date オブジェクトを作成して、現在の日付と時刻を取得します。簡単でしょう？ここからは少し複雑な話になります。

    + +
      var minuteCheck  = now.getMinutes();
+  var hourCheck    = now.getHours();
+  var dayCheck     = now.getDate();
+  var monthCheck   = now.getMonth();
+  var yearCheck    = now.getFullYear();
+
    + +

    Date オブジェクトには、内部の日付や時刻のさまざまな部分を抽出するためのメソッドがいくつかあります。ここでは、現在の分 (簡単な数値として取得)、時 (簡単な数値として取得)、日 (これは getDate() が必要、 getDay() は曜日を 1-7 で返すため)、月 (0-11 の数値を返す。下記参照)、年 (getFullYear() が必要、getYear() は非推奨であり、誰にとってもあまり役に立たない奇妙な値を返します) を読み取ります。

    + +
       var objectStore = db.transaction(['toDoList'], "readwrite").objectStore('toDoList');
+
+  objectStore.openCursor().onsuccess = function(event) {
+    var cursor = event.target.result;
+
+    if(cursor) {
    + +

    次にもう一つ、 IndexedDB の objectStore を生成し、 openCursor() メソッドを使用してカーソルを開きます。これは基本的に IndexedDB がストア内のすべての項目を反復処理する方法です。そして、カーソル内に有効な項目が残っている限り、カーソル内のすべての項目をループします。

    + +
          switch(cursor.value.month) {
+        case "January":
+          var monthNumber = 0;
+          break;
+        case "February":
+          var monthNumber = 1;
+          break;
+
+        // other lines removed from listing for brevity
+
+        case "December":
+          var monthNumber = 11;
+          break;
+        default:
+          alert('Incorrect month entered in database.');
+      }
    + +

    まず最初に行うことは、データベースに保存されている月名を、 JavaScript が理解できる月の数値に変換することです。前に見たように、 JavaScript の Date オブジェクトは月の値を 0 から 11 までの数値として生成します。

    + +
          if(+(cursor.value.hours) == hourCheck &&
+         +(cursor.value.minutes) == minuteCheck &&
+         +(cursor.value.day) == dayCheck &&
+         monthNumber == monthCheck &&
+         cursor.value.year == yearCheck &&
+         notified == "no") {
+
+        // If the numbers all do match, run the createNotification()
+        // function to create a system notification
+        createNotification(cursor.value.taskTitle);
+      }
    + +

    IndexedDB に格納された値と照合したい現在の時刻と日付の部分がすべて組み立てられたので、いよいよチェックを実行します。ユーザーに期限切れを知らせる何らかの通知を行う前に、すべての値が一致している必要があります。

    + +

    ここでの + 演算子は、先頭にゼロが付いている数字を、先頭にゼロが付いていない同等の数字に変換します (例えば 09 -> 9)。これが必要なのは、 JavaScript の Date の数値には先頭にゼロがないが、データにはあるかもしれないからです。

    + +

    notified == "no" のチェックは、 1 つの To-Do アイテムに対して 1 つの通知しか受け取れないようにするためのものです。各項目のオブジェクトに対して通知が発生すると、その notification プロパティが "yes" に設定されるので、次の繰り返しではこのチェックが通らないようにするために、 createNotification() 関数の中に次のようなコードを入れています (詳しくは IndexedDB の使用を読んでください)。

    + +
        // now we need to update the value of notified to "yes" in this particular data object, so the
+    // notification won't be set off on it again
+
+    // first open up a transaction as usual
+    var objectStore = db.transaction(['toDoList'], "readwrite").objectStore('toDoList');
+
+    // get the to-do list object that has this title as it's title
+    var request = objectStore.get(title);
+
+    request.onsuccess = function() {
+      // grab the data object returned as the result
+      var data = request.result;
+
+      // update the notified value in the object to "yes"
+      data.notified = "yes";
+
+      // create another request that inserts the item back into the database
+      var requestUpdate = objectStore.put(data);
+
+      // when this new request succeeds, run the displayData() function again to update the display
+      requestUpdate.onsuccess = function() {
+        displayData();
+      }
    + +

    すべてのチェックが一致した場合は、 createNotification() 関数を実行して、ユーザーに通知を行います。

    + +
           cursor.continue();
+    }
+  }
+}
    + +

    この関数の最後の行では、カーソルが上に移動し、 IndexedDB に格納されている次のタスクに対して、上記の期限チェックの仕組みが実行されます。

    + +

    チェックし続ける

    + +

    もちろん、上記の期限チェック機能を一度実行するだけでは意味がありません。すべての締切に達していないかどうかを常にチェックし続けたいのです。そのために、 setInterval() を使って 1 秒に 1 回 checkDeadlines() を実行します。

    + +
    setInterval(checkDeadlines, 1000);
    diff --git a/files/ja/web/api/indexeddb_api/index.html b/files/ja/web/api/indexeddb_api/index.html index 14369351fa..1d08f26cc8 100644 --- a/files/ja/web/api/indexeddb_api/index.html +++ b/files/ja/web/api/indexeddb_api/index.html @@ -13,54 +13,54 @@ translation_of: Web/API/IndexedDB_API ---
    {{DefaultAPISidebar("IndexedDB")}}
    -

    IndexedDB は、ファイルや blob を含む構造化された多くのデータを保存する、クライアントサイドのローレベル API です。この API は高パフォーマンスなデータの検索を行うために、インデックスを使用します。Web Storage は比較的少量のデータを保存するのに有用ではありますが、構造化された非常に多くのデータを扱うには不十分です。IndexedDB が解決策を提供します。本ページは、MDN における IndexedDB のランディングページです。ここでは API リファレンスへのリンク、使用ガイド、ブラウザーのサポート状況、主要なコンセプトの説明を掲載します。

    +

    IndexedDB は、ファイルや blob を含む大量の構造化データをクライアント側で保存するための低レベル API です。この API はインデックスを使用して、高パフォーマンスなデータの検索を行うことができます。Web Storage は比較的少量のデータを保存するのに有用ではありますが、構造化された非常に多くのデータを扱うには不十分です。IndexedDB が解決策を提供します。ここでは、完全な API リファレンスと使用ガイド、ブラウザーの対応の詳細、および重要な概念の説明へのリンクを提供します。

    {{AvailableInWorkers}}

    -

    メモ: IndexedDB API は強力ですが、シンプルな用途にとってはとても複雑に見えるかもしれません。シンプルな API が好ましいのでしたら、IndexedDB をより開発者フレンドリーに扱える localForage や dexie.js、ZangoDB、PouchDB、JsStore などのライブラリを検討してください。

    +

    メモ: IndexedDB API は強力ですが、シンプルな用途にはとても複雑に見えるかもしれません。シンプルな API が好ましいのであれば、関連情報の節にある IndexedDB をプログラマーにとって扱いやすくするライブラリーを試してみてください。

    -

    主要概念と使用法

    +

    主要概念と使用法

    -

    IndexedDB は SQL ベースの RDBMS に似たトランザクショナルデータベースシステムですが、SQL ベース の RDBMS が固定された列を持つテーブルを使用するのに対して、IndexedDB は JavaScript ベースのオブジェクト指向データベースです。IndexedDB では、キーでインデックス付けされたオブジェクトを保存および取り出すことができます。Structured Clone アルゴリズムがサポートする、任意のオブジェクトを保存できます。データベースのスキーマを定義する、データベースへの接続を確立する、そして一連のトランザクションでデータの取り出しや更新を行うことが必要です。

    +

    IndexedDB は SQL ベースの RDBMS に似たトランザクショナルデータベースシステムです。しかし、SQL ベース の RDBMS が固定された列を持つテーブルを使用するのに対して、IndexedDB は JavaScript ベースのオブジェクト指向データベースです。IndexedDB では、キーでインデックス付けされたオブジェクトを保存および取り出すことができます。構造化クローンアルゴリズムに対応した、任意のオブジェクトを保存することができます。データベースのスキーマを定義し、データベースへの接続を確立し、そして一連のトランザクションでデータの取り出しや更新を行う必要があります。

    -

    メモ: たいていのウェブストレージ技術と同様に、IndexedDB も同一オリジンポリシーに従います。よって、保存済みデータは同一ドメイン内からアクセスできますが、異なるドメインにまたがってデータへアクセスすることはできません。

    +

    メモ: たいていのウェブストレージ技術と同様に、IndexedDB も同一オリジンポリシーに従います。よって、保存済みデータは同一ドメイン内からアクセスできますが、異なるドメインにまたがってデータへアクセスすることはできません。

    -

    同期と非同期

    +

    同期と非同期

    -

    IndexedDB を扱う操作は非同期に実行しますので、他のアプリケーションを妨げません。 IndexedDB は元々同期 API と非同期 API の両方を提供していました。同期 API は Web Worker 内でのみの使用を意図していましたが、必要性に疑問があったため仕様から削除されました。ただし、同期 API はウェブ開発者から十分な要望がある場合は、将来再び導入される可能性があります。

    +

    IndexedDB を扱う操作は非同期に実行しますので、他のアプリケーションを妨げません。 IndexedDB は元々同期 API と非同期 API の両方を提供していました。同期 API はウェブワーカー内でのみの使用を意図していましたが、必要性に疑問があったため仕様から削除されました。ただし、同期 API はウェブ開発者から十分な要望がある場合は、将来再び導入される可能性があります。

    -

    ストレージの上限と破棄基準

    +

    ストレージの上限と破棄基準

    -

    クライアントサイド (すなわちローカルディスク) に何らかのデータを保存するウェブ技術がいくつかあり、IndexedDB はそのような技術としてもっともよく語られます。ブラウザーがどれだけの容量をウェブデータストレージに割り当てるかや、容量の上限に達したときにどのデータを削除するかのプロセスは単純ではなく、またブラウザーにより異なります。Browser storage limits and eviction criteria で、少なくとも Firefox ではどのようにしているかを説明しようとしています。

    +

    クライアント側 (すなわちローカルディスク) に何らかのデータを保存するウェブ技術はいくつかあります。IndexedDB はそのような技術としてもっともよく語られます。ブラウザーがどれだけの容量をウェブデータストレージに割り当てるかや、容量の上限に達したときにどのデータを削除するかのプロセスは単純ではなく、またブラウザーにより異なります。ブラウザーのストレージ制限と削除基準で、少なくとも Firefox ではどのようにしているかの解説を試みています。

    -

    インターフェイス

    +

    インターフェイス

    -

    データベースへのアクセスを行いたい場合は、window オブジェクトの indexedDB 属性上の open() を呼び出してください。このメソッドは {{domxref("IDBRequest")}} オブジェクトを返します。{{domxref("IDBRequest")}} オブジェクト上で発火したイベントによってアプリケーションが呼び出されることにより、非同期操作が行われます。

    +

    データベースへのアクセスを行いたい場合は、window オブジェクトの indexedDB 属性上で open() を呼び出してください。このメソッドは {{domxref("IDBRequest")}} オブジェクトを返します。{{domxref("IDBRequest")}} オブジェクト上で発行されたイベントによってアプリケーションが呼び出されることにより、非同期操作が行われます。

    -

    データベースへの接続

    +

    データベースへの接続

    {{domxref("IDBEnvironment")}}
    IndexedDB 機能へのアクセスを提供します。{{domxref("window")}} および {{domxref("worker")}} オブジェクトによって実装されています。このインターフェイスは 2.0 仕様の一部ではありません。
    {{domxref("IDBFactory")}}
    -
    データベースへのアクセスを提供します。indexedDB グローバルオブジェクトによって実装されており、従って API へのエントリーポイントになります。
    +
    データベースへのアクセスを提供します。{{domxref("WindowOrWorkerGlobalScope/indexedDB", "indexedDB")}} グローバルオブジェクトによって実装されており、従って API へのエントリーポイントになります。
    {{domxref("IDBOpenDBRequest")}}
    データベースを開くリクエストを表します。
    {{domxref("IDBDatabase")}}
    データベース接続を表します。データベースとのトランザクション処理を行うためのみに使用されます。
    -

    データの取り出しと変更

    +

    データの取り出しと変更

    {{domxref("IDBTransaction")}}
    @@ -72,88 +72,83 @@ translation_of: Web/API/IndexedDB_API
    {{domxref("IDBIndex")}}
    こちらも IndexedDB データベース内のデータのサブセットにアクセスできますが、レコードの探索に主キーではなくインデックスを使用します。{{domxref("IDBObjectStore")}} より高速に動作する場合があります。
    {{domxref("IDBCursor")}}
    -
    オブジェクトストアとインデックスをイテレートします。
    +
    オブジェクトストアとインデックスを反復処理します。
    {{domxref("IDBCursorWithValue")}}
    -
    オブジェクトストアとインデックスをイテレートして、カーソルの現在の値を返します。
    +
    オブジェクトストアとインデックスを反復処理して、カーソルの現在の値を返します。
    {{domxref("IDBKeyRange")}}
    データベースから一定の範囲のデータを取り出すために使用可能な、キーの範囲を定義します。
    {{domxref("IDBLocaleAwareKeyRange")}} {{Non-standard_inline}}
    -
    データベースから一定の範囲のデータを取り出すために使用可能な、インデックス用に指定したロケール (createIndex() の optionalParameters をご覧ください) の規則によって並べ替えたキーの範囲を定義します。
    +
    データベースから一定の範囲のデータを取り出すために使用可能な、インデックス用に指定したロケール (createIndex() の optionalParameters をご覧ください) の規則によって並べ替えたキーの範囲を定義します。
    -

    カスタムイベントインターフェイス

    +

    カスタムイベントインターフェイス

    -

    本仕様では、以下のカスタムインターフェイスでイベントが発生します:

    +

    本仕様では、以下のカスタムインターフェイスでイベントが発生します。

    {{domxref("IDBVersionChangeEvent")}}
    -
    IDBVersionChangeEvent インターフェイスは、{{domxref("IDBOpenDBRequest.onupgradeneeded")}} イベントハンドラ関数によってデータベースのバージョンが変更されたことを表します。
    +
    IDBVersionChangeEvent インターフェイスは、{{domxref("IDBOpenDBRequest.onupgradeneeded")}} イベントハンドラー関数によってデータベースのバージョンが変更されたことを表します。
    -

    廃止インターフェイス

    +

    廃止インターフェイス

    -

    仕様の早期段階で定義されていたインターフェイスの一部が、現在、削除されています。以前書いたコードを最新の仕様に合わせて更新する際に必要になるであろうことから、削除されたインターフェイスに関するドキュメントは残してあります:

    +

    仕様の早期段階では、以下のようなインターフェイスを定義していましたが、既に削除されています。以前書かれたコードを更新する必要がある場合のために、ドキュメントを残しています。

    -
    {{domxref("IDBVersionChangeRequest")}} {{obsolete_inline}}
    -
    データベースのバージョンの変更リクエストを表現します。データベースのバージョンを変更する方法が ({{domxref("IDBDatabase.setVersion")}} ではなく {{domxref("IDBFactory.open")}} を呼び出すように) 変わりました。また削除された {{domxref("IDBVersionChangeRequest")}} に代わり {{domxref("IDBOpenDBRequest")}} インターフェイスが用意されています。
    -
    {{domxref("IDBDatabaseException")}}  {{obsolete_inline}}
    +
    {{domxref("IDBDatabaseException")}}  {{deprecated_inline}}
    データベース操作が実行されている間に発生した例外状況を表します。
    -
    {{domxref("IDBTransactionSync")}} {{obsolete_inline}}
    -
    同期型の {{domxref("IDBTransaction")}} です。
    -
    {{domxref("IDBObjectStoreSync")}} {{obsolete_inline}}
    -
    同期型の {{domxref("IDBObjectStore")}} です。
    -
    {{domxref("IDBIndexSync")}} {{obsolete_inline}}
    -
    同期型の {{domxref("IDBIndex")}} です。
    -
    {{domxref("IDBFactorySync")}} {{obsolete_inline}}
    -
    同期型の {{domxref("IDBFactory")}} です。
    -
    {{domxref("IDBEnvironmentSync")}} {{obsolete_inline}}
    -
    同期型の {{domxref("IDBEnvironment")}} です。
    -
    {{domxref("IDBDatabaseSync")}} {{obsolete_inline}}
    -
    同期型の {{domxref("IDBDatabase")}} です。
    -
    {{domxref("IDBCursorSync")}} {{obsolete_inline}}
    -
    同期型の {{domxref("IDBCursor")}} です。
    +
    {{domxref("IDBTransactionSync")}} {{deprecated_inline}}
    +
    同期版の {{domxref("IDBTransaction")}} です。
    +
    {{domxref("IDBObjectStoreSync")}} {{deprecated_inline}}
    +
    同期版の {{domxref("IDBObjectStore")}} です。
    +
    {{domxref("IDBIndexSync")}} {{deprecated_inline}}
    +
    同期版の {{domxref("IDBIndex")}} です。
    +
    {{domxref("IDBFactorySync")}} {{deprecated_inline}}
    +
    同期版の {{domxref("IDBFactory")}} です。
    +
    {{domxref("IDBEnvironmentSync")}} {{deprecated_inline}}
    +
    同期版の {{domxref("IDBEnvironment")}} です。
    +
    {{domxref("IDBDatabaseSync")}} {{deprecated_inline}}
    +
    同期版の {{domxref("IDBDatabase")}} です。
    +
    {{domxref("IDBCursorSync")}} {{deprecated_inline}}
    +
    同期版の {{domxref("IDBCursor")}} です。
    -

    例

    +

    例

    -

    仕様書

    +

    仕様書

    - - - - - - - - - - - - - - - - - - - + + + + + + + + + +
    仕様書状態備考
    {{SpecName("IndexedDB 2")}}{{Spec2("IndexedDB 2")}} 
    {{SpecName('IndexedDB')}}{{Spec2('IndexedDB')}}初回定義
    仕様書
    Indexed Database API
    -

    関連情報

    +

    関連情報

      -
    • localForage: クライアントサイドのデータストレージ向けに、シンプルな name:value 形式の構文を提供する Polyfill です。バックグラウンドで IndexedDB を使用しますが、IndexedDB をサポートしないブラウザーでは WebSQL や localStorage にフォールバックします。
      • -
    • dexie.js: 優良でシンプルな構文により高速なコード開発を可能にする、IndexedDB のラッパーです。
      • +
    • localForage: クライアント側のデータストレージ向けに、シンプルな name:value 形式の構文を提供するポリフィルです。バックグラウンドで IndexedDB を使用しますが、IndexedDB をに対応していないブラウザーでは WebSQL や localStorage にフォールバックします。
      • +
    • Dexie.js: 優良でシンプルな構文により高速なコード開発を可能にする、IndexedDB のラッパーです。
    • ZangoDB: IndexedDB の MongoDB ライクなインターフェイスで、MongoDB でおなじみのフィルターリング、射影、ソート、アップデート、集計をサポートしています。
      • -
    • JsStore: SQL 風の構文による IndexedDB のラッパーです。
      • -
    • MiniMongo: クライアントサイドのインメモリーの mongodb で localstorage と server sync over http を元にしたもの。MiniMongo は MeteorJS で使われています。
      • -
    • PouchDB: クライアントサイドのブラウザー内の CouchDB 実装で IndexedDB を使っています。
      • +
    • JsStore: SQL 風の構文による IndexedDB のラッパーです。
      • +
    • MiniMongo: クライアント側のインメモリーの mongodb で localstorage と server sync over http を元にしたもの。MiniMongo は MeteorJS で使われています。
      • +
    • PouchDB: クライアント側のブラウザー内の CouchDB 実装で IndexedDB を使っています。
      • +
    • idb: IndexedDB API をほぼ反映した小さな (~1.15k) ライブラリーですが、使いやすさを大きく変える小さな改良が加えられています。
      • +
    • idb-keyval: IndexedDB で実装された超シンプルで小さな (~600B) プロミスベースのキーバリューストア
      • +
    • sifrr-storage: クライアントサイドのキーバリューストレージ用の小さな (~2kB) プロミスベースのライブラリーです。IndexedDB、localStorage、WebSQL、Cookie で動作します。優先度に基づいて、対応しているストレージを自動的に使用できます。
      • +
    • lovefield: Lovefield は、ウェブアプリケーション用のリレーショナルデータベースです。 JavaScript で書かれており、クロスブラウザーで動作します。SQL ライクな API を提供しており、高速で安全、かつ簡単に使用できます。
      • +
    • $mol_db: 小さな (~1.3kB) TypeScript のファサードで、プロミスベースの API と自動マイグレーションを備えています。
      • +
    diff --git a/files/ja/web/api/indexeddb_api/using_indexeddb/index.html b/files/ja/web/api/indexeddb_api/using_indexeddb/index.html index 333cda62f1..a4727f8781 100644 --- a/files/ja/web/api/indexeddb_api/using_indexeddb/index.html +++ b/files/ja/web/api/indexeddb_api/using_indexeddb/index.html @@ -1,46 +1,52 @@ --- -title: IndexedDB を使用する +title: IndexedDB の使用 slug: Web/API/IndexedDB_API/Using_IndexedDB tags: - API - Advanced - Database + - Guide - IndexedDB - Storage - Tutorial + - jsstore translation_of: Web/API/IndexedDB_API/Using_IndexedDB ---

    {{DefaultAPISidebar("IndexedDB")}}

    -

    IndexedDB は、ユーザーのブラウザー内にデータを永続的に保存する手段です。ネットワークの状態にかかわらず高度な問い合わせ機能を持つ ウェブアプリケーションを作成できますので、オンラインとオフラインの両方で動作するアプリケーションになります。

    +

    IndexedDB は、ユーザーのブラウザー内にデータを永続的に保存する手段です。ネットワークの状態にかかわらず高度な問い合わせ機能を持つウェブアプリケーションを作成できますので、アプリケーションがオンラインとオフラインの両方で動作するようになります。

    -

    このドキュメントについて

    +

    このドキュメントについて

    -

    このチュートリアルでは、IndexedDB の非同期 API の使い方を見ていきます。IndexedDB について詳しくない場合は、始めに IndexedDB の基本的な概念をお読みください。

    +

    このチュートリアルでは、IndexedDB の非同期 API の使い方を見ていきます。IndexedDB について詳しくない場合は、始めに IndexedDB の主な特徴と基本用語をお読みください。

    -

    IndexedDB API のリファレンスドキュメントとして、IndexedDB の記事とそのサブ記事をご覧ください。IndexedDB で使用されるオブジェクトの型や、同期 API および非同期 API のドキュメントがあります。

    +

    IndexedDB API のリファレンスドキュメントとして、IndexedDB API の記事とそのサブ記事をご覧ください。この記事では、IndexedDB で使用されるオブジェクトの種類と、非同期 API のメソッドについて説明します (同期 API は仕様から削除されました)。

    -

    基本パターン

    +

    基本パターン

    -

    IndexedDB で推奨される基本パターンは、以下のようになります:

    +

    IndexedDB で推奨される基本パターンは、以下のようになります。

    1. データベースを開きます。
    2. データベース内に、オブジェクトストアを作成します。
    3. データの追加や取り出しといった、データベース操作のトランザクションを開始して、リクエストを行います。
      4. -
    4. 適切な DOM イベントを受け取ることにより、操作が完了するのを待ちます。
      5. -
    5. 結果 (リクエストオブジェクトで見つけることができます) に応じた処理を行います。
      6. +
    6. +
      適切な DOM イベントを受け取ることにより、操作が完了するのを待ちます。
      +
      7. +
    7. +
      結果 (リクエストオブジェクトにある) に応じた処理を行います。
      +

    これらの主要な概念を踏まえることで、より具体的な手続きを理解できます。

    -

    ストアを作成および構築する

    +

    ストアを作成および構築する

    -

    実験的なバージョンの IndexedDB を使用する

    +

    実験的なバージョンの IndexedDB を使用する

    -

    まだ接頭辞を使用しているブラウザーでコードのテストを行いたい場合は、以下のコードを使用するとよいでしょう:

    +

    まだ接頭辞を使用しているブラウザーでコードのテストを行いたい場合は、以下のコードを使用するとよいでしょう。

    // 以下の行に、テストを行いたい実装の接頭辞を含めてください。
 window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
@@ -50,35 +56,35 @@ window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction ||
 window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;
 // (Mozilla はこれらのオブジェクトに接頭辞をつけていませんので、window.mozIDB* は不要です)
    -

    接頭辞を使用している実装は不具合がある、未完成、あるいは古い版の仕様に従っている可能性がありますので注意してください。よって、これらを製品版のコードで使用することは推奨しません。サポートしているものとして失敗するより、未サポートとする方が好ましいでしょう:

    +

    接頭辞を使用している実装は不具合がある、未完成、あるいは古い版の仕様に従っている可能性がありますので注意してください。よって、これらを製品版のコードで使用することは推奨しません。対応しているものとして失敗するより、未対応とする方が好ましいでしょう。

    if (!window.indexedDB) {
-    window.alert("このブラウザーは安定版の IndexedDB をサポートしていません。IndexedDB の機能は利用できません。");
+    window.console.log("このブラウザーは安定版の IndexedDB を対応していません。IndexedDB の機能は利用できません。");
 }
    -

    データベースを開く

    +

    データベースを開く

    -

    プロセス全体は以下のようにして始めます:

    +

    プロセス全体は以下のようにして始めます。

    // データベースを開く
 var request = window.indexedDB.open("MyTestDatabase", 3);
    -

    わかりますか? データベースを開くことも他の操作と同様であり、"リクエスト" が必要です。

    +

    わかりますか? データベースを開くことも他の操作と同様であり、「リクエスト」が必要です。

    -

    データベースを開くリクエストは、すぐにはデータベースを開いたりトランザクションを開始したりはしません。open() 関数を呼び出すと、結果 (成功) またはイベントとして扱うエラー値を伴う IDBOpenDBRequest オブジェクトを返します。IndexedDB のほとんどの他の非同期関数も同様であり、結果またはエラーを伴う IDBRequest オブジェクトを返します。open 関数の結果は IDBDatabase のインスタンスです。

    +

    データベースを開くリクエストは、すぐにはデータベースを開いたりトランザクションを開始したりはしません。open() 関数を呼び出すと、結果 (成功) またはイベントとして扱うエラー値を伴う IDBOpenDBRequest オブジェクトを返します。IndexedDB のほとんどの他の非同期関数も同様であり、結果またはエラーを伴う IDBRequest オブジェクトを返します。open 関数の結果は IDBDatabase のインスタンスです。

    -

    open メソッドの第 2 引数は、データベースのバージョンです。データベースのバージョンは、データベースのスキーマ、すなわちデータベース内のオブジェクトストアとその構造を決定します。データベースが存在しない場合に open 操作でデータベースが作成されると、onupgradeneeded イベントが発生して、そのイベントハンドラでデータベースのスキーマを作成できます。データベースが存在する場合に従来より高いバージョン番号を指定すると、すぐに onupgradeneeded イベントが発生して、そのイベントハンドラで更新されたスキーマを提供できます。詳しくは、後ほどデータベースのバージョンを更新するで説明します。また、{{domxref("IDBFactory.open")}} のリファレンスページもご覧ください。

    +

    open メソッドの第 2 引数は、データベースのバージョンです。データベースのバージョンは、データベースのスキーマ、すなわちデータベース内のオブジェクトストアとその構造を決定します。データベースが存在しない場合に open 操作でデータベースが作成されると、onupgradeneeded イベントが発生し、そのイベントハンドラーでデータベースのスキーマを作成することができます。データベースが存在する場合に従来より高いバージョン番号を指定すると、すぐに onupgradeneeded イベントが発生して、そのイベントハンドラーで更新されたスキーマを提供することができます。詳しくは、後ほどデータベースのバージョンの更新で説明します。また、{{domxref("IDBFactory.open")}} のリファレンスページもご覧ください。

    -

    重要: バージョン番号は unsigned long long 型の数値であり、とても大きい整数にすることができます。また浮動小数点数値は使用できず、使用した場合は upgradeneeded イベントが発生せず、もっとも近い小さな数値に変換されてトランザクションが始まるでしょう。よって、例えばバージョン番号として 2.4 を使用しないでください:
    +

    重要: バージョン番号は unsigned long long 型の数値であり、とても大きい整数にすることができます。また浮動小数点数値は使用できず、使用した場合は upgradeneeded イベントが発生せず、もっとも近い小さな数値に変換されてトランザクションが始まるでしょう。よって、例えばバージョン番号として 2.4 を使用しないでください。
    var request = indexedDB.open("MyTestDatabase", 2.4); // 行ってはいけません。バージョンは 2 に丸められます

    -

    ハンドラを生成する

    +

    ハンドラーの生成

    -

    ほぼすべてのリクエスト生成に合わせて始めに行いたいことは、成功およびエラーのハンドラを生成することでしょう:

    +

    ほぼすべてのリクエスト生成に合わせて始めに行いたいことは、成功およびエラーのハンドラーを生成することでしょう。

    request.onerror = function(event) {
   // request.errorCode に対して行うこと!
@@ -89,38 +95,38 @@ request.onsuccess = function(event) {
 
 
    2 つの関数 onsuccess() と onerror() のどちらが呼び出されるのでしょう? すべてが成功すると成功イベント (すなわち type プロパティが "success" である DOM イベント) が、request を target として発生します。イベントが発生すると request の onsuccess() 関数が、success イベントを引数として呼び出されます。一方、何らかの問題がある場合はエラーイベント (すなわち type プロパティが "error" である DOM イベント) が request で発生します。これは、エラーイベントを引数として onerror() 関数を呼び出します。
    
 
-
    IndexedDB API は必要なエラー処理を最小限にするよう設計されていますので、多くのエラーイベントを見ることはないでしょう (少なくとも、API に慣れていなければ!)。しかしデータベースを開く場合は、エラーイベントが発生する一般的な状況があります。もっとも多いであろう問題は、データベースを作成する許可をユーザーが ウェブアプリに与えなかったことです。IndexedDB の主要な設計目標のひとつが、オフラインで使用するために大量のデータを保存できるようにすることです。(各ブラウザーでどれだけの量のストレージを持てるかについては、ストレージの制限をご覧ください)
    
+
    IndexedDB API は必要なエラー処理を最小限にするよう設計されていますので、多くのエラーイベントを見ることはないでしょう (少なくとも、API に慣れていなければ)。しかしデータベースを開く場合は、エラーイベントが発生する一般的な状況があります。もっとも多いであろう問題は、データベースを作成する許可をユーザーがウェブアプリに与えなかったことです。IndexedDB の主要な設計目標のひとつが、オフラインで使用するために大量のデータを保存できるようにすることです。(各ブラウザーでどれだけの量のストレージを持てるかについては、ストレージの制限をご覧ください)
    
 
-
    広告ネットワークやコンピュータを汚染させる悪意のある Web サイトをブラウザーが許可したくないことは明らかですので、ブラウザーは ウェブアプリが初めてストレージ用に IndexedDB を開こうとしたときに、ユーザーへプロンプトを表示します。ユーザーはアクセスを許可または拒否できます。またブラウザーのプライバシーモードでの IndexedDB ストレージは、匿名のセッションを閉じるまでの間だけメモリ上に存在します (Firefox のプライベートブラウジングモードや Chrome のシークレットモードのことですが、2015 年 11 月現在の Firefox ではこれが未実装ですので、Firefox のプライベートブラウジングでは IndexedDB をまったく使用できません)。
    
+
    広告ネットワークやコンピューターを汚染させる悪意のあるウェブサイトをブラウザーが許可したくないことは明らかですので、ブラウザーは ウェブアプリが初めてストレージ用に IndexedDB を開こうとしたときに、ユーザーへプロンプトを表示します。ユーザーはアクセスを許可または拒否できます。またブラウザーのプライバシーモードでの IndexedDB ストレージは、匿名のセッションを閉じるまでの間だけメモリー上に存在します (Firefox のプライベートブラウジングモードや Chrome のシークレットモードのことですが、2021 年 5 月現在の Firefox ではこれが未実装ですので、Firefox のプライベートブラウジングでは IndexedDB をまったく使用できません)。
    
 
-
    ユーザーがデータベース作成の要求を許可して、成功コールバックを実行する成功イベントを受け取ったと想定します。次は何を行うのでしょうか? 以下のリクエストは indexedDB.open() の呼び出しを伴って生成されており、request.result は IDBDatabase のインスタンスですので、以降のためにこれを保存したいことは確実です。よって、コードは以下のようになるでしょう:
    
+
    ユーザーがデータベース作成の要求を許可して、成功コールバックを実行する成功イベントを受け取ったと想定します。次は何を行うのでしょうか? 以下のリクエストは indexedDB.open() の呼び出しを伴って生成されており、request.result は IDBDatabase のインスタンスですので、以降のためにこれを保存したいことは確実です。よって、コードは以下のようになるでしょう。
    
 
 
    var db;
 var request = indexedDB.open("MyTestDatabase");
 request.onerror = function(event) {
-  alert("なぜ私の ウェブアプリで IndexedDB を使わせてくれないのですか?!");
+  console.log("なぜ私の ウェブアプリで IndexedDB を使わせてくれないのですか?!");
 };
 request.onsuccess = function(event) {
   db = event.target.result;
 };
 
    
 
-
    エラーを処理する
    
+
    エラーを処理する
    
 
-
    前述のとおり、エラーイベントはバブリングします。エラーイベントはエラーを発生させたリクエストをターゲットにして、さらにトランザクションや最終的にデータベースオブジェクトへバブリングします。すべてのリクエストにエラーハンドラを追加することを避けたい場合は、代わりに以下のように、ひとつのエラーハンドラをデータベースオブジェクトに追加することができます:
    
+
    前述のとおり、エラーイベントはバブリングします。エラーイベントはエラーを発生させたリクエストをターゲットにして、さらにトランザクションや最終的にデータベースオブジェクトへバブリングします。すべてのリクエストにエラーハンドラーを追加することを避けたい場合は、代わりに以下のように、ひとつのエラーハンドラーをデータベースオブジェクトに追加することができます。
    
 
 
    db.onerror = function(event) {
   // このデータベースのリクエストに対するすべてのエラー用の
-  // 汎用エラーハンドラ!
-  alert("Database error: " + event.target.errorCode);
+  // 汎用エラーハンドラー!
+  console.log("Database error: " + event.target.errorCode);
 };
 
    
 
-
    データベースを開く際によく発生するエラーのひとつが VER_ERR です。これはディスクに保存されているデータベースのバージョンが、開こうとしているバージョンより大きいことを表します。これは、必ずエラーハンドラで処理しなければならないエラーの実例です。
    
+
    データベースを開く際によく発生するエラーのひとつが VER_ERR です。これはディスクに保存されているデータベースのバージョンが、開こうとしているバージョンより大きいことを表します。これは、必ずエラーハンドラーで処理しなければならないエラーの実例です。
    
 
 
    データベースを作成またはデータベースのバージョンを更新する
    
 
-
    新しいデータベースを作成したり既存のデータベースのバージョンを更新したりする ({{anch("Opening a database","データベースを開く")}}際に、従来より大きなバージョン番号を指定する) と onupgradeneeded イベントが発生して、request.result (すなわち、以下の例の db) に設定した onversionchange イベントハンドラに IDBVersionChangeEvent オブジェクトが渡されます。upgradeneeded イベントのハンドラでは、このバージョンのデータベースで必要なオブジェクトストアを作成します:
    
+
    新しいデータベースを作成したり既存のデータベースのバージョンを更新したりする ({{anch("Opening a database","データベースを開く")}}際に、従来より大きなバージョン番号を指定する) と onupgradeneeded イベントが発生して、request.result (すなわち、以下の例の db) に設定した onversionchange イベントハンドラーに IDBVersionChangeEvent オブジェクトが渡されます。upgradeneeded イベントのハンドラーでは、このバージョンのデータベースで必要なオブジェクトストアを作成します。
    
 
 
    // このイベントは最新のブラウザーにのみ実装されています
 request.onupgradeneeded = function(event) {
@@ -135,21 +141,19 @@ request.onupgradeneeded = function(event) {
 
 
    既存の名称を使用してオブジェクトストアを作成しようとする (あるいは、存在しない名称のオブジェクトストアを削除しようとする) と、エラーが発生します。
    
 
-
    onupgradeneeded イベントから正常に抜けた場合は、データベースを開くリクエストの onsuccess ハンドラが実行されます。
    
+
    onupgradeneeded イベントから正常に抜けた場合は、データベースを開くリクエストの onsuccess ハンドラーが実行されます。
    
 
-
    Chrome 23 以降および Opera 17 以降の Blink/Webkit は、現行バージョンの仕様をサポートします。IE10 以降も同様です。他の実装や古い実装では現行バージョンの仕様を実装しておらず、indexedDB.open(name, version).onupgradeneeded シグネチャが未サポートです。古い Webkit/Blink でデータベースのバージョンを更新する方法について、詳しくは IDBDatabase のリファレンス記事をご覧ください。
    
+
    データベースを構築する
    
 
-
    データベースを構築する
    
+
    次に、データベースを構築します。IndexedDB はテーブルではなくオブジェクトストアを使用しており、ひとつのデータベースに複数のオブジェクトストアを含めることができます。値をオブジェクトストアへ保存するたびに、値がキーと関連付けられます。オブジェクトストアでキーパスを使用するかキージェネレーターを使用するかに応じて、キーを供給する方法がいくつか存在します。
    
 
-
    次に、データベースを構築します。IndexedDB はテーブルではなくオブジェクトストアを使用しており、ひとつのデータベースに複数のオブジェクトストアを含めることができます。値をオブジェクトストアへ保存するたびに、値がキーと関連付けられます。オブジェクトストアでキーパスを使用するかキージェネレータを使用するかに応じて、キーを供給する方法がいくつか存在します。
    
-
-
    以下の表で、キーを供給するさまざまな方法を示します:
    
+
    以下の表で、キーを供給するさまざまな方法を示します。
    
 
 
-   
+   
@@ -181,7 +185,7 @@ request.onupgradeneeded = function(event) {
 
 
    さらにインデックスには、保存されたデータに単純な制限を強制する機能があります。インデックスを作成する際に unique フラグを設定すると、インデックスのキーパスで同じ値を持つオブジェクトが複数保存されないことを、インデックスが保証します。よって例えば人々の集団の情報を保持するオブジェクトストアがある場合に、同じメールアドレスを持つ人が 2 人存在しないことを保証したい場合は、これを強制するために unique フラグを設定したインデックスを使用するとよいでしょう。
    
 
-
    これには混乱するかもしれませんので、シンプルな例で概念を説明するべきでしょう。始めに、例で使用する顧客データをいくつか定義します:
    
+
    これには混乱するかもしれませんので、シンプルな例で概念を説明するべきでしょう。始めに、例で使用する顧客データをいくつか定義します。
    // 顧客データがどのようなものかを示します
 const customerData = [
@@ -192,7 +196,7 @@ const customerData = [
 
 
    もちろん、誰かの社会保障番号を顧客テーブルの主キーとして使用するべきではないですし (社会保障番号を持っていない人もいます)、年齢の代わりに誕生日を保管することもできますが、これらの不適切な選択は利便性のために無視して先へ進みましょう。
    
 
-
    次に、データを保存する IndexedDB を作成するところを見てみましょう:
    
+
    次に、データを保存する IndexedDB を作成するところを見てみましょう。
    
 
 
    const dbName = "the_name";
 
@@ -222,28 +226,28 @@ request.onupgradeneeded = function(event) {
   objectStore.transaction.oncomplete = function(event) {
     // 新たに作成した objectStore に値を保存します。
     var customerObjectStore = db.transaction("customers", "readwrite").objectStore("customers");
-    for (var i in customerData) {
-      customerObjectStore.add(customerData[i]);
-    }
+    customerData.forEach(function(customer) {
+      customerObjectStore.add(customer);
+    });
   };
 };
 
    
 
 
    先に示したように、onupgradeneeded はデータベースの構造を変えることができる唯一の場所です。ここではオブジェクトストアの作成および削除や、インデックスの構築および削除が可能です。
    
 
-
    オブジェクトストアは createObjectStore() を 1 回呼び出して作成します。このメソッドの引数は、ストアの名前とパラメータオブジェクトです。パラメータオブジェクトは省略可能ですが、重要なオプションプロパティを定義したり、作成したいオブジェクトストアの型を改良することができますので、とても重要です。この例では "customers" という名前のオブジェクトストアを要求して、keyPath を定義しています。keyPath は、ストア内で個々のオブジェクトを一意にするプロパティです。この例では、社会保障番号が一意であることが保証されていますので "ssn" にしています。"ssn" は、objectStore に保存するすべてのオブジェクトに与えなければなりません。
    
+
    オブジェクトストアは createObjectStore() を 1 回呼び出して作成します。このメソッドの引数は、ストアの名前と引数オブジェクトです。引数オブジェクトは省略可能ですが、重要なオプションプロパティを定義したり、作成したいオブジェクトストアの型を改良することができますので、とても重要です。この例では "customers" という名前のオブジェクトストアを要求して、keyPath を定義しています。keyPath は、ストア内で個々のオブジェクトを一意にするプロパティです。この例では、社会保障番号が一意であることが保証されていますので "ssn" にしています。"ssn" は、objectStore に保存するすべてのオブジェクトに与えなければなりません。
    
 
 
    また、保存されたオブジェクトの name プロパティを参照する、"name" という名前のインデックスも要求しています。createObjectStore() と同様に createIndex() も、作成したいインデックスの型を改良するための省略可能な引数 options オブジェクトを指定できます。name プロパティを持たないオブジェクトを追加することはできますが、そのオブジェクトは "name" インデックス内に現れません。
    
 
-
    以上でオブジェクトストアに保存された顧客オブジェクトを、ssn を使用して直接、またはインデックスを使用して名前をもとにして、取り出すことができます。この仕組みについて詳しくは、インデックスを使用する をご覧ください。
    
+
    以上でオブジェクトストアに保存された顧客オブジェクトを、ssn を使用して直接、またはインデックスを使用して名前をもとにして、取り出すことができます。この仕組みについて詳しくは、インデックスを使用する をご覧ください。
    
 
-
    キージェネレータを使用する
    
+
    キージェネレーターを使用する
    
 
-
    オブジェクトストアを作成するときに autoIncrement フラグを設定すると、そのオブジェクトストアでキージェネレータを使用できます。デフォルトで、このフラグは設定されません。
    
+
    オブジェクトストアを作成するときに autoIncrement フラグを設定すると、そのオブジェクトストアでキージェネレーターを使用できます。デフォルトで、このフラグは設定されません。
    
 
-
    キージェネレータを使用すると、オブジェクトストアに値を追加するのに応じて自動的にキーが生成されます。オブジェクトストアでキージェネレータを初めて作成した時点では、キージェネレータの値が常に 1 になります。基本的に、新たに自動生成されるキーは、前のキーから 1 増加した値になります。データベースのトランザクションが中止されるなど、データベースの操作が取り消された場合を除き、キージェネレータの現在の値が減少することはありません。従って、オブジェクトストアからレコードを削除したりすべてのレコードをクリアしたりしても、オブジェクトストアのキージェネレータには影響がありません。
    
+
    キージェネレーターを使用すると、オブジェクトストアに値を追加するのに応じて自動的にキーが生成されます。オブジェクトストアでキージェネレーターを初めて作成した時点では、キージェネレーターの値が常に 1 になります。基本的に、新たに自動生成されるキーは、前のキーから 1 増加した値になります。データベースのトランザクションが中止されるなど、データベースの操作が取り消された場合を除き、キージェネレーターの現在の値が減少することはありません。従って、オブジェクトストアからレコードを削除したりすべてのレコードをクリアしたりしても、オブジェクトストアのキージェネレーターには影響がありません。
    
 
-
    以下のように、キージェネレータを持つ別のオブジェクトストアを作成できます:
    
+
    以下のように、キージェネレーターを持つ別のオブジェクトストアを作成できます。
    
 
 
    // indexedDB を開きます。
 var request = indexedDB.open(dbName, 3);
@@ -255,7 +259,7 @@ request.onupgradeneeded = function (event) {
     // autoIncrement フラグに true を設定した、"names" という名前のオブジェクトストアを作成します。
     var objStore = db.createObjectStore("names", { autoIncrement : true });
 
-    // "names" オブジェクトストアはキージェネレータを持っていますので、値 name のキーは自動的に生成されます。
+    // "names" オブジェクトストアはキージェネレーターを持っていますので、値 name のキーは自動的に生成されます。
     // 追加したレコードは以下のようになります:
     // キー : 1 => 値 : "Bill"
     // キー : 2 => 値 : "Donna"
@@ -264,34 +268,34 @@ request.onupgradeneeded = function (event) {
     }
 };
    
 
-
    キージェネレータについて詳しくは、"W3C Key Generators" をご覧ください。
    
+
    キージェネレーターについて詳しくは、"W3C Key Generators" をご覧ください。
    
 
-
    データを追加する、読み出す、削除する
    
+
    データの追加、読み取り、削除
    
 
 
    新しいデータベースで何かを行えるようにする前に、トランザクションを開始しなければなりません。トランザクションはデータベースオブジェクトから生じており、トランザクションの対象にしたいオブジェクトストアを指定しなければなりません。トランザクションの内部では、データを保持しているオブジェクトストアへのアクセスや、リクエストの実行が可能です。次に、データベースに変更処理を行うのか、あるいはデータベースから読み出すだけかを決めなければなりません。トランザクションは readonly、readwrite、versionchange の 3 つのモードを使用できます。
    
 
-
    データベースの "スキーマ" や構造を変更する (オブジェクトストアやインデックスを作成または削除する) には、トランザクションを versionchange モードにしなければなりません。このトランザクションは、version を指定して {{domxref("IDBFactory.open")}} メソッドを呼び出すことによって開きます。(最新の仕様を実装していない WebKit ブラウザーは {{domxref("IDBFactory.open")}} メソッドの引数が、データベースの name の 1 つしかありません。よって、versionchange トランザクションを開始するには {{domxref("IDBVersionChangeRequest.setVersion")}} を呼び出さなければなりません)
    
+
    データベースの「スキーマ」や構造を変更する (オブジェクトストアやインデックスを作成または削除する) には、トランザクションを versionchange モードにしなければなりません。このトランザクションは、version を指定して {{domxref("IDBFactory.open")}} メソッドを呼び出すことによって開きます。
    
 
 
    既存のオブジェクトストアからレコードを読み出すには、トランザクションで readonly モードまたは readwrite モードを使用できます。既存のオブジェクトストアに変更処理を行うには、トランザクションを readwrite モードにしなければなりません。このようなトランザクションは {{domxref("IDBDatabase.transaction")}} で開きます。このメソッドの引数は 2 つあり、storeNames (アクセスしたいオブジェクトストアの配列で定義されるスコープ) とトランザクションの mode (readonly または readwrite) です。またこのメソッドは、{{domxref("IDBTransaction.objectStore")}} メソッドを持つトランザクションオブジェクトを返します。objectStore メソッドは、オブジェクトストアにアクセスするために使用できます。デフォルトでは、モードを指定しなければ readonly モードでトランザクションを開きます。
    
 
 
    
-
    注記: Firefox 40 で、IndexedDB トランザクションはパフォーマンスを向上させるために、永続性の保証を緩和しました ({{Bug("1112702")}} を参照)。以前は readwrite モードのトランザクションで、すべてのデータをディスク上に反映したことが保証された場合に限り {{domxref("IDBTransaction.oncomplete")}} 発生しました。Firefox 40 以降では OS がデータの書き込みを指示した時点で complete が発生しており、実際にはデータがディスク上に反映されていない可能性があります。これにより complete イベントをより早く発生させられますが、データをディスク上に反映する前に OS のクラッシュや電源断が発生するとトランザクション全体を失う危険性が若干あります。このような破壊的な事象はまれですので、ほとんどの利用者は心配する必要がないでしょう。何らかの理由 (例えば、後で再計算できない重要なデータを保存する) で永続性を保証しなければならない場合は、実験的 (非標準) な readwriteflush モード ({{domxref("IDBDatabase.transaction")}} を参照) を使用してトランザクションを生成すると、complete イベントを発生させる前にディスクへの反映を強制させることができます。
    
+
    メモ: Firefox 40 で、IndexedDB トランザクションはパフォーマンスを向上させるために、永続性の保証を緩和しました ({{Bug("1112702")}} を参照)。以前は readwrite モードのトランザクションで、すべてのデータをディスク上に反映したことが保証された場合に限り {{domxref("IDBTransaction.oncomplete")}} 発生しました。Firefox 40 以降では OS がデータの書き込みを指示した時点で complete が発生しており、実際にはデータがディスク上に反映されていない可能性があります。これにより complete イベントをより早く発生させられますが、データをディスク上に反映する前に OS のクラッシュや電源断が発生するとトランザクション全体を失う危険性が若干あります。このような破壊的な事象はまれですので、ほとんどの利用者は心配する必要がないでしょう。何らかの理由 (例えば、後で再計算できない重要なデータを保存する) で永続性を保証しなければならない場合は、実験的 (非標準) な readwriteflush モード ({{domxref("IDBDatabase.transaction")}} を参照) を使用してトランザクションを生成すると、complete イベントを発生させる前にディスクへの反映を強制させることができます。
    
 
    
 
-
    トランザクションで適切なスコープおよびモードを使用すると、データアクセスを高速化できます。ヒントを 2 つ紹介します:
    
+
    トランザクションで適切なスコープおよびモードを使用すると、データアクセスを高速化できます。ヒントを 2 つ紹介します。
    
 
 
      
  
    • スコープを定義するときは、必要なオブジェクトストアのみ指定します。これにより、同時にスコープが重なり合うことなく、複数のトランザクションを実行できます。
      • 
- 
    • readwrite トランザクションモードは、必要な場合に限り指定します。readonly トランザクションはスコープが重なっても複数同時に実行できますが、readwrite トランザクションはオブジェクトストアに対して 1 個しか実行できません。詳しくは、基本的な概念の記事で トランザクションの定義をご覧ください。
      • 
+ 
    • readwrite トランザクションモードは、必要な場合に限り指定します。readonly トランザクションはスコープが重なっても複数同時に実行できますが、readwrite トランザクションはオブジェクトストアに対して 1 個しか実行できません。詳しくは、IndexedDB の主な特徴と基本用語の記事で トランザクションの定義をご覧ください。
      • 
 
    
 
-
    データベースにデータを追加する
    
+
    データベースにデータを追加する
    
 
-
    データベースを作成したら、書き込みを行いたいと考えるでしょう。これは以下のようにします:
    
+
    データベースを作成したら、書き込みを行いたいと考えるでしょう。これは以下のようにします。
    
 
 
    var transaction = db.transaction(["customers"], "readwrite");
-// 注記: 古い実験的な実装では、"readwrite" の代わりに非推奨の定数 IDBTransaction.READ_WRITE を使用します。
-// そのような実装をサポートしたい場合は、以下のように記述します:
+// メモ: 古い実験的な実装では、"readwrite" の代わりに非推奨の定数 IDBTransaction.READ_WRITE を使用します。
+// そのような実装をサポートしたい場合は、以下のように記述します。
 // var transaction = db.transaction(["customers"], IDBTransaction.READ_WRITE);
    
 
 
    transaction() 関数は引数が 2 つあり (ひとつは省略可能)、トランザクションオブジェクトを返します。第 1 引数は、トランザクションの対象にするオブジェクトストアのリストです。トランザクションですべてのオブジェクトを対象にしたい場合は空の配列を渡すことができますが、仕様書では空の配列に対して InvalidAccessError を生成すべきとされていますので、行わないようにしてください。第 2 引数に何も指定しなければ、読み取り専用のトランザクションになります。書き込みを行いたい場合は、"readwrite" フラグを渡さなければなりません。
    
@@ -304,7 +308,7 @@ request.onupgradeneeded = function (event) {
 
 
    // すべてのデータがデータベースに追加されたときに行う処理
 transaction.oncomplete = function(event) {
-  alert("All done!");
+  console.log("All done!");
 };
 
 transaction.onerror = function(event) {
@@ -321,9 +325,9 @@ for (var i in customerData) {
 
 
    add() を呼び出して生成されたリクエストの result は、追加された値のキーです。よってこのケースでは、オブジェクトストアでキーパスとして ssn プロパティを使用していますので、追加されたオブジェクトの ssn プロパティと等しくなります。add() 関数では、データベース内に同一のキーを持つオブジェクトが存在しないことを要求しますので注意してください。既存の項目を変更しようとする場合や、既存の項目があるかを配慮しない場合は、{{anch("Updating an entry in the database", "データベース内の項目を更新する")}} の章で説明している put() 関数を使用できます。
    
 
-
    データベースからデータを削除する
    
+
    データベースからのデータの削除
    
 
-
    データの削除もよく似ています:
    
+
    データの削除もよく似ています。
    
 
 
    var request = db.transaction(["customers"], "readwrite")
                 .objectStore("customers")
@@ -332,9 +336,9 @@ request.onsuccess = function(event) {
   // 削除完了!
 };
    
 
-
    データベースからデータを取得する
    
+
    データベースからのデータの取得
    
 
-
    データベースは情報を持っていますので、いくつかの方法でデータを読み出すことができます。まずは、単純に get() を使用します。以下のように、値を読み出すためにキーを提供しなければなりません:
    
+
    データベースは情報を持っていますので、いくつかの方法でデータを読み出すことができます。まずは、単純に get() を使用します。以下のように、値を読み出すためにキーを提供しなければなりません。
    
 
 
    var transaction = db.transaction(["customers"]);
 var objectStore = transaction.objectStore("customers");
@@ -344,27 +348,27 @@ request.onerror = function(event) {
 };
 request.onsuccess = function(event) {
   // request.result に対して行う処理!
-  alert("Name for SSN 444-44-4444 is " + request.result.name);
+  console.log("Name for SSN 444-44-4444 is " + request.result.name);
 };
    
 
-
    "単純に" 読み出すにも多くのコードがあります。データベースレベルでエラー処理を行うとすれば、コードを少々短縮できることを以下に示します:
    
+
    "単純に" 読み出すにも多くのコードがあります。データベースレベルでエラー処理を行うとすれば、コードを少々短縮できることを以下に示します。
    
 
 
    db.transaction("customers").objectStore("customers").get("444-44-4444").onsuccess = function(event) {
-  alert("Name for SSN 444-44-4444 is " + event.target.result.name);
+  console.log("Name for SSN 444-44-4444 is " + event.target.result.name);
 };
    
 
 
    どのように動作するかわかりますか? オブジェクトストアが 1 つしかありませんので、トランザクションで必要とするオブジェクトストアのリストを渡さずに、名称を文字列で渡しています。また、データベースから読み出すだけですので、"readwrite" トランザクションは不要です。モードを指定せずに transaction() を呼び出すと、"readonly" トランザクションになります。さらに細かいことですが、実はリクエストオブジェクトを変数に保存していません。DOM イベントはターゲットとしてリクエストを持ちますので、result プロパティを得るためにイベントを使用できます。
    
 
-
    トランザクションでスコープやモードを制限することにより、データアクセスを高速化できることに留意してください。ヒントを 2 つ紹介します:
    
+
    トランザクションでスコープやモードを制限することにより、データアクセスを高速化できることに留意してください。ヒントを 2 つ紹介します。
    
 
 
      
  
    • スコープを定義するときは、必要なオブジェクトストアのみ指定します。これにより、同時にスコープが重なり合うことなく、複数のトランザクションを実行できます。
      • 
- 
    • readwrite トランザクションモードは、必要な場合に限り指定します。readonly トランザクションはスコープが重なっても複数同時に実行できますが、readwrite トランザクションはオブジェクトストアに対して 1 個しか実行できません。詳しくは、基本的な概念の記事でトランザクションの定義をご覧ください。
      • 
+ 
    • readwrite トランザクションモードは、必要な場合に限り指定します。readonly トランザクションはスコープが重なっても複数同時に実行できますが、readwrite トランザクションはオブジェクトストアに対して 1 個しか実行できません。詳しくは、基本的な概念の記事でトランザクションの定義をご覧ください。
      • 
 
    
 
-
    データベース内の項目を更新する
    
+
    データベース内の項目の更新
    
 
-
    読み出したデータを更新して IndexedDB に書き戻す方法は、とてもシンプルです。先ほどのサンプルを多少更新しましょう:
    
+
    読み出したデータを更新して IndexedDB に書き戻す方法は、とてもシンプルです。先ほどのサンプルを多少更新しましょう。
    
 
 
    var objectStore = db.transaction(["customers"], "readwrite").objectStore("customers");
 var request = objectStore.get("444-44-4444");
@@ -391,29 +395,29 @@ request.onsuccess = function(event) {
 
    ここでは objectStore を作成して、ssn の値 (444-44-4444) で特定される顧客レコードの取り出しを要求しています。リクエストの結果を変数 (data) に代入して、そのオブジェクトの age プロパティを更新します。そして、顧客レコードを objectStore に書き戻して前の値を上書きする、第 2 のリクエスト (requestUpdate) を作成します。
    
 
 
    
-
    注記: このケースではデータベースから読み出すだけでなく書き込みも行いたいので、readwrite トランザクションを指定しました。
    
+
    メモ: このケースではデータベースから読み出すだけでなく書き込みも行いたいので、readwrite トランザクションを指定しました。
    
 
    
 
-
    カーソルを使用する
    
+
    カーソルの使用
    
 
-
    get() を使用する際は、読み出したいキーがどれかを知っていることが必要です。オブジェクトストア内のすべての値を渡り歩きたい場合は、カーソルを使用できます。以下のようなものです:
    
+
    get() を使用する際は、読み出したいキーがどれかを知っていることが必要です。オブジェクトストア内のすべての値を渡り歩きたい場合は、カーソルを使用できます。以下のようなものです。
    
 
 
    var objectStore = db.transaction("customers").objectStore("customers");
 
 objectStore.openCursor().onsuccess = function(event) {
   var cursor = event.target.result;
   if (cursor) {
-    alert("Name for SSN " + cursor.key + " is " + cursor.value.name);
+    console.log("Name for SSN " + cursor.key + " is " + cursor.value.name);
     cursor.continue();
   }
   else {
-    alert("No more entries!");
+    console.log("No more entries!");
   }
 };
    
 
-
    openCursor() 関数は、引数がいくつかあります。第一に、すぐに取得するキーレンジオブジェクトを使用して、読み出すアイテムの範囲を制限できます。第二に、反復処理を行いたい方向を指定できます。上記の例では、すべてのオブジェクトを昇順方向に反復します。カーソルの成功イベントのコールバックは、やや特殊です。カーソルオブジェクト自体は、リクエストの result です (上記の例ではショートハンドを使用しており、event.target.result になります)。そして実際のキーと値は、カーソルオブジェクトの key プロパティと value プロパティで見つかります。進み続けたい場合は、カーソルで continue() を呼び出さなければなりません。データの終端に達した (または、openCursor() リクエストにマッチする項目が存在しない) 場合は成功のコールバックを受け取りますが、result プロパティが undefined になります。
    
+
    openCursor() 関数は、引数がいくつかあります。第一に、すぐに取得するキーレンジオブジェクトを使用して、読み出すアイテムの範囲を制限できます。第二に、反復処理を行いたい方向を指定できます。上記の例では、すべてのオブジェクトを昇順方向に反復します。カーソルの成功イベントのコールバックは、やや特殊です。カーソルオブジェクト自体は、リクエストの result です (上記の例では略記法を使用しており、event.target.result になります)。そして実際のキーと値は、カーソルオブジェクトの key プロパティと value プロパティで見つかります。進み続けたい場合は、カーソルで continue() を呼び出さなければなりません。データの終端に達した (または、openCursor() リクエストに一致する項目が存在しない) 場合は成功のコールバックを受け取りますが、result プロパティが undefined になります。
    
 
-
    カーソルをよく使用するパターンのひとつが、以下のようにオブジェクトストア内の全データを読み出して、配列に追加することです:
    
+
    カーソルをよく使用するパターンのひとつが、以下のようにオブジェクトストア内の全データを読み出して、配列に追加することです。
    
 
 
    var customers = [];
 
@@ -424,40 +428,45 @@ objectStore.openCursor().onsuccess = function(event) {
     cursor.continue();
   }
   else {
-    alert("Got all customers: " + customers);
+    console.log("Got all customers: " + customers);
   }
 };
    
 
 
    
-
    注記: Mozilla は、このような処理を行うために getAll() も実装しています (および getAllKeys() もあり、これは現在、about:config の設定項目 dom.indexedDB.experimental で隠しています)。これらは IndexedDB 標準の一部ではなく、将来削除する可能性があります。これらは便利であると考えられますので、実装しました。以下のコードは、前出の例とまったく同じことを行います:
    
+
    メモ: それ以外に、このような処理を行うために getAll()  (および getAllKeys())。を使用することができます。以下のコードは、前出の例とまったく同じことを行います。
    
 
 
    objectStore.getAll().onsuccess = function(event) {
-  alert("Got all customers: " + event.target.result);
+  console.log("Got all customers: " + event.target.result);
 };
    
 
 
    これはオブジェクトを横着な方法で作成するため、カーソルの value プロパティの検索に関してパフォーマンスコストが発生します。例えば getAll() を使用するとき、Gecko はすべてのオブジェクトを一度に作成しなければなりません。例えばそれぞれのキーを検索することにのみ関心がある場合は、getAll() よりもカーソルを使用する方がとても効率的です。オブジェクトストア内の全データの配列を得ようとしている場合は、getAll() を使用しましょう。
    
 
    
 
-
    インデックスを使用する
    
+
    インデックスの使用
    
 
 
    SSN は個人を一意に識別しますので、キーとして SSN を使用して顧客データを保管することは論理的です。(プライバシーの観点でよいアイデアであるかは別の問題であり、この記事の対象外です) 一方、名前で顧客を検索しなければならない場合は、正しいものが見つかるまでデータベース内のすべての SSN に対して反復処理を行わなければなりません。この方法による検索はとても遅いため、代わりにインデックスを使用するとよいでしょう。
    
 
-
    var index = objectStore.index("name");
+
    // 最初に、 request.onupgradeneeded の中にインデックスを生成したか確認してください。
+// objectStore.createIndex("name", "name");
+// まだであれば、 DOMException が発生します。
+
+var index = objectStore.index("name");
 
 index.get("Donna").onsuccess = function(event) {
-  alert("Donna's SSN is " + event.target.result.ssn);
-};
    
+  console.log("Donna's SSN is " + event.target.result.ssn);
+};
+
    
 
 
    "name" カーソルは一意ではないので、name に "Donna" が設定されている項目は複数存在する可能性があります。この場合は常に、キーの値がもっとも小さいものを取得します。
    
 
-
    指定した name に該当するすべての項目にアクセスしなければならない場合は、カーソルを使用します。インデックス上で、2 種類のカーソルを開くことができます。ノーマルカーソルは、インデックスのプロパティと、オブジェクトストア内のオブジェクトを紐づけます。キーカーソルは、インデックスのプロパティと、オブジェクトストア内にオブジェクトを保存するために使用するキーを紐づけます。これらの違いを以下に示します:
    
+
    指定した name に該当するすべての項目にアクセスしなければならない場合は、カーソルを使用します。インデックス上で、2 種類のカーソルを開くことができます。ノーマルカーソルは、インデックスのプロパティと、オブジェクトストア内のオブジェクトを紐づけます。キーカーソルは、インデックスのプロパティと、オブジェクトストア内にオブジェクトを保存するために使用するキーを紐づけます。これらの違いを以下に示します。
    
 
 
    // 顧客レコードのオブジェクト全体を得るために、ノーマルカーソルを使用します。
 index.openCursor().onsuccess = function(event) {
   var cursor = event.target.result;
   if (cursor) {
     // cursor.key は "Bill" のような名前、cursor.value はオブジェクト全体です。
-    alert("Name: " + cursor.key + ", SSN: " + cursor.value.ssn + ", email: " + cursor.value.email);
+    console.log("Name: " + cursor.key + ", SSN: " + cursor.value.ssn + ", email: " + cursor.value.email);
     cursor.continue();
   }
 };
@@ -468,40 +477,40 @@ index.openKeyCursor().onsuccess = function(event) {
   if (cursor) {
     // cursor.key は "Bill" のような名前、cursor.value は SSN です。
     // 保存されたオブジェクトの他の部分を直接取得する方法はありません。
-    alert("Name: " + cursor.key + ", SSN: " + cursor.value);
+    console.log("Name: " + cursor.key + ", SSN: " + cursor.value);
     cursor.continue();
   }
 };
    
 
-
    カーソルの範囲や方向を指定する
    
+
    カーソルの範囲や方向を指定する
    
 
-
    カーソルで参照する値の範囲を制限したい場合は、IDBKeyRange オブジェクトを使用して、openCursor() または openKeyCursor() の第 1 引数として渡します。ひとつのキーのみ許可するキーレンジ、下限または上限の片方を持つキーレンジ、あるいは下限と上限の両方を持つキーレンジを作成できます。境界は "closed" (すなわち、キーレンジは指定した値を含む) または "open" (すなわち、キーレンジは指定した値を含まない) のどちらにもできます。使い方を以下に示します:
    
+
    カーソルで参照する値の範囲を制限したい場合は、IDBKeyRange オブジェクトを使用して、openCursor() または openKeyCursor() の第 1 引数として渡します。ひとつのキーのみ許可するキーレンジ、下限または上限の片方を持つキーレンジ、あるいは下限と上限の両方を持つキーレンジを作成できます。境界は "closed" (すなわち、キーレンジは指定した値を含む) または "open" (すなわち、キーレンジは指定した値を含まない) のどちらにもできます。使い方を以下に示します。
    
 
-
    // "Donna" にのみマッチします。
+
    // "Donna" にのみ一致します。
 var singleKeyRange = IDBKeyRange.only("Donna");
 
-// "Bill" より先のすべてにマッチします。"Bill" を含みます。
+// "Bill" より先のすべてに一致します。"Bill" を含みます。
 var lowerBoundKeyRange = IDBKeyRange.lowerBound("Bill");
 
-// "Bill" より先のすべてにマッチします。ただし "Bill" は含みません。
+// "Bill" より先のすべてに一致します。ただし "Bill" は含みません。
 var lowerBoundOpenKeyRange = IDBKeyRange.lowerBound("Bill", true);
 
-// "Donna" までのすべてにマッチします。ただし "Donna" は含みません。
+// "Donna" までのすべてに一致します。ただし "Donna" は含みません。
 var upperBoundOpenKeyRange = IDBKeyRange.upperBound("Donna", true);
 
-// "Bill" から "Donna" までにマッチします。ただし "Donna" は含みません。
+// "Bill" から "Donna" までに一致します。ただし "Donna" は含みません。
 var boundKeyRange = IDBKeyRange.bound("Bill", "Donna", false, true);
 
 // いずれかのキーレンジを使用するには、openCursor()/openKeyCursor() の第 1 引数として渡します。
 index.openCursor(boundKeyRange).onsuccess = function(event) {
   var cursor = event.target.result;
   if (cursor) {
-    // マッチした場合の処理。
+    // 一致した場合の処理。
     cursor.continue();
   }
 };
    
 
-
    昇順 (すべてのカーソルのデフォルトの方向) ではなく、降順に反復処理を行いたい場合があるかもしれません。方向の切り替えは、openCursor() の第 2 引数に prev を渡すことで実現します:
    
+
    昇順 (すべてのカーソルのデフォルトの方向) ではなく、降順に反復処理を行いたい場合があるかもしれません。方向の切り替えは、openCursor() の第 2 引数に prev を渡すことで実現します。
    
 
 
    objectStore.openCursor(boundKeyRange, "prev").onsuccess = function(event) {
   var cursor = event.target.result;
@@ -511,7 +520,7 @@ index.openCursor(boundKeyRange).onsuccess = function(event) {
   }
 };
    
 
-
    方向を変えたいだけで表示する結果は制限しない場合は、第 1 引数に null を渡します:
    
+
    方向を変えたいだけで表示する結果は制限しない場合は、第 1 引数に null を渡します。
    
 
 
    objectStore.openCursor(null, "prev").onsuccess = function(event) {
   var cursor = event.target.result;
@@ -521,7 +530,7 @@ index.openCursor(boundKeyRange).onsuccess = function(event) {
   }
 };
    
 
-
    "name" インデックスは一意ではありませんので、name が同じ項目が複数存在する可能性があります。キーは常に一意でなければならないため、オブジェクトストアでこのような状況は発生できないことに注意してください。インデックスに対して反復処理を行う際に重複を取り除きたい場合は、方向のパラメータに nextunique (逆向きであれば prevunique) を指定します。nextunique または prevunique を使用すると、常にキーが最小の項目が返ります。
    
+
    "name" インデックスは一意ではありませんので、name が同じ項目が複数存在する可能性があります。キーは常に一意でなければならないため、オブジェクトストアでこのような状況は発生できないことに注意してください。インデックスに対して反復処理を行う際に重複を取り除きたい場合は、方向の引数に nextunique (逆向きであれば prevunique) を指定します。nextunique または prevunique を使用すると、常にキーが最小の項目が返ります。
    
 
 
    index.openKeyCursor(null, "nextunique").onsuccess = function(event) {
   var cursor = event.target.result;
@@ -531,18 +540,18 @@ index.openCursor(boundKeyRange).onsuccess = function(event) {
   }
 };
    
 
-
    有効な方向の引数については、"IDBCursor Constants" をご覧ください。
    
+
    有効な方向の引数については、"IDBCursor Constants" をご覧ください。
    
 
-
    ウェブアプリが別のタブで開かれているときにバージョンを変更する
    
+
    ウェブアプリが別のタブで開かれているときにバージョンを変更する
    
 
-
    データベースのバージョン変更が必要である場合に ウェブアプリでそのようなことを行うときは、ユーザーが古いバージョンの ウェブアプリをタブで開いている場合に別のタブで新しいバージョンのアプリを読み込んだときに発生することを考慮しなければなりません。データベースの実際のバージョンより大きなバージョンを指定して open() を呼び出すときは、データベースに変更を施す前に、他にデータベースを開いているものが明示的に要求を認めなければなりません (それらを閉じるか再読み込みするまで、onblocked イベントが発生します)。使い方を以下に示します:
    
+
    データベースのバージョン変更が必要である場合に ウェブアプリでそのようなことを行うときは、ユーザーが古いバージョンの ウェブアプリをタブで開いている場合に別のタブで新しいバージョンのアプリを読み込んだときに発生することを考慮しなければなりません。データベースの実際のバージョンより大きなバージョンを指定して open() を呼び出すときは、データベースに変更を施す前に、他にデータベースを開いているものが明示的に要求を認めなければなりません (それらを閉じるか再読み込みするまで、onblocked イベントが発生します)。使い方を以下に示します。
    
 
 
    var openReq = mozIndexedDB.open("MyTestDatabase", 2);
 
 openReq.onblocked = function(event) {
   // 他のタブがデータベースを読み込んでいる場合は、処理を進める前に
   // それらを閉じなければなりません。
-  alert("このサイトを開いている他のタブをすべて閉じてください!");
+  console.log("このサイトを開いている他のタブをすべて閉じてください!");
 };
 
 openReq.onupgradeneeded = function(event) {
@@ -558,12 +567,12 @@ openReq.onsuccess = function(event) {
 };
 
 function useDatabase(db) {
-  // 別のページがバージョン変更を求めた場合に、通知されるようにするためのハンドラを追加するようにしてください。
+  // 別のページがバージョン変更を求めた場合に、通知されるようにするためのハンドラーを追加するようにしてください。
   // データベースを閉じなければなりません。データベースを閉じると、別のページがデータベースをアップグレードできます。
   // これを行わなければ、ユーザーがタブを閉じるまでデータベースはアップグレードされません。
   db.onversionchange = function(event) {
     db.close();
-    alert("新しいバージョンのページが使用可能になりました。再読み込みしてください!");
+    console.log("新しいバージョンのページが使用可能になりました。再読み込みしてください!");
   };
 
   // データベースを使用する処理
@@ -572,39 +581,39 @@ function useDatabase(db) {
 
 
    すでに開かれているアプリが新たにデータベースを開こうとするコードを開始したが、古いバージョンのデータベースを使用している状況に対処するため、VersionError エラーもリッスンしましょう。
    
 
-
    セキュリティ
    
+
    セキュリティ
    
 
 
    IndexedDB は同一生成元の原則を使用します。すなわち、ストアとサイトの生成元 (通常、サイトのドメインまたはサブドメイン) を紐づけますので、他の生成元からアクセスすることはできません。
    
 
 
    サードパーティの window コンテンツ (例えば {{htmlelement("iframe")}} のコンテンツ) は、ブラウザーがサードパーティ Cookie を禁止していない限り、自身が埋め込まれている生成元の IndexedDB ストアにアクセスできます ({{bug("1147821")}} をご覧ください)。
    
 
-
    ブラウザーの終了に関する警告
    
+
    ブラウザーの終了に関する警告
    
 
-
    ブラウザーを終了するとき (例えばユーザーが "終了" や "閉じる" ボタンをクリックしたとき)、データベースを含むディスクは予期せず削除されたり、データベースストアへのパーミッションが失われたり、次のことが起きたりします:
    
+
    ブラウザーを終了するとき (例えばユーザーが「終了」や「閉じる」ボタンをクリックしたとき)、データベースを含むディスクは予期せず削除されたり、データベースストアへのパーミッションが失われたり、次のことが起きたりします。
    
 
 
      
  
    1. 影響するデータベース (あるいは、ブラウザーを終了する場合はすべての開いているデータベース) の各トランザクションは AbortError とともに中断されます。この効果は各トランザクションで {{domxref("IDBTransaction.abort()")}} が呼ばれたのと同等です。
      2. 
  
    2. すべてのトランザクションが完了していたら、データベース接続は閉じられます。
      3. 
- 
    3. 最後に、データベース接続を表す {{domxref("IDBDatabase")}} オブジェクトは {{event("close")}} イベントを受け取ります。{{domxref("IDBDatabase.onclose")}} イベントハンドラを使ってこのイベントをリッスンできます。その結果、データベースが予期せず閉じられたことがわかります。
      4. 
+ 
    4. 最後に、データベース接続を表す {{domxref("IDBDatabase")}} オブジェクトは {{event("close")}} イベントを受け取ります。{{domxref("IDBDatabase.onclose")}} イベントハンドラーを使ってこのイベントを待ち受けできます。その結果、データベースが予期せず閉じられたことがわかります。
      5. 
 
    
 
-
    上記の挙動は新しく、下記のブラウザーリリース以降で利用できます: Firefox 50, Google Chrome 31 (おおよそ)。
    
+
    上記の挙動は新しく、ブラウザーの Firefox 50、Google Chrome 31 以降 (おおよそ) のリリースで利用できます。
    
 
-
    このブラウザーバージョンの前は、トランザクションは静かに中断され、{{event("close")}} イベントは発火せず、予期せぬデータベースの停止を検出する方法はありませんでした。
    
+
    このバージョンのブラウザーの前は、トランザクションは暗黙裡に中断され、{{event("close")}} イベントが発行されず、予期せぬデータベースの停止を検出する方法はありませんでした。
    
 
 
    ユーザーはいつでもブラウザーを終了することができますので、特定のトランザクションが完了することをあてにしたり、完了しなかったことを知ったりすることはできません。この動作が暗示することがいくつかあります。
    
 
 
    第一に、データベースであらゆるトランザクションが終了したときに、常に一貫性がある状態を保つように注意するべきです。例えば、ユーザーが編集可能な項目のリストを保存する IndexedDB を使用していると想定します。オブジェクトストアを消去してから新たなリストを書き込むことにより、編集後のリストを保存します。あるトランザクションでオブジェクトストアを消去して、別のトランザクションで新たなリストを書き込むとすれば、消去した後かつ書き込む前にブラウザーが閉じられる危険性があり、その場合は空のデータベースが残ります。これを避けるために、消去と書き込みをひとつのトランザクションに結合しましょう。
    
 
-
    第二に、データベースのトランザクションと unload イベントを紐づけるべきではありません。ブラウザーを閉じることで unload イベントが発生した場合、unload イベントハンドラで作成したトランザクションは完了しません。ブラウザーのセッションにわたって情報を管理するための直感的な方法は、ブラウザー (または特定のページ) を開いたときに情報を読み込んで、ユーザーとブラウザーとの対話に応じて更新して、ブラウザー (またはページ) を閉じるときに保存する流れです。しかし、これは動作しないでしょう。データベースのトランザクションは unload イベントハンドラで作成されますが、これらは非同期処理ですので、実行できるようになる前に中止されるでしょう。
    
+
    第二に、データベースのトランザクションと unload イベントを紐づけるべきではありません。ブラウザーを閉じることで unload イベントが発生した場合、unload イベントハンドラーで作成したトランザクションは完了しません。ブラウザーのセッションにわたって情報を管理するための直感的な方法は、ブラウザー (または特定のページ) を開いたときに情報を読み込んで、ユーザーとブラウザーとの対話に応じて更新して、ブラウザー (またはページ) を閉じるときに保存する流れです。しかし、これは動作しないでしょう。データベースのトランザクションは unload イベントハンドラーで作成されますが、これらは非同期処理ですので、実行できるようになる前に中止されるでしょう。
    
 
 
    実は通常のブラウザー終了であっても、IndexedDB のトランザクションが完了するよう保証する手段はありません。{{bug(870645)}} をご覧ください。通常の終了通知の回避策として、トランザクションの状況を追跡して、アンロード時にトランザクションが完了していないことをユーザーに警告するための beforeunload イベントを追加するとよいでしょう。
    
 
-
    少なくともアボート通知と{{domxref("IDBDatabase.onclose")}}を追加することで、いつ起こったのかがわかります。
    
+
    少なくとも中止通知と{{domxref("IDBDatabase.onclose")}}を追加することで、いつ起こったのかがわかります。
    
 
-
    ロケールを意識した並べ替え
    
+
    ロケールを意識した並べ替え
    
 
-
    Mozilla は Firefox 43 以降に、IndexedDB のデータでロケールを意識した並べ替えを行う機能を実装しました。デフォルトでは、IndexedDB は文字列の並べ替えで国際化にまったく対処せず、すべてが英語のテキストであるかのように並べ替えられます。例えば b、á、z、a は以下のように並べ替えられます:
    
+
    Mozilla は Firefox 43 以降に、IndexedDB のデータでロケールを意識した並べ替えを行う機能を実装しました。デフォルトでは、IndexedDB は文字列の並べ替えで国際化にまったく対処せず、すべてが英語のテキストであるかのように並べ替えられます。例えば b、á、z、a は以下のように並べ替えられます。
    
 
 
      
  
    • a
      • 
@@ -613,19 +622,19 @@ function useDatabase(db) {
  
    • á
      • 
 
    
 
-
    これは明らかに、ユーザーが望むデータの並べ替えではありません。例えば Aaron と Áaron は、連絡先一覧で隣り合うべきです。従って適切な国際化並べ替えを実現するには、データセット全体をメモリに読み込んで、クライアントサイド JavaScript で並べ替えを実行しなければならず、非効率的です。
    
+
    これは明らかに、ユーザーが望むデータの並べ替えではありません。例えば Aaron と Áaron は、連絡先一覧で隣り合うべきです。従って適切な国際化並べ替えを実現するには、データセット全体をメモリーに読み込んで、クライアントサイド JavaScript で並べ替えを実行しなければならず、非効率的です。
    
 
 
    この新機能は、開発者が {{domxref("IDBObjectStore.createIndex()")}} を使用してインデックスを作成する際にロケールを指定できるようにします (引数を確認してください)。データセットに対して反復処理を行うためにカーソルを使用するときに、ロケールを意識した並べ替えを行いたい場合は、特化した {{domxref("IDBLocaleAwareKeyRange")}} を使用できます。
    
 
 
    また {{domxref("IDBIndex")}} には、ロケールが指定されているか、およびどのロケールが指定されているかを特定するために追加された新たなプロパティがあります。locale (指定されたロケール、または未指定であれば null を返します) と isAutoLocale (プラットフォームの既定のロケールを使用する自動ロケールでインデックスが作成されていれば true、そうでなければ false を返します) です。
    
 
 
    
-
    注記: 現在、この機能はフラグで隠されています。有効化して実験するには、about:config に移動して dom.indexedDB.experimental を有効化してください。
    
+
    メモ: 現在、この機能はフラグで隠されています。有効化して実験するには、about:config に移動して dom.indexedDB.experimental を有効化してください。
    
 
    
 
-
    包括的な IndexedDB のサンプル
    
+
    包括的な IndexedDB のサンプル
    
 
-
    HTML コンテンツ
    
+
    HTML コンテンツ
    
 
 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
@@ -760,7 +769,7 @@ function useDatabase(db) {
     </div>
 
    
 
-
    CSS コンテンツ
    
+
    CSS コンテンツ
    
 
 
    body {
   font-size: 0.8em;
@@ -849,7 +858,7 @@ input {
 }
 
    
 
-
    JavaScript コンテンツ
    
+
    JavaScript コンテンツ
    
 
 
    (function () {
   var COMPAT_ENVS = [
@@ -877,9 +886,7 @@ input {
     console.log("openDb ...");
     var req = indexedDB.open(DB_NAME, DB_VERSION);
     req.onsuccess = function (evt) {
-      // ガベージコレクションの問題を避けるため、結果を得る際は
-      // "req" より "this" を使用する方がよい
-      // db = req.result;
+      // db = req.result; と同等
       db = this.result;
       console.log("openDb DONE");
     };
@@ -907,7 +914,7 @@ input {
     return tx.objectStore(store_name);
   }
 
-  function clearObjectStore(store_name) {
+  function clearObjectStore() {
     var store = getObjectStore(DB_STORE_NAME, 'readwrite');
     var req = store.clear();
     req.onsuccess = function(evt) {
@@ -996,7 +1003,7 @@ input {
         // ストア内の次のオブジェクトに移動する
         cursor.continue();
 
-        // このカウンタは、個別の ID を作成するためだけに使用する
+        // このカウンターは、個別の ID を作成するためだけに使用する
         i++;
       } else {
         console.log("No more entries");
@@ -1069,7 +1076,7 @@ input {
    * @param {string} url ダウンロードしてローカルの IndexedDB データベースに保存する
    *   画像の URL。この URL の背後にあるリソースは、"同一生成元ポリシー" に従います。
    *   よって、この方法を動作させるために URL は、このコードを配置する
-   *   Web サイト/アプリと同一生成元であることが必要です。
+   *  ウェブサイト/アプリと同一生成元であることが必要です。
    */
   function addPublicationFromUrl(biblioid, title, year, url) {
     console.log("addPublicationFromUrl:", arguments);
@@ -1189,8 +1196,8 @@ input {
       // 警告: 削除するには、作成時に使用したものとまったく同じキーを使用しなければ
       // なりません。作成時のキーが数値であった場合は、削除時も数値でなければ
       // なりません。
-      req = store.delete(key);
-      req.onsuccess = function(evt) {
+      var deleteReq = store.delete(key);
+      deleteReq.onsuccess = function(evt) {
         console.log("evt:", evt);
         console.log("evt.target:", evt.target);
         console.log("evt.target.result:", evt.target.result);
@@ -1198,7 +1205,7 @@ input {
         displayActionSuccess("Deletion successful");
         displayPubList(store);
       };
-      req.onerror = function (evt) {
+      deleteReq.onerror = function (evt) {
         console.error("deletePublication:", evt.target.errorCode);
       };
     };
@@ -1298,37 +1305,38 @@ input {
   openDb();
   addEventListeners();
 
-})(); // Immediately-Invoked Function Expression (IIFE)
-
    
+})(); // Immediately-Invoked Function Expression (IIFE)
    
 
 
    {{LiveSampleLink('Full_IndexedDB_example', "オンラインのライブデモを試す")}}
    
 
-
    関連情報
    
+
    
+
    メモ: window.indexedDB.open() は非同期です。このメソッドは success イベントが発行されるよりもはるかに前に終了します。すなわち、ある関数 (例えば openDb()) が open() や onsuccess を呼び出すと、 onsuccess ハンドラーが実行されるよりも前に戻ります。この問題は、 transaction() や get() のような他のリクエストメソッドでも言えます。
    
+
    
+
+
    関連情報
    
 
 
    必要に応じて、より多くの情報を知るための記事集です。
    
 
-
    リファレンス
    
+
    リファレンス
    
 
 
 
-
    チュートリアルとガイド
    
+
    チュートリアルとガイド
    
 
 
 
-
    ライブラリ
    
+
    ライブラリー
    
 
 
      
- 
    • localForage: クライアントサイドのデータストレージ向けに、シンプルな name:value 形式の構文を提供する Polyfill です。バックグラウンドで IndexedDB を使用しますが、IndexedDB をサポートしないブラウザーでは WebSQL や localStorage にフォールバックします。
      • 
- 
    • dexie.js: 優良でシンプルな構文により高速なコード開発を可能にする、IndexedDB のラッパーです。
      • 
+ 
    • localForage: クライアント側のデータストレージ向けに、シンプルな name:value 形式の構文を提供するポリフィルです。バックグラウンドで IndexedDB を使用しますが、IndexedDB に対応していないブラウザーでは WebSQL や localStorage にフォールバックします。
      • 
+ 
    • dexie.js: 優良でシンプルな構文により高速なコード開発を可能にする、IndexedDB のラッパーです。
      • 
  
    • ZangoDB: IndexedDB の MongoDB ライクなインターフェイスで、MongoDB でおなじみのフィルタリング、射影、ソート、アップデート、集計をサポートしています。
      • 
- 
    • JsStore: シンプルで高度な IndexedDB ラッパーで SQL ライクな文法があります。
      • 
+ 
    • JsStore: シンプルで高度な IndexedDB ラッパーで SQL ライクな文法があります。
      • 
 
    
-- 
cgit v1.2.3-54-g00ecf


From cb546742b9682655a038334376aa3104164e6b1f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO 
Date: Wed, 18 Aug 2021 12:53:50 +0900
Subject: orphaned/Web/API/NavigatorConcurrentHardware 以下を廃止 (#2004)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* orphaned/Web/API/NavigatorConcurrentHardware 以下を廃止

- hardwareConcurrency は Web/API/Navigator へ移動
- 最新の英語版に同期

* リダイレクトを修正
---
 files/ja/_redirects.txt                            |  3 +-
 files/ja/_wikihistory.json                         | 12 ++--
 .../hardwareconcurrency/index.html                 | 70 ---------------------
 .../web/api/navigatorconcurrenthardware/index.html | 72 ----------------------
 .../api/navigator/hardwareconcurrency/index.html   | 58 +++++++++++++++++
 5 files changed, 65 insertions(+), 150 deletions(-)
 delete mode 100644 files/ja/orphaned/web/api/navigatorconcurrenthardware/hardwareconcurrency/index.html
 delete mode 100644 files/ja/orphaned/web/api/navigatorconcurrenthardware/index.html
 create mode 100644 files/ja/web/api/navigator/hardwareconcurrency/index.html

(limited to 'files/ja')

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index bb9297e118..75b7e82a2f 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -3174,8 +3174,7 @@
 /ja/docs/Web/API/Navigator.getUserMedia	/ja/docs/Web/API/Navigator/getUserMedia
 /ja/docs/Web/API/Navigator/registerContentHandler	/ja/docs/orphaned/Web/API/Navigator/registerContentHandler
 /ja/docs/Web/API/Navigator/userAgent	/ja/docs/orphaned/Web/API/NavigatorID/userAgent
-/ja/docs/Web/API/NavigatorConcurrentHardware	/ja/docs/orphaned/Web/API/NavigatorConcurrentHardware
-/ja/docs/Web/API/NavigatorConcurrentHardware/hardwareConcurrency	/ja/docs/orphaned/Web/API/NavigatorConcurrentHardware/hardwareConcurrency
+/ja/docs/Web/API/NavigatorConcurrentHardware/hardwareConcurrency	/ja/docs/Web/API/Navigator/hardwareConcurrency
 /ja/docs/Web/API/NavigatorID	/ja/docs/orphaned/Web/API/NavigatorID
 /ja/docs/Web/API/NavigatorID/appCodeName	/ja/docs/orphaned/Web/API/NavigatorID/appCodeName
 /ja/docs/Web/API/NavigatorID/appName	/ja/docs/orphaned/Web/API/NavigatorID/appName
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 56ee6cd55d..9d5b6d6a17 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -18936,6 +18936,12 @@
       "rootx"
     ]
   },
+  "Web/API/Navigator/hardwareConcurrency": {
+    "modified": "2020-10-15T22:16:03.921Z",
+    "contributors": [
+      "shisama"
+    ]
+  },
   "Web/API/Navigator/keyboard": {
     "modified": "2020-10-15T22:09:25.704Z",
     "contributors": [
@@ -49216,12 +49222,6 @@
       "fscholz"
     ]
   },
-  "orphaned/Web/API/NavigatorConcurrentHardware/hardwareConcurrency": {
-    "modified": "2020-10-15T22:16:03.921Z",
-    "contributors": [
-      "shisama"
-    ]
-  },
   "orphaned/Web/API/NavigatorID": {
     "modified": "2019-03-23T23:01:19.867Z",
     "contributors": [
diff --git a/files/ja/orphaned/web/api/navigatorconcurrenthardware/hardwareconcurrency/index.html b/files/ja/orphaned/web/api/navigatorconcurrenthardware/hardwareconcurrency/index.html
deleted file mode 100644
index e325f3ee41..0000000000
--- a/files/ja/orphaned/web/api/navigatorconcurrenthardware/hardwareconcurrency/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: navigator.hardwareConcurrency
-slug: orphaned/Web/API/NavigatorConcurrentHardware/hardwareConcurrency
-translation_of: Web/API/NavigatorConcurrentHardware/hardwareConcurrency
-original_slug: Web/API/NavigatorConcurrentHardware/hardwareConcurrency
----
-
    {{APIRef("HTML DOM")}}
    
-
-
    {{AvailableInWorkers}}
    
-
-
    navigator.hardwareConcurrency はユーザーのコンピューター上でスレッドを実行するために使用可能な論理プロセッサ数を返す読み取り専用のプロパティです。
    
-
-
    構文
    
-
-
    logicalProcessors = window.navigator.hardwareConcurrency
-
    
-
-
    値
    
-
-
    論理プロセッサのコア数を示す{{jsxref("Number")}}です。
    
-
-
    現代のコンピューターはCPUに複数の物理プロセッサのコアを持っています（通常は2コアか4コア）。しかし、通常それぞれの物理コアは高度なスケジューリング技術を用いて一度に複数スレッドを実行することができます。 したがって、例えば4コアのCPUは8個の論理プロセッサコアを提供することができます。論理プロセッサのコア数は、コンテキストスイッチを必要とせずに一度に効果的に実行できるスレッドの数を測定するために使用できます。
    
-
-
    しかしながら、ブラウザはより少ない論理コア数を報告することを選択することで、一度に実行できる{{domxref("Worker")}}の数をより正確に表すことがあります。したがって、この数値をユーザーのシステムのコア数の絶対的な測定値として扱わないようにしてください。
    
-
-
    例
    
-
-
    この例では、ブラウザが報告した論理プロセッサごとに{{domxref("Worker")}}が1つ作られ、新しいWorkerへの参照と、そのWorkerをまだ使用しているかどうかを示すBooleanの値を含むレコードを作っています。これらのオブジェクトは後で使用するために配列に順々に格納されています。後でリクエストを処理するために使うWorkerのプールを作っています。
    
-
-
    let workerList = [];
-
-for (let i = 0; i < window.navigator.hardwareConcurrency; i++) {
-  let newWorker = {
-    worker: new Worker('cpuworker.js'),
-    inUse: false
-  };
-  workerList.push(newWorker);
-}
    
-
-
    仕様
    
-
-
    
  
   
    
    キーパス (keyPath)キージェネレータ (autoIncrement)キージェネレーター (autoIncrement)
    説明
   
    
      
 
 
    
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
    SpecificationStatusComment
    {{SpecName('HTML WHATWG', '#dom-navigator-hardwareconcurrency', 'navigator.hardwareConcurrency')}}{{Spec2('HTML WHATWG')}}Initial definition.
    
-
-
    ブラウザでの実装状況
    
-
-
    
-
-
-
    {{Compat("api.NavigatorConcurrentHardware.hardwareConcurrency")}}
    
-
    
-
-
    関連情報
    
-
-
      
- 
    • {{domxref("Navigator")}}
      • 
- 
    • {{domxref("WorkerNavigator")}}
      • 
-
    
diff --git a/files/ja/orphaned/web/api/navigatorconcurrenthardware/index.html b/files/ja/orphaned/web/api/navigatorconcurrenthardware/index.html
deleted file mode 100644
index 43e5ae1965..0000000000
--- a/files/ja/orphaned/web/api/navigatorconcurrenthardware/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: NavigatorConcurrentHardware
-slug: orphaned/Web/API/NavigatorConcurrentHardware
-tags:
-  - API
-  - Concurrency
-  - HTML DOM
-  - Interface
-  - Navigator
-  - NavigatorCPU
-  - NavigatorConcurrentHardware
-  - NeedsBrowserCompatibility
-  - NeedsTranslation
-  - Reference
-  - Threading
-  - Threads
-  - TopicStub
-  - WorkerNavigator
-  - Workers
-translation_of: Web/API/NavigatorConcurrentHardware
-original_slug: Web/API/NavigatorConcurrentHardware
----
-
    {{APIRef("HTML DOM")}}
    
-
-
    The NavigatorConcurrentHardware {{Glossary("mixin")}} adds to the {{domxref("Navigator")}} interface features which allow Web content to determine how many logical processors the user has available, in order to let content and Web apps optimize their operations to best take advantage of the user's CPU.
    
-
-
    {{AvailableInWorkers}}
    
-
-
    The number of logical processor cores is a way to measure the number of threads which can effectively be run at once without them having to share CPUs. Modern computers have multiple physical cores in their CPU (two or four cores is typical), but each physical core is also usually able to run more than one thread at a time using advanced scheduling techniques. So a four-core CPU may return 8. The browser may, however, choose to reduce the number in order to represent more accurately the number of {{domxref("Worker")}}s that can run at once
    
-
-
    Properties
    
-
-
    
- 
    {{domxref("NavigatorConcurrentHardware.hardwareConcurrency")}} {{readonlyinline}}
    
- 
    Returns the number of logical processors which may be available to the user agent. This value is always at least 1, and will be 1 if the actual number of logical processors can't be determined.
    
-
    
-
-
    Methods
    
-
-
    The NavigatorConcurrentHardware mixin has no methods.
    
-
-
    Specifications
    
-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
-
    SpecificationStatusComment
    {{SpecName('HTML WHATWG', '#navigatorconcurrenthardware', 'NavigatorConcurrentHardware')}}{{Spec2('HTML WHATWG')}}Initial definition.
    
-
-
    Browser compatibility
    
-
-
-
-
    {{Compat("api.NavigatorConcurrentHardware")}}
    
-
-
    See also
    
-
-
      
- 
    • {{domxref("Navigator")}}
      • 
- 
    • {{domxref("WorkerNavigator")}}
      • 
-
    
diff --git a/files/ja/web/api/navigator/hardwareconcurrency/index.html b/files/ja/web/api/navigator/hardwareconcurrency/index.html
new file mode 100644
index 0000000000..cd8a14f7ab
--- /dev/null
+++ b/files/ja/web/api/navigator/hardwareconcurrency/index.html
@@ -0,0 +1,58 @@
+---
+title: Navigator.hardwareConcurrency
+slug: Web/API/Navigator/hardwareConcurrency
+tags:
+  - API
+  - HTML DOM
+  - Navigator
+  - Property
+  - hardwareConcurrency
+browser-compat: api.Navigator.hardwareConcurrency
+translation_of: Web/API/Navigator/hardwareConcurrency
+original_slug: Web/API/NavigatorConcurrentHardware/hardwareConcurrency
+---
+
    {{APIRef("HTML DOM")}}
    
+
+
    navigator.hardwareConcurrency は読み取り専用のプロパティで、ユーザーのコンピューター上でスレッドを実行するために使用可能な論理プロセッサー数を返します。
    
+
+
    構文
    
+
+
    logicalProcessors = window.navigator.hardwareConcurrency
+
    
+
+
    値
    
+
+
    論理プロセッサーのコア数を示す数値です。
    
+
+
    現代のコンピューターは CPU に複数の物理プロセッサーのコアがあります (通常は 2 コアか 4 コア)。しかし、通常それぞれの物理コアは高度なスケジューリング技術を用いて、一度に複数スレッドを実行することができます。 したがって、例えば 4 コアの CPU は 8 個の論理プロセッサーコアを提供することができます。論理プロセッサーのコア数は、コンテキスト切り替えを必要とせずに一度に効果的に実行できるスレッドの数を測定するために利用できます。
    
+
+
    しかしながら、ブラウザーはより少ない論理コア数を報告することを選択することで、一度に実行できる {{domxref("Worker")}} の数をより正確に表すことがあります。したがって、この数値をユーザーのシステムのコア数の絶対的な測定値として扱わないようにしてください。
    
+
+
    例
    
+
+
    この例では、ブラウザーが報告した論理プロセッサーごとに {{domxref("Worker")}} が 1 つ作られ、新しいワーカーへの参照と、そのワーカーをまだ使用しているかどうかを示す論理値の値を含むレコードを作っています。これらのオブジェクトは後で使用するために配列に順々に格納されています。後でリクエストを処理するために使うワーカーのプールを作っています。
    
+
+
    let workerList = [];
+
+for (let i = 0; i < window.navigator.hardwareConcurrency; i++) {
+  let newWorker = {
+    worker: new Worker('cpuworker.js'),
+    inUse: false
+  };
+  workerList.push(newWorker);
+}
    
+
+
    仕様書
    
+
+{{Specifications}}
+
+
    ブラウザーの互換性
    
+
+
    {{Compat}}
    
+
+
    関連情報
    
+
+
      
+  
    • {{domxref("Navigator")}}
      • 
+  
    • {{domxref("WorkerNavigator")}}
      • 
+
    
-- 
cgit v1.2.3-54-g00ecf


From 4eaca34cf2eea3b021dfe6aa7e0ccada55c7f436 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO 
Date: Wed, 18 Aug 2021 13:29:08 +0900
Subject: orphaned/Web/API/NavigatorID を廃止 (#2013)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* orphaned/Web/API/NavigatorID を廃止

- orphaned/Web/API/NavigatorID を削除
- orphaned/Web/API/NavigatorID のメンバーを Web/API/Navigator へ移行
- 各メンバーの文書を 2021/08/10 時点の英語版に同期

* Update _redirects.txt

* Update _redirects.txt
---
 files/ja/_redirects.txt                            |  52 +++++----
 files/ja/_wikihistory.json                         | 122 ++++++++++-----------
 .../web/api/navigatorid/appcodename/index.html     |  27 -----
 .../web/api/navigatorid/appname/index.html         |  27 -----
 .../web/api/navigatorid/appversion/index.html      |  65 -----------
 files/ja/orphaned/web/api/navigatorid/index.html   |  75 -------------
 .../web/api/navigatorid/platform/index.html        |  66 -----------
 .../web/api/navigatorid/product/index.html         |  39 -------
 .../web/api/navigatorid/useragent/index.html       |  85 --------------
 files/ja/web/api/navigator/appcodename/index.html  |  44 ++++++++
 files/ja/web/api/navigator/appname/index.html      |  46 ++++++++
 files/ja/web/api/navigator/appversion/index.html   |  50 +++++++++
 files/ja/web/api/navigator/platform/index.html     |  45 ++++++++
 files/ja/web/api/navigator/product/index.html      |  45 ++++++++
 files/ja/web/api/navigator/useragent/index.html    |  67 +++++++++++
 15 files changed, 380 insertions(+), 475 deletions(-)
 delete mode 100644 files/ja/orphaned/web/api/navigatorid/appcodename/index.html
 delete mode 100644 files/ja/orphaned/web/api/navigatorid/appname/index.html
 delete mode 100644 files/ja/orphaned/web/api/navigatorid/appversion/index.html
 delete mode 100644 files/ja/orphaned/web/api/navigatorid/index.html
 delete mode 100644 files/ja/orphaned/web/api/navigatorid/platform/index.html
 delete mode 100644 files/ja/orphaned/web/api/navigatorid/product/index.html
 delete mode 100644 files/ja/orphaned/web/api/navigatorid/useragent/index.html
 create mode 100644 files/ja/web/api/navigator/appcodename/index.html
 create mode 100644 files/ja/web/api/navigator/appname/index.html
 create mode 100644 files/ja/web/api/navigator/appversion/index.html
 create mode 100644 files/ja/web/api/navigator/platform/index.html
 create mode 100644 files/ja/web/api/navigator/product/index.html
 create mode 100644 files/ja/web/api/navigator/useragent/index.html

(limited to 'files/ja')

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 75b7e82a2f..5cc26fadfe 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -1499,10 +1499,10 @@
 /ja/docs/DOM/window.mozInnerScreenY	/ja/docs/Web/API/Window/mozInnerScreenY
 /ja/docs/DOM/window.name	/ja/docs/Web/API/Window/name
 /ja/docs/DOM/window.navigator	/ja/docs/Web/API/Window/navigator
-/ja/docs/DOM/window.navigator.appCodeName	/ja/docs/orphaned/Web/API/NavigatorID/appCodeName
-/ja/docs/DOM/window.navigator.appCodeName-redirect-1	/ja/docs/orphaned/Web/API/NavigatorID/appCodeName
-/ja/docs/DOM/window.navigator.appName	/ja/docs/orphaned/Web/API/NavigatorID/appName
-/ja/docs/DOM/window.navigator.appVersion	/ja/docs/orphaned/Web/API/NavigatorID/appVersion
+/ja/docs/DOM/window.navigator.appCodeName	/ja/docs/Web/API/Navigator/appCodeName
+/ja/docs/DOM/window.navigator.appCodeName-redirect-1	/ja/docs/Web/API/Navigator/appCodeName
+/ja/docs/DOM/window.navigator.appName	/ja/docs/Web/API/Navigator/appName
+/ja/docs/DOM/window.navigator.appVersion	/ja/docs/Web/API/Navigator/appVersion
 /ja/docs/DOM/window.navigator.battery	/ja/docs/Web/API/Navigator/battery
 /ja/docs/DOM/window.navigator.buildID	/ja/docs/Web/API/Navigator/buildID
 /ja/docs/DOM/window.navigator.cookieEnabled	/ja/docs/Web/API/Navigator/cookieEnabled
@@ -1511,12 +1511,12 @@
 /ja/docs/DOM/window.navigator.mozIsLocallyAvailable	/ja/docs/Web/API/Navigator/mozIsLocallyAvailable
 /ja/docs/DOM/window.navigator.onLine	/ja/docs/Web/API/Navigator/onLine
 /ja/docs/DOM/window.navigator.oscpu	/ja/docs/Web/API/Navigator/oscpu
-/ja/docs/DOM/window.navigator.platform	/ja/docs/orphaned/Web/API/NavigatorID/platform
-/ja/docs/DOM/window.navigator.product	/ja/docs/orphaned/Web/API/NavigatorID/product
+/ja/docs/DOM/window.navigator.platform	/ja/docs/Web/API/Navigator/platform
+/ja/docs/DOM/window.navigator.product	/ja/docs/Web/API/Navigator/product
 /ja/docs/DOM/window.navigator.productSub	/ja/docs/Web/API/Navigator/productSub
 /ja/docs/DOM/window.navigator.registerContentHandler	/ja/docs/orphaned/Web/API/Navigator/registerContentHandler
 /ja/docs/DOM/window.navigator.registerProtocolHandler	/ja/docs/Web/API/Navigator/registerProtocolHandler
-/ja/docs/DOM/window.navigator.userAgent	/ja/docs/orphaned/Web/API/NavigatorID/userAgent
+/ja/docs/DOM/window.navigator.userAgent	/ja/docs/Web/API/Navigator/userAgent
 /ja/docs/DOM/window.navigator.vendor	/ja/docs/Web/API/Navigator/vendor
 /ja/docs/DOM/window.navigator.vendor-redirect-1	/ja/docs/Web/API/Navigator/vendor
 /ja/docs/DOM/window.navigator.vendorSub	/ja/docs/Web/API/Navigator/vendorSub
@@ -1723,9 +1723,9 @@
 /ja/docs/DOM:window.moveTo	/ja/docs/Web/API/Window/moveTo
 /ja/docs/DOM:window.name	/ja/docs/Web/API/Window/name
 /ja/docs/DOM:window.navigator	/ja/docs/Web/API/Window/navigator
-/ja/docs/DOM:window.navigator.appCodeName	/ja/docs/orphaned/Web/API/NavigatorID/appCodeName
-/ja/docs/DOM:window.navigator.appName	/ja/docs/orphaned/Web/API/NavigatorID/appName
-/ja/docs/DOM:window.navigator.appVersion	/ja/docs/orphaned/Web/API/NavigatorID/appVersion
+/ja/docs/DOM:window.navigator.appCodeName	/ja/docs/Web/API/Navigator/appCodeName
+/ja/docs/DOM:window.navigator.appName	/ja/docs/Web/API/Navigator/appName
+/ja/docs/DOM:window.navigator.appVersion	/ja/docs/Web/API/Navigator/appVersion
 /ja/docs/DOM:window.navigator.buildID	/ja/docs/Web/API/Navigator/buildID
 /ja/docs/DOM:window.navigator.cookieEnabled	/ja/docs/Web/API/Navigator/cookieEnabled
 /ja/docs/DOM:window.navigator.isLocallyAvailable	/ja/docs/Web/API/Navigator/mozIsLocallyAvailable
@@ -1733,12 +1733,12 @@
 /ja/docs/DOM:window.navigator.mozIsLocallyAvailable	/ja/docs/Web/API/Navigator/mozIsLocallyAvailable
 /ja/docs/DOM:window.navigator.onLine	/ja/docs/Web/API/Navigator/onLine
 /ja/docs/DOM:window.navigator.oscpu	/ja/docs/Web/API/Navigator/oscpu
-/ja/docs/DOM:window.navigator.platform	/ja/docs/orphaned/Web/API/NavigatorID/platform
-/ja/docs/DOM:window.navigator.product	/ja/docs/orphaned/Web/API/NavigatorID/product
+/ja/docs/DOM:window.navigator.platform	/ja/docs/Web/API/Navigator/platform
+/ja/docs/DOM:window.navigator.product	/ja/docs/Web/API/Navigator/product
 /ja/docs/DOM:window.navigator.productSub	/ja/docs/Web/API/Navigator/productSub
 /ja/docs/DOM:window.navigator.registerContentHandler	/ja/docs/orphaned/Web/API/Navigator/registerContentHandler
 /ja/docs/DOM:window.navigator.registerProtocolHandler	/ja/docs/Web/API/Navigator/registerProtocolHandler
-/ja/docs/DOM:window.navigator.userAgent	/ja/docs/orphaned/Web/API/NavigatorID/userAgent
+/ja/docs/DOM:window.navigator.userAgent	/ja/docs/Web/API/Navigator/userAgent
 /ja/docs/DOM:window.navigator.vendor	/ja/docs/Web/API/Navigator/vendor
 /ja/docs/DOM:window.navigator.vendorSub	/ja/docs/Web/API/Navigator/vendorSub
 /ja/docs/DOM:window.onabort	/ja/docs/Web/API/GlobalEventHandlers/onabort
@@ -3173,15 +3173,13 @@
 /ja/docs/Web/API/MediaRecorder_API	/ja/docs/Web/API/MediaStream_Recording_API
 /ja/docs/Web/API/Navigator.getUserMedia	/ja/docs/Web/API/Navigator/getUserMedia
 /ja/docs/Web/API/Navigator/registerContentHandler	/ja/docs/orphaned/Web/API/Navigator/registerContentHandler
-/ja/docs/Web/API/Navigator/userAgent	/ja/docs/orphaned/Web/API/NavigatorID/userAgent
-/ja/docs/Web/API/NavigatorConcurrentHardware/hardwareConcurrency	/ja/docs/Web/API/Navigator/hardwareConcurrency
-/ja/docs/Web/API/NavigatorID	/ja/docs/orphaned/Web/API/NavigatorID
-/ja/docs/Web/API/NavigatorID/appCodeName	/ja/docs/orphaned/Web/API/NavigatorID/appCodeName
-/ja/docs/Web/API/NavigatorID/appName	/ja/docs/orphaned/Web/API/NavigatorID/appName
-/ja/docs/Web/API/NavigatorID/appVersion	/ja/docs/orphaned/Web/API/NavigatorID/appVersion
-/ja/docs/Web/API/NavigatorID/platform	/ja/docs/orphaned/Web/API/NavigatorID/platform
-/ja/docs/Web/API/NavigatorID/product	/ja/docs/orphaned/Web/API/NavigatorID/product
-/ja/docs/Web/API/NavigatorID/userAgent	/ja/docs/orphaned/Web/API/NavigatorID/userAgent
+/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
+/ja/docs/Web/API/NavigatorID/appVersion	/ja/docs/Web/API/Navigator/appVersion
+/ja/docs/Web/API/NavigatorID/platform	/ja/docs/Web/API/Navigator/platform
+/ja/docs/Web/API/NavigatorID/product	/ja/docs/Web/API/Navigator/product
+/ja/docs/Web/API/NavigatorID/userAgent	/ja/docs/Web/API/Navigator/userAgent
 /ja/docs/Web/API/NavigatorLanguage	/ja/docs/orphaned/Web/API/NavigatorLanguage
 /ja/docs/Web/API/NavigatorLanguage.languages	/ja/docs/orphaned/Web/API/NavigatorLanguage/languages
 /ja/docs/Web/API/NavigatorLanguage/language	/ja/docs/orphaned/Web/API/NavigatorLanguage/language
@@ -3495,17 +3493,17 @@
 /ja/docs/Web/API/window.mozRequestAnimationFrame	/ja/docs/Web/API/Window/requestAnimationFrame
 /ja/docs/Web/API/window.name	/ja/docs/Web/API/Window/name
 /ja/docs/Web/API/window.navigator	/ja/docs/Web/API/Window/navigator
-/ja/docs/Web/API/window.navigator.appCodeName	/ja/docs/orphaned/Web/API/NavigatorID/appCodeName
-/ja/docs/Web/API/window.navigator.appName	/ja/docs/orphaned/Web/API/NavigatorID/appName
+/ja/docs/Web/API/window.navigator.appCodeName	/ja/docs/Web/API/Navigator/appCodeName
+/ja/docs/Web/API/window.navigator.appName	/ja/docs/Web/API/Navigator/appName
 /ja/docs/Web/API/window.navigator.battery	/ja/docs/Web/API/Navigator/battery
 /ja/docs/Web/API/window.navigator.language	/ja/docs/orphaned/Web/API/NavigatorLanguage/language
 /ja/docs/Web/API/window.navigator.onLine	/ja/docs/Web/API/Navigator/onLine
 /ja/docs/Web/API/window.navigator.oscpu	/ja/docs/Web/API/Navigator/oscpu
-/ja/docs/Web/API/window.navigator.platform	/ja/docs/orphaned/Web/API/NavigatorID/platform
-/ja/docs/Web/API/window.navigator.product	/ja/docs/orphaned/Web/API/NavigatorID/product
+/ja/docs/Web/API/window.navigator.platform	/ja/docs/Web/API/Navigator/platform
+/ja/docs/Web/API/window.navigator.product	/ja/docs/Web/API/Navigator/product
 /ja/docs/Web/API/window.navigator.productSub	/ja/docs/Web/API/Navigator/productSub
 /ja/docs/Web/API/window.navigator.registerContentHandler	/ja/docs/orphaned/Web/API/Navigator/registerContentHandler
-/ja/docs/Web/API/window.navigator.userAgent	/ja/docs/orphaned/Web/API/NavigatorID/userAgent
+/ja/docs/Web/API/window.navigator.userAgent	/ja/docs/Web/API/Navigator/userAgent
 /ja/docs/Web/API/window.navigator.vendor	/ja/docs/Web/API/Navigator/vendor
 /ja/docs/Web/API/window.navigator.vendorSub	/ja/docs/Web/API/Navigator/vendorSub
 /ja/docs/Web/API/window.onabort	/ja/docs/Web/API/GlobalEventHandlers/onabort
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 9d5b6d6a17..cd93848451 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -18831,6 +18831,33 @@
       "rootx"
     ]
   },
+  "Web/API/Navigator/appCodeName": {
+    "modified": "2019-03-23T23:49:17.312Z",
+    "contributors": [
+      "fscholz",
+      "jsx",
+      "ethertank",
+      "Potappo"
+    ]
+  },
+  "Web/API/Navigator/appName": {
+    "modified": "2019-03-23T23:49:11.201Z",
+    "contributors": [
+      "fscholz",
+      "khalid32",
+      "ethertank",
+      "Potappo"
+    ]
+  },
+  "Web/API/Navigator/appVersion": {
+    "modified": "2019-03-23T23:49:20.671Z",
+    "contributors": [
+      "fscholz",
+      "khalid32",
+      "ethertank",
+      "Potappo"
+    ]
+  },
   "Web/API/Navigator/battery": {
     "modified": "2020-10-15T21:22:04.664Z",
     "contributors": [
@@ -19016,12 +19043,31 @@
       "Wind1808"
     ]
   },
+  "Web/API/Navigator/platform": {
+    "modified": "2020-10-15T21:16:44.396Z",
+    "contributors": [
+      "yyss",
+      "fscholz",
+      "arunpandianp",
+      "ethertank",
+      "Potappo"
+    ]
+  },
   "Web/API/Navigator/presentation": {
     "modified": "2020-11-03T12:01:37.262Z",
     "contributors": [
       "mfuji09"
     ]
   },
+  "Web/API/Navigator/product": {
+    "modified": "2019-03-23T23:49:28.986Z",
+    "contributors": [
+      "fscholz",
+      "khalid32",
+      "ethertank",
+      "Potappo"
+    ]
+  },
   "Web/API/Navigator/productSub": {
     "modified": "2020-10-15T21:16:44.835Z",
     "contributors": [
@@ -19080,6 +19126,18 @@
       "yuta0801"
     ]
   },
+  "Web/API/Navigator/userAgent": {
+    "modified": "2020-10-15T21:16:43.171Z",
+    "contributors": [
+      "mfuji09",
+      "pcw",
+      "kenmori",
+      "fscholz",
+      "khalid32",
+      "ethertank",
+      "Potappo"
+    ]
+  },
   "Web/API/Navigator/vendor": {
     "modified": "2020-10-15T21:16:44.842Z",
     "contributors": [
@@ -49222,70 +49280,6 @@
       "fscholz"
     ]
   },
-  "orphaned/Web/API/NavigatorID": {
-    "modified": "2019-03-23T23:01:19.867Z",
-    "contributors": [
-      "fscholz"
-    ]
-  },
-  "orphaned/Web/API/NavigatorID/appCodeName": {
-    "modified": "2019-03-23T23:49:17.312Z",
-    "contributors": [
-      "fscholz",
-      "jsx",
-      "ethertank",
-      "Potappo"
-    ]
-  },
-  "orphaned/Web/API/NavigatorID/appName": {
-    "modified": "2019-03-23T23:49:11.201Z",
-    "contributors": [
-      "fscholz",
-      "khalid32",
-      "ethertank",
-      "Potappo"
-    ]
-  },
-  "orphaned/Web/API/NavigatorID/appVersion": {
-    "modified": "2019-03-23T23:49:20.671Z",
-    "contributors": [
-      "fscholz",
-      "khalid32",
-      "ethertank",
-      "Potappo"
-    ]
-  },
-  "orphaned/Web/API/NavigatorID/platform": {
-    "modified": "2020-10-15T21:16:44.396Z",
-    "contributors": [
-      "yyss",
-      "fscholz",
-      "arunpandianp",
-      "ethertank",
-      "Potappo"
-    ]
-  },
-  "orphaned/Web/API/NavigatorID/product": {
-    "modified": "2019-03-23T23:49:28.986Z",
-    "contributors": [
-      "fscholz",
-      "khalid32",
-      "ethertank",
-      "Potappo"
-    ]
-  },
-  "orphaned/Web/API/NavigatorID/userAgent": {
-    "modified": "2020-10-15T21:16:43.171Z",
-    "contributors": [
-      "mfuji09",
-      "pcw",
-      "kenmori",
-      "fscholz",
-      "khalid32",
-      "ethertank",
-      "Potappo"
-    ]
-  },
   "orphaned/Web/API/NavigatorLanguage": {
     "modified": "2020-10-15T21:33:12.034Z",
     "contributors": [
diff --git a/files/ja/orphaned/web/api/navigatorid/appcodename/index.html b/files/ja/orphaned/web/api/navigatorid/appcodename/index.html
deleted file mode 100644
index 36f09b360f..0000000000
--- a/files/ja/orphaned/web/api/navigatorid/appcodename/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: window.navigator.appCodeName
-slug: orphaned/Web/API/NavigatorID/appCodeName
-tags:
-  - DOM
-  - DOM_0
-  - Gecko
-  - Gecko DOM Reference
-translation_of: Web/API/NavigatorID/appCodeName
-original_slug: Web/API/NavigatorID/appCodeName
----
-
    
- {{ApiRef}}
    
-
    概要
    
-
    現在のブラウザの内部 "コード" ネームを返します。
    
-
    構文
    
-
    codeName = window.navigator.appCodeName
    
-
      
- 
    • codeName : ブラウザの内部名を表す文字列
      • 
-
    
-
    例
    
-
    console.log(window.navigator.appCodeName);
-
    
-
    注記
    
-
    Mozilla、Netscape 6、IE5 は全て、内部名に "Mozilla" を用いています。
    
-
    仕様
    
-
    {{DOM0()}}
    
diff --git a/files/ja/orphaned/web/api/navigatorid/appname/index.html b/files/ja/orphaned/web/api/navigatorid/appname/index.html
deleted file mode 100644
index 450525027b..0000000000
--- a/files/ja/orphaned/web/api/navigatorid/appname/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: window.navigator.appName
-slug: orphaned/Web/API/NavigatorID/appName
-tags:
-  - DOM
-  - DOM_0
-  - Gecko
-  - Gecko DOM Reference
-  - 要更新
-translation_of: Web/API/NavigatorID/appName
-original_slug: Web/API/NavigatorID/appName
----
-
    
- {{ApiRef}}
    
-
    概要
    
-
    ブラウザの公式な名前を返します。
    
-
    構文
    
-
    appName = window.navigator.appName
    
-
      
- 
    • appName は、ブラウザの名前を表す文字列です。
      • 
-
    
-
    例
    
-
    dump(window.navigator.appName);
-// NS6 のコンソールに "Navigator" を出力します。
-
    
-
    仕様
    
-
    {{DOM0}}
    
diff --git a/files/ja/orphaned/web/api/navigatorid/appversion/index.html b/files/ja/orphaned/web/api/navigatorid/appversion/index.html
deleted file mode 100644
index 48436c71ca..0000000000
--- a/files/ja/orphaned/web/api/navigatorid/appversion/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: NavigatorID.appVersion
-slug: orphaned/Web/API/NavigatorID/appVersion
-tags:
-  - API
-  - Deprecated
-  - NavigatorID
-  - Property
-  - Reference
-  - appVersion
-translation_of: Web/API/NavigatorID/appVersion
-original_slug: Web/API/NavigatorID/appVersion
----
-
    {{APIRef("HTML DOM")}} {{Deprecated_Header}}
    
-
-
    "4.0" またはそのブラウザーのバージョン情報を表す文字列のどちらかを返します。
    
-
-
    
-  
    注
    
-  
    このプロパティがブラウザーの正しいバージョンを返すことを期待しないでください。
    
-
    
-
-
    構文
    
-
-
    window.navigator.appVersion
-
    
-
-
    値
    
-
-
    "4.0" またはそのブラウザーのバージョン情報を表す文字列のどちらかです。
    
-
-
    例
    
-
-
    alert("このブラウザーのバージョンは " + navigator.appVersion + " と報告されています。");
-
    
-
-
    注
    
-
-
    window.navigator.userAgent プロパティもバージョン番号を含んでいる場合がありますが ("Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.2) Gecko/20010725 Netscape 6/6.1" など)、ユーザーエージェント文字列を変更したり、他のブラウザー、プラットフォーム、ユーザーエージェントに「偽装」したり、ブラウザーベンダー自身がこれらのプロパティに無頓着であったりすることを意識しておいてください。
    
-
-
    window.navigator.appVersion, window.navigator.appName, window.navigator.userAgent の各プロパティは、「ブラウザー推定」 (browser sniffing) コード、すなわち使用しているブラウザーを検出し、それに従ってページを調整しようとするスクリプトで使われてきました。これにより、一部のウェブサイトから拒否されないようにするために、ブラウザーがこれらのプロパティで偽の情報を返さなければならないという現在の状況が発生したのです。
    
-
-
    仕様書
    
-
-
-  
-    
-      
-      
-      
-    
-  
-  
-    
-      
-      
-      
-    
-  
-
    仕様書状態備考
    {{SpecName('HTML WHATWG', '#dom-navigator-appversion',
-        'NavigatorID.appVersion')}}{{Spec2('HTML WHATWG')}}初回定義
    
-
-
    ブラウザーの互換性
    
-
-
    {{Compat("api.NavigatorID.appVersion")}}
    
diff --git a/files/ja/orphaned/web/api/navigatorid/index.html b/files/ja/orphaned/web/api/navigatorid/index.html
deleted file mode 100644
index bea00f1477..0000000000
--- a/files/ja/orphaned/web/api/navigatorid/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: NavigatorID
-slug: orphaned/Web/API/NavigatorID
-tags:
-  - API
-translation_of: Web/API/NavigatorID
-original_slug: Web/API/NavigatorID
----
-
    {{APIRef("HTML DOM")}}
    
-
-
    The NavigatorID interface contains methods and properties related to the identity of the browser.
    
-
-
    There is no object of type NavigatorID, but other interfaces, like {{domxref("Navigator")}} or {{domxref("WorkerNavigator")}}, implement it.
    
-
-
    Properties
    
-
-
    The NavigatorID interface doesn't inherit any property.
    
-
-
    
- 
    {{domxref("NavigatorID.appCodeName")}} {{readonlyInline}}{{deprecated_inline}}
    
- 
    Always returns 'Mozilla', on any browser. This property is kept only for compatibility purpose.
    
- 
    {{domxref("NavigatorID.appName")}} {{readonlyInline}} {{deprecated_inline}}
    
- 
    Returns the official name of the browser. Do not rely on this property to return the correct value.
    
- 
    {{domxref("NavigatorID.appVersion")}} {{readonlyInline}} {{deprecated_inline}}
    
- 
    Returns the version of the browser as a string. Do not rely on this property to return the correct value.
    
- 
    {{domxref("NavigatorID.platform")}} {{readonlyInline}} {{deprecated_inline}}
    
- 
    Returns a string representing the platform of the browser. Do not rely on this property to return the correct value.
    
- 
    {{domxref("NavigatorID.product")}} {{readonlyInline}} {{deprecated_inline}}
    
- 
    Always returns 'Gecko', on any browser. This property is kept only for compatibility purpose.
    
- 
    {{domxref("NavigatorID.userAgent")}} {{readonlyInline}}
    
- 
    Returns the user agent string for the current browser.
    
-
    
-
-
    Methods
    
-
-
    The NavigatorID interface doesn't inherit any method.
    
-
-
    
- 
    {{domxref("NavigatorID.taintEnabled()")}} {{deprecated_inline()}}
    
- 
    Always returns false. JavaScript taint/untaint functions were removed in JavaScript 1.2. This method is only kept for compatibility purpose
    
-
    
-
-
    Specifications
    
-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
    SpecificationStatusComment
    {{SpecName('HTML WHATWG', '#navigatorid', 'NavigatorID')}}{{Spec2('HTML WHATWG')}}Added the appCodeName property and the taintEnabled() method,  for compatibility purpose.
    {{SpecName('HTML5 W3C', '#navigatorid', 'NavigatorID')}}{{Spec2('HTML5 W3C')}}Initial specification.
    
-
-
    Browser compatibility
    
-
-
    {{Compat("api.NavigatorID")}}
    
-
-
    See also
    
-
-
      
- 
    • The {{domxref("Navigator")}} and {{domxref("WorkerNavigator")}} interfaces that implement it.
      • 
-
    
diff --git a/files/ja/orphaned/web/api/navigatorid/platform/index.html b/files/ja/orphaned/web/api/navigatorid/platform/index.html
deleted file mode 100644
index a369a1f12e..0000000000
--- a/files/ja/orphaned/web/api/navigatorid/platform/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: NavigatorID.platform
-slug: orphaned/Web/API/NavigatorID/platform
-tags:
-  - API
-  - Navigator
-  - NavigatorID
-  - Property
-  - Reference
-  - platform
-translation_of: Web/API/NavigatorID/platform
-original_slug: Web/API/NavigatorID/platform
----
-
    {{APIRef("HTML DOM")}}
    
-
-
    ブラウザーのプラットフォームを表す文字列を返します。仕様書ではブラウザーが常に空文字列を返すことを許可していますので、信頼できる答えを得るためにこのプロパティを頼らないようにしてください。
    
-
-
    構文
    
-
-
    platform = navigator.platform
-
    
-
-
      
- 
    • platform : 文字列 (例： "Win32" 、 "Linux i686" 、 "MacPPC" 、 "MacIntel" ...等)
      • 
-
    
-
-
    値
    
-
-
    ブラウザーを実行しているプラットフォームを識別する {{domxref("DOMString")}}、あるいはブラウザーがプラットフォームの識別を断る (または識別できない) 場合は空文字列になります。platform は空文字列か、ブラウザーを実行しているプラットフォームを表す文字列でなければなりません。
    
-
-
    例: "MacIntel", "Win32", "FreeBSD i386", "WebTV OS"
    
-
-
    例
    
-
-
    console.log(navigator.platform);
    
-
-
    注記
    
-
-
    Chrome、Edge、Firefox 63 以降を含むほとんどのブラウザーは、64 ビット版の Windows で実行していても "Win32" を返します。Internet Explorer やバージョン 63 より前の Firefox は "Win64" を返します。
    
-
-
    Firefox は設定項目 general.platform.override で、このプロパティが返す値を上書きできます。
    
-
-
    仕様
    
-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
-
    仕様書策定状況コメント
    {{SpecName('HTML WHATWG', '#dom-navigator-platform', 'NavigatorID.platform')}}{{Spec2('HTML WHATWG')}}初期定義
    
-
-
    ブラウザー実装状況
    
-
-
-
-
    {{Compat("api.NavigatorID.platform")}}
    
diff --git a/files/ja/orphaned/web/api/navigatorid/product/index.html b/files/ja/orphaned/web/api/navigatorid/product/index.html
deleted file mode 100644
index 7c9649cf3d..0000000000
--- a/files/ja/orphaned/web/api/navigatorid/product/index.html
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: window.navigator.product
-slug: orphaned/Web/API/NavigatorID/product
-tags:
-  - DOM
-  - DOM_0
-  - Gecko
-  - Gecko DOM Reference
-translation_of: Web/API/NavigatorID/product
-original_slug: Web/API/NavigatorID/product
----
-
    
- {{ApiRef}}
    
-
    概要
    
-
    このプロパティは、現在のブラウザの製品名を返します。
    
-
    構文
    
-
    productName = window.navigator.product
-
    
-
      
- 
    • productName : 製品名を表す文字列
      • 
-
    
-
    例
    
-
    <script>
-function prod() {
-  dt = document.getElementById("d");
-  dt.innerHTML = window.navigator.product;
-}
-</script>
-
-<button onclick="prod();">product</button>
-<div id="d"> </div>
-
-<!-- "Gecko" などの文字列が表示される -->
-
    
-
    注記
    
-
    製品名は、ユーザエージェント全体の文字列の一部（プラットフォームの直後）です。例えば、Netscape 6.1 を表すユーザエージェントでは、製品名は、"Gecko" であり、ユーザエージェント文字列全体は、次の通りです。
    
-
    Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.2) Gecko/20010725 Netscape6/6.1
    
-
    仕様
    
-
    {{DOM0}}
    
diff --git a/files/ja/orphaned/web/api/navigatorid/useragent/index.html b/files/ja/orphaned/web/api/navigatorid/useragent/index.html
deleted file mode 100644
index 6fe20d0c79..0000000000
--- a/files/ja/orphaned/web/api/navigatorid/useragent/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: NavigatorID.userAgent
-slug: orphaned/Web/API/NavigatorID/userAgent
-tags:
-  - API
-  - Deprecated
-  - NavigatorID
-  - Property
-  - Read-only
-  - Reference
-translation_of: Web/API/NavigatorID/userAgent
-original_slug: Web/API/NavigatorID/userAgent
----
-
    {{ApiRef("HTML DOM")}}
    
-
-
    NavigatorID.userAgent は読み取り専用のプロパティで、現在のブラウザーのユーザーエージェント文字列を返します。
    
-
-
    
-
    仕様書では、ブラウザーがこのフィールドを介して提供する情報をできるだけ少なくすることを求めています。このプロパティの値は、同じブラウザーの将来のバージョンでも同じままであると仮定してはいけません。まったく使用しないようにしたり、ブラウザーの現在のバージョンと過去のバージョンのためだけに使用するようにしてください。新しいブラウザーは、古いブラウザーと同じ UA、またはその一部を使い始めるかもしれません。ブラウザーエージェントが本当にこのプロパティによって広告されたものであるという保証は本当にありません。
    
-
    
-また、ブラウザのユーザーはこのフィールドの値を変更することができることを覚えておいてください (UA なりすまし)。
    
-
    
-
-
    ユーザーエージェント文字列の検出に基づくブラウザーの識別は信頼性が低く、ユーザーエージェント文字列はユーザーが設定可能なので推奨されません。例えば、以下のようになります。
    
-
-
      
- 
    • Mozilla Suite と Firefox では、 about:config の "general.useragent.override" 設定を使うことができます。いくつかの Firefox の拡張や多機能バーでも設定可能です。
      • 
- 
    • Opera 6 以降では、メニューからブラウザー識別文字列を設定できます。
      • 
- 
    • Microsoft Internet Explorer では、 Windows レジストリを利用できます。
      • 
- 
    • Safari と iCab は、メニューから、ブラウザユーザエージェントを定義済みの Internet Explorer、または、 Netscape の文字列に変更できます。
      • 
-
    
-
-
    構文
    
-
-
    var ua = navigator.userAgent;
-
    
-
-
    値
    
-
-
    {{domxref("DOMString")}} で、ブラウザーが {{Glossary("HTTP")}} ヘッダーで提供する完全なユーザーエージェント文字列と、 {{domxref("Navigator")}} オブジェクト上のメソッドやその他の関連メソッドへのレスポンスを指定します。
    
-
-
    ユーザーエージェント文字列は形式的な構造に基づいて構築されており、いくつかの情報に分解することができます。これらの情報の各部分は、ユーザ－が設定可能な他の Navigator のプロパティから来ています。Gecko ベースのブラウザは以下の一般的な構造に準拠しています。
    
-
-
    userAgent = appCodeName/appVersion number (Platform; Security; OS-or-CPU;
-Localization; rv: revision-version-number) product/productSub
-Application-Name Application-Name-version
-
    
-
-
    例
    
-
-
    alert(window.navigator.userAgent)
-// alerts "Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.2) Gecko/20010725 Netscape6/6.1"
-
    
-
-
      
-
    
-
-
    仕様書
    
-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
-
    仕様書状態備考
    {{SpecName('HTML WHATWG', '#dom-navigator-useragent', 'NavigatorID.userAgent')}}{{Spec2('HTML WHATWG')}}初回定義
    
-
-
    ブラウザーの互換性
    
-
-
    {{Compat("api.NavigatorID.userAgent")}}
    
-
-
    関連情報
    
-
-
      
- 
    • {{httpheader("User-Agent")}} HTTP ヘッダー
      • 
-
    
diff --git a/files/ja/web/api/navigator/appcodename/index.html b/files/ja/web/api/navigator/appcodename/index.html
new file mode 100644
index 0000000000..befb274cb5
--- /dev/null
+++ b/files/ja/web/api/navigator/appcodename/index.html
@@ -0,0 +1,44 @@
+---
+title: Navigator.appCodeName
+slug: Web/API/Navigator/appCodeName
+tags:
+  - API
+  - Deprecated
+  - HTML DOM
+  - Navigator
+  - Property
+  - Reference
+browser-compat: api.Navigator.appCodeName
+translation_of: Web/API/NavigatorID/appCodeName
+original_slug: Web/API/NavigatorID/appCodeName
+---
+
    {{APIRef("HTML DOM")}} {{Deprecated_Header}}
    
+
+
    Navigator.appCodeName プロパティの値は、どのブラウザーでも常に "Mozilla" です。このプロパティは互換性のためだけに維持されています。
    
+
+
    メモ: このプロパティが実際の製品名を返すことを期待しないでください。どのブラウザーもこのプロパティの値として "Mozilla" を返します。
+
    
+
+
    構文
    
+
+
    codeName = navigator.appCodeName
+
    
+
+
    値
    
+
+
    "Mozilla" という文字列です。
    
+
+
    仕様書
    
+
+{{Specifications}}
+
+
    ブラウザーの互換性
    
+
+
    {{Compat}}
    
+
+
    関連情報
    
+
+
      
+  
    • {{domxref("Navigator.appName")}}
      • 
+  
    • {{domxref("Navigator.product")}}
      • 
+
    
diff --git a/files/ja/web/api/navigator/appname/index.html b/files/ja/web/api/navigator/appname/index.html
new file mode 100644
index 0000000000..0ecf702fba
--- /dev/null
+++ b/files/ja/web/api/navigator/appname/index.html
@@ -0,0 +1,46 @@
+---
+title: Navigator.appName
+slug: Web/API/Navigator/appName
+tags:
+  - API
+  - Deprecated
+  - HTML DOM
+  - Navigator
+  - Property
+  - Reference
+browser-compat: api.Navigator.appName
+translation_of: Web/API/NavigatorID/appName
+original_slug: Web/API/NavigatorID/appName
+---
+
    {{APIRef("HTML DOM")}} {{Deprecated_Header}}
    
+
+
    Navigator.appName プロパティの値は、どのブラウザーでも常に "Netscape" です。このプロパティは互換性ためだけに維持されています。
    
+
+
    
+  
    メモ
    
+  
    このプロパティが実際のブラウザー名を返すことを期待しないでください。どのブラウザーもこのプロパティの値として "Netscape" を返します。
    
+
    
+
+
    構文
    
+
+
    appName = navigator.appName
+
    
+
+
    値
    
+
+
    文字列 "Netscape" です。
    
+
+
    仕様書
    
+
+{{Specifications}}
+
+
    ブラウザーの互換性
    
+
+
    {{Compat}}
    
+
+
    関連情報
    
+
+
      
+  
    • {{domxref("Navigator.appCodeName")}}
      • 
+  
    • {{domxref("Navigator.product")}}
      • 
+
    
diff --git a/files/ja/web/api/navigator/appversion/index.html b/files/ja/web/api/navigator/appversion/index.html
new file mode 100644
index 0000000000..d3908733b7
--- /dev/null
+++ b/files/ja/web/api/navigator/appversion/index.html
@@ -0,0 +1,50 @@
+---
+title: Navigator.appVersion
+slug: Web/API/Navigator/appVersion
+tags:
+  - API
+  - Deprecated
+  - Navigator
+  - Property
+  - Reference
+  - appVersion
+browser-compat: api.Navigator.appVersion
+translation_of: Web/API/NavigatorID/appVersion
+original_slug: Web/API/NavigatorID/appVersion
+---
+
    {{APIRef("HTML DOM")}} {{Deprecated_Header}}
    
+
+
    "4.0" またはそのブラウザーのバージョン情報を表す文字列のどちらかを返します。
    
+
+
    
+  
    メモ
    
+  
    このプロパティがブラウザーの正しいバージョンを返すことを期待しないでください。
    
+
    
+
+
    構文
    
+
+
    window.navigator.appVersion
+
    
+
+
    値
    
+
+
    "4.0" またはそのブラウザーのバージョン情報を表す文字列のどちらかです。
    
+
+
    例
    
+
+
    alert("このブラウザーのバージョンは " + navigator.appVersion + " と報告されています。");
+
    
+
+
    注
    
+
+
    window.navigator.userAgent プロパティもバージョン番号を含んでいる場合がありますが ("Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.2) Gecko/20010725 Netscape 6/6.1" など)、ユーザーエージェント文字列を変更したり、他のブラウザー、プラットフォーム、ユーザーエージェントに「偽装」したり、ブラウザーベンダー自身がこれらのプロパティに無頓着であったりすることを意識しておいてください。
    
+
+
    window.navigator.appVersion, window.navigator.appName, window.navigator.userAgent の各プロパティは、「ブラウザー推定」 (browser sniffing) コード、すなわち使用しているブラウザーを検出し、それに従ってページを調整しようとするスクリプトで使われてきました。これにより、一部のウェブサイトから拒否されないようにするために、ブラウザーがこれらのプロパティで偽の情報を返さなければならないという現在の状況が発生したのです。
    
+
+
    仕様書
    
+
+{{Specifications}}
+
+
    ブラウザーの互換性
    
+
+
    {{Compat}}
    
diff --git a/files/ja/web/api/navigator/platform/index.html b/files/ja/web/api/navigator/platform/index.html
new file mode 100644
index 0000000000..c0e4620269
--- /dev/null
+++ b/files/ja/web/api/navigator/platform/index.html
@@ -0,0 +1,45 @@
+---
+title: Navigator.platform
+slug: Web/API/Navigator/platform
+tags:
+  - API
+  - Deprecated
+  - HTML DOM
+  - Navigator
+  - Property
+  - Reference
+  - platform
+browser-compat: api.Navigator.platform
+translation_of: Web/API/NavigatorID/platform
+original_slug: Web/API/NavigatorID/platform
+---
+
    {{ APIRef("HTML DOM") }} {{Deprecated_Header}}
    
+
+
    ブラウザーのプラットフォームを表す文字列を返します。仕様書ではブラウザーが常に空文字列を返すことを許可していますので、信頼できる答えを得るためにこのプロパティを頼らないようにしてください。
    
+
+
    構文
    
+
+
    platform = navigator.platform
+
    
+
+
    値
    
+
+
    ブラウザーを実行しているプラットフォームを識別する {{domxref("DOMString")}}、あるいはブラウザーがプラットフォームの識別を断わった (または識別できない) 場合は空文字列になります。platform は空文字列か、ブラウザーを実行しているプラットフォームを表す文字列でなければなりません。
    
+
+
    例: "MacIntel", "Win32", "FreeBSD i386", "WebTV OS"
    
+
+
    例
    
+
+
    console.log(navigator.platform);
    
+
+
    使用上のメモ
    
+
+
    Chrome、Edge、Firefox 63 以降を含むほとんどのブラウザーは、64 ビット版の Windows で実行していても "Win32" を返します。 Internet Explorer やバージョン 63 より前の Firefox は "Win64" を返します。
    
+
+
    仕様書
    
+
+{{Specifications}}
+
+
    ブラウザーの互換性
    
+
+
    {{Compat}}
    
diff --git a/files/ja/web/api/navigator/product/index.html b/files/ja/web/api/navigator/product/index.html
new file mode 100644
index 0000000000..d1f5b35941
--- /dev/null
+++ b/files/ja/web/api/navigator/product/index.html
@@ -0,0 +1,45 @@
+---
+title: Navigator.product
+slug: Web/API/Navigator/product
+tags:
+  - API
+  - Deprecated
+  - Navigator
+  - Property
+  - Reference
+browser-compat: api.Navigator.product
+translation_of: Web/API/NavigatorID/product
+original_slug: Web/API/NavigatorID/product
+---
+
    {{APIRef("HTML DOM")}} {{Deprecated_Header}}
    
+
+
    Navigator.product プロパティの値は、どのブラウザーでも常に "Gecko" です。このプロパティは互換性のためだけに維持されています。
    
+
+
+
    
+  
    このプロパティが実際の製品名を返すことを期待しないでください。どのブラウザーもこのプロパティの値として "Gecko" を返します。
    
+
    
+
+
    構文
    
+
+
    productName = navigator.product
+
    
+
+
    値
    
+
+
    文字列 "Gecko" です。
    
+
+
    仕様書
    
+
+{{Specifications}}
+
+
    ブラウザーの互換性
    
+
+
    {{Compat}}
    
+
+
    関連情報
    
+
+
      
+  
    • {{domxref("Navigator.appCodeName")}}
      • 
+  
    • {{domxref("Navigator.appName")}}
      • 
+
    
diff --git a/files/ja/web/api/navigator/useragent/index.html b/files/ja/web/api/navigator/useragent/index.html
new file mode 100644
index 0000000000..d02c88de43
--- /dev/null
+++ b/files/ja/web/api/navigator/useragent/index.html
@@ -0,0 +1,67 @@
+---
+title: Navigator.userAgent
+slug: Web/API/Navigator/userAgent
+tags:
+  - API
+  - Navigator
+  - Property
+  - Read-only
+  - Reference
+browser-compat: api.Navigator.userAgent
+translation_of: Web/API/NavigatorID/userAgent
+original_slug: Web/API/NavigatorID/userAgent
+---
+
    {{ApiRef("HTML DOM")}}
    
+
+
    NavigatorID.userAgent は読み取り専用のプロパティで、現在のブラウザーのユーザーエージェント文字列を返します。
    
+
+
    
+
    仕様書では、ブラウザーがこのフィールドを介して提供する情報をできるだけ少なくすることを求めています。このプロパティの値は、同じブラウザーの将来のバージョンでも同じままであると仮定してはいけません。まったく使用しないようにしたり、ブラウザーの現在のバージョンと過去のバージョンのためだけに使用するようにしてください。新しいブラウザーは、古いブラウザーと同じ UA、またはその一部を使い始めるかもしれません。ブラウザーエージェントが本当にこのプロパティによって広告されたものであるという保証は本当にありません。
    
+
    
+また、ブラウザーのユーザーはこのフィールドの値を変更することができることを覚えておいてください (UA なりすまし)。
    
+
    
+
+
    ユーザーエージェント文字列の検出に基づくブラウザーの識別は信頼性が低く、ユーザーエージェント文字列はユーザーが設定可能なので推奨されません。例えば、以下のようになります。
    
+
+
      
+ 
    • Firefox では、 about:config の "general.useragent.override" 設定を使うことができます。いくつかの Firefox の拡張や多機能バーでも設定可能です。
      • 
+ 
    • Opera 6 以降では、メニューからブラウザー識別文字列を設定できます。
      • 
+ 
    • Microsoft Internet Explorer では、 Windows レジストリーを使用します。
      • 
+ 
    • Safari と iCab は、メニューから、ブラウザーユーザエージェントを定義済みの Internet Explorer、または、 Netscape の文字列に変更できます。
      • 
+
    
+
+
    構文
    
+
+
    var ua = navigator.userAgent;
+
    
+
+
    値
    
+
+
    {{domxref("DOMString")}} で、ブラウザーが {{Glossary("HTTP")}} ヘッダーで提供する完全なユーザーエージェント文字列と、 {{domxref("Navigator")}} オブジェクト上のメソッドやその他の関連メソッドへのレスポンスを指定します。
    
+
+
    ユーザーエージェント文字列は形式的な構造に基づいて構築されており、いくつかの情報に分解することができます。これらの情報の各部分は、ユーザ－が設定可能な他の Navigator のプロパティから来ています。Gecko ベースのブラウザは以下の一般的な構造に準拠しています。
    
+
+
    userAgent = appCodeName/appVersion number (Platform; Security; OS-or-CPU;
+Localization; rv: revision-version-number) product/productSub
+Application-Name Application-Name-version
+
    
+
+
    例
    
+
+
    alert(window.navigator.userAgent)
+// alerts "Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.2) Gecko/20010725 Netscape6/6.1"
+
    
+
+
    仕様書
    
+
+{{Specifications}}
+
+
    ブラウザーの互換性
    
+
+
    {{Compat}}
    
+
+
    関連情報
    
+
+
      
+  
    • {{httpheader("User-Agent")}} HTTP ヘッダー
      • 
+
    
-- 
cgit v1.2.3-54-g00ecf


From 66dd961c765e2843fdc3ed463baa19873924c0a3 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO 
Date: Wed, 18 Aug 2021 14:33:08 +0900
Subject: 意味のない title 属性を削除
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix #1877
---
 .../1.5/using_firefox_1.5_caching/index.html       |  4 ++--
 files/ja/mozilla/firefox/releases/13/index.html    |  4 ++--
 files/ja/mozilla/firefox/releases/14/index.html    |  4 ++--
 files/ja/mozilla/firefox/releases/19/index.html    |  2 +-
 .../releases/3.5/updating_extensions/index.html    | 12 +++++-----
 .../releases/3/updating_extensions/index.html      | 28 +++++++++++-----------
 files/ja/orphaned/developing_add-ons/index.html    |  2 +-
 files/ja/orphaned/installing_extensions/index.html |  2 +-
 .../localizing_extension_descriptions/index.html   | 10 ++++----
 files/ja/orphaned/mcd/index.html                   |  4 ++--
 .../orphaned/monitoring_http_activity/index.html   |  2 +-
 .../monitoring_wifi_access_points/index.html       |  2 +-
 files/ja/orphaned/mozmill/index.html               | 10 ++++----
 .../ja/orphaned/nsidomhtmlmediaelement/index.html  | 22 ++++++++---------
 files/ja/orphaned/nsidynamiccontainer/index.html   | 10 ++++----
 .../index.html                                     |  4 ++--
 .../tools/add-ons/dom_inspector/index.html         |  4 ++--
 .../html/html5/introduction_to_html5/index.html    |  2 +-
 .../guide/creating_a_regular_expression/index.html |  2 +-
 .../web/javascript/guide/expressions/index.html    |  8 +++----
 .../javascript/guide/loop_statements/index.html    | 14 +++++------
 .../object_manipulation_statements/index.html      | 10 ++++----
 .../escape_and_unescape_functions/index.html       |  2 +-
 .../guide/predefined_functions/index.html          | 12 +++++-----
 .../creating_the_hierarchy/index.html              |  2 +-
 .../guide/the_employee_example/index.html          | 10 ++++----
 .../object_properties/index.html                   |  4 ++--
 .../inheriting_properties/index.html               |  4 ++--
 .../guide/using_the_arguments_object/index.html    |  2 +-
 .../index.html                                     |  4 ++--
 .../ja/web/api/document/getelementbyid/index.html  |  4 ++--
 .../index.html                                     |  2 +-
 files/ja/web/api/domstringlist/index.html          |  2 +-
 .../web/api/element/getattributenodens/index.html  |  2 +-
 .../working_with_the_history_api/index.html        |  4 ++--
 .../multiple_items/index.html                      | 24 +++++++++----------
 files/ja/web/api/xmlserializer/index.html          |  2 +-
 files/ja/web/css/inheritance/index.html            |  2 +-
 files/ja/web/css/padding-bottom/index.html         |  2 +-
 .../getting_started/challenge_solutions/index.html |  6 ++---
 .../web/guide/html/content_categories/index.html   |  4 ++--
 .../rich-text_editing_in_mozilla/index.html        |  4 ++--
 .../guide/parsing_and_serializing_xml/index.html   |  2 +-
 files/ja/web/html/element/xmp/index.html           |  2 +-
 files/ja/web/html/inline_elements/index.html       |  2 +-
 .../ja/web/javascript/about_javascript/index.html  |  6 ++---
 .../guide/working_with_objects/index.html          |  6 ++---
 .../javascript/reference/strict_mode/index.html    |  6 ++---
 .../ja/web/security/securing_your_site/index.html  |  6 ++---
 .../ja/web/svg/attribute/stroke-linecap/index.html |  6 ++---
 .../web/svg/attribute/stroke-linejoin/index.html   |  6 ++---
 files/ja/web/svg/compatibility_sources/index.html  |  2 +-
 files/ja/web/svg/element/animatecolor/index.html   | 16 ++++++-------
 .../ja/web/svg/element/animatetransform/index.html | 12 +++++-----
 files/ja/web/svg/element/lineargradient/index.html |  6 ++---
 files/ja/web/svg/element/metadata/index.html       |  2 +-
 files/ja/web/svg/element/radialgradient/index.html |  6 ++---
 files/ja/web/svg/element/rect/index.html           |  8 +++----
 files/ja/web/svg/element/set/index.html            | 12 +++++-----
 .../ja/web/svg/svg_animation_with_smil/index.html  |  2 +-
 files/ja/web/svg/tutorial/basic_shapes/index.html  | 16 ++++++-------
 files/ja/web/svg/tutorial/patterns/index.html      |  2 +-
 62 files changed, 193 insertions(+), 193 deletions(-)

(limited to 'files/ja')

diff --git a/files/ja/mozilla/firefox/releases/1.5/using_firefox_1.5_caching/index.html b/files/ja/mozilla/firefox/releases/1.5/using_firefox_1.5_caching/index.html
index defff78437..4f00d1637e 100644
--- a/files/ja/mozilla/firefox/releases/1.5/using_firefox_1.5_caching/index.html
+++ b/files/ja/mozilla/firefox/releases/1.5/using_firefox_1.5_caching/index.html
@@ -15,7 +15,7 @@ original_slug: Using_Firefox_1.5_caching
 
 
    はじめに
    
 
-
    Firefox 1.5 ではウェブページ全体をその JavaScript の状態も含めてメモリ内にキャッシュし、1 つのブラウザセッションとして使用します。訪問したページ間の戻る、進むという動作にページのロードが不要になり、JavaScript の状態も保存されます。この機能によってページナビゲーションが非常に高速化します。この機能は bfcache（"Back-Forward Cache" のこと）と呼ばれることもあります。このキャッシュ状態はユーザがブラウザを閉じるまで保存されます。
    
+
    Firefox 1.5 ではウェブページ全体をその JavaScript の状態も含めてメモリ内にキャッシュし、1 つのブラウザセッションとして使用します。訪問したページ間の戻る、進むという動作にページのロードが不要になり、JavaScript の状態も保存されます。この機能によってページナビゲーションが非常に高速化します。この機能は bfcache（"Back-Forward Cache" のこと）と呼ばれることもあります。このキャッシュ状態はユーザがブラウザを閉じるまで保存されます。
    
 
 
    Firefox がページをキャッシュしない場合があります。ページがキャッシュされないプログラム的な理由でよくあるものをいくつか以下に示します。
    
 
@@ -187,6 +187,6 @@ function loadOnlyFirst() {
 
 
    Firefox 用拡張機能の開発
    
 
-
    Firefox 1.5 の 拡張機能 はこのキャッシュ機能を許容するものである必要があります。1.5 とそれより前のバージョンの両方と互換性を持つ Firefox の拡張機能を開発したいのであれば、キャッシュされるようにするトリガについては load イベントをリスンし、キャッシュされないようにするトリガについては pageshow イベントをリスンしてください。
    
+
    Firefox 1.5 の 拡張機能 はこのキャッシュ機能を許容するものである必要があります。1.5 とそれより前のバージョンの両方と互換性を持つ Firefox の拡張機能を開発したいのであれば、キャッシュされるようにするトリガについては load イベントをリスンし、キャッシュされないようにするトリガについては pageshow イベントをリスンしてください。
    
 
 
    例えば Firefox 用 Google ツールバーは、1.5 とそれより前のバージョンの両方と互換性を持たせるためには、autolink 関数については load イベントをリスンすべきであり、PageRank 関数については pageshow イベントをリスンすべきです。
    
diff --git a/files/ja/mozilla/firefox/releases/13/index.html b/files/ja/mozilla/firefox/releases/13/index.html
index 1be4add1b3..3b59a7e858 100644
--- a/files/ja/mozilla/firefox/releases/13/index.html
+++ b/files/ja/mozilla/firefox/releases/13/index.html
@@ -39,7 +39,7 @@ translation_of: Mozilla/Firefox/Releases/13
  
  • {{ domxref("window.setTimeout()") }} および {{ domxref("window.setInterval()") }} メソッドは、付加的な引数である "遅延" をコールバックルーチンに渡さないようになりました。
    • 
  
  • {{ domxref("Blob","Blob.mozSlice()") }} メソッドの接頭辞を削除しました。
    • 
  
  • {{ domxref("Blob") }} コンストラクタをサポートしました。
    • 
- 
  • globalStorage のサポートを削除しました。
    • 
+ 
  • globalStorage のサポートを削除しました。
    • 
  
  • バックグラウンドの処理の状態や結果を報告するために用いる {{ domxref("DOMRequest") }} インタフェースを新たに追加しました。
    • 
  
  • {{ domxref("HTMLOptionElement", "HTMLOptionElement.index()") }} メソッドは、{{ HTMLElement("option") }} が {{ HTMLElement("datalist") }} HTML 要素の内部にあるときに誤った値 -1 ではなく 0 を返すようになりました。
    • 
  
  • {{ domxref("DOMException") }} のうち DOM Level 4 で定義された部分を実装しました。
    • 
@@ -65,7 +65,7 @@ translation_of: Mozilla/Firefox/Releases/13
 
    WebGL
    
 
 
      
- 
    • EXT_texture_filter_anisotropic 拡張のサポートを追加しました。異方性テクスチャフィルタリングは、テクスチャが貼り付けられた斜めのプリミティブを表示する際のミップマップテクスチャのアクセスの品質を向上させます。
      • 
+ 
    • EXT_texture_filter_anisotropic 拡張のサポートを追加しました。異方性テクスチャフィルタリングは、テクスチャが貼り付けられた斜めのプリミティブを表示する際のミップマップテクスチャのアクセスの品質を向上させます。
      • 
 
    
 
 
    MathML
    
diff --git a/files/ja/mozilla/firefox/releases/14/index.html b/files/ja/mozilla/firefox/releases/14/index.html
index 4e2ebb8a22..be3496df2a 100644
--- a/files/ja/mozilla/firefox/releases/14/index.html
+++ b/files/ja/mozilla/firefox/releases/14/index.html
@@ -24,14 +24,14 @@ translation_of: Mozilla/Firefox/Releases/14
 
    DOM
    
 
 
      
- 
    • input イベントが contenteditable エディタをホストしている要素および designMode エディタのルート要素上での編集でも発生するようになりました。
      • 
+ 
    • input イベントが contenteditable エディタをホストしている要素および designMode エディタのルート要素上での編集でも発生するようになりました。
      • 
  
    • {{ domxref("DOMException", "DOMException.code") }} は最新の DOM Level 4 仕様に従って非推奨になりました。
      • 
  
    • {{ domxref("Range.insertNode()") }} が 折り畳まれた (collapsed) 範囲上で用いられたときに正しく動作するようになりました。
      • 
  
    • {{ domxref("BlobBuilder", "MozBlobBuilder") }} インタフェースが {{ domxref("Blob") }} コンストラクタの利用を促すために非推奨になりました。MozBlobBuilder を利用した場合、Web コンソールに警告が表示されます。
      • 
  
    • {{ domxref("DOM_Mutation_Observers","MutationObserver") }} のサポートが導入されました。これは、パフォーマンスに関する多くの問題がある DOM3  の Mutation Events の置き換えとして設計されました。
      • 
  
    • {{ domxref("HTMLImageElement") }} インタフェースの x プロパティおよび y プロパティは Gecko 7.0 で削除されましたが、互換性の理由でこのリリースから復活しました。
      • 
  
    • {{ domxref("Document") }} のメソッドである execCommandShowHelp() と queryCommandText() は、今まで何もしませんでしたが、削除されました。
      • 
- 
    • GeoPositionAddress インタフェースは、Geolocation API で廃止された仕様の一部であり、削除されました。
      • 
+ 
    • GeoPositionAddress インタフェースは、Geolocation API で廃止された仕様の一部であり、削除されました。
      • 
  
    • {{ domxref("Storage", "localStorage/sessionStorage") }} がプロパティアクセスを通した宣言されていないキーに対して null ではなく undefined を正しく返すようになりました。
      • 
 
    
 
diff --git a/files/ja/mozilla/firefox/releases/19/index.html b/files/ja/mozilla/firefox/releases/19/index.html
index d61dcc05d8..3dae46cb2e 100644
--- a/files/ja/mozilla/firefox/releases/19/index.html
+++ b/files/ja/mozilla/firefox/releases/19/index.html
@@ -57,7 +57,7 @@ translation_of: Mozilla/Firefox/Releases/19
 
 
      
  
    • getBrowserSelection() が、テキスト入力フィールドで選択されているテキストを返すようになりました。このため、ユーザがパスワードフィールドではないテキスト入力フィールドでテキストを選択したときに、gContextMenu.isTextSelected が true になります ({{bug("565717")}})。
      • 
- 
    • Dict.jsm: Dict() が JSON 文字列を受け入れるようになりました。Dict.toJSON() メソッドが追加され、これは JSON 文字列を返します ({{bug("727967")}})。
      • 
+ 
    • Dict.jsm: Dict() が JSON 文字列を受け入れるようになりました。Dict.toJSON() メソッドが追加され、これは JSON 文字列を返します ({{bug("727967")}})。
      • 
 
    
 
 
    インタフェースの変更点
    
diff --git a/files/ja/mozilla/firefox/releases/3.5/updating_extensions/index.html b/files/ja/mozilla/firefox/releases/3.5/updating_extensions/index.html
index ea919ee652..c9e52ddc98 100644
--- a/files/ja/mozilla/firefox/releases/3.5/updating_extensions/index.html
+++ b/files/ja/mozilla/firefox/releases/3.5/updating_extensions/index.html
@@ -26,9 +26,9 @@ firefox -createProfile testBeta2
 
    テストが完了したら、今度は常用のプロファイルを使って、再度その拡張機能を使ってみます。 この作業は、保存されている既存のデータとの互換性を確認するのに役立ちます。
    
 
    addons.mozilla.org に登録されている拡張機能の更新
    
 
    ついに、更新した拡張機能を公開するときが来ました。 もし自分の拡張機能に一切コードの変更が必要ない場合は、AMO のダッシュボードにログインして、互換性のあるバージョンを更新するだけで済みます。 何らかの変更を加えた場合は、新しいバージョンを AMO にアップロードする必要があります。
    
-
    詳しくは AMO へのアドオンの登録 を参照してください。
    
+
    詳しくは AMO へのアドオンの登録 を参照してください。
    
 
    Places データベースへのアクセス
    
-
    Firefox 3.1 以前は、Storage API を使って Places データベースへ直接アクセスする場合、以下のように少々工夫が必要でした。
    
+
    Firefox 3.1 以前は、Storage API を使って Places データベースへ直接アクセスする場合、以下のように少々工夫が必要でした。
    
 
    var places = Components.classes["@mozilla.org/file/directory_service;1"].
                         getService(Components.interfaces.nsIProperties).
                         get("ProfD", Components.interfaces.nsIFile);
@@ -42,7 +42,7 @@ var db = Components.classes["@mozilla.org/storage/service;1"].
                     getService(Components.interfaces.nsPIPlacesDatabase).DBConnection;
 
    
 
    テキストボックスの検索
    
-
    textbox の種類のひとつ、timed は廃止予定となりました。代わりに search を使ってください。
    
+
    textbox の種類のひとつ、timed は廃止予定となりました。代わりに search を使ってください。
    
 
    Firefox 3 では、以下のようなコードが使われていたはずです。
    
 
    <textbox type="timed" timeout="1000" oncommand="alert(this.value);"/>
 
    
@@ -50,7 +50,7 @@ var db = Components.classes["@mozilla.org/storage/service;1"].
 
    <textbox type="search" timeout="1000" oncommand="alert(this.value);"/>
 
    
 
    JSON
    
-
    JSON.jsm JavaScript モジュールは Firefox 3.1 では削除され、ネイティブの JSON オブジェクトサポートに置き換えられました。 詳しくは、Firefox で JSON を使用する をご覧ください。JSON のより一般的な概要と、各種バージョンの Firefox で JSON を使う方法については、JSON のページからリンクされている記事を参照してください。
    
+
    JSON.jsm JavaScript モジュールは Firefox 3.1 では削除され、ネイティブの JSON オブジェクトサポートに置き換えられました。 詳しくは、Firefox で JSON を使用する をご覧ください。JSON のより一般的な概要と、各種バージョンの Firefox で JSON を使う方法については、JSON のページからリンクされている記事を参照してください。
    
 
    Firefox 3 と Firefox 3.1 の両方について互換性を確保するには、以下のように記述します。
    
 
    if (typeof(JSON) == "undefined") {
   Components.utils.import("resource://gre/modules/JSON.jsm");
@@ -67,7 +67,7 @@ var db = Components.classes["@mozilla.org/storage/service;1"].
 
    Firefox 3.1 では、カスタマイズ可能なツールバーの挙動が次のように変更されました。<xul:toolbar/> バインディングは、関連付けられた <xul:toolbarpalette/> からツールバー削除、もしくはツールバーへ追加するようになりました。これまでは、項目を複製してツールバーへコピーしていました。 つまり、パレットには、ツールバー上に存在しないアイテムしか含めることができません。これまでの挙動では、ツールバー上に表示されているかどうかに関わらず、カスタマイズ可能なすべての要素が含まれていました。 これは、<xul:toolbarpalette/> からカスタマイズ可能なすべてのツールバー項目を取得できることに依存した処理を行っていたり、ツールバーのカスタマイズ中に動的にパレットへ項目を挿入し、それらを利用可能にしようとしているアドオンで問題となる可能性があります。 詳しくは、{{ Bug(407725) }} と {{ Bug(467045) }} をご覧ください。
    
 
    興味深い新機能
    
 
    すべてのタブのイベントを監視する
    
-
    Firefox 3.1 では、すべてのタブを監視するプログレスリスナーを追加、削除できるようになりました。 詳しくは、すべてのタブのイベントを監視する をご覧ください。
    
+
    Firefox 3.1 では、すべてのタブを監視するプログレスリスナーを追加、削除できるようになりました。 詳しくは、すべてのタブのイベントを監視する をご覧ください。
    
 
    テーマ開発者の方へ
    
-
       
    • Firefox 3.1 でのテーマ関連の変更 を確認してください。
      •  
    • Mozillazine フォーラムの Theme changes for FF3.1 を参照して、3.0 から 3.1 の間に行われた、テーマ開発者に影響するすべての変更の概要、一覧を確認してください。 このスレッドでは、CSS の新機能 (nth-child、-moz-box-shadow など)、既存の UI 部品への変更、UI 全体の改善、Firefox 3.1 の新機能 (audio/video のサポート、プライベートブラウジング、セッション復元機能の拡張、ボックス・ウィンドウ・テキストシャドウ) が議論されています。
      • 
+
         
      • Firefox 3.1 でのテーマ関連の変更 を確認してください。
        •  
      • Mozillazine フォーラムの Theme changes for FF3.1 を参照して、3.0 から 3.1 の間に行われた、テーマ開発者に影響するすべての変更の概要、一覧を確認してください。 このスレッドでは、CSS の新機能 (nth-child、-moz-box-shadow など)、既存の UI 部品への変更、UI 全体の改善、Firefox 3.1 の新機能 (audio/video のサポート、プライベートブラウジング、セッション復元機能の拡張、ボックス・ウィンドウ・テキストシャドウ) が議論されています。
        • 
 
      
diff --git a/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html b/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html
index 910891d3dd..8a7859aa32 100644
--- a/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html
+++ b/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html
@@ -12,7 +12,7 @@ original_slug: Updating_extensions_for_Firefox_3
 
 
      Step 1: インストール定義ファイルを更新する
      
 
-
      最初のステップ、そして、ほとんどの拡張機能にとって必要となるたったひとつのステップは、Firefox 3 との互換性を示すために インストール定義ファイル (install.rdf) を更新する作業です。
      
+
      最初のステップ、そして、ほとんどの拡張機能にとって必要となるたったひとつのステップは、Firefox 3 との互換性を示すために インストール定義ファイル (install.rdf) を更新する作業です。
      
 
 
      ファイルを開いて、互換性がある Firefox の最高バージョンを示す行を見つけます。Firefox 2 向けの拡張機能であれば、以下のように書かれているはずです。
      
 
@@ -34,11 +34,11 @@ original_slug: Updating_extensions_for_Firefox_3
 
 
      インストール定義ファイルに翻訳を追加する
      
 
-
      Firefox 3 は、翻訳された説明文を指定するための新しいプロパティを、インストール定義ファイル内でサポートしています。今までの方法も引き続き動作しますが、この新しい方法を利用すれば、アドオンが無効化されていたりインストールが保留されている場合も、各言語で説明文を表示できるようになります。詳しくは 拡張機能の説明の翻訳 をご覧ください。
      
+
      Firefox 3 は、翻訳された説明文を指定するための新しいプロパティを、インストール定義ファイル内でサポートしています。今までの方法も引き続き動作しますが、この新しい方法を利用すれば、アドオンが無効化されていたりインストールが保留されている場合も、各言語で説明文を表示できるようになります。詳しくは 拡張機能の説明の翻訳 をご覧ください。
      
 
 
      Step 2: 安全な更新を提供しているか確認する
      
 
-
      あなたが独自にアドオンを配布していて、addons.mozilla.org のような安全なアドオン提供サービスを利用していない場合、アドオンの更新に安全な方法を用いる必要があります。つまり、SSL を利用した Web サイト上で更新を提供するか、暗号鍵を使って更新情報に署名する必要があります。詳しくは 安全な更新 をご覧ください。
      
+
      あなたが独自にアドオンを配布していて、addons.mozilla.org のような安全なアドオン提供サービスを利用していない場合、アドオンの更新に安全な方法を用いる必要があります。つまり、SSL を利用した Web サイト上で更新を提供するか、暗号鍵を使って更新情報に署名する必要があります。詳しくは 安全な更新 をご覧ください。
      
 
 
      Step 3: 変更された API に対応する
      
 
@@ -55,31 +55,31 @@ original_slug: Updating_extensions_for_Firefox_3
 
 
      ブックマークと履歴
      
 
-
      あなたの拡張機能から何らかの方法でブックマークや履歴のデータにアクセスしている場合、Firefox 3 と互換性を持たせるには多くの作業が必要です。これらの情報にアクセスするための古い API は、Places という新しいアーキテクチャに置き換えられました。既存の拡張機能を Places API に対応させる方法については、Places への移行ガイド で詳しく解説しています。
      
+
      あなたの拡張機能から何らかの方法でブックマークや履歴のデータにアクセスしている場合、Firefox 3 と互換性を持たせるには多くの作業が必要です。これらの情報にアクセスするための古い API は、Places という新しいアーキテクチャに置き換えられました。既存の拡張機能を Places API に対応させる方法については、Places への移行ガイド で詳しく解説しています。
      
 
 
      ダウンロードマネージャ
      
 
-
      RDF データ形式から Storage API への移行にあたって、ダウンロードマネージャの API にも若干変更が加えられました。これに関する移行作業は非常に簡単なはずです。また、複数のダウンロードマネージャリスナーをサポートするため、ダウンロードの進捗状況を監視する API にも変更がありました。詳しくは nsIDownloadManager、nsIDownloadProgressListener、ダウンロードの監視 を参照してください。
      
+
      RDF データ形式から Storage API への移行にあたって、ダウンロードマネージャの API にも若干変更が加えられました。これに関する移行作業は非常に簡単なはずです。また、複数のダウンロードマネージャリスナーをサポートするため、ダウンロードの進捗状況を監視する API にも変更がありました。詳しくは nsIDownloadManager、nsIDownloadProgressListener、ダウンロードの監視 を参照してください。
      
 
 
      パスワードマネージャ
      
 
 
      あなたの拡張機能からパスワードマネージャを利用してユーザのログイン情報にアクセスしている場合、新しいログインマネージャ API を利用するように更新する必要があります。
      
 
 
        
- 
      • nsILoginManager の使い方 という記事には、パスワードマネージャとログインマネージャの両方を用いることで、Firefox 3 とそれ以前のバージョンの両方で機能拡張を動作させるデモなど、コードサンプルが載っています。
        • 
- 
      • nsILoginInfo
        • 
- 
      • nsILoginManager
        • 
+ 
      • nsILoginManager の使い方 という記事には、パスワードマネージャとログインマネージャの両方を用いることで、Firefox 3 とそれ以前のバージョンの両方で機能拡張を動作させるデモなど、コードサンプルが載っています。
        • 
+ 
      • nsILoginInfo
        • 
+ 
      • nsILoginManager
        • 
 
      
 
-
      あなたが拡張機能の中で独自のパスワードストレージを提供したい場合は、組み込みのパスワードマネージャストレージを上書きすることもできます。詳しくは ログインマネージャ用ストレージモジュールの作成 をご覧ください。
      
+
      あなたが拡張機能の中で独自のパスワードストレージを提供したい場合は、組み込みのパスワードマネージャストレージを上書きすることもできます。詳しくは ログインマネージャ用ストレージモジュールの作成 をご覧ください。
      
 
 
      ポップアップ (メニュー、コンテキストメニュー、ツールチップ、パネル)
      
 
-
      XUL のポップアップシステムは Firefox 3 で大幅に変更されました。ポップアップシステムには、メインメニュー、コンテキストメニュー、ポップアップパネルが含まれます。新しいシステムの仕組みについては ポップアップの使用 ガイドをご覧ください。特筆すべき点は、popup.showPopup が非推奨となり、新しい popup.openPopup と popup.openPopupAtScreen に置き換えられたことです。
      
+
      XUL のポップアップシステムは Firefox 3 で大幅に変更されました。ポップアップシステムには、メインメニュー、コンテキストメニュー、ポップアップパネルが含まれます。新しいシステムの仕組みについては ポップアップの使用 ガイドをご覧ください。特筆すべき点は、popup.showPopup が非推奨となり、新しい popup.openPopup と popup.openPopupAtScreen に置き換えられたことです。
      
 
 
      自動補完
      
 
-
      nsIAutoCompleteController インタフェースの handleEnter() メソッドは、テキストが自動補完ポップアップから選択されたか、ユーザが自分で入力した後 Enter キーを押したかを示す引数を受け付けるよう変更が行われました。
      
+
      nsIAutoCompleteController インタフェースの handleEnter() メソッドは、テキストが自動補完ポップアップから選択されたか、ユーザが自分で入力した後 Enter キーを押したかを示す引数を受け付けるよう変更が行われました。
      
 
 
      DOMParser
      
 
@@ -133,16 +133,16 @@ original_slug: Updating_extensions_for_Firefox_3
  
    • chrome://browser/base/utilityOverlay.js は、セキュリティ上の理由からサポートされなくなりました。これまでこのスクリプトを利用していた場合は、chrome://browser/content/utilityOverlay.js へ切り替えてください。
      • 
  
    • nsIAboutModule の実装には、getURIFlags メソッドのサポートが必要になりました。詳しくは nsIAboutModule.idl を参照してください。これは新しい about: URI を提供する拡張機能に影響します (バグ 337746)。
      • 
  
    • tabbrowser 要素は「ツールキット」の一部ではなくなりました (バグ 339964)。このため、この要素は今後 XUL アプリケーションや拡張機能の中では利用できません。ただし、Firefox のメインウィンドウ (browser.xul) では今後も使われます。
      • 
- 
    • nsISupports プロキシ の変更と、おそらくスレッド関連インタフェースへの変更については、ドキュメントを用意する必要があります。
      • 
+ 
    • nsISupports プロキシ の変更と、おそらくスレッド関連インタフェースへの変更については、ドキュメントを用意する必要があります。
      • 
  
    • XUL ファイル内で <?xml-stylesheet ?> などの XML 処理命令を用いている場合、バグ 319654 で行われた以下の変更に注意してください。
   
        
    
      1. XML PI が XUL ドキュメントの DOM に追加されました。これは、document.firstChild が必ずしもルート要素を返すとは限らない、ということを意味します。スクリプト内でルートドキュメントを得るには、代わりに document.documentElement を用いてください。
        2. 
    
      2. <?xml-stylesheet ?> と <?xul-overlay ?> 処理命令は、ドキュメントの前文以外の場所に書かれた場合、動作しなくなりました。
        3. 
   
      
  
      • 
- 
    • window.addEventListener("load", myFunc, true) が、Web コンテンツが読み込まれた際 (ブラウザのページ読み込み時) に呼び出されなくなりました。これは、inner ウィンドウと outer ウィンドウの関係が変わったことによります (バグ 296639)。簡単な修正方法は、ここ に書かれているように gBrowser.addEventListener("load", myFunc, true) を使うことです。この方法は Firefox 2 でも有効です。
      • 
+ 
    • window.addEventListener("load", myFunc, true) が、Web コンテンツが読み込まれた際 (ブラウザのページ読み込み時) に呼び出されなくなりました。これは、inner ウィンドウと outer ウィンドウの関係が変わったことによります (バグ 296639)。簡単な修正方法は、ここ に書かれているように gBrowser.addEventListener("load", myFunc, true) を使うことです。この方法は Firefox 2 でも有効です。
      • 
  
    • content.window.getSelection() は、文字列を返す、非推奨となった content.document.getSelection() とは異なり、オブジェクトを返します (toString() を使えば文字列に変換できます)。
      • 
- 
    • event.preventBubble() は Firefox 3 で非推奨となり、Firefox 3 で削除されました。Firefox 2 でも動作する event.stopPropagation() を使ってください。
      • 
+ 
    • event.preventBubble() は Firefox 3 で非推奨となり、Firefox 3 で削除されました。Firefox 2 でも動作する event.stopPropagation() を使ってください。
      • 
  
    • setTimeout() を使って開始されるタイマーは、バグ 52209 のために行われた修正によって、モーダル形式のウィンドウではブロックされるようになりました。代わりに nsITimer を使ってください。
      • 
  
    • 信頼できないソース（例：Web サイト）が拡張のクロームにアクセスできるようにする必要がある場合は、新しい contentaccessible フラグ を使わなければなりません。
      • 
 
    
diff --git a/files/ja/orphaned/developing_add-ons/index.html b/files/ja/orphaned/developing_add-ons/index.html
index 7cdb848269..2223fbf2a2 100644
--- a/files/ja/orphaned/developing_add-ons/index.html
+++ b/files/ja/orphaned/developing_add-ons/index.html
@@ -4,6 +4,6 @@ slug: orphaned/Developing_add-ons
 original_slug: Developing_add-ons
 ---
 
    Mozilla ベースのソフトウェアはたいていアドオンを通して拡張可能です。アドオンには、拡張機能、プラグイン、テーマの 3 つの主なタイプがあります。このページはFirefox、Thunderbird、あるいは、Mozilla プラットフォームをベースにしたその他のソフトウェア向けのアドオンを作成するために必要となる情報、および、作成したアドオンを配布する方法のガイドを提供します。
    
-
+
      
      
    アドオンに関するトピックス
         		 
     
      
     
    アドオンを AMO に提出する
     
    アドオン開発者がアドオンを正しくパッケージし配布するために助けとなる情報を提供します。このページには Mozilla のアドオン配布 Web サイトである addons.mozilla.org についての情報が含まれています。
     
    拡張機能
     
    拡張機能は Firefox や SeaMonkey、Thunderbird のような Mozilla アプリケーションに新しい機能を追加します。ツールバーボタンから完全に新しい形態のものまであらゆるものを追加できます。
     
    プラグイン
     
    Mozilla ベースのソフトウェアにネイティブでは扱えないコンテンツを表示させることを可能にさせるバイナリコンポーネントである、プラグインの作成方法についての情報。
     
    Jetpack
     
    あらゆる人のためのブラウザ拡張開発システムです。Jetpack 開発者はモダンな web のツールである HTML と CSS、JavaScript を知っているだけで良いのです。
     
         		  
     
    テーマ
     
    テーマはユーザに Mozilla ベースのアプリケーションによって提供されているユーザインターフェースの見た目をカスタマイズさせることを可能にします。
     
    検索エンジンプラグイン
     
    Firefox は検索ボックスで異なる検索エンジンをサポートすることを可能にする検索エンジンプラグインをサポートしています。
     
    addons.mozilla.org (AMO) API Developers' Guide
     
    AMO Developers' Guide は addons.mozilla.org からアドオンにつての情報を入手するための AMO API の利用方法を説明します。
     
    Mozilla プラットフォーム
     
    API および技術のすべて、また、それらをあなた自身のプロジェクトで利用する方法を含む、Mozilla プラットフォームについての情報。
     
         		 
     
      
      
    アドオンに関するトピックス
         		 
     
      
     
    アドオンを AMO に提出する
     
    アドオン開発者がアドオンを正しくパッケージし配布するために助けとなる情報を提供します。このページには Mozilla のアドオン配布 Web サイトである addons.mozilla.org についての情報が含まれています。
     
    拡張機能
     
    拡張機能は Firefox や SeaMonkey、Thunderbird のような Mozilla アプリケーションに新しい機能を追加します。ツールバーボタンから完全に新しい形態のものまであらゆるものを追加できます。
     
    プラグイン
     
    Mozilla ベースのソフトウェアにネイティブでは扱えないコンテンツを表示させることを可能にさせるバイナリコンポーネントである、プラグインの作成方法についての情報。
     
    Jetpack
     
    あらゆる人のためのブラウザ拡張開発システムです。Jetpack 開発者はモダンな web のツールである HTML と CSS、JavaScript を知っているだけで良いのです。
     
         		  
     
    テーマ
     
    テーマはユーザに Mozilla ベースのアプリケーションによって提供されているユーザインターフェースの見た目をカスタマイズさせることを可能にします。
     
    検索エンジンプラグイン
     
    Firefox は検索ボックスで異なる検索エンジンをサポートすることを可能にする検索エンジンプラグインをサポートしています。
     
    addons.mozilla.org (AMO) API Developers' Guide
     
    AMO Developers' Guide は addons.mozilla.org からアドオンにつての情報を入手するための AMO API の利用方法を説明します。
     
    Mozilla プラットフォーム
     
    API および技術のすべて、また、それらをあなた自身のプロジェクトで利用する方法を含む、Mozilla プラットフォームについての情報。
     
         		 
         
 
    
 
    {{ languages( { "en": "en/Developing_add-ons", "zh-cn": "cn/Developing_add-ons"} ) }}
    
diff --git a/files/ja/orphaned/installing_extensions/index.html b/files/ja/orphaned/installing_extensions/index.html
index 2451f21b18..bd870d9056 100644
--- a/files/ja/orphaned/installing_extensions/index.html
+++ b/files/ja/orphaned/installing_extensions/index.html
@@ -7,7 +7,7 @@ tags:
 original_slug: Installing_extensions
 ---
 
    {{ Gecko_minversion_header(1.9) }}
    
-
    toolkit ベースのアプリケーション（Firefox やその他の XULRunner を使用したアプリケーション）向けの拡張機能をインストールする機能をインストーラに持たせたい場合について、Gecko 1.9（Firefox 3）は Windows、Mac OS X、Linux 上でそれを簡単に行えるようにするための機能を提供します。Windows ユーザについては、当面の所はレジストリを使って拡張機能をインストールする方法も利用できます。
    
+
    toolkit ベースのアプリケーション（Firefox やその他の XULRunner を使用したアプリケーション）向けの拡張機能をインストールする機能をインストーラに持たせたい場合について、Gecko 1.9（Firefox 3）は Windows、Mac OS X、Linux 上でそれを簡単に行えるようにするための機能を提供します。Windows ユーザについては、当面の所はレジストリを使って拡張機能をインストールする方法も利用できます。
    
 
    現在、Mac OS X および Linux においては、ユーザのコンピュータ内のあらかじめ決められた位置のディレクトリに拡張機能をコピーするだけでよいです。
    
 
    この方法を通じてインストールされた拡張機能については、新しく作成された物・既に存在していた物を問わず、そのアプリケーションのすべてのプロファイルに対してインストールされる事に注意してください。
    
 
    Windows
    
diff --git a/files/ja/orphaned/localizing_extension_descriptions/index.html b/files/ja/orphaned/localizing_extension_descriptions/index.html
index 184c1756de..06eaa77384 100644
--- a/files/ja/orphaned/localizing_extension_descriptions/index.html
+++ b/files/ja/orphaned/localizing_extension_descriptions/index.html
@@ -9,7 +9,7 @@ tags:
 original_slug: Localizing_extension_descriptions
 ---
 
    Gecko 1.9 におけるローカライズ
    
-
    Gecko 1.9 には、アドオンの説明や他のメタデータのローカライズに関して、新しく、より強力な方法が盛り込まれています。各言語の説明はすべて、em:localized プロパティを使って install.rdf ファイルに書かれます。em:localized それぞれが、情報が使われるべきロケールを示す em:locale プロパティを少なくとも 1 つと、そのロケールの様々な文字列を持ちます。以下の例はこのデモです (ほとんどの一般的なマニフェストプロパティは簡潔にするため削除してあります)。
    
+
    Gecko 1.9 には、アドオンの説明や他のメタデータのローカライズに関して、新しく、より強力な方法が盛り込まれています。各言語の説明はすべて、em:localized プロパティを使って install.rdf ファイルに書かれます。em:localized それぞれが、情報が使われるべきロケールを示す em:locale プロパティを少なくとも 1 つと、そのロケールの様々な文字列を持ちます。以下の例はこのデモです (ほとんどの一般的なマニフェストプロパティは簡潔にするため削除してあります)。
    
 
    <?xml version="1.0"?>
 
 <RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
@@ -54,14 +54,14 @@ original_slug: Localizing_extension_descriptions
 
    Gecko 1.9 以前のローカライズ
    
 
    Gecko 1.9 以前では、アドオン開発者は、Firefox や Thunderbird のようなツールキットベースのアプリケーションを対象とする拡張機能にローカライズされた説明を定義するためには以下のような特別な手順が必要でした。
    
 
      
- 
    • もしあなたが ローカライズしたプロパティファイル を作っていないのであれば、それを作ってください。他言語が正しく表示されるように、(BOM なしの)UTF-8 エンコードを使うことを忘れないでください。
      • 
- 
    • 次の 1 行を、各言語のローカライズしたプロパティファイルに加えてください (EXTENSION_ID はあなたの拡張機能の ID (install.rdf の <em:id> にあります) に合わせてください。また、LOCALIZED_DESCRIPTION にはその言語での拡張機能の説明を入れてください)。
+ 
    • もしあなたが ローカライズしたプロパティファイル を作っていないのであれば、それを作ってください。他言語が正しく表示されるように、(BOM なしの)UTF-8 エンコードを使うことを忘れないでください。
      • 
+ 
    • 次の 1 行を、各言語のローカライズしたプロパティファイルに加えてください (EXTENSION_ID はあなたの拡張機能の ID (install.rdf の <em:id> にあります) に合わせてください。また、LOCALIZED_DESCRIPTION にはその言語での拡張機能の説明を入れてください)。
   
      extensions.EXTENSION_ID.description=LOCALIZED_DESCRIPTION
      
  
      • 
 
    
 
      
- 
    • もしあなたが デフォルト設定ファイル を作っていないのであれば、それを作ってください。
      • 
- 
    • 次の 1 行を、デフォルト設定ファイルに加えてください (EXTENSION_ID は拡張機能の ID (install.rdf から)、PATH_TO_LOCALIZATION_FILE は上であなたが加えた、ローカライズしたプロパティファイルへの chrome パスです)。
+ 
    • もしあなたが デフォルト設定ファイル を作っていないのであれば、それを作ってください。
      • 
+ 
    • 次の 1 行を、デフォルト設定ファイルに加えてください (EXTENSION_ID は拡張機能の ID (install.rdf から)、PATH_TO_LOCALIZATION_FILE は上であなたが加えた、ローカライズしたプロパティファイルへの chrome パスです)。
   
      pref("extensions.EXTENSION_ID.description", "PATH_TO_LOCALIZATION_FILE");
      
  
      • 
 
    
diff --git a/files/ja/orphaned/mcd/index.html b/files/ja/orphaned/mcd/index.html
index b992797d81..7283dca2de 100644
--- a/files/ja/orphaned/mcd/index.html
+++ b/files/ja/orphaned/mcd/index.html
@@ -20,8 +20,8 @@ original_slug: MCD
       ガイド
     
     
    
    
diff --git a/files/ja/orphaned/monitoring_http_activity/index.html b/files/ja/orphaned/monitoring_http_activity/index.html
index 9af1d8ca31..0a407cc847 100644
--- a/files/ja/orphaned/monitoring_http_activity/index.html
+++ b/files/ja/orphaned/monitoring_http_activity/index.html
@@ -34,7 +34,7 @@ activityDistributor.addObserver(httpObserver);
 
    アクティビティを観察する
    
 
    観察可能なクラスは2つあります： ソケットレベルで発生するものと、HTTPトランザクションレベルで発生するものです。
    
 
    観察可能なソケットのアクティビティ
    
-
    {{ interface("nsIHttpActivityDistributor") }} メソッドに報告された アクティビティが ACTIVITY_TYPE_SOCKET_TRANSPORT の場合、発生したアクティビティの詳細な型を示すアクティビティサブタイプは socket transport status code となります。
    
+
    {{ interface("nsIHttpActivityDistributor") }} メソッドに報告された アクティビティが ACTIVITY_TYPE_SOCKET_TRANSPORT の場合、発生したアクティビティの詳細な型を示すアクティビティサブタイプは socket transport status code となります。
    
 
    観察可能な HTTP のアクティビティ
    
 
    アクティビティタイプ が ACTIVITY_TYPE_HTTP_TRANSACTION の場合、アクティビティサブタイプは activity subtype 定数 のうちの1つとなります。これらは送信されるHTTPリクエストヘッダやボディ、受信するHTTPヘッダなどを含むHTTPトランザクション全体を観察するための機能も含みます。
    
 
    参照
    
diff --git a/files/ja/orphaned/monitoring_wifi_access_points/index.html b/files/ja/orphaned/monitoring_wifi_access_points/index.html
index 2a07703194..41e2b09236 100644
--- a/files/ja/orphaned/monitoring_wifi_access_points/index.html
+++ b/files/ja/orphaned/monitoring_wifi_access_points/index.html
@@ -4,7 +4,7 @@ slug: orphaned/Monitoring_WiFi_access_points
 original_slug: Monitoring_WiFi_access_points
 ---
 
    {{ gecko_minversion_header("1.9.1") }}
    
-
    UniversalXPConnect 特権を用いたコードを利用することで、周囲の WiFi アクセスポイントの SSID 、 MAC アドレス、信号強度の一覧を取得することができます。この機能は、主に WiFi 情報に基づいた geolocation サービスのために導入されました。
    
+
    UniversalXPConnect 特権を用いたコードを利用することで、周囲の WiFi アクセスポイントの SSID 、 MAC アドレス、信号強度の一覧を取得することができます。この機能は、主に WiFi 情報に基づいた geolocation サービスのために導入されました。
    
 
    例
    
 
    この例では、利用可能なアクセスポイントの一覧を出力します。
    
 
    注意: wiki の仕様上、 21 行目の表示がおかしくなることがあります。最初の "dd" は単純に "d" ですが、どういうわけか余分な1文字が付いてしまうようです。
    
diff --git a/files/ja/orphaned/mozmill/index.html b/files/ja/orphaned/mozmill/index.html
index 59dadee8ad..8082bcbbe4 100644
--- a/files/ja/orphaned/mozmill/index.html
+++ b/files/ja/orphaned/mozmill/index.html
@@ -5,9 +5,9 @@ tags:
   - MozMill
 original_slug: Mozmill
 ---
-
    MozMill はテストツールであり、Gecko ベースのアプリケーション (Firefox, Thunderbird, Songbird 等) の自動テストを書くためのフレームワークです。これは、拡張機能 としてビルドされており、IDE (integrated development environment) も含まれています。また、コマンドライン版のクライアントもあり、テストを書いたり実行したり、テストのデバッグの助けにもなります。MozMill には、ユーザとの対話をシミュレートする機能的なテストを書く助けとなる、大規模な API が用意されています。同様に、完全な ユニットテスト API もあります。
    
-
    Mozmill テスト自動化プロジェクト は、2009 年 1 月に開始され、Firefox のための自動テスト作業をカバーしています。プロジェクトのページをご覧になるか、Mozmill Tests のドキュメントを見て、テスト書きへの貢献や MozMill テストの実行についてのイメージをつかんでください。既存のテストは、新しい Firefox のリリースのための リリーステストのサイクルで実行されます。
    
-
    また、Mozilla Messaging チームには、MozMill による Thunderbird のテストを扱うアクティブなプロジェクトがあります。
    
+
    MozMill はテストツールであり、Gecko ベースのアプリケーション (Firefox, Thunderbird, Songbird 等) の自動テストを書くためのフレームワークです。これは、拡張機能 としてビルドされており、IDE (integrated development environment) も含まれています。また、コマンドライン版のクライアントもあり、テストを書いたり実行したり、テストのデバッグの助けにもなります。MozMill には、ユーザとの対話をシミュレートする機能的なテストを書く助けとなる、大規模な API が用意されています。同様に、完全な ユニットテスト API もあります。
    
+
    Mozmill テスト自動化プロジェクト は、2009 年 1 月に開始され、Firefox のための自動テスト作業をカバーしています。プロジェクトのページをご覧になるか、Mozmill Tests のドキュメントを見て、テスト書きへの貢献や MozMill テストの実行についてのイメージをつかんでください。既存のテストは、新しい Firefox のリリースのための リリーステストのサイクルで実行されます。
    
+
    また、Mozilla Messaging チームには、MozMill による Thunderbird のテストを扱うアクティブなプロジェクトがあります。
    
 
    インストール
    
 
    Mozmill は、2 通りの異なる方法でインストールできます。多くの場合は、add-ons.mozilla.org からダウンロードできる Mozmill Extension をお勧めします。この拡張機能には統合された開発環境といくつかのオーサリングツール、テストを実行するためのグラフィカルなインタフェースが含まれています。再起動テストとオペレーティングシステムの対話に興味のある上級ユーザには、python pip (or setuptools) パッケージインストーラを使用した コマンドライン版のクライアント のインストールをお勧めします。
    
 
    拡張機能版
    
@@ -37,10 +37,10 @@ $ sudo pip install mozmill mercurial
    
 
    
 
    さらに読むべきもの
    
 
    他にも、いくつかの MozMill の概要を説明するページがあります。後で参照するため、これらのページをブックマークに追加しておくと良いでしょう。
    
-
       
    • Introduction to Mozmill - 必要な MozMill の各 API オブジェクトの詳細なチュートリアル
      •  
    • Mozmill tests - コマンドラインから MozMill を実行する方法
      • 
+
         
      • Introduction to Mozmill - 必要な MozMill の各 API オブジェクトの詳細なチュートリアル
        •  
      • Mozmill tests - コマンドラインから MozMill を実行する方法
        • 
 
      
 
      リファレンスデスク
      
-
         
      • controller object reference
        •  
      • elementslib object reference (Mozmill 2.0 で非推奨 - finding mozmill elements 参照)
        •  
      • element object reference (Mozmill 2.0+)
        •  
      • finding mozmill elements (Mozmill 2.0+)
        •  
      • mozmill object reference
        •  
      • unit test API reference
        •  
      • extending the element hierarchy
        • 
+
 
        バグ
        
 
        Mozmill は、Mozilla プロジェクト内の多くのテストシステムと同様に、開発段階にあります。バグを見つけたときは、既知のバグ のリストですでに報告されていないか確認してください。まだ報告されていない場合は、"Testing" の製品カテゴリの "Mozmill" コンポーネント下に 新たなバグとして報告してください。バグ報告の際は、バグを再現するためのできるだけ詳細な情報と MozMill のテストを添付してください。よろしくお願いします！
        
diff --git a/files/ja/orphaned/nsidomhtmlmediaelement/index.html b/files/ja/orphaned/nsidomhtmlmediaelement/index.html
index 133e28a8aa..bebce9d830 100644
--- a/files/ja/orphaned/nsidomhtmlmediaelement/index.html
+++ b/files/ja/orphaned/nsidomhtmlmediaelement/index.html
@@ -5,7 +5,7 @@ original_slug: NsIDOMHTMLMediaElement
 ---
 
        
 
-
        nsIDOMHTMLMediaElement インターフェースは HTML 5 における audio および video 要素の実装に用いられています。
        
+
        nsIDOMHTMLMediaElement インターフェースは HTML 5 における audio および video 要素の実装に用いられています。
        
 
 
        注意:  cue ranges 機能の仕様は現在流動的な状況にあり、 HTML 5 標準においては大幅に改訂が加えられるか、置き換えられてしまう可能性があります。そのため、現時点では Firefox ではこの機能に対応していません。
        
 
@@ -28,22 +28,22 @@ original_slug: NsIDOMHTMLMediaElement
 
-   
+   
-   
+   
-   
+   
-   
+   
-   
+   
-   
+   
        
  
   
        void addCueRange(in DOMString className, in float start, in float end, in boolean pauseOnExit, in nsIDOMHTMLVoidCallback enterCallback, in nsIDOMHTMLVoidCallback exitCallback);void addCueRange(in DOMString className, in float start, in float end, in boolean pauseOnExit, in nsIDOMHTMLVoidCallback enterCallback, in nsIDOMHTMLVoidCallback exitCallback);
   
        
   
        DOMString canPlayType(in DOMString type);DOMString canPlayType(in DOMString type);
   
        
   
        void load();void load();
   
        
   
        void pause();void pause();
   
        
   
        void play();void play();
   
        
   
        void removeCueRanges(in DOMString className);void removeCueRanges(in DOMString className);
   
        
          
 
        
@@ -339,8 +339,8 @@ original_slug: NsIDOMHTMLMediaElement
 
        参考資料
        
 
 
diff --git a/files/ja/orphaned/nsidynamiccontainer/index.html b/files/ja/orphaned/nsidynamiccontainer/index.html
index cd637a460a..f88bfabae7 100644
--- a/files/ja/orphaned/nsidynamiccontainer/index.html
+++ b/files/ja/orphaned/nsidynamiccontainer/index.html
@@ -27,10 +27,10 @@ original_slug: nsIDynamicContainer
 
        継承元: nsISupports
        
 

        
  メソッドの概要
        
-
        void onContainerNodeOpening(in nsINavHistoryContainerResultNode aContainer, in nsINavHistoryQueryOptions aOptions);
        
- void onContainerNodeClosed(in nsINavHistoryContainerResultNode aContainer);
        
- void onContainerRemoving(in long long aItemId);
        
- void onContainerMoved(in long long aItemId, in long long aNewParent, in long aNewIndex);
        
+
        void onContainerNodeOpening(in nsINavHistoryContainerResultNode aContainer, in nsINavHistoryQueryOptions aOptions);
        
+ void onContainerNodeClosed(in nsINavHistoryContainerResultNode aContainer);
        
+ void onContainerRemoving(in long long aItemId);
        
+ void onContainerMoved(in long long aItemId, in long long aNewParent, in long aNewIndex);
        
 
        メソッド
        
 
        onContainerNodeOpening()
        
 
        与えられたコンテナノードが新たにノードが作成されようとするときに呼ばれます。
        
@@ -82,7 +82,7 @@ original_slug: nsIDynamicContainer
 
        与えられたコンテナが丁度移動されようとしているときに呼ばれます。bookkeepingを行う処理に備えて存在します。このメソッドはコンテナが移動された後に呼ばれます。
        
 
        関連記事
        
 
diff --git a/files/ja/orphaned/participating_in_the_mozilla_project/index.html b/files/ja/orphaned/participating_in_the_mozilla_project/index.html
index fa46754515..7f2722c81b 100644
--- a/files/ja/orphaned/participating_in_the_mozilla_project/index.html
+++ b/files/ja/orphaned/participating_in_the_mozilla_project/index.html
@@ -5,9 +5,9 @@ original_slug: Participating_in_the_Mozilla_project
 ---
 
        もしあなたが Mozilla プラットフォームに関連するコードでのバグの修正やその他の仕事を手伝うことに興味があるのなら、あなたに適切な方向を指し示すであろう文書がここで見つけられます。
        
 
          
          
        ドキュメンテーショントピックス
        
-
         
        Mozilla 開発者ガイド
         
         
        Mozilla のコードベースに貢献するための開発 Tips とガイド。
         
        Mozilla ソースコード
         
         
        ダウンロードもしくはバージョン管理システムを通してMozilla のコードを手に入れる方法とあなたのコードをツリーに入れる方法についての情報。
         
         
        ビルドに関するドキュメンテーション
         
         
        Firefox と Thunderbird を含む、Mozilla プロジェクトのビルド方法についての情報。このページは内容の整理を必要としています。
         
         
        Mozilla プラットフォーム
         
         
        Mozilla プラットフォームについての情報。その API 群と技術のすべて、そして、あなた自身のプロジェクトでそれらを利用する方法など。
         
        Mozilla を文書化する 
         
         
         Mozilla のためおよび開かれた Web のために私たちのドキュメンテーションの作成と改善に協力してください。
         
        デバッグ
         
         
        Mozilla のコードをデバッグするときに従うべき、役に立つTips とガイドライン。
         
        品質保証（QA)
         
         
        テストおよびバグトラッキングについての情報。
         
        ローカライゼーション
         
         
        Mozilla プロジェクトやドキュメンテーションなどを複数の言語に翻訳することに関する情報。
        
+
         
        Mozilla 開発者ガイド
         
         
        Mozilla のコードベースに貢献するための開発 Tips とガイド。
         
        Mozilla ソースコード
         
         
        ダウンロードもしくはバージョン管理システムを通してMozilla のコードを手に入れる方法とあなたのコードをツリーに入れる方法についての情報。
         
         
        ビルドに関するドキュメンテーション
         
         
        Firefox と Thunderbird を含む、Mozilla プロジェクトのビルド方法についての情報。このページは内容の整理を必要としています。
         
         
        Mozilla プラットフォーム
         
         
        Mozilla プラットフォームについての情報。その API 群と技術のすべて、そして、あなた自身のプロジェクトでそれらを利用する方法など。
         
        Mozilla を文書化する 
         
         
         Mozilla のためおよび開かれた Web のために私たちのドキュメンテーションの作成と改善に協力してください。
         
        デバッグ
         
         
        Mozilla のコードをデバッグするときに従うべき、役に立つTips とガイドライン。
         
        品質保証（QA)
         
         
        テストおよびバグトラッキングについての情報。
         
        ローカライゼーション
         
         
        Mozilla プロジェクトやドキュメンテーションなどを複数の言語に翻訳することに関する情報。
        
 
        		  
        ツール
        
-
         
        Bugzilla
         
         
        Mozilla プロジェクトのための問題を追跡するために使われている Bugzilla データベース。
         
         
        MXR
         
         
        Web 上で Mozilla のソースコードレポジトリをブラウズ、検索できます。
         
         
        Bonsai
         
         
        Bonsai ツールを使えば、レポジトリ上のどのファイルを誰が変更し、そして、いつそれがなされたのかを見つけられます。 
         
         
        Tinderbox
         
         
        Tinderbox はツリーのステータス（現在ビルドが成功しているかどうか）を示します。作業ツリーでの作業を確実にするために、チェックインとチェックアウトの前にチェックしてください。
         
        クラッシュトラッキング
         
         
        Socorro および Talkback クラッシュ報告システムについての情報。
         
        パフォーマンストラッキング
         
         
        Mozilla プロジェクトのパフォーマンス情報が見られます。
         
        開発者フォーラム
         
         
        Mozilla の開発上の問題について話すことができるディスカッションフォーラムのトピック別リスト。
         
        
+
         
        Bugzilla
         
         
        Mozilla プロジェクトのための問題を追跡するために使われている Bugzilla データベース。
         
         
        MXR
         
         
        Web 上で Mozilla のソースコードレポジトリをブラウズ、検索できます。
         
         
        Bonsai
         
         
        Bonsai ツールを使えば、レポジトリ上のどのファイルを誰が変更し、そして、いつそれがなされたのかを見つけられます。 
         
         
        Tinderbox
         
         
        Tinderbox はツリーのステータス（現在ビルドが成功しているかどうか）を示します。作業ツリーでの作業を確実にするために、チェックインとチェックアウトの前にチェックしてください。
         
        クラッシュトラッキング
         
         
        Socorro および Talkback クラッシュ報告システムについての情報。
         
        パフォーマンストラッキング
         
         
        Mozilla プロジェクトのパフォーマンス情報が見られます。
         
        開発者フォーラム
         
         
        Mozilla の開発上の問題について話すことができるディスカッションフォーラムのトピック別リスト。
         
        
 
        		 
                 
 
        
 
         {{ languages( { "en": "en/Participating_in_the_Mozilla_project"} ) }}
        
diff --git a/files/ja/orphaned/tools/add-ons/dom_inspector/index.html b/files/ja/orphaned/tools/add-ons/dom_inspector/index.html
index 1d7222b299..cf4b6916f1 100644
--- a/files/ja/orphaned/tools/add-ons/dom_inspector/index.html
+++ b/files/ja/orphaned/tools/add-ons/dom_inspector/index.html
@@ -26,12 +26,12 @@ original_slug: DOM_Inspector
 
        ドキュメンテーション
        
 
 
        
- 
        DOM Inspector 入門
        
+ 
        DOM Inspector 入門
        
  
        DOM Inspector を始めるのに役立つガイド付きのチュートリアルです。
        
 
        
 
 
        
- 
        DOM Inspector FAQ
        
+ 
        DOM Inspector FAQ
        
  
        DOM Inspector に関するよくある質問への解答です。
        
 
        
 
diff --git a/files/ja/orphaned/web/guide/html/html5/introduction_to_html5/index.html b/files/ja/orphaned/web/guide/html/html5/introduction_to_html5/index.html
index 861044c138..c1cdd1d6b5 100644
--- a/files/ja/orphaned/web/guide/html/html5/introduction_to_html5/index.html
+++ b/files/ja/orphaned/web/guide/html/html5/introduction_to_html5/index.html
@@ -9,7 +9,7 @@ original_slug: Web/Guide/HTML/HTML5/Introduction_to_HTML5
 ---
 
        HTML5 は、HTML 標準の最も新しいバージョンです。HTML5 によって、リッチメディアのサポートだけでなく、ユーザ、彼らのローカルデータ、サーバの間でより簡単にかつ効果的にやり取りするための Web アプリケーションを作成するための拡張されたサポートを提供するための新機能も手に入れることができます。
        
 
-
        HTML5 はまだ策定段階にあるため、現在の仕様に対する変更は当然あり得ます。そのため、すべてのブラウザで HTML5 の機能のすべてがサポートされているわけではありません。ですが、Gecko (そしてその拡張である、Firefox) には、素晴らしいほどに、HTML5 の最初の段階のサポートが含まれており、さらなる機能のサポートに対する取り組みを続けています。Gecko は バージョン1.8.1 から HTML5 の機能をサポートし始めました。HTML5 のメインページに Gecko がサポートしている HTML5 の機能のリストがあります。複数ブラウザのサポート状況の詳細な情報については、CanIUse ウェブサイトを参照してください。
        
+
        HTML5 はまだ策定段階にあるため、現在の仕様に対する変更は当然あり得ます。そのため、すべてのブラウザで HTML5 の機能のすべてがサポートされているわけではありません。ですが、Gecko (そしてその拡張である、Firefox) には、素晴らしいほどに、HTML5 の最初の段階のサポートが含まれており、さらなる機能のサポートに対する取り組みを続けています。Gecko は バージョン1.8.1 から HTML5 の機能をサポートし始めました。HTML5 のメインページに Gecko がサポートしている HTML5 の機能のリストがあります。複数ブラウザのサポート状況の詳細な情報については、CanIUse ウェブサイトを参照してください。
        
 
 
        HTML5  の DOCTYPE
        
 
diff --git a/files/ja/orphaned/web/javascript/guide/creating_a_regular_expression/index.html b/files/ja/orphaned/web/javascript/guide/creating_a_regular_expression/index.html
index 4da2f3be90..9b09e6c5d2 100644
--- a/files/ja/orphaned/web/javascript/guide/creating_a_regular_expression/index.html
+++ b/files/ja/orphaned/web/javascript/guide/creating_a_regular_expression/index.html
@@ -18,7 +18,7 @@ original_slug: Web/JavaScript/Guide/Creating_a_Regular_Expression
   
 
 
          
-  
        • 次のように、RegExp オブジェクトのコンストラクタ関数を呼び出す。
          • 
+  
        • 次のように、RegExp オブジェクトのコンストラクタ関数を呼び出す。
          • 
 
        
 
        var re = new RegExp("ab+c"); 
        
 
        
diff --git a/files/ja/orphaned/web/javascript/guide/expressions/index.html b/files/ja/orphaned/web/javascript/guide/expressions/index.html
index 6c27367d80..90deb434f3 100644
--- a/files/ja/orphaned/web/javascript/guide/expressions/index.html
+++ b/files/ja/orphaned/web/javascript/guide/expressions/index.html
@@ -8,9 +8,9 @@ original_slug: Web/JavaScript/Guide/Expressions
 
        概念的に、式は 2 つの種類に分けることができます。ある値を変数に代入するものと、単純にある値を持つものです。例えば、x = 7 という式は x に 7 という値を代入する式です。この式自体の評価結果は 7 です。このような式では代入演算子を用います。一方、3 + 4 という式では単純に評価結果が 7 になります。この式は代入を行いません。このような式で用いられる演算子は単に演算子と呼ばれます。
        
 
        JavaScript には以下の種類の式があります。
        
 
          
-  
        • 算術式：数値に評価する。例えば 3.14159。（一般に 算術演算子 を使用）
          • 
-  
        • 文字列式：文字列に評価する。例えば "Fred" や "234"。（一般に 文字列演算子 を使用）
          • 
-  
        • 論理式：true または false に評価する。（よく 論理演算子 を用いる)
          • 
-  
        • オブジェクト式：オブジェクトに評価する。（オブジェクトに評価するさまざまな例については 特殊演算子 を参照）
          • 
+  
        • 算術式：数値に評価する。例えば 3.14159。（一般に 算術演算子 を使用）
          • 
+  
        • 文字列式：文字列に評価する。例えば "Fred" や "234"。（一般に 文字列演算子 を使用）
          • 
+  
        • 論理式：true または false に評価する。（よく 論理演算子 を用いる)
          • 
+  
        • オブジェクト式：オブジェクトに評価する。（オブジェクトに評価するさまざまな例については 特殊演算子 を参照）
          • 
 
        
 
        {{ PreviousNext("JavaScript/Guide/Unicode", "JavaScript/Guide/Operators") }}
        
diff --git a/files/ja/orphaned/web/javascript/guide/loop_statements/index.html b/files/ja/orphaned/web/javascript/guide/loop_statements/index.html
index 93f9f2c65a..68dab826b1 100644
--- a/files/ja/orphaned/web/javascript/guide/loop_statements/index.html
+++ b/files/ja/orphaned/web/javascript/guide/loop_statements/index.html
@@ -5,14 +5,14 @@ original_slug: Web/JavaScript/Guide/Loop_Statements
 ---
 
        ループ文
        
 
        ループは指定した条件が満たされている限り繰り返し実行されるコマンドのセットです。JavaScript は、label はもちろん、for、do while、while といったループ文をサポートしています（label 自体はループ文ではありませんが、これらの文とともに頻繁に使用されます）。さらに、break および continue 文をループ文の中で使うことができます。
        
-
        さらに for...in 文も文を繰り返し実行しますが、これはオブジェクトの操作に使用します。オブジェクト操作文 をご覧ください。
        
+
        さらに for...in 文も文を繰り返し実行しますが、これはオブジェクトの操作に使用します。オブジェクト操作文 をご覧ください。
        
 
        ループ文は以下のとおりです。
        
 
 
        {{ PreviousNext("JavaScript/Guide/Conditional_Statements", "JavaScript/Guide/Loop_Statements/for_Statement") }}
        
diff --git a/files/ja/orphaned/web/javascript/guide/object_manipulation_statements/index.html b/files/ja/orphaned/web/javascript/guide/object_manipulation_statements/index.html
index 48e820e9ae..800a9e95cf 100644
--- a/files/ja/orphaned/web/javascript/guide/object_manipulation_statements/index.html
+++ b/files/ja/orphaned/web/javascript/guide/object_manipulation_statements/index.html
@@ -6,7 +6,7 @@ original_slug: Web/JavaScript/Guide/Object_Manipulation_Statements
 
        オブジェクト操作文
        
 
        JavaScript はオブジェクトの操作に for...in、for each...in および with 文を使用します。
        
 
        for...in 文
        
-
        for...in 文は指定した変数をオブジェクトの全プロパティに対して反復します。それぞれのプロパティに対して JavaScript は指定した文を実行します。for...in 文は次のように使用します。
        
+
        for...in 文は指定した変数をオブジェクトの全プロパティに対して反復します。それぞれのプロパティに対して JavaScript は指定した文を実行します。for...in 文は次のように使用します。
        
 
        for (variable in object) {
    statements
 }
@@ -27,11 +27,11 @@ original_slug: Web/JavaScript/Guide/Object_Manipulation_Statements
 car.model = Mustang
 
        
 
        配列
        
-  Array の要素に対して反復する方法としてこれを用いることは魅力的かもしれませんが、for...in 文はその配列の要素に加えてユーザ定義プロパティに対して繰り返すため、独自のプロパティやメソッドを追加するなどして Array オブジェクトに変更を加えると for...in 文は数値のインデックスに加えてユーザ定義プロパティの名前を返します。したがって、配列に対して反復したいときには数値のインデックスを用いた従来の for ループを使用したほうがいいでしょう。
        
+  Array の要素に対して反復する方法としてこれを用いることは魅力的かもしれませんが、for...in 文はその配列の要素に加えてユーザ定義プロパティに対して繰り返すため、独自のプロパティやメソッドを追加するなどして Array オブジェクトに変更を加えると for...in 文は数値のインデックスに加えてユーザ定義プロパティの名前を返します。したがって、配列に対して反復したいときには数値のインデックスを用いた従来の for ループを使用したほうがいいでしょう。
        
 
        for each...in 文
        
-
        for each...in は JavaScript 1.6 で導入されるループ文です。これは for...in に似ていますが、オブジェクトのプロパティの名前ではなく、プロパティの値に対して反復します。
        
+
        for each...in は JavaScript 1.6 で導入されるループ文です。これは for...in に似ていますが、オブジェクトのプロパティの名前ではなく、プロパティの値に対して反復します。
        
 
        with 文
        
-
        with 文はデフォルトのオブジェクトについて文のセットを実行します。JavaScript はその文のセットにおいて非修飾名を検索し、その名前がデフォルトのオブジェクトのプロパティであるかを決定します。非修飾名がプロパティにマッチすると、そのプロパティがその文で使われます。そうでない場合はローカル変数かグローバル変数が使われます。
        
+
        with 文はデフォルトのオブジェクトについて文のセットを実行します。JavaScript はその文のセットにおいて非修飾名を検索し、その名前がデフォルトのオブジェクトのプロパティであるかを決定します。非修飾名がプロパティにマッチすると、そのプロパティがその文で使われます。そうでない場合はローカル変数かグローバル変数が使われます。
        
 
        with 文は次のように使用します。
        
 
        with (object) {
    statements
@@ -47,6 +47,6 @@ with (Math) {
    y = r * sin(PI/2);
 }
 
        
-
        注意：with 文を使うことでプログラムをより簡潔にすることができますが、with の不適切な使用はプログラムを大幅にスローダウンさせることに繋がります。Core JavaScript 1.5 Reference:Statements:with を参照してください。
        
+
        注意：with 文を使うことでプログラムをより簡潔にすることができますが、with の不適切な使用はプログラムを大幅にスローダウンさせることに繋がります。Core JavaScript 1.5 Reference:Statements:with を参照してください。
        
 
 
        {{ PreviousNext("JavaScript/Guide/Loop_Statements/continue_Statement", "JavaScript/Guide/Comments") }}
        
diff --git a/files/ja/orphaned/web/javascript/guide/predefined_functions/escape_and_unescape_functions/index.html b/files/ja/orphaned/web/javascript/guide/predefined_functions/escape_and_unescape_functions/index.html
index 6d126722b1..ca2ec31ef2 100644
--- a/files/ja/orphaned/web/javascript/guide/predefined_functions/escape_and_unescape_functions/index.html
+++ b/files/ja/orphaned/web/javascript/guide/predefined_functions/escape_and_unescape_functions/index.html
@@ -12,5 +12,5 @@ original_slug: Web/JavaScript/Guide/Predefined_Functions/escape_and_unescape_Fun
 unescape(string)
 
    
   
    これらの関数は主にサーバサイド JavaScript で URL 中の名前と値のペアのエンコードやデコードに使用されます。
    
-  escape および unescape 関数は 非 ASCII 文字に対しては正しく機能せず、廃止予定になっています。JavaScript 1.5 以降では encodeURI、decodeURI、encodeURIComponent および decodeURIComponent を使用してください。
+  escape および unescape 関数は 非 ASCII 文字に対しては正しく機能せず、廃止予定になっています。JavaScript 1.5 以降では encodeURI、decodeURI、encodeURIComponent および decodeURIComponent を使用してください。
 
    {{ PreviousNext("JavaScript/Guide/Predefined_Functions/Number_and_String_Functions", "JavaScript/Guide/Objects_and_Properties") }}
    
diff --git a/files/ja/orphaned/web/javascript/guide/predefined_functions/index.html b/files/ja/orphaned/web/javascript/guide/predefined_functions/index.html
index 3738bf8da4..e802cc270a 100644
--- a/files/ja/orphaned/web/javascript/guide/predefined_functions/index.html
+++ b/files/ja/orphaned/web/javascript/guide/predefined_functions/index.html
@@ -7,12 +7,12 @@ original_slug: Web/JavaScript/Guide/Predefined_Functions
   
    定義済み関数
    
   
    JavaScript にはトップレベルの定義済み関数がいくつかあります。
    
   
 
 
    {{ PreviousNext("JavaScript/Guide/Using_the_arguments_object", "JavaScript/Guide/Predefined_Functions/eval_Function") }}
    
diff --git a/files/ja/orphaned/web/javascript/guide/the_employee_example/creating_the_hierarchy/index.html b/files/ja/orphaned/web/javascript/guide/the_employee_example/creating_the_hierarchy/index.html
index 9ed2621e37..41ec88a890 100644
--- a/files/ja/orphaned/web/javascript/guide/the_employee_example/creating_the_hierarchy/index.html
+++ b/files/ja/orphaned/web/javascript/guide/the_employee_example/creating_the_hierarchy/index.html
@@ -6,7 +6,7 @@ original_slug: Web/JavaScript/Guide/The_Employee_Example/Creating_the_Hierarchy
 
    階層の作成
    
 
    Employee の階層を実装するための適当なコンストラクタ関数を定義する方法はいくつかあります。これの定義に何を選択するかは、アプリケーションで何ができるようにしたいかに大きくよります。
    
 
    このセクションではとても単純（かつ比較的柔軟でない）定義の使用方法を示し、継承を機能させる方法を実際に示します。これらの定義では、オブジェクト作成時に何らかのプロパティの値を指定することはできません。新しく作成されるオブジェクトは単にデフォルトの値を取得するだけです。これは後から変更できます。図 8.2 ではこれらの単純な定義を備えた階層を例示します。
    
-
    実際のアプリケーションでは、オブジェクト作成時にプロパティの値を設定できるようにするコンストラクタを定義することになるでしょう（詳しくは より柔軟なコンストラクタ を参照）。今回はこれらの単純な定義を使用して、継承はどのようにして起こるのかを実際に示していくことにします。
    
+
    実際のアプリケーションでは、オブジェクト作成時にプロパティの値を設定できるようにするコンストラクタを定義することになるでしょう（詳しくは より柔軟なコンストラクタ を参照）。今回はこれらの単純な定義を使用して、継承はどのようにして起こるのかを実際に示していくことにします。
    
 
    Image:hier02.gif
    
  図 8.2：Employee オブジェクトの定義
    
 
    以下に示すように、Java と JavaScript の Employee の定義は似ています。唯一の相違点は、Java では各プロパティに対して型を指定する必要があるのに対して、JavaScript ではその必要がないことです。また、Java のクラスでは明示的なコンストラクタメソッドを作成する必要があります。
    
diff --git a/files/ja/orphaned/web/javascript/guide/the_employee_example/index.html b/files/ja/orphaned/web/javascript/guide/the_employee_example/index.html
index b47856921c..79fd796301 100644
--- a/files/ja/orphaned/web/javascript/guide/the_employee_example/index.html
+++ b/files/ja/orphaned/web/javascript/guide/the_employee_example/index.html
@@ -17,14 +17,14 @@ original_slug: Web/JavaScript/Guide/The_Employee_Example

残りの例：

{{ PreviousNext("Core_JavaScript_1.5_Guide:Class-Based_vs._Prototype-Based_Languages", "Core_JavaScript_1.5_Guide:The_Employee_Example:Creating_the_Hierarchy") }}

diff --git a/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/index.html b/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/index.html index 80c2494cf2..2cf27ea0ba 100644 --- a/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/index.html +++ b/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/index.html @@ -6,8 +6,8 @@ original_slug: Web/JavaScript/Guide/The_Employee_Example/Object_Properties

オブジェクトのプロパティ

このセクションでは、プロトタイプチェーンにおいてオブジェクトが他のオブジェクトからどのようにプロパティを継承するのか、また、実行時にプロパティを追加すると何が起きるのかについて論じます。

{{ PreviousNext("Core_JavaScript_1.5_Guide:The_Employee_Example:Creating_the_Hierarchy", "Core_JavaScript_1.5_Guide:The_Employee_Example:Object_Properties:Inheriting_Properties") }}

diff --git a/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/inheriting_properties/index.html b/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/inheriting_properties/index.html index 159c3c4e01..b860b5871f 100644 --- a/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/inheriting_properties/index.html +++ b/files/ja/orphaned/web/javascript/guide/the_employee_example/object_properties/inheriting_properties/index.html @@ -6,7 +6,7 @@ original_slug: >- Web/JavaScript/Guide/The_Employee_Example/Object_Properties/Inheriting_Properties ---

プロパティの継承

-

次の文を用いて（図 8.3 で示したように）mark オブジェクトを WorkerBee として作成するとします。

+

次の文を用いて（図 8.3 で示したように）mark オブジェクトを WorkerBee として作成するとします。

mark = new WorkerBee;

JavaScript は new 演算子に出くわすと、新しく汎用オブジェクトを生成し、この新しいオブジェクトを this キーワードの値として WorkerBee コンストラクタ関数に渡します。コンストラクタ関数は明示的に projects プロパティの値をセットします。さらに、内部的な __proto__ プロパティの値として WorkerBee.prototype の値をセットします。（このプロパティ名は最初と最後に 2 文字ずつのアンダースコアが付いています。）__proto__ プロパティはプロパティの値を返すのに使用されるプロトタイプチェーンを決定します。これらのプロパティがセットされると JavaScript は新しいオブジェクトを返し、代入文は変数 mark にそのオブジェクトをセットします。

@@ -15,7 +15,7 @@ original_slug: >- mark.dept = "general"; mark.projects = []; -

mark オブジェクトは mark.__proto__ の原型的なオブジェクトから name および dept プロパティの値を継承します。WorkerBee コンストラクタによって projects プロパティにローカルの値が代入されます。このことでプロパティとその値を継承することができます。このプロセスの細かいところは プロパティの継承、再び にて議論します。

+

mark オブジェクトは mark.__proto__ の原型的なオブジェクトから name および dept プロパティの値を継承します。WorkerBee コンストラクタによって projects プロパティにローカルの値が代入されます。このことでプロパティとその値を継承することができます。このプロセスの細かいところは プロパティの継承、再び にて議論します。

これらのコンストラクタにインスタンス固有の値を渡せないため、この情報は汎用的になります。プロパティの値は WorkerBee によって作成されるすべての新しいオブジェクトに共有される、デフォルトの値になります。もちろん、これらのどのプロパティのでもその値を変えることができます。そのためには次のようにして mark に固有の情報を与えます。

mark.name = "Doe, Mark";
 mark.dept = "admin";
diff --git a/files/ja/orphaned/web/javascript/guide/using_the_arguments_object/index.html b/files/ja/orphaned/web/javascript/guide/using_the_arguments_object/index.html
index 18259c91ce..446895507c 100644
--- a/files/ja/orphaned/web/javascript/guide/using_the_arguments_object/index.html
+++ b/files/ja/orphaned/web/javascript/guide/using_the_arguments_object/index.html
@@ -30,7 +30,7 @@ myConcat("; ", "elephant", "giraffe", "lion", "cheetah");
 // "sage. basil. oregano. pepper. parsley. " を返す
 myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");
-

さらなる情報については、コア JavaScript リファレンスの Function オブジェクト をご覧ください。

+

さらなる情報については、コア JavaScript リファレンスの Function オブジェクト をご覧ください。

JavaScript 1.3 以前のバージョン
arguments オブジェクトは Function オブジェクトのプロパティであり、次のように関数の名前を前に付けることができます。

functionName.arguments{{ mediawiki.external('i') }}
diff --git a/files/ja/orphaned/web/javascript/guide/writing_a_regular_expression_pattern/index.html b/files/ja/orphaned/web/javascript/guide/writing_a_regular_expression_pattern/index.html index ee4583e4b4..f94d505365 100644 --- a/files/ja/orphaned/web/javascript/guide/writing_a_regular_expression_pattern/index.html +++ b/files/ja/orphaned/web/javascript/guide/writing_a_regular_expression_pattern/index.html @@ -5,7 +5,7 @@ original_slug: Web/JavaScript/Guide/Writing_a_Regular_Expression_Pattern ---

正規表現パターンを書く

-

正規表現パターンは、/abc/ のような単純な文字、または /ab*c/ や /Chapter (\d+)\.\d*/ のような単純な文字と特殊文字との組み合わせからなります。最後の例では記憶装置として使われている丸括弧が含まれています。パターンのこの部分でなされたマッチは後で使用できるように記憶されます。詳しくは 括弧で囲まれた部分文字列のマッチの使用 を参照してください。

+

正規表現パターンは、/abc/ のような単純な文字、または /ab*c/ や /Chapter (\d+)\.\d*/ のような単純な文字と特殊文字との組み合わせからなります。最後の例では記憶装置として使われている丸括弧が含まれています。パターンのこの部分でなされたマッチは後で使用できるように記憶されます。詳しくは 括弧で囲まれた部分文字列のマッチの使用 を参照してください。

単純なパターンの使用

@@ -183,7 +183,7 @@ original_slug: Web/JavaScript/Guide/Writing_a_Regular_Expression_Pattern

括弧の使用

-

正規表現パターンの一部分を括弧で囲むことで、マッチした部分文字列のその部分を記憶しておくことができます。一度記憶すると、後からその部分文字列を呼び戻すことができます。これに関しては 括弧で囲まれた部分文字列のマッチの使用 で説明しています。

+

正規表現パターンの一部分を括弧で囲むことで、マッチした部分文字列のその部分を記憶しておくことができます。一度記憶すると、後からその部分文字列を呼び戻すことができます。これに関しては 括弧で囲まれた部分文字列のマッチの使用 で説明しています。

例えば、/Chapter (\d+)\.\d*/ というパターンでは、エスケープされた文字と特殊文字の部分がその例で、その部分を記憶するように指示しています。これは 'Chapter ' という文字列、それに続く 1 文字以上の数字（\d はいずれかの数字を意味し、+ は 1 回以上の繰り返しを意味する）、それに続く小数点（それ自体は特殊文字であり、小数点の前の \ はパターンが '.' という文字そのものを探すようにすることを意味する）、それに続く 0 文字以上の数字（\d は数字を意味し、* は 0 回以上の繰り返しを意味する）にマッチします。さらに、括弧を使うことで最初のマッチした数値を記憶させます。

diff --git a/files/ja/web/api/document/getelementbyid/index.html b/files/ja/web/api/document/getelementbyid/index.html index 47aad75103..6bf6b57b97 100644 --- a/files/ja/web/api/document/getelementbyid/index.html +++ b/files/ja/web/api/document/getelementbyid/index.html @@ -100,7 +100,7 @@ element.id = 'testqq'; var el = document.getElementById('testqq'); // el は null になります -

HTML 以外の文書の場合。 DOM の実装では、どの属性が ID 類であるかを示す情報が必要です。 "id" という名前の属性は、文書の DTD で定義されていない限り ID 類とみなされません。 id 属性は XHTML, XUL などの一般的な場合には ID 類として定義されています。属性が ID 類であるかどうかが分からない実装では、 null を返すでしょう。

+

HTML 以外の文書の場合。 DOM の実装では、どの属性が ID 類であるかを示す情報が必要です。 "id" という名前の属性は、文書の DTD で定義されていない限り ID 類とみなされません。 id 属性は XHTML, XUL などの一般的な場合には ID 類として定義されています。属性が ID 類であるかどうかが分からない実装では、 null を返すでしょう。

仕様書

@@ -145,5 +145,5 @@ var el = document.getElementById('testqq'); // el は null になります
  • {{domxref("Document")}}: 文書内で要素への参照を取得するために使うことができる他のメソッドやプロパティで使用するための参照。
  • {{domxref("Document.querySelector()")}}: 'div.myclass' のようなセレクターを通したクエリのためのもの。
    • -
  • xml:id - getElementById() による XML 文書 (Ajax 呼び出しによって返されるものなど) の 'xml:id' の取得を可能とする便利なメソッドを持つ
    • +
  • xml:id - getElementById() による XML 文書 (Ajax 呼び出しによって返されるものなど) の 'xml:id' の取得を可能とする便利なメソッドを持つ
diff --git a/files/ja/web/api/document_object_model/locating_dom_elements_using_selectors/index.html b/files/ja/web/api/document_object_model/locating_dom_elements_using_selectors/index.html index 65524033fb..4eb86d5287 100644 --- a/files/ja/web/api/document_object_model/locating_dom_elements_using_selectors/index.html +++ b/files/ja/web/api/document_object_model/locating_dom_elements_using_selectors/index.html @@ -46,5 +46,5 @@ translation_of: Web/API/Document_object_model/Locating_DOM_elements_using_select
  • {{domxref("Element.querySelectorAll()")}}
  • {{domxref("Document.querySelector()")}}
  • {{domxref("Document.querySelectorAll()")}}
    • -
  • Code snippets for querySelector
    • +
  • Code snippets for querySelector
    • diff --git a/files/ja/web/api/domstringlist/index.html b/files/ja/web/api/domstringlist/index.html index 27c3d8eb74..dfdf9efb5d 100644 --- a/files/ja/web/api/domstringlist/index.html +++ b/files/ja/web/api/domstringlist/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/DOMStringList ---

    {{APIRef("DOM")}}

    -

    DOMString (strings) のリストを含むいくつかの API が返す型です。

    +

    DOMString (strings) のリストを含むいくつかの API が返す型です。

    プロパティ

    diff --git a/files/ja/web/api/element/getattributenodens/index.html b/files/ja/web/api/element/getattributenodens/index.html index f56fd71658..fb48807b05 100644 --- a/files/ja/web/api/element/getattributenodens/index.html +++ b/files/ja/web/api/element/getattributenodens/index.html @@ -28,7 +28,7 @@ translation_of: Web/API/Element/getAttributeNodeNS

    注記

    -

    <code>getAttributeNodeNS</code> is more specific than getAttributeNode in that it allows you to specify attributes that are part of a particular namespace. The corresponding setter method is setAttributeNodeNS. getAttributeNodeNS は特定の名前空間の一部である属性を指定できるという点で getAttributeNodeより特殊です。対応するsetterメソッドはsetAttributeNodeNSです。

    +

    <code>getAttributeNodeNS</code> is more specific than getAttributeNode in that it allows you to specify attributes that are part of a particular namespace. The corresponding setter method is setAttributeNodeNS. getAttributeNodeNS は特定の名前空間の一部である属性を指定できるという点で getAttributeNodeより特殊です。対応するsetterメソッドはsetAttributeNodeNSです。

    {{ DOMAttributeMethods() }}== Specification ==

    diff --git a/files/ja/web/api/history_api/working_with_the_history_api/index.html b/files/ja/web/api/history_api/working_with_the_history_api/index.html index c7b71399b2..a2fb053d73 100644 --- a/files/ja/web/api/history_api/working_with_the_history_api/index.html +++ b/files/ja/web/api/history_api/working_with_the_history_api/index.html @@ -54,7 +54,7 @@ history.pushState(stateObj, "page 2", "bar.html"); -
    注: Gecko 2.0 {{ geckoRelease("2.0") }} より Gecko 5.0 {{ geckoRelease("5.0") }} に於いては、渡されたオブジェクトは JSON を使用してシリアライズされます。Gecko 6.0 {{ geckoRelease("6.0") }} より、オブジェクトは the structured clone algorithm を使用してシリアライズされます。これにより多種多様なオブジェクトを安全に渡せるようになります。
    +
    注: Gecko 2.0 {{ geckoRelease("2.0") }} より Gecko 5.0 {{ geckoRelease("5.0") }} に於いては、渡されたオブジェクトは JSON を使用してシリアライズされます。Gecko 6.0 {{ geckoRelease("6.0") }} より、オブジェクトは the structured clone algorithm を使用してシリアライズされます。これにより多種多様なオブジェクトを安全に渡せるようになります。

    ある意味では、pushState() の呼び出しは window.location = "#foo"; と設定するのと似ています。どちらも、現在のドキュメントに関連する別の履歴エントリの生成とアクティベートを行います。ですが pushState() にはいくらかの利点があります：

    @@ -77,7 +77,7 @@ history.pushState(stateObj, "page 2", "bar.html");

    具体的には、何らかのユーザーのアクションを受け、現在の履歴エントリの URL または state オブジェクトを更新したい場合に replaceState() が役立ちます。

    -
    注: Gecko 2.0 {{ geckoRelease("2.0") }} より Gecko 5.0 {{ geckoRelease("5.0") }} に於いては、渡されたオブジェクトは JSON を使用してシリアライズされます。Gecko 6.0 {{ geckoRelease("6.0") }} より、オブジェクトは the structured clone algorithm を使用してシリアライズされます。これにより多種多様なオブジェクトを安全に渡せるようになります。
    +
    注: Gecko 2.0 {{ geckoRelease("2.0") }} より Gecko 5.0 {{ geckoRelease("5.0") }} に於いては、渡されたオブジェクトは JSON を使用してシリアライズされます。Gecko 6.0 {{ geckoRelease("6.0") }} より、オブジェクトは the structured clone algorithm を使用してシリアライズされます。これにより多種多様なオブジェクトを安全に渡せるようになります。

    replaceState() の例

    diff --git a/files/ja/web/api/html_drag_and_drop_api/multiple_items/index.html b/files/ja/web/api/html_drag_and_drop_api/multiple_items/index.html index 23d2cd518f..5a4fded9fe 100644 --- a/files/ja/web/api/html_drag_and_drop_api/multiple_items/index.html +++ b/files/ja/web/api/html_drag_and_drop_api/multiple_items/index.html @@ -4,14 +4,14 @@ slug: Web/API/HTML_Drag_and_Drop_API/Multiple_items translation_of: Web/API/HTML_Drag_and_Drop_API/Multiple_items original_slug: DragDrop/Dragging_and_Dropping_Multiple_Items --- -

    Mozillaはいくつかの非標準の機能によって、複数の項目のドラッグをサポートしています。それらの機能はtypesプロパティやgetData、setData、clearDataの各メソッドに酷似していますが、データの取得や変更、削除の際などに項目のインデックスを追加の引数として要求します。

    -

    mozSetDataAtを使うと、dragstartイベントで複数の項目を登録することができます。これはsetDataメソッドとよく似た働きをします。

    +

    Mozillaはいくつかの非標準の機能によって、複数の項目のドラッグをサポートしています。それらの機能はtypesプロパティやgetData、setData、clearDataの各メソッドに酷似していますが、データの取得や変更、削除の際などに項目のインデックスを追加の引数として要求します。

    +

    mozSetDataAtを使うと、dragstartイベントで複数の項目を登録することができます。これはsetDataメソッドとよく似た働きをします。

    var dt = event.dataTransfer;
 dt.mozSetDataAt("text/plain", "ドラッグされるデータ", 0);
 dt.mozSetDataAt("text/plain", "ドラッグされる2つめのデータ", 1);
    -

    この例では2つのドラッグ項目を追加しています。最後の引数は追加する項目のインデックスを示しています。これらの項目は0番から順番に登録するべきで、最後の方（インデックスの大きなもの）から逆順に登録することはできません。また、すでにデータが登録されているインデックスを指定してもう1度データを登録すると、前に登録したデータを置き換えることができます。インデックスとして0を指定すると、setDataメソッドを呼んだのと等しく扱われます。

    -

    mozClearDataAtメソッドを使って、指定した項目を削除することもできます。

    +

    この例では2つのドラッグ項目を追加しています。最後の引数は追加する項目のインデックスを示しています。これらの項目は0番から順番に登録するべきで、最後の方（インデックスの大きなもの）から逆順に登録することはできません。また、すでにデータが登録されているインデックスを指定してもう1度データを登録すると、前に登録したデータを置き換えることができます。インデックスとして0を指定すると、setDataメソッドを呼んだのと等しく扱われます。

    +

    mozClearDataAtメソッドを使って、指定した項目を削除することもできます。

    event.dataTransfer.mozClearDataAt("text/plain", 1);

    あるインデックスで示される項目について、最後のデータ形式の削除によって項目全体を削除すると、残りの項目が繰り上がって項目のインデックスが変わることに注意してください。例えば、

    @@ -36,9 +36,9 @@ dt.mozClearDataAt("text/plain", 1);

    幸いなことに、通常は項目を削除する必要がある場合は希で、それよりも、必要に応じて項目を追加するだけの場合の方がずっと多いです。

    複数の項目のドラッグが使われる場合の代表は、複数のファイルやブックマークをドラッグする時です。この場合には、適切な形式でそれらの項目を追加してください。また必須ではありませんが、それぞれの項目は常に同じ形式でデータを追加するべきです。これによりドロップ対象は、一貫したデータの受け取りを期待できます。

    -

    複数のファイルがドラッグされているかどうかを確認するには、mozItemCountプロパティを調べます。このプロパティにはドラッグされている項目の数がセットされます。もしそのドロップ対象が1つの項目のドロップだけを受け付ける場合には、ドラッグされた項目すべてを拒否することもできますし、最初の項目だけを受け取ることもできます。複数の項目の受け取りを拒否するには、dragoverイベントをキャンセルしないか、effectAllowedプロパティにnoneを指定します。他のイベントリスナがすでにイベントをキャンセルしている場合に備えて、両方を実行しても構いません。

    -

    ドロップされた項目のうち最初の項目だけを扱う場合は、1つだけの項目のドラッグの場合と同様にgetDataを使います。これは、何も追加の処理が必要ないドロップ項目を1つだけ受け取るドロップ対象のために有用です。

    -

    それに対して、任意のインデックスの項目をデータトランスファーから取得するにはmozGetDataAtメソッドを使います。以下の例は、ドラッグされたファイルを取得し、それらを配列に追加するものです。

    +

    複数のファイルがドラッグされているかどうかを確認するには、mozItemCountプロパティを調べます。このプロパティにはドラッグされている項目の数がセットされます。もしそのドロップ対象が1つの項目のドロップだけを受け付ける場合には、ドラッグされた項目すべてを拒否することもできますし、最初の項目だけを受け取ることもできます。複数の項目の受け取りを拒否するには、dragoverイベントをキャンセルしないか、effectAllowedプロパティにnoneを指定します。他のイベントリスナがすでにイベントをキャンセルしている場合に備えて、両方を実行しても構いません。

    +

    ドロップされた項目のうち最初の項目だけを扱う場合は、1つだけの項目のドラッグの場合と同様にgetDataを使います。これは、何も追加の処理が必要ないドロップ項目を1つだけ受け取るドロップ対象のために有用です。

    +

    それに対して、任意のインデックスの項目をデータトランスファーから取得するにはmozGetDataAtメソッドを使います。以下の例は、ドラッグされたファイルを取得し、それらを配列に追加するものです。

    function onDrop(event)
 {
   var files = [];
@@ -47,15 +47,15 @@ dt.mozClearDataAt("text/plain", 1);
     files.push(dt.mozGetDataAt("application/x-moz-file", i));
 }
    -

    mozTypesAtメソッドを使って、望んでいる形式のデータが存在しているかどうかを確かめたいとも思うでしょう。typesプロパティと同様に、このメソッドは、その項目が保持しているデータの型の文字列を返します。typesプロパティを取得する事は、インデックスが0の項目の型のリストを取得する事に等しいです。

    +

    mozTypesAtメソッドを使って、望んでいる形式のデータが存在しているかどうかを確かめたいとも思うでしょう。typesプロパティと同様に、このメソッドは、その項目が保持しているデータの型の文字列を返します。typesプロパティを取得する事は、インデックスが0の項目の型のリストを取得する事に等しいです。

    var types = event.dataTransfer.mozTypesAt(1);

    文字列でないデータのドラッグ

    -

    上で解説した追加のメソッドが扱えるデータは文字列に限定されず、どんな種類のデータでも指定することができます。例えば、ファイルはapplication/x-moz-file型でnsIFileのオブジェクトとして保持されてドラッグされます。setDataメソッドは文字列しかサポートしておらず、 ドラッグするファイルを指定するのには利用できないため、代わりにmozSetDataAtメソッドを使わなくてはなりません。

    +

    上で解説した追加のメソッドが扱えるデータは文字列に限定されず、どんな種類のデータでも指定することができます。例えば、ファイルはapplication/x-moz-file型でnsIFileのオブジェクトとして保持されてドラッグされます。setDataメソッドは文字列しかサポートしておらず、 ドラッグするファイルを指定するのには利用できないため、代わりにmozSetDataAtメソッドを使わなくてはなりません。

    dt.mozSetDataAt("application/x-moz-file", file, 0);

    複数の項目を扱う必要がない場合でも、このメソッドを使うことによって任意のオブジェクトをデータに指定できます。この場合には、インデックスとして0を指定しておきます。

    -

    同様に、ファイルやその他のオブジェクトを取得するにはmozGetDataAtメソッドを使う必要があります。もしgetDataを使った場合は、値が文字列でない型のデータは空文字として取得されます。ただし、数値のような単純な型のデータについては文字列に変換できるため、この場合はgetDataを使っても問題ありません。

    +

    同様に、ファイルやその他のオブジェクトを取得するにはmozGetDataAtメソッドを使う必要があります。もしgetDataを使った場合は、値が文字列でない型のデータは空文字として取得されます。ただし、数値のような単純な型のデータについては文字列に変換できるため、この場合はgetDataを使っても問題ありません。

    複数項目のドロップの例

    以下は、ドロップされた項目のデータとその形式を一覧表示するボックスの例です。

    <html>
@@ -103,7 +103,7 @@ function output(text)
 </body>
 </html>
    -

    この例は、preventDefaultメソッドによってdragenterイベントとdragoverイベントを両方ともキャンセルします。これにより、要素の上でのドロップが可能になっています。

    -

    項目をドロップした時に、dodrop関数が呼ばれます。この関数はmozItemCountプロパティを見て、いくつの項目がドロップされたのかを調べ、それらに繰り返し処理を行います。それぞれの項目について、型の一覧を得るためにmozTypesAtメソッドが呼ばれます。この一覧の生成処理は、ドラッグに対して関連づけられたすべてのデータに対して繰り返されます。

    +

    この例は、preventDefaultメソッドによってdragenterイベントとdragoverイベントを両方ともキャンセルします。これにより、要素の上でのドロップが可能になっています。

    +

    項目をドロップした時に、dodrop関数が呼ばれます。この関数はmozItemCountプロパティを見て、いくつの項目がドロップされたのかを調べ、それらに繰り返し処理を行います。それぞれの項目について、型の一覧を得るためにmozTypesAtメソッドが呼ばれます。この一覧の生成処理は、ドラッグに対して関連づけられたすべてのデータに対して繰り返されます。

    この例は、あるドラッグ操作が保持しているデータを確かめたい時に便利です。ただ項目をこの例のドロップ対象にドロップするだけで、ドラッグされたどの項目がどんな形式でどのようなデータを保持しているのかを見ることができます。

    {{ languages( { "en": "En/DragDrop/Dragging_and_Dropping_Multiple_Items" } ) }}

    diff --git a/files/ja/web/api/xmlserializer/index.html b/files/ja/web/api/xmlserializer/index.html index 48bd19f8e5..1bae104f64 100644 --- a/files/ja/web/api/xmlserializer/index.html +++ b/files/ja/web/api/xmlserializer/index.html @@ -96,7 +96,7 @@ document.body.insertAdjacentHTML('afterbegin', inp_xmls);

    関連項目

    diff --git a/files/ja/web/css/inheritance/index.html b/files/ja/web/css/inheritance/index.html index bf2dd3f663..9bf6dfaa86 100644 --- a/files/ja/web/css/inheritance/index.html +++ b/files/ja/web/css/inheritance/index.html @@ -38,7 +38,7 @@ translation_of: Web/CSS/inheritance

    非継承プロパティ

    -

    値を持たない非継承プロパティが要素に指定された場合、要素はプロパティの初期値（※各プロパティのページの「概要」の章に記されています）を取得します。

    +

    値を持たない非継承プロパティが要素に指定された場合、要素はプロパティの初期値（※各プロパティのページの「概要」の章に記されています）を取得します。

    非継承プロパティの一般的な例としては {{ Cssxref("border") }} プロパティが挙げられます。次の様なスタイルルールを指定し、

    diff --git a/files/ja/web/css/padding-bottom/index.html b/files/ja/web/css/padding-bottom/index.html index 877b22fa80..8aa21ff9bb 100644 --- a/files/ja/web/css/padding-bottom/index.html +++ b/files/ja/web/css/padding-bottom/index.html @@ -104,7 +104,7 @@ padding-bottom: unset;

    関連情報

      -
    • CSS 基本ボックスモデルの紹介
      • +
    • CSS 基本ボックスモデルの紹介
    • {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-left")}} および {{cssxref("padding")}} 一括指定
    • 対応付けられる論理的プロパティ: {{cssxref("padding-block-start")}}, {{cssxref("padding-block-end")}}, {{cssxref("padding-inline-start")}}, {{cssxref("padding-inline-end")}} および一括指定の {{cssxref("padding-block")}} と {{cssxref("padding-inline")}}
    diff --git a/files/ja/web/guide/css/getting_started/challenge_solutions/index.html b/files/ja/web/guide/css/getting_started/challenge_solutions/index.html index df62dacd38..a3825b30aa 100644 --- a/files/ja/web/guide/css/getting_started/challenge_solutions/index.html +++ b/files/ja/web/guide/css/getting_started/challenge_solutions/index.html @@ -3,7 +3,7 @@ title: Challenge solutions slug: Web/Guide/CSS/Getting_started/Challenge_solutions translation_of: Web/Guide/CSS/Getting_started/Challenge_solutions --- -

    このページは、 CSS Getting Started チュートリアルにあるチャレンジの解答例です。これ以外の解答も考えられます。以下の章名はチュートリアルページのタイトルと一致します。

    +

    このページは、 CSS Getting Started チュートリアルにあるチャレンジの解答例です。これ以外の解答も考えられます。以下の章名はチュートリアルページのタイトルと一致します。

    CSS をなぜ用いるか

    Colors

    @@ -16,7 +16,7 @@ translation_of: Web/Guide/CSS/Getting_started/Challenge_solutions
    Solution
    - CSS supports common color names like orange, yellow, blue, green, or black. It also supports some more exotic color names like chartreuse, fuschia, or burlywood. See CSS Color value for a complete list as well as other ways of specifying colors.
    + CSS supports common color names like orange, yellow, blue, green, or black. It also supports some more exotic color names like chartreuse, fuschia, or burlywood. See CSS Color value for a complete list as well as other ways of specifying colors.

    どのように CSS は動作するのか

    DOM inspector

    @@ -244,7 +244,7 @@ h3:before { } -

    表

    +

    表

    Borders on data cells only

    diff --git a/files/ja/web/guide/html/content_categories/index.html b/files/ja/web/guide/html/content_categories/index.html index 9f0b98251f..cc2b9c20f3 100644 --- a/files/ja/web/guide/html/content_categories/index.html +++ b/files/ja/web/guide/html/content_categories/index.html @@ -84,9 +84,9 @@ translation_of: Web/Guide/HTML/Content_categories
  • {{HTMLElement("area")}}: {{HTMLElement("map")}} 要素の子孫である場合
  • {{HTMLElement("del")}}: 記述コンテンツだけを含む場合
  • {{HTMLElement("ins")}}: 記述コンテンツだけを含む場合
    • -
  • {{HTMLElement("link")}}: itemprop 属性がある場合
    • +
  • {{HTMLElement("link")}}: itemprop 属性がある場合
  • {{HTMLElement("map")}}: 記述コンテンツだけを含む場合
    • -
  • {{HTMLElement("meta")}}: itemprop 属性がある場合
    • +
  • {{HTMLElement("meta")}}: itemprop 属性がある場合

    • 埋め込みコンテンツ

    diff --git a/files/ja/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html b/files/ja/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html index 07826fa870..8a2b1b2b00 100644 --- a/files/ja/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html +++ b/files/ja/web/guide/html/editable_content/rich-text_editing_in_mozilla/index.html @@ -50,7 +50,7 @@ translation_of: Web/Guide/HTML/Editable_content/Rich-Text_Editing_in_Mozilla

    さらに、 Mozilla には、ドキュメントが designMode になると、そのドキュメント内のイベントが無効になるという特徴があります。designMode をオフにすると (Mozilla 1.5 ではこの切り替えが可能となります)、再びイベントはアクティブになります。

    -

    さらなる情報 は、Migrate apps from Internet Explorer to Mozilla の Rich text editing の節をご覧ください。

    +

    さらなる情報 は、Migrate apps from Internet Explorer to Mozilla の Rich text editing の節をご覧ください。

    例

    @@ -277,7 +277,7 @@ img.intLink { border: 0; }
  • designMode
  • MSDN: How to Create an HTML Editor Application
  • A closed source, cross-browser rich-text editing demo
    • -
  • xbDesignMode; a JavaScript helper class for easier cross-browser development using designMode.
    • +
  • xbDesignMode; a JavaScript helper class for easier cross-browser development using designMode.
  • Firefox 3 and contentEditable
    • diff --git a/files/ja/web/guide/parsing_and_serializing_xml/index.html b/files/ja/web/guide/parsing_and_serializing_xml/index.html index 9adb073f0c..5a473bfc8f 100644 --- a/files/ja/web/guide/parsing_and_serializing_xml/index.html +++ b/files/ja/web/guide/parsing_and_serializing_xml/index.html @@ -109,7 +109,7 @@ const xmlStr = serializer.serializeToString(doc);

    関連項目

      -
    • XPath
      • +
    • XPath
    • {{domxref("XMLHttpRequest")}}
    • {{domxref("Document")}}, {{domxref("XMLDocument")}} および {{domxref("HTMLDocument")}}
    diff --git a/files/ja/web/html/element/xmp/index.html b/files/ja/web/html/element/xmp/index.html index 639da9a3c8..a2e858eb0f 100644 --- a/files/ja/web/html/element/xmp/index.html +++ b/files/ja/web/html/element/xmp/index.html @@ -26,7 +26,7 @@ translation_of: Web/HTML/Element/xmp

    属性

    -

    この要素は、すべての要素が持つ グローバル属性 以外の属性を持ちません。

    +

    この要素は、すべての要素が持つ グローバル属性 以外の属性を持ちません。

    DOM インターフェイス

    diff --git a/files/ja/web/html/inline_elements/index.html b/files/ja/web/html/inline_elements/index.html index cb1100ea03..6d4ba241e0 100644 --- a/files/ja/web/html/inline_elements/index.html +++ b/files/ja/web/html/inline_elements/index.html @@ -161,7 +161,7 @@ the block-level element's influence.</div>

    関連情報

    JavaScript® は、米国およびその他の国における、Oracle の商標または登録商標です。

    diff --git a/files/ja/web/javascript/guide/working_with_objects/index.html b/files/ja/web/javascript/guide/working_with_objects/index.html index 6200e1aa36..bf382dd5c7 100644 --- a/files/ja/web/javascript/guide/working_with_objects/index.html +++ b/files/ja/web/javascript/guide/working_with_objects/index.html @@ -109,10 +109,10 @@ myCar.year = 1969

    オブジェクトの全プロパティの列挙

    -

    ECMAScript 5 以降では、オブジェクトのプロパティをリストアップ/トラバース (横断走査) する言語特有の方法が 3 つあります。

    +

    ECMAScript 5 以降では、オブジェクトのプロパティをリストアップ/トラバース (横断走査) する言語特有の方法が 3 つあります。

      -
    • for...in ループ
      +
    • for...in ループ
      この方法は、オブジェクトとそのプロトタイプチェーンにある列挙可能なプロパティをすべて横断します
    • {{jsxref("Object.keys", "Object.keys(o)")}}
      このメソッドは、そのオブジェクト独自の (プロトタイプチェーンを除く) 列挙可能なすべてのプロパティ名 ("keys") を配列で返します
      • @@ -288,7 +288,7 @@ fish.displayType(); // 出力 : Fishes car1.color = 'black'; -

      詳しくは、JavaScript リファレンス内にある、Function オブジェクトの prototype プロパティを参照してください。

      +

      詳しくは、JavaScript リファレンス内にある、Function オブジェクトの prototype プロパティを参照してください。

      メソッドの定義

      diff --git a/files/ja/web/javascript/reference/strict_mode/index.html b/files/ja/web/javascript/reference/strict_mode/index.html index c24a489769..5ef5aaf11e 100644 --- a/files/ja/web/javascript/reference/strict_mode/index.html +++ b/files/ja/web/javascript/reference/strict_mode/index.html @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Strict_mode

      Strict モードの呼び出し

      -

      Strict モードはスクリプト全体または個別の関数に適用できます。括弧 {} で括られるブロック構文には適用できません。そのような場所に適用しようとしても何も起きません。eval コード、Function コード、イベントハンドラ属性、setTimeout コードに渡す文字列、およびこれらに似たものはスクリプト全体であり、Strict モードを呼び出すと期待どおりに動作します。

      +

      Strict モードはスクリプト全体または個別の関数に適用できます。括弧 {} で括られるブロック構文には適用できません。そのような場所に適用しようとしても何も起きません。eval コード、Function コード、イベントハンドラ属性、setTimeout コードに渡す文字列、およびこれらに似たものはスクリプト全体であり、Strict モードを呼び出すと期待どおりに動作します。

      スクリプトでの Strict モード

      @@ -79,7 +79,7 @@ export default strict; mistypeVariable = 17; // この行は変数のスペルミスによる参照エラーを投げます。 -

      第二に、Strict モードでは、代入文で暗黙的に失敗せずに例外が発生するようにします。例えば、NaN は書き込み不可のグローバル変数です。通常のコードでは NaN に代入しても何も起きません。つまり、開発者は失敗したという通知を受けません。Strict モードでは NaN に代入すると例外が発生します。通常のコードで暗黙的に失敗する代入 (書き込み不可のプロパティへの代入、getter のみのプロパティへの代入、拡張不可 オブジェクトへの新規プロパティ割り当て) について、Strict モードでは例外が発生します:

      +

      第二に、Strict モードでは、代入文で暗黙的に失敗せずに例外が発生するようにします。例えば、NaN は書き込み不可のグローバル変数です。通常のコードでは NaN に代入しても何も起きません。つまり、開発者は失敗したという通知を受けません。Strict モードでは NaN に代入すると例外が発生します。通常のコードで暗黙的に失敗する代入 (書き込み不可のプロパティへの代入、getter のみのプロパティへの代入、拡張不可 オブジェクトへの新規プロパティ割り当て) について、Strict モードでは例外が発生します:

      'use strict';
 
@@ -257,7 +257,7 @@ f(); // TypeError が投げられます
 
 
      Strict モードにより"セキュアな" JavaScript の記述がより簡単になります。現在、一部の Web サイトではユーザー向に対し、Web サイトの他のユーザーが実行することができる JavaScript を記述する方法を提供しています。ブラウザー上の JavaScript はユーザーの個人的な情報にアクセスできることから、そのような JavaScript は禁じられた機能へのアクセスを削除するよう、実行前に部分的に変換する必要があります。JavaScript の柔軟性は、ランタイムによる多くのチェックなしにこれを行うことを事実上不可能にします。ある言語機能は、ランタイムのチェック実行にかなりパフォーマンスのコストがかかるとして広まっています。Strict モードのいくつかの調整、そしてユーザーが投稿した JavaScript が Strict モードのコードであることや信頼できる方法で呼び出されることの要求により、ランタイムのチェックの必要性をかなり減らします。
      
 
-
      第一に、Strict モードでは、this として関数に渡された値をオブジェクトへボクシングしません。非ストリクトモードでの関数にとって this は常にオブジェクトになります。this の値は、実行時に this オブジェクト値として提供されたオブジェクトであったり、真偽値・文字列・数値などのプリミティブな値が this として呼び出した時はオブジェクトへボクシングした値、{{Glossary("Undefined", "undefined")}} または {{Glossary("Null", "null")}} の this で呼び出された時はグローバルオブジェクトとなります。(特定の this を指定するために call、apply、bind を使用してください)。自動的なボクシングはパフォーマンス上のコストがあり、しかしブラウザーでグローバルオブジェクトを公開することは、"セキュアな" JavaScript 環境へのアクセスを提供するグローバルオブジェクトを制限する必要があるためにセキュリティ上の危険性があります。従って Strict モードの関数では、指定された this を変更せずに使用します:
      
+
      第一に、Strict モードでは、this として関数に渡された値をオブジェクトへボクシングしません。非ストリクトモードでの関数にとって this は常にオブジェクトになります。this の値は、実行時に this オブジェクト値として提供されたオブジェクトであったり、真偽値・文字列・数値などのプリミティブな値が this として呼び出した時はオブジェクトへボクシングした値、{{Glossary("Undefined", "undefined")}} または {{Glossary("Null", "null")}} の this で呼び出された時はグローバルオブジェクトとなります。(特定の this を指定するために call、apply、bind を使用してください)。自動的なボクシングはパフォーマンス上のコストがあり、しかしブラウザーでグローバルオブジェクトを公開することは、"セキュアな" JavaScript 環境へのアクセスを提供するグローバルオブジェクトを制限する必要があるためにセキュリティ上の危険性があります。従って Strict モードの関数では、指定された this を変更せずに使用します:
      
 
 
      'use strict';
 function fun() { return this; }
diff --git a/files/ja/web/security/securing_your_site/index.html b/files/ja/web/security/securing_your_site/index.html
index 8d375d18b7..915c555d8c 100644
--- a/files/ja/web/security/securing_your_site/index.html
+++ b/files/ja/web/security/securing_your_site/index.html
@@ -19,7 +19,7 @@ translation_of: Web/Security/Securing_your_site
 
      
  
      フォームオートコンプリートを無効にするには
      
  
      Geckoではフォームのオートコンプリートがサポートされています。つまり、ユーザがフォームに入力した値を記憶し、次回訪問時には自動的にその値が入力されることになります。ある特定のデータに関しては、この機能を無効にしたほうが適切かもしれません。
      
- 
      プライバシーと :visited セレクター
      
+ 
      プライバシーと :visited セレクター
      
  
      この記事では悪質なサイトがユーザーの閲覧履歴を取得できないようにするために getComputedStyle() メソッドに加えられた変更について議論しています。
      
  
      安全なアルゴリズムを使用したパスワードのハッシュ (OWASP)
      
  
      プレーンテキストでパスワードを格納すると、攻撃者がサイトのユーザーの正確なパスワードを知り、漏洩させることにつながり、ユーザーを危険にさらすことになります。古く安全ではないハッシュアルゴリズム (md5 など) を使用すると、同じ問題が浮上します。メッセージダイジェストアルゴリズム (md5 や sha) ではなくパスワード専用のハッシュアルゴリズム (Argon2, PBKDF2, scrypt, bcrypt など) を使用するようにしてください。この記事はパスワードを格納するときに使用することができるベストプラクティスのショーケースです。
      
@@ -28,10 +28,10 @@ translation_of: Web/Security/Securing_your_site
 
      コンテンツセキュリティ
      
 
 
      
- 
      サーバーの MIME タイプを正しく設定する
      
+ 
      サーバーの MIME タイプを正しく設定する
      
  
      MIME タイプを正しく設定しないと、幾つかの潜在的なセキュリティ上の問題が発生します。この記事ではそのうちのいくつかを紹介し、サーバーで MIME タイプを正しく設定する方法を示します。
      
  
      HTTP Strict Transport Security
      
- 
      Strict-Transport-Security: HTTP ヘッダーを使うと、そのサイトが HTTPS でのみアクセスされるべきであるということを示すことができます。
      
+ 
      Strict-Transport-Security: HTTP ヘッダーを使うと、そのサイトが HTTPS でのみアクセスされるべきであるということを示すことができます。
      
  
      HTTP アクセス制御
      
  
      Cross-Origin Resource Sharing 標準はどのコンテンツが他のドメインから読み込まれるかを示す方法を提供します。この仕組みによりあなたのサイトが意図せず使われることを防いだり、明示的に使用を許可できます。
      
  
      Content Security Policy
      
diff --git a/files/ja/web/svg/attribute/stroke-linecap/index.html b/files/ja/web/svg/attribute/stroke-linecap/index.html
index f6aeccd337..f35c5842e7 100644
--- a/files/ja/web/svg/attribute/stroke-linecap/index.html
+++ b/files/ja/web/svg/attribute/stroke-linecap/index.html
@@ -7,7 +7,7 @@ tags:
   - SVG Attribute
 translation_of: Web/SVG/Attribute/stroke-linecap
 ---
-
      « SVG 属性リファレンスホーム
      
+
      « SVG 属性リファレンスホーム
      
 
 
      stroke-linecap 要素は線を引いた時の開いている部分パスの終端の形状を指定します。
      
 
@@ -68,6 +68,6 @@ translation_of: Web/SVG/Attribute/stroke-linecap
 
      以下の要素で stroke-linecap を使うことができます
      
 
 
diff --git a/files/ja/web/svg/attribute/stroke-linejoin/index.html b/files/ja/web/svg/attribute/stroke-linejoin/index.html
index 3f72274f37..9c11e91b5e 100644
--- a/files/ja/web/svg/attribute/stroke-linejoin/index.html
+++ b/files/ja/web/svg/attribute/stroke-linejoin/index.html
@@ -7,7 +7,7 @@ tags:
   - SVG Attribute
 translation_of: Web/SVG/Attribute/stroke-linejoin
 ---
-
      « SVG 属性リファレンスホーム
      
+
      « SVG 属性リファレンスホーム
      
 
 
      stroke-linejoin 属性は線を引いた時のパスの曲がりまたは基本的な輪郭の形状を指定します。
      
 
@@ -73,8 +73,8 @@ translation_of: Web/SVG/Attribute/stroke-linejoin
 
      以下の要素で stroke-linejoin 属性を使うことができます
      
 
 
 
 
       
      
diff --git a/files/ja/web/svg/compatibility_sources/index.html b/files/ja/web/svg/compatibility_sources/index.html
index 062a2f701d..0b4c730fb7 100644
--- a/files/ja/web/svg/compatibility_sources/index.html
+++ b/files/ja/web/svg/compatibility_sources/index.html
@@ -8,7 +8,7 @@ translation_of: Web/SVG/Compatibility_sources
 
      以下の情報源が SVG 要素と属性の互換性の確認に活用できます。
      
 
 
      
 
      注意: stroke、stroke-width および fill の各属性は後のチュートリアルで説明します。
      
 
      長方形
      
-
      rect 要素は、おそらくあなたの予想とまったく同じで、スクリーンに長方形を描画します。この要素にはスクリーン上の位置や形状を操作する、6 種類の基本的な属性があります。前出の画像には 2 つの rect 要素があり、それは少し冗長になっています。右側の長方形は rx および ry 属性があり、これは角を丸くします。これらを設定しない場合、初期値は 0 になります。
      
+
      rect 要素は、おそらくあなたの予想とまったく同じで、スクリーンに長方形を描画します。この要素にはスクリーン上の位置や形状を操作する、6 種類の基本的な属性があります。前出の画像には 2 つの rect 要素があり、それは少し冗長になっています。右側の長方形は rx および ry 属性があり、これは角を丸くします。これらを設定しない場合、初期値は 0 になります。
      
 
       <rect x="10" y="10" width="30" height="30"/>
  <rect x="60" y="10" rx="10" ry="10" width="30" height="30"/>
 
      
 
       
      x
       
      長方形の左上の角の位置を示す、X 座標です。
       
      y
       
      長方形の左上の角の位置を示す、Y 座標です。
       
      width
       
      長方形の幅です。
       
      height
       
      長方形の高さです。
       
      rx
       
      長方形の角の、X 軸方向の半径です。
       
      ry
       
      長方形の角の、Y 軸方向の半径です。
      
 
      
 
      円
      
-
      おそらくあなたの推測どおりで、circle 要素はスクリーンに円を描画します。ここで適用できる属性は 3 種類です。
      
+
      おそらくあなたの推測どおりで、circle 要素はスクリーンに円を描画します。ここで適用できる属性は 3 種類です。
      
 
       <circle cx="25" cy="75" r="20"/>
 
      
 
       
      r
       
      円の半径です。
       
      cx
       
      円の中心の位置を示す、X 座標です。
       
      cy
       
      円の中心の位置を示す、Y 座標です。
      
 
      
 
      楕円
      
-
      ellipse は、実は circle 要素のより一般的な形であり、円の X 方向および Y 方向の半径 (数学者は一般的に長半径および短半径と呼びます) を分けて調節することができます。
      
+
      ellipse は、実は circle 要素のより一般的な形であり、円の X 方向および Y 方向の半径 (数学者は一般的に長半径および短半径と呼びます) を分けて調節することができます。
      
 
       <ellipse cx="75" cy="75" rx="20" ry="5"/>
 
      
 
       
      rx
       
      楕円の X 軸方向の半径です。
       
      ry
       
      楕円の Y 軸方向の半径です。
       
      cx
       
      楕円の中心の位置を示す、X 座標です。
       
      cy
       
      楕円の中心の座標を示す、Y 座標です。
      
 
      
 
      直線
      
-
      line は直線を描画します。これは線の始点と終点になる 2 つの点を示す属性を持ちます。
      
+
      line は直線を描画します。これは線の始点と終点になる 2 つの点を示す属性を持ちます。
      
 
       <line x1="10" x2="50" y1="110" y2="150"/>
 
      
 
       
      x1
       
      点 1 の X 座標です。
       
      y1
       
      点 1 の Y 座標です。
       
      x2
       
      点 2 の X 座標です。
       
      y2
       
      点 2 の Y 座標です。
      
 
      
 
      ポリライン
      
-
      polyline は、連結された直線のグループです。リストがとても長くなるため、すべての点は 1 つの属性に収められます:
      
+
      polyline は、連結された直線のグループです。リストがとても長くなるため、すべての点は 1 つの属性に収められます:
      
 
       <polyline points="60 110, 65 120, 70 115, 75 130, 80 125, 85 140, 90 135, 95 150, 100 145"/>
 
      
 
       
      points
       
      点のリストで、各々の数値は空白、カンマ、EOL、またはラインフィード文字で区切ります。各々の点は X 座標と Y 座標の 2 つの値を持たなければなりません。従って (0,0), (1,1) (2,2) のリストはこのように記述します: "0 0, 1 1, 2 2"。
      
 
      
 
      多角形
      
-
      polygon は、点のリストを結ぶ直線の断片を連結して構成される点がポリラインとよく似ています。しかし polygon では、終端で線のパスが自動的に最初の点に戻ることで、閉じた図形を作成します。長方形は多角形の一種であるので、より柔軟性が必要である場合は <rect/> 要素を作成するために polygon を用いることができることに留意してください。
      
+
      polygon は、点のリストを結ぶ直線の断片を連結して構成される点がポリラインとよく似ています。しかし polygon では、終端で線のパスが自動的に最初の点に戻ることで、閉じた図形を作成します。長方形は多角形の一種であるので、より柔軟性が必要である場合は <rect/> 要素を作成するために polygon を用いることができることに留意してください。
      
 
       <polygon points="50 160, 55 180, 70 180, 60 190, 65 205, 50 195, 35 205, 40 190, 30 180, 45 180"/>
 
      
 
       
      points
       
      点のリストで、各々の数値は空白、カンマ、EOL、またはラインフィード文字で区切ります。各々の点は X 座標と Y 座標の 2 つの値を持たなければなりません。従って (0,0), (1,1) (2,2) のリストはこのように記述します: "0 0, 1 1, 2 2"。パスを閉じるように描画するため、最後の直線は (2,2) から (0,0) に描画されます。
      
 
      
 
      パス
      
-
      path は SVG で使用できる図形の中でもっとも一般的なものでしょう。path 要素を用いて長方形 (角を丸めることもできます)、円、楕円、ポリライン、多角形を描画することができます。基本的には他の図形、ベジェ曲線、二次曲線などのいずれかになります。以上の理由からパスについてはこのチュートリアルの次のセクションに独立していますが、 ここではその図形をコントロールするただ一つの属性があることを示します。
      
+
      path は SVG で使用できる図形の中でもっとも一般的なものでしょう。path 要素を用いて長方形 (角を丸めることもできます)、円、楕円、ポリライン、多角形を描画することができます。基本的には他の図形、ベジェ曲線、二次曲線などのいずれかになります。以上の理由からパスについてはこのチュートリアルの次のセクションに独立していますが、 ここではその図形をコントロールするただ一つの属性があることを示します。
      
 
       <path d="M 20 230 Q 40 205, 50 230 T 90230"/>
 
      
-
       
      d
       
      点のリストと、パスの描画方法に関する情報です。詳しくは Paths をご覧ください。
      
+
       
      d
       
      点のリストと、パスの描画方法に関する情報です。詳しくは Paths をご覧ください。
      
 
      
 
      {{ PreviousNext("SVG/Tutorial/Positions", "SVG/Tutorial/Paths") }}
      
 
      Interwiki Languages Links
      
diff --git a/files/ja/web/svg/tutorial/patterns/index.html b/files/ja/web/svg/tutorial/patterns/index.html
index e0b7fcd4fb..a79fe98e90 100644
--- a/files/ja/web/svg/tutorial/patterns/index.html
+++ b/files/ja/web/svg/tutorial/patterns/index.html
@@ -8,7 +8,7 @@ translation_of: Web/SVG/Tutorial/Patterns
 ---
 
      {{ PreviousNext("SVG/Tutorial/Gradients", "SVG/Tutorial/Texts") }}
      
 
-
      私見では、パターンは SVG で用いる中でわかりにくい塗りつぶし方のひとつです。とはいえとても強力であるので、パターンには説明および少なくとも基礎的な部分は把握するだけの価値があります。グラデーションと同様に、<pattern> 要素は SVG ファイルの <defs> セクションに置かなければなりません。
      
+
      私見では、パターンは SVG で用いる中でわかりにくい塗りつぶし方のひとつです。とはいえとても強力であるので、パターンには説明および少なくとも基礎的な部分は把握するだけの価値があります。グラデーションと同様に、<pattern> 要素は SVG ファイルの <defs> セクションに置かなければなりません。
      
 
 
      
 
-- 
cgit v1.2.3-54-g00ecf


From ff6b175c93fee53174bd36f62b80595c7d7cfb92 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO 
Date: Thu, 19 Aug 2021 09:57:49 +0900
Subject: orphaned/Mozmill を削除 (#1976)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Mozmill は非推奨のプロジェクトなので削除
---
 files/ja/_redirects.txt              |  1 -
 files/ja/_wikihistory.json           |  6 -----
 files/ja/orphaned/mozmill/index.html | 48 ------------------------------------
 3 files changed, 55 deletions(-)
 delete mode 100644 files/ja/orphaned/mozmill/index.html

(limited to 'files/ja')

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 5cc26fadfe..5f5d216608 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -2801,7 +2801,6 @@
 /ja/docs/Mozilla/Add-ons/WebExtensions/前提条件	/ja/docs/Mozilla/Add-ons/WebExtensions/Prerequisites
 /ja/docs/Mozilla/Firefox/Releases/Firefox_47_for_developers	/ja/docs/Mozilla/Firefox/Releases/47
 /ja/docs/Mozilla_Addons_FAQ_(external)	https://addons.mozilla.org/faq.php
-/ja/docs/Mozmill	/ja/docs/orphaned/Mozmill
 /ja/docs/NPAPI/Constants	/ja/docs/Plugins/Guide/Constants
 /ja/docs/NPAPI:Constants	/ja/docs/Plugins/Guide/Constants
 /ja/docs/Namespace	/ja/docs/Glossary/Namespace
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index cd93848451..b03fcb2be6 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -48972,12 +48972,6 @@
       "Mgjbot"
     ]
   },
-  "orphaned/Mozmill": {
-    "modified": "2019-03-24T00:11:57.214Z",
-    "contributors": [
-      "Marsf"
-    ]
-  },
   "orphaned/New_in_JavaScript_1.8": {
     "modified": "2019-03-24T00:06:00.366Z",
     "contributors": [
diff --git a/files/ja/orphaned/mozmill/index.html b/files/ja/orphaned/mozmill/index.html
deleted file mode 100644
index 59dadee8ad..0000000000
--- a/files/ja/orphaned/mozmill/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Mozmill
-slug: orphaned/Mozmill
-tags:
-  - MozMill
-original_slug: Mozmill
----
-
      MozMill はテストツールであり、Gecko ベースのアプリケーション (Firefox, Thunderbird, Songbird 等) の自動テストを書くためのフレームワークです。これは、拡張機能 としてビルドされており、IDE (integrated development environment) も含まれています。また、コマンドライン版のクライアントもあり、テストを書いたり実行したり、テストのデバッグの助けにもなります。MozMill には、ユーザとの対話をシミュレートする機能的なテストを書く助けとなる、大規模な API が用意されています。同様に、完全な ユニットテスト API もあります。
      
-
      Mozmill テスト自動化プロジェクト は、2009 年 1 月に開始され、Firefox のための自動テスト作業をカバーしています。プロジェクトのページをご覧になるか、Mozmill Tests のドキュメントを見て、テスト書きへの貢献や MozMill テストの実行についてのイメージをつかんでください。既存のテストは、新しい Firefox のリリースのための リリーステストのサイクルで実行されます。
      
-
      また、Mozilla Messaging チームには、MozMill による Thunderbird のテストを扱うアクティブなプロジェクトがあります。
      
-
      インストール
      
-
      Mozmill は、2 通りの異なる方法でインストールできます。多くの場合は、add-ons.mozilla.org からダウンロードできる Mozmill Extension をお勧めします。この拡張機能には統合された開発環境といくつかのオーサリングツール、テストを実行するためのグラフィカルなインタフェースが含まれています。再起動テストとオペレーティングシステムの対話に興味のある上級ユーザには、python pip (or setuptools) パッケージインストーラを使用した コマンドライン版のクライアント のインストールをお勧めします。
      
-
      拡張機能版
      
-
      拡張機能版をインストールするには、アドオンマネージャの "アドオンを入手" タブを開いて Mozmill を検索し、インストールするだけです。addons.mozilla.org の Web サイトから直接インストールすることもできます。アプリケーションを再起動してインストールを完了してください。
      
-
      コマンドライン版のクライアント
      
-
      コマンドライン版の MozMill をインストールするには、さらにいくつかの手順が必要になります。この手順はオペレーティングシステムにより多少異なります。
      
-
      Windows
      
-
      MozMill の前に、MozillaBuildSetup パッケージをシステムにインストールしてください。このパッケージの 最新ビルドを入手し、手動でインストールしてください。l10n.bat ファイルを実行した後、MozMill コマンドライン版のクライアントをインストールしてください。
      
-
      $ easy_install pip
-$ pip install mozmill
-$ pip install mercurial     (Visual Studio がインストールされていない環境では、この レジストリファイル をダウンロードして適用し、MozMill のバイナリパッケージ を手動でインストール (setup ファイルまたは setup.cmd をコマンドプロンプトで実行) してください。)
-
      
-
      Mac OS X
      
-
      Mac OS X 10.4 の環境の場合は、先に python.org から Python 2.5 以降のバージョンをダウンロードしてインストールする必要があります。その後、MozMill を setuptools でインストールしてください。
      
-
      $ curl -O http://peak.telecommunity.com/dist/ez_setup.py
-$ sudo python ez_setup.py
-$ sudo easy_install pip
-$ sudo pip install mozmill mercurial
-
      
-
      Ubuntu
      
-
      MozMill を Ubuntu にインストールするには、ターミナルで次の 2 つのコマンドを実行するだけです:
      
-
      $ sudo apt-get install python-pip python-dev
-$ sudo pip install mozmill mercurial
      
-
      MozMill の更新
      
-
      MozMill を拡張機能としてインストールした場合は、新しいバージョンがリリースされた時に、アプリケーションから自動的に通知されます。コマンドライン版のクライアントを更新するには、次のコマンドを実行してください (sudo は Windows 環境では不要です):
      
-
      $ sudo pip install --upgrade mozmill
-
      
-
      さらに読むべきもの
      
-
      他にも、いくつかの MozMill の概要を説明するページがあります。後で参照するため、これらのページをブックマークに追加しておくと良いでしょう。
      
-
         
      • Introduction to Mozmill - 必要な MozMill の各 API オブジェクトの詳細なチュートリアル
        •  
      • Mozmill tests - コマンドラインから MozMill を実行する方法
        • 
-
      
-
      リファレンスデスク
      
-
-
      バグ
      
-
      Mozmill は、Mozilla プロジェクト内の多くのテストシステムと同様に、開発段階にあります。バグを見つけたときは、既知のバグ のリストですでに報告されていないか確認してください。まだ報告されていない場合は、"Testing" の製品カテゴリの "Mozmill" コンポーネント下に 新たなバグとして報告してください。バグ報告の際は、バグを再現するためのできるだけ詳細な情報と MozMill のテストを添付してください。よろしくお願いします！
      
-
       
      {{ languages( { "en": "en/Mozmill" } ) }}
      
-
      
-- 
cgit v1.2.3-54-g00ecf


From 7f5cc1b07a97f53f90d5faab44c094b25daa81f9 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO 
Date: Thu, 19 Aug 2021 09:58:16 +0900
Subject: orphaned/Web/API/Node/getUserData を削除 (#2017)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 廃止されたメソッドであるため
---
 files/ja/_redirects.txt                            |  2 -
 files/ja/_wikihistory.json                         | 13 -----
 .../orphaned/web/api/node/getuserdata/index.html   | 67 ----------------------
 3 files changed, 82 deletions(-)
 delete mode 100644 files/ja/orphaned/web/api/node/getuserdata/index.html

(limited to 'files/ja')

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 5f5d216608..7ddf4ab6ef 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -3220,9 +3220,7 @@
 /ja/docs/Web/API/Node.replaceChild	/ja/docs/Web/API/Node/replaceChild
 /ja/docs/Web/API/Node.textContent	/ja/docs/Web/API/Node/textContent
 /ja/docs/Web/API/Node/baseURIObject	/ja/docs/Web/API/Node
-/ja/docs/Web/API/Node/cloneNode-old	/ja/docs/orphaned/Web/API/Node/getUserData
 /ja/docs/Web/API/Node/firstChild-temp	/ja/docs/Web/API/Node/firstChild
-/ja/docs/Web/API/Node/getUserData	/ja/docs/orphaned/Web/API/Node/getUserData
 /ja/docs/Web/API/Node/innerText	/ja/docs/Web/API/HTMLElement/innerText
 /ja/docs/Web/API/Node/localName	/ja/docs/Web/API/Element/localName
 /ja/docs/Web/API/Node/namespaceURI	/ja/docs/Web/API/Element/namespaceURI
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index b03fcb2be6..0f002f99c7 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -49344,19 +49344,6 @@
       "Wind1808"
     ]
   },
-  "orphaned/Web/API/Node/getUserData": {
-    "modified": "2020-10-15T21:14:35.305Z",
-    "contributors": [
-      "mfuji09",
-      "AshfaqHossain",
-      "teoli",
-      "ethertank",
-      "dextra",
-      "Potappo",
-      "Mgjbot",
-      "Shoot"
-    ]
-  },
   "orphaned/Web/API/ParentNode": {
     "modified": "2020-11-23T03:46:53.867Z",
     "contributors": [
diff --git a/files/ja/orphaned/web/api/node/getuserdata/index.html b/files/ja/orphaned/web/api/node/getuserdata/index.html
deleted file mode 100644
index 8c0a07a058..0000000000
--- a/files/ja/orphaned/web/api/node/getuserdata/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: Node.getUserData()
-slug: orphaned/Web/API/Node/getUserData
-tags:
-  - API
-  - DOM
-  - Method
-  - Node
-  - Obsolete
-  - Reference
-  - メソッド
-translation_of: Web/API/Node/getUserData
-original_slug: Web/API/Node/getUserData
----
-
      {{APIRef("DOM")}}{{obsolete_header}}
      
-
-
      Node.getUserData() メソッドは、以前 {{domxref("Node.setUserData()")}} によってノードに設定されたすべてのユーザーデータを {{domxref("DOMUserData")}} 形式で返します。
      
-
-
      
-
      Node.setUserData および {{domxref("Node.getUserData")}} メソッドはウェブコンテンツから利用できなくなりました。 {{domxref("Element.dataset")}} または WeakMap を代わりに利用することができます。
      
-
      
-
-
      構文
      
-
-
      userData = someNode.getUserData(userKey);
      
-
-
      引数
      
-
-
        
- 
      • userKey は指定されたノードに関連付けられた特定のデータを選択するためのキーです。指定されたノードに複数のキーが、それぞれの値を所持して割り当てられている可能性があります。
        • 
-
      
-
-
      例
      
-
-
      var d = document.setUserData('key', 15, null);
-console.log(document.getUserData('key')); // 15
      
-
-
      仕様書
      
-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
-
      仕様書状態備考
      {{SpecName('DOM3 Core', 'core.html#Node3-getUserData', 'Node.getUserData()')}}{{Spec2('DOM3 Core')}}初回定義
      
-
-
      ブラウザーの互換性
      
-
-
      {{Compat("api.Node.getUserData")}}
      
-
-
      関連情報
      
-
-
        
- 
      • {{domxref("Node.setUserData()")}}
        • 
- 
      • {{domxref("UserDataHandler")}}
        • 
- 
      • {{domxref("DOMUserData")}}
        • 
-
      
-- 
cgit v1.2.3-54-g00ecf


From 51d95fb2f14edba4c414578e75140eee6e8c87e0 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO 
Date: Thu, 19 Aug 2021 09:59:05 +0900
Subject: Web/CSS/text-decoration-color を更新 (#2018)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 2021/06/29 時点の英語版に同期
---
 files/ja/web/css/text-decoration-color/index.html | 93 +++++++++++------------
 1 file changed, 43 insertions(+), 50 deletions(-)

(limited to 'files/ja')

diff --git a/files/ja/web/css/text-decoration-color/index.html b/files/ja/web/css/text-decoration-color/index.html
index 7b0322e9d0..f41da12a5c 100644
--- a/files/ja/web/css/text-decoration-color/index.html
+++ b/files/ja/web/css/text-decoration-color/index.html
@@ -3,14 +3,18 @@ title: text-decoration-color
 slug: Web/CSS/text-decoration-color
 tags:
   - CSS
-  - CSS テキスト
-  - CSS テキスト装飾
-  - CSS プロパティ
-  - HTML スタイル
-  - HTML 色
+  - CSS Property
+  - CSS Text
+  - CSS Text Decoration
+  - HTML Colors
+  - HTML Styles
   - Reference
-  - text-decoration-color
-  - 色
+  - Styling HTML
+  - Styling text
+  - color
+  - colors
+  - 'recipe:css-property'
+browser-compat: css.properties.text-decoration-color
 translation_of: Web/CSS/text-decoration-color
 ---
 
      {{ CSSRef }}
      
@@ -21,14 +25,13 @@ translation_of: Web/CSS/text-decoration-color
 
 
      {{EmbedInteractiveExample("pages/css/text-decoration-color.html")}}
      
 
-
 
 
      CSS はそれぞれの線種ごとに固有の色を指定する仕組みを直接は持っていません。しかしながら、この効果は要素を入れ子にして、それぞれの要素毎に ({{cssxref("text-decoration-line")}} プロパティで) 異なる線種を適用し、 (code>text-decoration-color で) 線の色を指定することで実現できます。
      
 
-
      構文
      
+
      構文
      
 
 
      /* <color> 値 */
-text-decoration-color: currentColor;
+text-decoration-color: currentcolor;
 text-decoration-color: red;
 text-decoration-color: #00ff00;
 text-decoration-color: rgba(255, 128, 128, 0.5);
@@ -37,21 +40,40 @@ text-decoration-color: transparent;
 /* グローバル値 */
 text-decoration-color: inherit;
 text-decoration-color: initial;
+text-decoration-color: revert;
 text-decoration-color: unset;
 
      
 
-
      値
      
+
      値
      
 
 
      
- 
      {{cssxref("<color>")}}
      
- 
      装飾線の色です。
      
+	
      {{cssxref("<color>")}}
      
+	
      装飾線の色です。
      
 
      
 
-
      形式文法
      
+
      アクセシビリティの考慮
      
+
+
      テキストの色、テキストが置かれている背景、テキストの装飾線の間のコントラスト比が、弱視の人がページの内容を読むことができるように十分に高いことを確認ことが重要です。色のコントラスト比は、テキストと背景の色の輝度を比較して決定されます。
      
+
+
      色だけで意味を伝えるべきではありません。例えば、テキストの色と text-decoration-color の変更だけでは、リンクにフォーカスがあることを示すのに十分ではありません。
      
+
+
+
+
      公式定義
      
+
+
      {{CSSInfo}}
      
+
+
      形式文法
      
 
 {{csssyntax}}
 
-
      例
      
+
      例
      
+
+
      基本的な例
      
 
 
      <p>This paragraph has <s>some erroneous text</s>
     inside it that I want to call attention to.</p>
      
@@ -62,51 +84,22 @@ text-decoration-color: unset;
 }
 
 s {
-  text-decoration-line: line-through;
+  text-decoration-line: line-through;
   text-decoration-color: red;
   text-decoration-style: wavy;
 }

      {{ EmbedLiveSample('Examples') }}

      -

      アクセシビリティの考慮事項

      - -

      テキストの色、テキストが置かれている背景、テキストの装飾線の間のコントラスト比が、弱視の人がページの内容を読むことができるように十分に高いことを確認ことが重要です。色のコントラスト比は、テキストと背景の色の輝度を比較して決定されます。

      - -

      色だけで意味を伝えるべきではありません。例えば、テキストの色と text-decoration-color の変更だけでは、リンクにフォーカスがあることを示すのに十分ではありません。

      - - - -

      仕様書

      - - - - - - - - - - - - - - - - -
      仕様書状態備考
      {{ SpecName('CSS3 Text Decoration', '#text-decoration-color-property', 'text-decoration-color') }}{{ Spec2('CSS3 Text Decoration') }}初回定義。 {{cssxref("text-decoration")}} プロパティが複数の関連するプロパティを定義する一括指定になりました。
      +

      仕様書

      -

      {{cssinfo}}

      +{{Specifications}} -

      ブラウザーの互換性

      +

      ブラウザーの互換性

      -

      {{Compat("css.properties.text-decoration-color")}}

      +

      {{Compat}}

      -

      関連情報

      +

      関連情報

      • 複数の行内装飾プロパティを一度に設定するときは、代わりに一括指定の {{cssxref("text-decoration")}} プロパティを使った方が便利かもしれません。
        • -- cgit v1.2.3-54-g00ecf From 47edf44d954bed58ea106948ba4da399dab422bb Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 19 Aug 2021 09:59:40 +0900 Subject: Web/CSS/text-emphasis を更新 (#2019) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/07/24 時点の英語版に同期 --- files/ja/web/css/text-emphasis/index.html | 71 ++++++++++++++----------------- 1 file changed, 33 insertions(+), 38 deletions(-) (limited to 'files/ja') diff --git a/files/ja/web/css/text-emphasis/index.html b/files/ja/web/css/text-emphasis/index.html index 8d838fe112..6d0ae6bf2c 100644 --- a/files/ja/web/css/text-emphasis/index.html +++ b/files/ja/web/css/text-emphasis/index.html @@ -14,21 +14,28 @@ translation_of: Web/CSS/text-emphasis ---
        {{CSSRef}}
        -

        CSS の text-emphasis プロパティは、 (空白や制御文字を除く) テキストに圏点を適用します。これは {{cssxref("text-emphasis-style")}} と {{cssxref("text-emphasis-color")}} の一括指定です。

        +

        text-emphasis は CSS のプロパティで、 (空白や制御文字を除く) テキストに圏点を適用します。これは {{cssxref("text-emphasis-style")}} と {{cssxref("text-emphasis-color")}} の一括指定です。

        {{EmbedInteractiveExample("pages/css/text-emphasis.html")}}
        - -

        text-emphasis プロパティは、 {{cssxref("text-decoration")}} とは大きく異なります。 text-decoration プロパティは継承されず、指定される装飾は要素全体にわたって適用されます。しかし、 text-emphasis は継承されます。これは、子孫に対して圏点を変更できることを意味します。

        -

        圏点の大きさは、ルビと同様にフォントの大きさの約50%であり、 text-emphasis は現在の行間隔が圏点を表示するのに十分でない場合、行の高さに影響を与えることがあります。

        +

        圏点の大きさは、ルビと同様にフォントの大きさの約 50% であり、 text-emphasis は現在の行間隔が圏点を表示するのに十分でない場合、行の高さに影響を与えることがあります。

        -

        text-emphasis は、 {{cssxref("text-emphasis-position")}} の値をリセットしません。これは、圏点のスタイルと色がテキストで異なる場合に、圏点の位置を要求することがほとんど見込まれないためです。稀にこれを必要とする場合は、プロパティ {{cssxref("text-emphasis-position")}} を使用してください。

        +

        text-emphasis は、 {{cssxref("text-emphasis-position")}} の値をリセットしません。これは、圏点のスタイルと色がテキストで異なる場合に、圏点の位置を要求することがほとんど見込まれないためです。これを必要とするような珍しい場合は、プロパティ {{cssxref("text-emphasis-position")}} を使用してください。

        -

        構文

        +

        構成要素のプロパティ

        + +

        このプロパティは以下のプロパティの一括指定です。

        + + + +

        構文

        /* 初期値 */
 text-emphasis: none; /* 圏点なし */
@@ -38,7 +45,7 @@ text-emphasis: 'x';
 text-emphasis: '点';
 text-emphasis: '\25B2';
 text-emphasis: '*' #555;
-text-emphasis: 'foo'; /* 使用するべきではない。計算されるか 'f' のみが表示される */
+text-emphasis: 'foo'; /* 使用するべきではない。 'f' のみとして計算や表示が行われる */
 
 /* キーワード値 */
 text-emphasis: filled;
@@ -52,18 +59,19 @@ text-emphasis: filled sesame #555;
 /* グローバル値 */
 text-emphasis: inherit;
 text-emphasis: initial;
+text-emphasis: revert;
 text-emphasis: unset;
        -

        値

        +

        値

        none
        圏点なし。
        filled
        -
        図形は単色で塗りつぶされます。 filled も open も指定されない場合は、これが既定値です。
        +
        図形が単色で塗りつぶされます。 filled も open も指定されない場合は、これが既定値です。
        open
        -
        図形は中抜きになります。
        +
        図形が中抜きになります。
        dot
        記号として小さな円を表示します。 filled dot は '•' (U+2022)、 open dot は '◦' (U+25E6) です。
        circle
        @@ -75,18 +83,22 @@ text-emphasis: unset;
        sesame
        記号としてゴマを表示します。 filled sesame は '﹅' (U+FE45)、 open sesame は'﹆' (U+FE46) です。これは、他の図形が与えられていない場合、縦書きモードで既定の形状です。
        <string>
        -
        記号として文字列を表示します。 <string> には1文字を超える文字列を指定しないでください。ユーザーエージェントは、1つより多い書記素クラスターから構成される文字列を短縮したり無視したりする可能性があります。
        +
        記号として文字列を表示します。 <string> には 1 文字を超える文字列を指定しないでください。ユーザーエージェントは、 1 つより多い書記素クラスターから構成される文字列を短縮したり無視したりする可能性があります。
        <color>
        -
        記号の色を定義します。 color を指定しない場合、既定では currentColor です。
        +
        記号の色を定義します。 color を指定しない場合、既定では currentcolor です。
        -

        形式文法

        +

        公式定義

        + +

        {{CSSInfo}}

        + +

        形式文法

        {{csssyntax}} -

        例

        +

        例

        -

        強調して色を付けた見出し

        +

        強調して色を付けた見出し

        この例は、見出しの各文字に三角形の圏点を付けて描画します。

        @@ -100,36 +112,19 @@ text-emphasis: unset; 
        <h2>これは重要です！</h2>
        -

        結果

        +

        結果

        {{EmbedLiveSample("A_heading_with_emphasis_shape_and_color", 500, 70)}}

        -

        仕様書

        - - - - - - - - - - - - - - - - -
        仕様書状態備考
        {{SpecName('CSS3 Text Decoration', '#text-emphasis-property', 'text-emphasis')}}{{Spec2('CSS3 Text Decoration')}}初回定義
        +

        仕様書

        -

        {{cssinfo}}

        +{{Specifications}} -

        ブラウザーの対応

        +

        ブラウザーの互換性

        -

        {{Compat("css.properties.text-emphasis")}}

        +

        {{Compat}}

        -

        関連情報

        +

        関連情報

        • 個別指定プロパティ: {{cssxref('text-emphasis-style')}}, {{cssxref('text-emphasis-color')}}
          • -- cgit v1.2.3-54-g00ecf From cd4c71feeb10bea7a09b9da4570b5092a76c350e Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 19 Aug 2021 22:22:50 +0900 Subject: Glossary/https を更新 (#2026) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2020/12/30 時点の英語版に同期 --- files/ja/glossary/https/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'files/ja') diff --git a/files/ja/glossary/https/index.html b/files/ja/glossary/https/index.html index f8dec3774e..e7a1222d58 100644 --- a/files/ja/glossary/https/index.html +++ b/files/ja/glossary/https/index.html @@ -11,9 +11,9 @@ tags: - 用語集 translation_of: Glossary/https --- -

          HTTPS は {{Glossary("HTTP")}} プロトコルを暗号化したバージョンです。 HTTPS は通常、 {{Glossary("SSL")}} または {{Glossary("TLS")}} を用いてクライアントとサーバー間のすべての通信を暗号化します。この安全な接続により、クライアントは機密データをサーバーと安全に交換できます (例えば、銀行取引やオンラインショッピングなどで)。

          +

          HTTPS (HyperText Transfer Protocol Secure) は {{Glossary("HTTP")}} プロトコルを暗号化したバージョンです。 HTTPS は通常、 {{Glossary("SSL")}} または {{Glossary("TLS")}} を用いてクライアントとサーバー間のすべての通信を暗号化します。この安全な接続により、クライアントは機密データをサーバーと安全に交換できます (例えば、銀行取引やオンラインショッピングなどで)。

          -
        -

        Nota: Nosso glossário fornece definições de terminologia.

        +

        Nota: Nosso glossário fornece definições de terminologia.

        {{LearnBox({"title":"Entrada aleatória do glossário"})}}

        diff --git a/files/pt-br/learn/javascript/building_blocks/conditionals/index.html b/files/pt-br/learn/javascript/building_blocks/conditionals/index.html index 6f110ad3e0..189781c609 100644 --- a/files/pt-br/learn/javascript/building_blocks/conditionals/index.html +++ b/files/pt-br/learn/javascript/building_blocks/conditionals/index.html @@ -612,6 +612,6 @@ window.addEventListener('load', updateCode);

        Teste suas habilidades!

        -

        Você chegou ao final deste artigo, mas você consegue se lembrar das informações mais importantes? Você pode encontrar mais alguns testes para verificar se reteve essas informações antes de prosseguir — Veja Teste suas habilidades: Condicionais.

        +

        Você chegou ao final deste artigo, mas você consegue se lembrar das informações mais importantes? Você pode encontrar mais alguns testes para verificar se reteve essas informações antes de prosseguir — Veja Teste suas habilidades: Condicionais.

        {{NextMenu("Learn/JavaScript/Building_blocks/Looping_code", "Learn/JavaScript/Building_blocks")}}

        diff --git a/files/pt-br/learn/javascript/client-side_web_apis/client-side_storage/index.html b/files/pt-br/learn/javascript/client-side_web_apis/client-side_storage/index.html index ad934caa43..4197b0aa26 100644 --- a/files/pt-br/learn/javascript/client-side_web_apis/client-side_storage/index.html +++ b/files/pt-br/learn/javascript/client-side_web_apis/client-side_storage/index.html @@ -14,7 +14,7 @@ original_slug: Aprender/JavaScript/Client-side_web_APIs/Client-side_storage Pré-requisitos: - Noções básicas de JavaScript (consulte as primeiras etapas  , blocos de construção , objetos JavaScript ), as noções básicas de APIs do lado do cliente + Noções básicas de JavaScript (consulte as primeiras etapas  , blocos de construção , objetos JavaScript ), as noções básicas de APIs do lado do cliente Objetivo: @@ -25,7 +25,7 @@ original_slug: Aprender/JavaScript/Client-side_web_APIs/Client-side_storage

        Armazenamento do lado do cliente?

        -

        Em outro lugar na área de aprendizagem MDN, falamos sobre a diferença entre sites estáticos e sites dinâmicos . A maioria dos principais sites modernos são dinâmicos - eles armazenam dados no servidor usando algum tipo de banco de dados (armazenamento do lado do servidor) e, em seguida, executam o código do lado do servidor para recuperar os dados necessários, inserem-nos em modelos de página estática e fornecem o HTML resultante para o cliente a ser exibido pelo navegador do usuário.er.

        +

        Em outro lugar na área de aprendizagem MDN, falamos sobre a diferença entre sites estáticos e sites dinâmicos . A maioria dos principais sites modernos são dinâmicos - eles armazenam dados no servidor usando algum tipo de banco de dados (armazenamento do lado do servidor) e, em seguida, executam o código do lado do servidor para recuperar os dados necessários, inserem-nos em modelos de página estática e fornecem o HTML resultante para o cliente a ser exibido pelo navegador do usuário.er.

        O armazenamento do lado do cliente funciona em princípios semelhantes, mas tem usos diferentes. Consiste em APIs JavaScript que permitem armazenar dados no cliente (ou seja, na máquina do usuário) e recuperá-los quando necessário. Isso tem muitos usos distintos, como:

        @@ -39,7 +39,7 @@ original_slug: Aprender/JavaScript/Client-side_web_APIs/Client-side_storage

        Freqüentemente, o armazenamento do lado do cliente e do lado do servidor são usados ​​juntos. Por exemplo, você pode baixar um lote de arquivos de música (talvez usados ​​por um jogo da web ou aplicativo de reprodutor de música), armazená-los em um banco de dados do cliente e reproduzi-los conforme necessário. O usuário só teria que baixar os arquivos de música uma vez - em visitas subsequentes, eles seriam recuperados do banco de dados.

        -

        Nota : Existem limites para a quantidade de dados que você pode armazenar usando APIs de armazenamento do lado do cliente (possivelmente por API individual e cumulativamente); o limite exato varia dependendo do navegador e, possivelmente, com base nas configurações do usuário. Consulte Limites de armazenamento do navegador e critérios de despejo para obter mais informações..

        +

        Nota : Existem limites para a quantidade de dados que você pode armazenar usando APIs de armazenamento do lado do cliente (possivelmente por API individual e cumulativamente); o limite exato varia dependendo do navegador e, possivelmente, com base nas configurações do usuário. Consulte Limites de armazenamento do navegador e critérios de despejo para obter mais informações..

        Old school: Cookies

        diff --git a/files/pt-br/learn/javascript/client-side_web_apis/index.html b/files/pt-br/learn/javascript/client-side_web_apis/index.html index cb2fe46cd9..854ecb4ff7 100644 --- a/files/pt-br/learn/javascript/client-side_web_apis/index.html +++ b/files/pt-br/learn/javascript/client-side_web_apis/index.html @@ -32,7 +32,7 @@ original_slug: Aprender/JavaScript/Client-side_web_APIs

        Guias

        -
        Introdução a APIs para a web
        +
        Introdução a APIs para a web
        Primeiro, vamos começar com apis de alto nível — o que elas são, como elas funcionam, quando usar no seu código, como elas são estruturadas? Nós veremos diferentes tipos de classses principais e o que elas são, e quais são as possibilidades de uso.
        Manipulando documentos
        Quando estiver codificando páginas da web ou aplicações, uma das coisas mais comuns que você irá fazer será manipular documentos da web de alguma forma. Normalmente isso é feito usando o Document Object Model (DOM), um conjunto de APIs para controlar o HTML e a informação sobre os estilos que usa fortemente o objeto {{domxref("Document")}}. Neste artigo vamos ver como usar o DOM em detalhes, juntamente com outras APIs interessantes que podem alterar seu ambiente de desenvolvimento de modos interessantes.
        diff --git a/files/pt-br/learn/javascript/first_steps/variables/index.html b/files/pt-br/learn/javascript/first_steps/variables/index.html index 88b45eaf8f..73cef40bcd 100644 --- a/files/pt-br/learn/javascript/first_steps/variables/index.html +++ b/files/pt-br/learn/javascript/first_steps/variables/index.html @@ -310,7 +310,7 @@ const horasNoDia = 24;

        Teste suas habilidades!

        -

        Você chegou ao final deste artigo, mas consegue se lembrar das informações mais importantes? Você pode encontrar alguns testes adicionais para verificar se você reteve essas informações antes de prosseguir — veja Teste suas habilidades: variáveis.

        +

        Você chegou ao final deste artigo, mas consegue se lembrar das informações mais importantes? Você pode encontrar alguns testes adicionais para verificar se você reteve essas informações antes de prosseguir — veja Teste suas habilidades: variáveis.

        Sumário

        @@ -321,13 +321,13 @@ const horasNoDia = 24;

        Neste módulo

        diff --git a/files/pt-br/learn/javascript/index.html b/files/pt-br/learn/javascript/index.html index 2d0226b691..9a3f199b62 100644 --- a/files/pt-br/learn/javascript/index.html +++ b/files/pt-br/learn/javascript/index.html @@ -41,15 +41,15 @@ original_slug: Aprender/JavaScript

        Este tópico contém os seguintes módulos, em uma ordem que sugerimos para estudá-los.

        -
        Primeiros passos em JavaScript
        +
        Primeiros passos em JavaScript
        Em nosso primeiro módulo JavaScript, primeiro responderemos algumas questões fundamentais como "o que é JavaScript?", "Como ele se parece?" E "o que ele pode fazer?", antes de passar para sua primeira experiência prática de escrever JavaScript. Depois disso, discutimos alguns recursos chave do JavaScript em detalhes, como variáveis, cadeias de caracteres, números e matrizes.
        -
        Blocos de codigo JavaScript
        +
        Blocos de codigo JavaScript
        Neste módulo, continuaremos a falar sobre os principais recursos fundamentais do JavaScript, voltando nossa atenção para os tipos mais comuns de blocos de código, como instruções condicionais, funções e eventos. Você já viu essas coisas no curso, mas apenas de passagem, aqui discutiremos tudo explicitamente.
        -
        Introdução a objetos em JavaScript
        +
        Introdução a objetos em JavaScript
        Em JavaScript, a maioria das coisas são objetos, desde seus principais recursos até as APIs do navegador. Você pode até criar seus próprios objetos.É importante entender a natureza orientada a objetos do JavaScript se você quiser ir mais longe com seu conhecimento da linguagem e escrever um código mais eficiente, portanto, fornecemos este módulo para ajudá-lo. Aqui ensinamos a teoria e a sintaxe de objetos em detalhes, observamos como criar seus próprios objetos e explicamos quais são os dados JSON e como trabalhar com eles.
        -
        JavaScript Assíncrono
        +
        JavaScript Assíncrono
        Neste módulo, examinamos o JavaScript assíncrono, por que é importante e como ele pode ser usado para lidar efetivamente com possíveis operações de bloqueio, como a busca de recursos de um servidor.
        -
        API's Web do lado cliente
        +
        API's Web do lado cliente
        Ao escrever JavaScript para sites ou aplicativos da Web, você não vai muito longe antes de começar a usar APIs - interfaces para manipular diferentes aspectos do navegador e do sistema operacional em que o site está sendo executado, ou até dados de outros sites ou serviços. Neste módulo, vamos explorar o que são as APIs e como usar algumas das APIs mais comuns que você encontrará com frequência em seu trabalho de desenvolvimento.
        diff --git a/files/pt-br/learn/javascript/objects/basics/index.html b/files/pt-br/learn/javascript/objects/basics/index.html index 340fc9dd82..ab5da689b9 100644 --- a/files/pt-br/learn/javascript/objects/basics/index.html +++ b/files/pt-br/learn/javascript/objects/basics/index.html @@ -236,7 +236,7 @@ var meuVideo = document.querySelector('video');

        Teste suas habilidades !

        -

        Você chegou ao fim desse artigo,entretanto você consegue lembrar as informações mais importantes? Você pode encontrar mais testes para verificar se você consolidou as informações antes que você siga adiante  — veja  Test your skills: Object basics.

        +

        Você chegou ao fim desse artigo,entretanto você consegue lembrar as informações mais importantes? Você pode encontrar mais testes para verificar se você consolidou as informações antes que você siga adiante  — veja  Test your skills: Object basics.

        Resumo

        diff --git a/files/pt-br/learn/javascript/objects/json/index.html b/files/pt-br/learn/javascript/objects/json/index.html index 3f28b6d5ab..2db3354e1a 100644 --- a/files/pt-br/learn/javascript/objects/json/index.html +++ b/files/pt-br/learn/javascript/objects/json/index.html @@ -19,7 +19,7 @@ original_slug: Aprender/JavaScript/Objetos/JSON Pré-requisitos -

        Conhecimento básico em informática, conhecimento básico de HTML e CSS, conhecimento básico de JavaScript veja Primeiros passos e Construindo blocos) e o básico de OOJS (veja Introdução a objetos).

        +

        Conhecimento básico em informática, conhecimento básico de HTML e CSS, conhecimento básico de JavaScript veja Primeiros passos e Construindo blocos) e o básico de OOJS (veja Introdução a objetos).

        diff --git a/files/pt-br/learn/server-side/django/deployment/index.html b/files/pt-br/learn/server-side/django/deployment/index.html index 1c4b766923..4ab5fde0b2 100644 --- a/files/pt-br/learn/server-side/django/deployment/index.html +++ b/files/pt-br/learn/server-side/django/deployment/index.html @@ -108,7 +108,7 @@ original_slug: Learn/Server-side/Django/Hospedagem

        Preparando seu site para publicação

        -

        O esqueleto do site do Django criado usando as ferramentas django-admin e manage.py é configurado para tornar o desenvolvimento mais fácil. Muitas das configurações do projeto Django (especificadas em settings.py) devem ser diferentes para produção, por motivos de segurança ou desempenho.

        +

        O esqueleto do site do Django criado usando as ferramentas django-admin e manage.py é configurado para tornar o desenvolvimento mais fácil. Muitas das configurações do projeto Django (especificadas em settings.py) devem ser diferentes para produção, por motivos de segurança ou desempenho.

        Dica: É comum ter um arquivo settings.py separado para produção e importar configurações confidenciais de um arquivo separado ou de uma variável de ambiente. Este arquivo deve ser protegido, mesmo se o resto do código-fonte estiver disponível em um repositório público.

        diff --git a/files/pt-br/learn/server-side/first_steps/client-server_overview/index.html b/files/pt-br/learn/server-side/first_steps/client-server_overview/index.html index 57dd82946d..7cf8e52177 100644 --- a/files/pt-br/learn/server-side/first_steps/client-server_overview/index.html +++ b/files/pt-br/learn/server-side/first_steps/client-server_overview/index.html @@ -34,7 +34,7 @@ translation_of: Learn/Server-side/First_steps/Client-Server_overview

        Web servers e HTTP (uma introdução)

        -

        Navegadores Web se comunicam com servidores Web usando o HyperTextTransfer Protocol (HTTP). Quando você clica em um link em uma página web, envia um formulário, ou faz uma pesquisa, o browser envia uma Requisição HTTP para o servidor.

        +

        Navegadores Web se comunicam com servidores Web usando o HyperTextTransfer Protocol (HTTP). Quando você clica em um link em uma página web, envia um formulário, ou faz uma pesquisa, o browser envia uma Requisição HTTP para o servidor.

        A requisição inclui:

        diff --git a/files/pt-br/learn/server-side/first_steps/website_security/index.html b/files/pt-br/learn/server-side/first_steps/website_security/index.html index e32ac4fa3b..2873b597ca 100644 --- a/files/pt-br/learn/server-side/first_steps/website_security/index.html +++ b/files/pt-br/learn/server-side/first_steps/website_security/index.html @@ -162,7 +162,7 @@ original_slug: Learn/Server-side/First_steps/Seguranca_site

        Este artigo explicou o conceito de segurança na web e algumas das ameaças mais comuns contra as quais o site deve tentar se proteger. Mais importante, você deve entender que uma aplicação web não pode confiar em nenhum dado do navegador. Todos os dados do usuário devem ser limpos antes de serem exibidos ou usados em consultas SQL e chamadas do sistema de arquivos.

        -

        Com este artigo, você chegou ao final deste módulo, abordando seus primeiros passos na programação de sites em relação ao servidor. Esperamos que você tenha gostado de aprender esses conceitos fundamentais e agora esteja pronto para selecionar um Framework web e iniciar a programação.

        +

        Com este artigo, você chegou ao final deste módulo, abordando seus primeiros passos na programação de sites em relação ao servidor. Esperamos que você tenha gostado de aprender esses conceitos fundamentais e agora esteja pronto para selecionar um Framework web e iniciar a programação.

        {{PreviousMenu("Learn/Server-side/First_steps/Web_frameworks", "Learn/Server-side/First_steps")}}

        diff --git a/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/index.html b/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/index.html index ba7a1cba3e..d5a2cc7b07 100644 --- a/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/index.html +++ b/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/index.html @@ -28,7 +28,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks

        Depois disso, forneceremos alguns tutoriais que abordam os fundamentos de alguns dos principais frameworks, que fornecem contexto e familiaridade suficientes para começar a se aprofundar mais. Queremos que avance e aprenda sobre estruturas de uma maneira pragmática que não se esqueça das melhores práticas fundamentais da plataforma da web, como acessibilidade.

        -

        Comece agora, com "Introdução às estruturas do lado do cliente"

        +

        Comece agora, com "Introdução às estruturas do lado do cliente"

        Pré - requisitos

        @@ -52,7 +52,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks
        -
        1. Começando com o React
        +
        1. Começando com o React
        In this article we will say hello to React. We'll discover a little bit of detail about its background and use cases, set up a basic React toolchain on our local computer, and create and play with a simple starter app, learning a bit about how React works in the process.
        2. Começando com a nossa lista "to do" do React
        Let's say that we’ve been tasked with creating a proof-of-concept in React – an app that allows users to add, edit, and delete tasks they want to work on, and also mark tasks as complete without deleting them. This article will walk you through putting the basic App component structure and styling in place, ready for individual component definition and interactivity, which we'll add later.
        diff --git a/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html b/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html index 047ed8a804..f81e618a91 100644 --- a/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html +++ b/files/pt-br/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html @@ -29,7 +29,7 @@ original_slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_ini

        Um Vue mais claro

        -

        O Vue é uma estrutura JavaScript moderna que fornece recursos úteis para aprimoramento progressivo - ao contrário de muitos outros frameworks, você pode usar o Vue para aprimorar o HTML existente. Isso permite que você use o Vue como um substituto para uma biblioteca como o JQuery.

        +

        O Vue é uma estrutura JavaScript moderna que fornece recursos úteis para aprimoramento progressivo - ao contrário de muitos outros frameworks, você pode usar o Vue para aprimorar o HTML existente. Isso permite que você use o Vue como um substituto para uma biblioteca como o JQuery.

        Dito isto, você também pode usar o Vue para escrever aplicativos de página única (Single Page Applications - SPAs) inteiros. Isso permite criar marcações gerenciadas inteiramente pelo Vue, o que pode melhorar a experiência e o desempenho do desenvolvedor ao lidar com aplicativos complexos. Também permite tirar proveito das bibliotecas para roteamento do lado do cliente (client-side) e gerenciamento de estado quando necessário. Além disso, o Vue adota uma abordagem "intermediária" das ferramentas, como roteamento do lado do cliente e gerenciamento de estado. Embora a equipe mantenedora do Vue sugira bibliotecas para essas funções, elas não são agrupadas diretamente no Vue. Isso permite que você selecione bibliotecas de gerenciamento de estado/roteamento diferentes, se elas se ajustarem melhor ao seu aplicativo.

        diff --git a/files/pt-br/mozilla/add-ons/webextensions/api/tabs/index.html b/files/pt-br/mozilla/add-ons/webextensions/api/tabs/index.html index 5aa68832a6..51cca9b9e5 100644 --- a/files/pt-br/mozilla/add-ons/webextensions/api/tabs/index.html +++ b/files/pt-br/mozilla/add-ons/webextensions/api/tabs/index.html @@ -23,7 +23,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs

        You can use most of this API without any special permission. However:

          -
        • To access Tab.url, Tab.title, and Tab.favIconUrl, you need to have the "tabs" permission. +
        • To access Tab.url, Tab.title, and Tab.favIconUrl, you need to have the "tabs" permission.

          Atributos da região ativa

          @@ -169,16 +169,16 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques

          Atributos de relacionamento

            -
          • aria-activedescendant
            • +
          • aria-activedescendant
          • aria-colcount
          • aria-colindex
          • aria-colspan
          • aria-controls
            • -
          • aria-describedby
            • -
          • aria-details
            • +
          • aria-describedby
            • +
          • aria-details
          • aria-errormessage
          • aria-flowto
            • -
          • aria-labelledby
            • +
          • aria-labelledby
          • aria-owns
          • aria-posinset
          • aria-rowcount
            • @@ -190,5 +190,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques

            Propriedades específicas do MicrosoftEdge

            diff --git a/files/pt-br/web/api/canvas_api/index.html b/files/pt-br/web/api/canvas_api/index.html index 46e4a4d406..b44b04e793 100644 --- a/files/pt-br/web/api/canvas_api/index.html +++ b/files/pt-br/web/api/canvas_api/index.html @@ -10,9 +10,9 @@ original_slug: Web/HTML/Canvas ---

            {{CanvasSidebar}}

            -

            A Canvas API provê maneiras de desenhar gráficos via JavaScript e via elemento HTML {{HtmlElement("canvas")}}. Entre outras coisas, ele pode ser utilizado para animação, gráficos de jogos, visualização de dados, manipulação de fotos e processamento de vídeo em tempo real.

            +

            A Canvas API provê maneiras de desenhar gráficos via JavaScript e via elemento HTML {{HtmlElement("canvas")}}. Entre outras coisas, ele pode ser utilizado para animação, gráficos de jogos, visualização de dados, manipulação de fotos e processamento de vídeo em tempo real.

            -

            A Canvas API foca amplamente em gráficos 2D. A WebGL API, que também usa o elemento <canvas>, desenha gráficos 2D e 3D acelerados por hardware.

            +

            A Canvas API foca amplamente em gráficos 2D. A WebGL API, que também usa o elemento <canvas>, desenha gráficos 2D e 3D acelerados por hardware.

            Exemplo básico

            @@ -58,7 +58,7 @@ ctx.fillRect(10, 10, 150, 100);
          -

          Nota: As interfaces relacionadas ao WebGLRenderingContext são referenciadas sob WebGL.

          +

          Nota: As interfaces relacionadas ao WebGLRenderingContext são referenciadas sob WebGL.

          {{domxref("CanvasCaptureMediaStream")}} é uma interface relacionada.

          @@ -67,15 +67,15 @@ ctx.fillRect(10, 10, 150, 100);
          -
          Tutorial Canvas
          +
          Tutorial Canvas
          Um tutorial compreensivo abordando o uso básico da API de Canvas e suas funcionalidades avançadas.
          Mergulhando no Canvas HTML5
          Uma introdução prática e extensa à API Canvas e WebGL.
          Guia Canvas
          Uma referência acessível para a API Canvas.
          -
          Demonstração: Um ray-caster básico 
          +
          Demonstração: Um ray-caster básico 
          Uma demonstração de animação ray-tracing usando canvas.
          -
          Manipulando vídeos usando canvas
          +
          Manipulando vídeos usando canvas
          Combinando {{HTMLElement("video")}} e {{HTMLElement("canvas")}} para manipular dados de vídeo em tempo real.
          @@ -100,7 +100,7 @@ ctx.fillRect(10, 10, 150, 100);
        -

        Nota: Veja a WebGL API para bibliotecas 2D e 3D que usam WebGL.

        +

        Nota: Veja a WebGL API para bibliotecas 2D e 3D que usam WebGL.

        Especificações

        @@ -126,10 +126,10 @@ ctx.fillRect(10, 10, 150, 100);

        Compatibilidade com navegadores

        -

        Aplicações Mozilla ganharam suporte para <canvas> a partir do Gecko 1.8 (Firefox 1.5). O elemento foi originalmente introduzido pela Apple para o Dashboard OS X e Safari. O Internet Explorer suporta <canvas> quando inclui-se um script do projeto Explorer Canvas, da google. Google Chrome e Opera 9 também suportam <canvas>.

        +

        Aplicações Mozilla ganharam suporte para <canvas> a partir do Gecko 1.8 (Firefox 1.5). O elemento foi originalmente introduzido pela Apple para o Dashboard OS X e Safari. O Internet Explorer suporta <canvas> quando inclui-se um script do projeto Explorer Canvas, da google. Google Chrome e Opera 9 também suportam <canvas>.

        Ver também

        diff --git a/files/pt-br/web/css/@media/aspect-ratio/index.html b/files/pt-br/web/css/@media/aspect-ratio/index.html index b40690add2..5889b66713 100644 --- a/files/pt-br/web/css/@media/aspect-ratio/index.html +++ b/files/pt-br/web/css/@media/aspect-ratio/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/@media/aspect-ratio ---
        {{cssref}}
        -

        A  característica de mídia CSS aspect-ratio pode ser utilizada para testar a taxa de aspecto de sua {{glossary("viewport")}}.

        +

        A  característica de mídia CSS aspect-ratio pode ser utilizada para testar a taxa de aspecto de sua {{glossary("viewport")}}.

        Sintaxe

        diff --git a/files/pt-br/web/css/_colon_root/index.html b/files/pt-br/web/css/_colon_root/index.html index 523b54d1e0..e7b4dc0bba 100644 --- a/files/pt-br/web/css/_colon_root/index.html +++ b/files/pt-br/web/css/_colon_root/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:root'

        Sumário

        -

        A pseudo-classe CSS  :root se equipara à raíz de uma árvore, que por sua vez representa o documento. Aplicado ao HTML, :root representa o elemento {{HTMLElement("html")}}  e é identico ao seletor html, exceto que sua especificidade é mais alta.

        +

        A pseudo-classe CSS  :root se equipara à raíz de uma árvore, que por sua vez representa o documento. Aplicado ao HTML, :root representa o elemento {{HTMLElement("html")}}  e é identico ao seletor html, exceto que sua especificidade é mais alta.

        Sintaxe

        diff --git a/files/pt-br/web/css/align-content/index.html b/files/pt-br/web/css/align-content/index.html index 8496933d41..b0f512aefb 100644 --- a/files/pt-br/web/css/align-content/index.html +++ b/files/pt-br/web/css/align-content/index.html @@ -3,7 +3,7 @@ title: align-content slug: Web/CSS/align-content translation_of: Web/CSS/align-content --- -

        A propriedade CSS align-content define a distribuição entre e ao redor dos items do conteúdo do eixo transversal de uma flexbox ou do eixo de bloco de uma grid.

        +

        A propriedade CSS align-content define a distribuição entre e ao redor dos items do conteúdo do eixo transversal de uma flexbox ou do eixo de bloco de uma grid.

        O exemplo interativo abaixo use Grid Layout para demonstrar alguns dos valores dessa propriedade.

        diff --git a/files/pt-br/web/css/animation-fill-mode/index.html b/files/pt-br/web/css/animation-fill-mode/index.html index c12c7d0e3b..c752ed2957 100644 --- a/files/pt-br/web/css/animation-fill-mode/index.html +++ b/files/pt-br/web/css/animation-fill-mode/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/animation-fill-mode ---
        {{CSSRef}}
        -

        A propriedade CSS animation-fill-mode define como uma animação CSS aplica estilos ao seu destino antes e depois de sua execução.

        +

        A propriedade CSS animation-fill-mode define como uma animação CSS aplica estilos ao seu destino antes e depois de sua execução.

        {{EmbedInteractiveExample("pages/css/animation-fill-mode.html")}}
        diff --git a/files/pt-br/web/css/class_selectors/index.html b/files/pt-br/web/css/class_selectors/index.html index b98a793b0b..72a381fdb1 100644 --- a/files/pt-br/web/css/class_selectors/index.html +++ b/files/pt-br/web/css/class_selectors/index.html @@ -8,7 +8,7 @@ tags: - Seletores translation_of: Web/CSS/Class_selectors --- -

        O seletor de classes CSS corresponde aos elementos com base no conteúdo de seus atributos class.

        +

        O seletor de classes CSS corresponde aos elementos com base no conteúdo de seus atributos class.

        /* Todos os elementos com class="espaçoso" */
 .espaçoso {
diff --git a/files/pt-br/web/css/initial_value/index.html b/files/pt-br/web/css/initial_value/index.html
index 2a042a41db..8abf9aea9a 100644
--- a/files/pt-br/web/css/initial_value/index.html
+++ b/files/pt-br/web/css/initial_value/index.html
@@ -11,11 +11,11 @@ original_slug: Web/CSS/valor_inicial
 ---
 
        {{cssref}}
        
 
-
        O Valor inicial de uma propriedade CSS é o seu valor padrão, como listado em sua tabela de definição. O uso do valor inicial varia caso a propriedade seja herdada ou não.
        
+
        O Valor inicial de uma propriedade CSS é o seu valor padrão, como listado em sua tabela de definição. O uso do valor inicial varia caso a propriedade seja herdada ou não.
        
 
 
 
 
        
diff --git a/files/pt-br/web/css/pseudo-classes/index.html b/files/pt-br/web/css/pseudo-classes/index.html
index 40cb2ea24c..5e332aab0e 100644
--- a/files/pt-br/web/css/pseudo-classes/index.html
+++ b/files/pt-br/web/css/pseudo-classes/index.html
@@ -20,7 +20,7 @@ button:hover {
 
        Pseudo-classes permitem que você aplique um estilo a um elemento não apenas em relação ao conteúdo da árvore do documento, mas também em relação a fatores externos como o histórico de navegação ({{CSSxRef(":visited")}}, por exemplo), o status do seu conteúdo (como {{ CSSxRef(":checked")}} em certos elementos de um formulário), ou a posição do mouse (como {{CSSxRef(":hover")}}, que permite saber se o mouse está sobre um elemento ou não).
        
 
 
        
-
        Observação: Diferentemente das pseudo-classes, pseudo-elementos podem ser usados para estilizar uma parte específica de um elemento.
        
+
        Observação: Diferentemente das pseudo-classes, pseudo-elementos podem ser usados para estilizar uma parte específica de um elemento.
        
 
        
 
 
        Sintaxe
        
diff --git a/files/pt-br/web/guide/printing/index.html b/files/pt-br/web/guide/printing/index.html
index 7819266b9f..7d2da90fe6 100644
--- a/files/pt-br/web/guide/printing/index.html
+++ b/files/pt-br/web/guide/printing/index.html
@@ -60,7 +60,7 @@ translation_of: Web/Guide/Printing
 </html>
        - +

        Imprimir uma página externa sem abri-la

        diff --git a/files/pt-br/web/html/element/embed/index.html b/files/pt-br/web/html/element/embed/index.html index 32469c38d5..21568d0d96 100644 --- a/files/pt-br/web/html/element/embed/index.html +++ b/files/pt-br/web/html/element/embed/index.html @@ -52,7 +52,7 @@ translation_of: Web/HTML/Element/embed
        {{htmlattrdef("src")}}
        A URL do recurso que está sendo incorporado.
        {{htmlattrdef("type")}}
        -
        O tipo MIME a ser usado para a seleção do plug-in de instanciação.
        +
        O tipo MIME a ser usado para a seleção do plug-in de instanciação.
        {{htmlattrdef("width")}}
        A largura apresentada do recurso, em CSS pixels. Este deve ser um valor absoluto; porcentagens não são permitidas.
        diff --git a/files/pt-br/web/html/element/img/index.html b/files/pt-br/web/html/element/img/index.html index f87f9f0bcf..4e23168ce4 100644 --- a/files/pt-br/web/html/element/img/index.html +++ b/files/pt-br/web/html/element/img/index.html @@ -187,7 +187,7 @@ translation_of: Web/HTML/Element/img
      • An alt Decision Tree • Images • WAI Web Accessibility Tutorials
      • Alt-texts: The Ultimate Guide — Axess Lab
      • How to Design Great Alt Text: An Introduction | Deque
        • -
      • MDN Understanding WCAG, Guideline 1.1 explanations
        • +
      • MDN Understanding WCAG, Guideline 1.1 explanations
      • Understanding Success Criterion 1.1.1 | W3C Understanding WCAG 2.0
      @@ -195,7 +195,7 @@ translation_of: Web/HTML/Element/img

      O atributo {{htmlattrxref("title")}} não é um substituto aceitável para o atributo alt. Além disso, evite duplicar o valor do atributo alt no atributo title para uma mesma imagem. Isso pode fazer com que alguns programas leitores de tela narrem duas vezes a descrição, o que pode criar uma experiência confusa para usuários.

      -

      Evite usar o atributo title como uma forma suplementar de legenda para a descrição do alt. Caso a imagem precise de uma legenda, prefisa os elementos figure e figcaption.

      +

      Evite usar o atributo title como uma forma suplementar de legenda para a descrição do alt. Caso a imagem precise de uma legenda, prefisa os elementos figure e figcaption.

      O valor do atributo title é geralmente mostrado ao usuário como uma dica, que aparece após o usuário parar o cursor sobre a imagem. Apesar de poder prover informações adicionais ao usuário, não se deve assumir todos os usuários vão vê-lo, pois o mesmo pode possuir apenas um teclado ou uma tela de toque (touchscreen). Se você considera a informação particularmente importante para o usuário, prefira o uso de elementos inline.

      diff --git a/files/pt-br/web/html/global_attributes/contenteditable/index.html b/files/pt-br/web/html/global_attributes/contenteditable/index.html index 56794951ad..19b19fd774 100644 --- a/files/pt-br/web/html/global_attributes/contenteditable/index.html +++ b/files/pt-br/web/html/global_attributes/contenteditable/index.html @@ -68,7 +68,7 @@ translation_of: Web/HTML/Global_attributes/contenteditable
      • Tornando o conteúdo editável
        • -
      • Todos os atributos globais
        • +
      • Todos os atributos globais
      • {{domxref("HTMLElement.contentEditable")}} e {{domxref("HTMLElement.isContentEditable")}}
      • A propriedade {{cssxref("caret-color")}} do CSS.
      • Evento de input - HTMLElement
        • diff --git a/files/pt-br/web/html/global_attributes/tabindex/index.html b/files/pt-br/web/html/global_attributes/tabindex/index.html index 9357c66c56..85cb06ff01 100644 --- a/files/pt-br/web/html/global_attributes/tabindex/index.html +++ b/files/pt-br/web/html/global_attributes/tabindex/index.html @@ -21,7 +21,7 @@ translation_of: Web/HTML/Global_attributes/tabindex
      • um valor negativo (geralmente tabindex="-1") significa que o elemento não deve ser localizado pela navegação sequencial do teclado, mas pode ser focável visualmente ou com JavaScript. Isso é mais útil para criar widgets accessíveis com JavaScript.
        -

        Um valor negativo é útil quando você tem conteúdo fora da tela que aparece com um evento específico. O usuário não poder focar em nenhum elemento com um tabindex negativo utilizando o teclado, porém um script pode o fazer utilizando o método focus().

        +

        Um valor negativo é útil quando você tem conteúdo fora da tela que aparece com um evento específico. O usuário não poder focar em nenhum elemento com um tabindex negativo utilizando o teclado, porém um script pode o fazer utilizando o método focus().

      • tabindex="0" significa que o elemento deve ser focável e que pode ser localizado pela navegação sequencial do teclado, mas a sua posição será definida pela ordem no código-fonte do documento;
        • diff --git a/files/pt-br/web/http/headers/index.html b/files/pt-br/web/http/headers/index.html index bb02e87319..996ace6cf4 100644 --- a/files/pt-br/web/http/headers/index.html +++ b/files/pt-br/web/http/headers/index.html @@ -71,13 +71,13 @@ translation_of: Web/HTTP/Headers

        Client hints

        -

        O recurso HTTP Client hints ainda está em desenvolvimento. A documentação está disponível no site do HTTP working group.

        +

        O recurso HTTP Client hints ainda está em desenvolvimento. A documentação está disponível no site do HTTP working group.

        {{HTTPHeader("Accept-CH")}} {{experimental_inline}}
        -
        Os servidores podem dar suporte para o Client hints usando o campo de cabeçalho Accept-CH ou um elemento HTML <meta> equivalente com atributo http-equiv ([HTML5]).
        +
        Os servidores podem dar suporte para o Client hints usando o campo de cabeçalho Accept-CH ou um elemento HTML <meta> equivalente com atributo http-equiv ([HTML5]).
        {{HTTPHeader("Accept-CH-Lifetime")}} {{experimental_inline}}
        -
        Os servidores podem solicitar ao cliente que lembre-se do conjunto de Client hints que o servidor dá suporte por um período de tempo especificado, para permitir a entrega de Client hints em solicitações seguidas ao servidor de origem([RFC6454]).
        +
        Os servidores podem solicitar ao cliente que lembre-se do conjunto de Client hints que o servidor dá suporte por um período de tempo especificado, para permitir a entrega de Client hints em solicitações seguidas ao servidor de origem([RFC6454]).
        {{HTTPHeader("Content-DPR")}} {{experimental_inline}}
        Um número que indica a proporção entre pixels físicos sobre pixels CSS da resposta de imagem selecionada.
        {{HTTPHeader("DPR")}} {{experimental_inline}}
        @@ -177,7 +177,7 @@ translation_of: Web/HTTP/Headers
        {{HTTPHeader("Origin")}}
        Inddica de onde uma busca se origina.
        {{HTTPHeader("Timing-Allow-Origin")}}
        -
        Especifica as origens que tem permissão para ver valores de atributos recuperados por meio de recursos da API de Tempo de Recurso (Resource Timing API) que, de outra forma, seriam relatados como zero devido a restrições de origem cruzada (cross-origin restrictions).
        +
        Especifica as origens que tem permissão para ver valores de atributos recuperados por meio de recursos da API de Tempo de Recurso (Resource Timing API) que, de outra forma, seriam relatados como zero devido a restrições de origem cruzada (cross-origin restrictions).

        Do Not Track

        diff --git a/files/pt-br/web/javascript/guide/modules/index.html b/files/pt-br/web/javascript/guide/modules/index.html index a9f6162954..a3b0c0bd53 100644 --- a/files/pt-br/web/javascript/guide/modules/index.html +++ b/files/pt-br/web/javascript/guide/modules/index.html @@ -83,7 +83,7 @@ modules/

        No entanto, decidimos continuar usando .js, pelo menos por enquanto. Para que os módulos funcionem corretamente em um navegador, você precisa garantir que seu servidor os esteja servindo com um cabeçalho Content-Type que contenha um tipo MIME JavaScript, como text / javascript. Caso contrário, você receberá um erro estrito de verificação do tipo MIME, de acordo com as linhas "O servidor respondeu com um tipo MIME não JavaScript" e o navegador não executará seu JavaScript. A maioria dos servidores já define o tipo correto para arquivos .js, mas ainda não para arquivos .mjs. Servidores que já veiculam arquivos .mjs incluem corretamente GitHub Pages e http-server para Node.js.

        -

        Tudo bem se você já estiver usando esse ambiente ou se não estiver, mas souber o que está fazendo e tiver acesso (ou seja, você pode configurar o servidor para definir a configuração correta Content-Type para arquivos .mjs). No entanto, isso pode causar confusão se você não controlar o servidor do qual está servindo arquivos ou publicar arquivos para uso público, como estamos aqui.

        +

        Tudo bem se você já estiver usando esse ambiente ou se não estiver, mas souber o que está fazendo e tiver acesso (ou seja, você pode configurar o servidor para definir a configuração correta Content-Type para arquivos .mjs). No entanto, isso pode causar confusão se você não controlar o servidor do qual está servindo arquivos ou publicar arquivos para uso público, como estamos aqui.

        Para fins de aprendizado e portabilidade, decidimos manter o.js.

        diff --git a/files/pt-br/web/javascript/guide/regular_expressions/index.html b/files/pt-br/web/javascript/guide/regular_expressions/index.html index 038cccb762..17363ea837 100644 --- a/files/pt-br/web/javascript/guide/regular_expressions/index.html +++ b/files/pt-br/web/javascript/guide/regular_expressions/index.html @@ -40,7 +40,7 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions

        Usando o construtor, a compilação da expressão regular é realizada em tempo de execução. Use o construtor quando souber que o padrão da expressão regular irá mudar ou quando o padrão for desconhecido, oriundo de outra fonte, uma entrada de usuário por exemplo.

        -

        Nota: Se você já está familiarizado com as formas de uma expressão regular, também pode ler o resumo  para uma rápida pesquisa de um padrão específico.

        +

        Nota: Se você já está familiarizado com as formas de uma expressão regular, também pode ler o resumo  para uma rápida pesquisa de um padrão específico.

        Escrevendo um padrão de expressão regular

        diff --git a/files/pt-br/web/javascript/reference/classes/index.html b/files/pt-br/web/javascript/reference/classes/index.html index 0157d8ff82..1f028c9772 100644 --- a/files/pt-br/web/javascript/reference/classes/index.html +++ b/files/pt-br/web/javascript/reference/classes/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Classes

        Definindo classes

        -

        As Classes são, de fato, "funções especiais", e, assim como você pode definir "function expressions" e "function declarations", a sintaxe de uma classe possui dois componentes: "class expressions" e  "class declarations".

        +

        As Classes são, de fato, "funções especiais", e, assim como você pode definir "function expressions" e "function declarations", a sintaxe de uma classe possui dois componentes: "class expressions" e  "class declarations".

        Declarando classes

        diff --git a/files/pt-br/web/javascript/reference/global_objects/reflect/defineproperty/index.html b/files/pt-br/web/javascript/reference/global_objects/reflect/defineproperty/index.html index b26e3037f2..33951d7a94 100644 --- a/files/pt-br/web/javascript/reference/global_objects/reflect/defineproperty/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/reflect/defineproperty/index.html @@ -60,7 +60,7 @@ obj.x // 7

        Verificando se a definição da propriedade foi bem-sucedida

        -

        Com o {{jsxref ("Object.defineProperty")}}, que retorna um objeto se for bem-sucedido ou lança um {{jsxref ("TypeError")}}, você usaria um bloco try...catch para detectar qualquer erro que ocorreu ao definir uma propriedade.

        +

        Com o {{jsxref ("Object.defineProperty")}}, que retorna um objeto se for bem-sucedido ou lança um {{jsxref ("TypeError")}}, você usaria um bloco try...catch para detectar qualquer erro que ocorreu ao definir uma propriedade.

        Como Reflect.defineProperty retorna um status de sucesso booleano, você pode usar apenas um bloco if...else aqui:

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/anchor/index.html b/files/pt-br/web/javascript/reference/global_objects/string/anchor/index.html index 4b5aab2c22..e6b2f349f1 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/anchor/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/anchor/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/anchor
        O método anchor() cria uma string começando com uma tag inicial <a name="...">, um texto e uma tag final </a>.
        -

        Não use este método. Ao invés, use DOM APIs. Além disso, a especificação HTML não permite mais que o elemento <a> tenha um atributo "name", portanto, esse método nem mesmo cria uma tag válida.

        +

        Não use este método. Ao invés, use DOM APIs. Além disso, a especificação HTML não permite mais que o elemento <a> tenha um atributo "name", portanto, esse método nem mesmo cria uma tag válida.

        Sintaxe

        @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/anchor

        Descrição

        -

        Não use este método. Ao invés, use DOM APIs. Além disso, a especificação HTML não permite mais que o elemento <a> tenha um atributo "name", portanto, esse método nem mesmo cria uma tag válida.

        +

        Não use este método. Ao invés, use DOM APIs. Além disso, a especificação HTML não permite mais que o elemento <a> tenha um atributo "name", portanto, esse método nem mesmo cria uma tag válida.

        Exemplos

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/big/index.html b/files/pt-br/web/javascript/reference/global_objects/string/big/index.html index 624f0b9b5b..0c269a0d7c 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/big/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/big/index.html @@ -12,10 +12,10 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/big ---
        {{JSRef}} {{deprecated_header}}
        -

        O método big() cria um elemento HTML <big> fazendo com que o texto dentro dele seja exibido uma uma fonte maior.

        +

        O método big() cria um elemento HTML <big> fazendo com que o texto dentro dele seja exibido uma uma fonte maior.

        -

        Nota de uso: O elemento <big> foi removido no HTML5 e não deve mais ser usado. Em vez disso, web developers devem usar a propriedade CSS correspondente.

        +

        Nota de uso: O elemento <big> foi removido no HTML5 e não deve mais ser usado. Em vez disso, web developers devem usar a propriedade CSS correspondente.

        Sintaxe

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/blink/index.html b/files/pt-br/web/javascript/reference/global_objects/string/blink/index.html index 4b179a09de..cd7c399edd 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/blink/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/blink/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/blink ---
        {{JSRef}} {{deprecated_header}}
        -

        O método blink() cria um elemento HTML <blink> que faz uma string piscar.

        +

        O método blink() cria um elemento HTML <blink> que faz uma string piscar.

        Aviso: A criação de textos que piscam é desaprovada por vários padrões de acessibilidade. O próprio elemento <blink> não é padrão e está obsoleto!

        @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/blink

        Valor retornado

        -

        Uma string contendo um elemento HTML <blink>.

        +

        Uma string contendo um elemento HTML <blink>.

        Descrição

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/bold/index.html b/files/pt-br/web/javascript/reference/global_objects/string/bold/index.html index 17bb7d54fb..134d8cae04 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/bold/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/bold/index.html @@ -12,7 +12,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/bold ---
        {{JSRef}} {{deprecated_header}}
        -

        O método bold() cria um elemento HTML <b> que faz com que uma string seja exibida em negrito.

        +

        O método bold() cria um elemento HTML <b> que faz com que uma string seja exibida em negrito.

        Sintaxe

        @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/bold

        Valor retornado

        -

        Uma string contendo um elemento HTML <b> .

        +

        Uma string contendo um elemento HTML <b> .

        Descrição

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/charcodeat/index.html b/files/pt-br/web/javascript/reference/global_objects/string/charcodeat/index.html index badb2d8a27..e8d07e6fa2 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/charcodeat/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/charcodeat/index.html @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/charCodeAt

        Descrição

        -

        Os pontos de código Unicode variam de 0 a 1114111 (0x10FFFF). Os primeiros 128 pontos de código Unicode são uma correspondência direta da codificação de caracteres ASCII. (Para informações sobre Unicode, veja o JavaScript Guide.)

        +

        Os pontos de código Unicode variam de 0 a 1114111 (0x10FFFF). Os primeiros 128 pontos de código Unicode são uma correspondência direta da codificação de caracteres ASCII. (Para informações sobre Unicode, veja o JavaScript Guide.)

        Nota: o charCodeAt() sempre retornará um valor menor do que 65536. Isso ocorre pois os pontos de código mais altos são representados por um par de pseudo-caracteres "substitutos" (de menor valor) que são usados para compreender o caracter real.
        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/fixed/index.html b/files/pt-br/web/javascript/reference/global_objects/string/fixed/index.html index 0c50035e13..3ec9b911fa 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/fixed/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/fixed/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fixed ---

        {{JSRef}} {{deprecated_header}}
        -

        O método fixed() cria um elemento HTML <tt> que faz com que uma string seja exibida em uma fonte de densidade fixa.

        +

        O método fixed() cria um elemento HTML <tt> que faz com que uma string seja exibida em uma fonte de densidade fixa.

        Sintaxe

        @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fixed

        Valor retornado

        -

        Uma string que representa o elemento HTML <tt>.

        +

        Uma string que representa o elemento HTML <tt>.

        Descrição

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/fontcolor/index.html b/files/pt-br/web/javascript/reference/global_objects/string/fontcolor/index.html index 1680cefa36..48e38246c7 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/fontcolor/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/fontcolor/index.html @@ -13,10 +13,10 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontcolor ---
        {{JSRef}} {{deprecated_header}}
        -

        O método fontcolor() cria um elemento HTML <font> que faz com que uma string seja exibida na cor especificada.

        +

        O método fontcolor() cria um elemento HTML <font> que faz com que uma string seja exibida na cor especificada.

        -

        Nota de uso: O elemento <font> foi removido do HTML5 e não deve mais ser usado. Em vez disso, web developers devem usar a propriedade CSS correspondente.

        +

        Nota de uso: O elemento <font> foi removido do HTML5 e não deve mais ser usado. Em vez disso, web developers devem usar a propriedade CSS correspondente.

        Sintaxe

        @@ -27,12 +27,12 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontcolor
        color
        -
        Deve ser um string que expresse uma cor em formato hexadecimal ou o nome, em Inglês, de uma cor. Os nomes das cores estão listados na referência de cores CSS.
        +
        Deve ser um string que expresse uma cor em formato hexadecimal ou o nome, em Inglês, de uma cor. Os nomes das cores estão listados na referência de cores CSS.

        Valor retornado

        -

        Uma string contendo um elemento HTML <font>.

        +

        Uma string contendo um elemento HTML <font>.

        Descrição

        @@ -53,7 +53,7 @@ console.log(worldString.fontcolor('FF00') + ' está vermelho em hexadecimal nest // '<font color="FF00">Olá, mundo</font> está vermelho em hexadecimal nesta linha' -

        Com o objeto element.style você pode obter o atributo style do elemento e manipulá-lo de forma mais genérica, por exemplo:

        +

        Com o objeto element.style você pode obter o atributo style do elemento e manipulá-lo de forma mais genérica, por exemplo:

        document.getElementById('#oIdDoElemento').style.color = 'red';
        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/fontsize/index.html b/files/pt-br/web/javascript/reference/global_objects/string/fontsize/index.html index ae429d6089..9aebe0f72a 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/fontsize/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/fontsize/index.html @@ -13,10 +13,10 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontsize ---
        {{JSRef}} {{deprecated_header}}
        -

        O método fontsize() cria um elemento HTML <font> que faz com que uma string seja exibida no tamanho da fonte especificada.

        +

        O método fontsize() cria um elemento HTML <font> que faz com que uma string seja exibida no tamanho da fonte especificada.

        -

        Nota de uso: O elemento <font> foi removido do HTML5 e não deve mais ser usado. Em vez disso, web developers devem usar a propriedade CSS correspondente.

        +

        Nota de uso: O elemento <font> foi removido do HTML5 e não deve mais ser usado. Em vez disso, web developers devem usar a propriedade CSS correspondente.

        Sintaxe

        @@ -32,11 +32,11 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontsize

        Valor retornado

        -

        Uma string contendo um elemento HTML <font>.

        +

        Uma string contendo um elemento HTML <font>.

        Descrição

        -

        Ao especificar o tamanho como um inteiro, você define o tamanho da fonte do texto para um dos 7 tamanhos definidos. Ao especificar size como uma string como "-2", você ajusta o tamanho da fonte do texto em relação ao tamanho definido na tag <basefont>.

        +

        Ao especificar o tamanho como um inteiro, você define o tamanho da fonte do texto para um dos 7 tamanhos definidos. Ao especificar size como uma string como "-2", você ajusta o tamanho da fonte do texto em relação ao tamanho definido na tag <basefont>.

        Exemplos

        @@ -51,7 +51,7 @@ console.log(worldString.big()); // <big>Olá, mundo</big> console.log(worldString.fontsize(7)); // <font size="7">Olá, mundo</fontsize> -

        Com o objeto element.style você pode obter o atributo style do elemento e manipulá-lo de forma mais genérica, por exemplo:

        +

        Com o objeto element.style você pode obter o atributo style do elemento e manipulá-lo de forma mais genérica, por exemplo:

        document.getElementById('#oIdDoElemento').style.fontSize = '0.7em';
        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/italics/index.html b/files/pt-br/web/javascript/reference/global_objects/string/italics/index.html index 2b4c297da8..9a25d313b7 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/italics/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/italics/index.html @@ -12,7 +12,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/italics ---
        {{JSRef}} {{deprecated_header}}
        -

        O método italics() cria um elemento HTML <i> que faz com que uma string fique em itálico.

        +

        O método italics() cria um elemento HTML <i> que faz com que uma string fique em itálico.

        Sintaxe

        @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/italics

        Valor retornado

        -

        Uma string contendo um elemento HTML <i>.

        +

        Uma string contendo um elemento HTML <i>.

        Descrição

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/link/index.html b/files/pt-br/web/javascript/reference/global_objects/string/link/index.html index 92a0962be8..2f35d2ec58 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/link/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/link/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/link ---
        {{JSRef}} {{deprecated_header}}
        -

        O método link() cria uma string que representa o código para um elemento HTML <a> a ser usado como um link de hipertexto para outro URL.

        +

        O método link() cria uma string que representa o código para um elemento HTML <a> a ser usado como um link de hipertexto para outro URL.

        Sintaxe

        @@ -28,13 +28,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/link

        Valor retornado

        -

        Uma string contendo um elemento HTML <a>.

        +

        Uma string contendo um elemento HTML <a>.

        Descrição

        -

        Use o método link() para criar um elemento HTML <a>. A string retornada pode então ser adicionada ao documento por meio de document.write() ou element.innerHTML.

        +

        Use o método link() para criar um elemento HTML <a>. A string retornada pode então ser adicionada ao documento por meio de document.write() ou element.innerHTML.

        -

        Os links criados com o método link() tornam-se elementos na array de links do objeto document. Veja document.links.

        +

        Os links criados com o método link() tornam-se elementos na array de links do objeto document. Veja document.links.

        Exemplos

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/localecompare/index.html b/files/pt-br/web/javascript/reference/global_objects/string/localecompare/index.html index 8a58612705..6e8892272a 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/localecompare/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/localecompare/index.html @@ -34,7 +34,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/localeCompare

        Esses argumentos personalizam o comportamento da função e permitem que os aplicativos especifiquem o idioma cujas convenções de formatação devem ser usadas. Em implementações que ignoram os argumentos locales e options, a localidade usada e a forma da string retornada são inteiramente dependentes da implementação.

        -

        Consulte o construtor Intl.Collator() para obter detalhes sobre esses parâmetros e como usá-los.

        +

        Consulte o construtor Intl.Collator() para obter detalhes sobre esses parâmetros e como usá-los.

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/match/index.html b/files/pt-br/web/javascript/reference/global_objects/string/match/index.html index ee96efe8a5..817ce012cc 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/match/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/match/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/match

        Resumo

        -

        O método match() retorna uma correspondência entre uma string com uma expressão regular.

        +

        O método match() retorna uma correspondência entre uma string com uma expressão regular.

        Sintaxe

        @@ -25,7 +25,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/match
        regexp
        -
        Um objeto de expressão regular. Se regexp não for uma RegExp, o mesmo será convertido para uma nova RegExp usando new RegExp(regexp).
        +
        Um objeto de expressão regular. Se regexp não for uma RegExp, o mesmo será convertido para uma nova RegExp usando new RegExp(regexp).

        Se você não fornecer nenhum parâmetro ao usar o método match(), você obterá um {{jsxref ("Array")}} com uma string vazia: [""].
        @@ -48,7 +48,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/match
        groups
        -
        Um objeto de grupos de captura nomeados cujas chaves são os nomes, e valores são os grupos de captura ou {{jsxref ("undefined")}} se nenhum grupo de captura nomeado foi definido. Consulte Grupos e Intervalos para obter mais informações.
        +
        Um objeto de grupos de captura nomeados cujas chaves são os nomes, e valores são os grupos de captura ou {{jsxref ("undefined")}} se nenhum grupo de captura nomeado foi definido. Consulte Grupos e Intervalos para obter mais informações.
        index
        O índice da pesquisa em que o resultado foi encontrado.
        input
        @@ -106,7 +106,7 @@ console.log(matches_array);
        -

        Nota: Veja também {{jsxref("String.prototype.matchAll()")}} e Pesquisa avançada com sinalizadores.

        +

        Nota: Veja também {{jsxref("String.prototype.matchAll()")}} e Pesquisa avançada com sinalizadores.

        Usando grupos de captura nomeados

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/matchall/index.html b/files/pt-br/web/javascript/reference/global_objects/string/matchall/index.html index ce5c1cb121..66e09136e6 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/matchall/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/matchall/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/matchAll ---
        {{JSRef}}
        -

        O método matchAll() retorna um iterador de todos os resultados correspondentes a uma string em relação a uma expressão regular, incluindo grupos de captura.

        +

        O método matchAll() retorna um iterador de todos os resultados correspondentes a uma string em relação a uma expressão regular, incluindo grupos de captura.

        {{EmbedInteractiveExample("pages/js/string-matchall.html")}}
        @@ -38,13 +38,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/matchAll

        Valor retornado

        -

        Um iterador (que não é um iterável reinicializável).

        +

        Um iterador (que não é um iterável reinicializável).

        Exemplos

        Regexp.exec() e matchAll()

        -

        Antes da adição do matchAll() ao JavaScript, era possível usar chamadas regexp.exec (e regexes com a sinalização (flag) /g) em um loop para obter todas as correspondências:

        +

        Antes da adição do matchAll() ao JavaScript, era possível usar chamadas regexp.exec (e regexes com a sinalização (flag) /g) em um loop para obter todas as correspondências:

        const regexp = RegExp('foo[a-z]*','g');
 const str = 'table football, foosball';
diff --git a/files/pt-br/web/javascript/reference/global_objects/string/normalize/index.html b/files/pt-br/web/javascript/reference/global_objects/string/normalize/index.html
index dbab5a42d8..33d3f06b71 100644
--- a/files/pt-br/web/javascript/reference/global_objects/string/normalize/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/string/normalize/index.html
@@ -113,7 +113,7 @@ console.log(string2.codePointAt(0).toString(16)); // f1

        Por exemplo:

          -
        • o ponto de código U+FB00 representa a ligadura "ff". É compatível com dois pontos de código U+0066 consecutivos ("ff").
          • +
        • o ponto de código U+FB00 representa a ligadura "ff". É compatível com dois pontos de código U+0066 consecutivos ("ff").
        • o ponto de código U+24B9 representa o símbolo "Ⓓ". É compatível com o ponto de código U+0044 ("D").
        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/raw/index.html b/files/pt-br/web/javascript/reference/global_objects/string/raw/index.html index 8f75880d13..ee7cfe856f 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/raw/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/raw/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/raw ---
        {{JSRef}}
        -

        O método estático String.raw() é uma função tag de modelos literais, similar ao prefixo r no Python ou o prefixo @ no C# para string literais (Mas não é idêntico, existe uma diferença, veja explicações nessa discussão). Ele é usado para pegar as strings no formato "cru" de modelos literais, isto é, substituições (ex: ${foo}) são processados, mas "escapes" (ex:. \n) não são.

        +

        O método estático String.raw() é uma função tag de modelos literais, similar ao prefixo r no Python ou o prefixo @ no C# para string literais (Mas não é idêntico, existe uma diferença, veja explicações nessa discussão). Ele é usado para pegar as strings no formato "cru" de modelos literais, isto é, substituições (ex: ${foo}) são processados, mas "escapes" (ex:. \n) não são.

        {{EmbedInteractiveExample("pages/js/string-raw.html")}}

        @@ -46,7 +46,7 @@ String.raw`templateString`

        Descrição

        -

        Na maioria dos casos, String.raw() é usado com modelos de strings. A primeira sintaxe mencionada acima raramente é usada, porque o mecanismo JavaScript a chamará com os argumentos apropriados para você, assim como com outras funções de tag.

        +

        Na maioria dos casos, String.raw() é usado com modelos de strings. A primeira sintaxe mencionada acima raramente é usada, porque o mecanismo JavaScript a chamará com os argumentos apropriados para você, assim como com outras funções de tag.

        String.raw() é a única função de tag embutida de strings de template; ele funciona exatamente como a função de modelo padrão e executa a concatenação. Você pode até reimplementá-lo com o código JavaScript normal.

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/replace/index.html b/files/pt-br/web/javascript/reference/global_objects/string/replace/index.html index 481d976cb6..bb73f2e35b 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/replace/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/replace/index.html @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/replace
        A função (function) chamada cria uma nova substring (para ser colocada no lugar da substring recebida pelo parametro #1). Os argumentos fornececidos para essa função estão descritos na seção "Especificando uma função como parâmetro" mais abaixo.
        flags {{non-standard_inline}}
        -

        Uma string especificando uma combinação de flags de expressão regular. O uso do parâmetro flags no método String.prototype.replace() é não-padrão. Ao invés de usar este parâmetro, use um objeto {{jsxref("Global_Objects/RegExp", "RegExp")}} com as flags correspondentes. O valor deste parâmetro deve ser uma string consistindo em um ou mais dos seguintes caracteres para afetar a operação, tais como descrito:

        +

        Uma string especificando uma combinação de flags de expressão regular. O uso do parâmetro flags no método String.prototype.replace() é não-padrão. Ao invés de usar este parâmetro, use um objeto {{jsxref("Global_Objects/RegExp", "RegExp")}} com as flags correspondentes. O valor deste parâmetro deve ser uma string consistindo em um ou mais dos seguintes caracteres para afetar a operação, tais como descrito:

        g
        @@ -159,7 +159,7 @@ console.log(newstr); // retorna "Twas the night before Christmas..."
        -

        Nota: Veja este guia para maiores explicações as sobre expressões regulares.

        +

        Nota: Veja este guia para maiores explicações as sobre expressões regulares.

        Usando global e ignore com replace()

        @@ -176,7 +176,7 @@ console.log(newstr);

        Trocando palavras em uma string

        -

        O script a seguir troca as palavras na string. Para o texto que vai substituir, o script usa grupos de captura e os padrões de substituição $1 e $2.

        +

        O script a seguir troca as palavras na string. Para o texto que vai substituir, o script usa grupos de captura e os padrões de substituição $1 e $2.

        var re = /(\w+)\s(\w+)/;
 var str = 'John Smith';
diff --git a/files/pt-br/web/javascript/reference/global_objects/string/small/index.html b/files/pt-br/web/javascript/reference/global_objects/string/small/index.html
index dbec8f2227..a6e2d0809b 100644
--- a/files/pt-br/web/javascript/reference/global_objects/string/small/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/string/small/index.html
@@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/small
 ---
 
        {{JSRef}} {{deprecated_header}}
        
 
-
        O método small() cria um elemento HTML <small> que faz com que uma string seja exibida em uma fonte pequena.
        
+
        O método small() cria um elemento HTML <small> que faz com que uma string seja exibida em uma fonte pequena.
        
 
 
        Sintaxe
        
 
@@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/small
 
 
        Valor retornado
        
 
-
        Uma string contendo um elemento HTML <small>.
        
+
        Uma string contendo um elemento HTML <small>.
        
 
 
        Descrição
        
 
@@ -40,7 +40,7 @@ console.log(worldString.big());       // <big>Olá, mundo</big>
 console.log(worldString.fontsize(7)); // <font size="7">Olá, mundo</fontsize>
        -

        Com o objeto element.style você pode pegar o atributo de estilo do elemento e manipulá-lo de forma mais genérica, por exemplo:

        +

        Com o objeto element.style você pode pegar o atributo de estilo do elemento e manipulá-lo de forma mais genérica, por exemplo:

        document.getElementById('#oIdDoElemento').style.fontSize = '0.7em';
        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/strike/index.html b/files/pt-br/web/javascript/reference/global_objects/string/strike/index.html index 890938382b..c7490676e6 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/strike/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/strike/index.html @@ -12,7 +12,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/strike ---
        {{JSRef}} {{deprecated_header}}
        -

        O método strike() cria um elemento HTML <strike> que faz com que uma string seja exibida com o texto riscado.

        +

        O método strike() cria um elemento HTML <strike> que faz com que uma string seja exibida com o texto riscado.

        Sintaxe

        @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/strike

        Valor retornado

        -

        Uma string contendo um elemento HTML <strike>.

        +

        Uma string contendo um elemento HTML <strike>.

        Descrição

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/sub/index.html b/files/pt-br/web/javascript/reference/global_objects/string/sub/index.html index f687eb6c76..8782607d25 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/sub/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/sub/index.html @@ -12,7 +12,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/sub ---
        {{JSRef}} {{deprecated_header}}
        -

        O método sub() cria um elemento HTML <sub> que faz com que uma string seja exibida como subscrito (texto pequeno).

        +

        O método sub() cria um elemento HTML <sub> que faz com que uma string seja exibida como subscrito (texto pequeno).

        Sintaxe

        @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/sub

        Valor retornado

        -

        Uma string contendo um elemento HTML <sub>.

        +

        Uma string contendo um elemento HTML <sub>.

        Descrição

        diff --git a/files/pt-br/web/javascript/reference/global_objects/string/sup/index.html b/files/pt-br/web/javascript/reference/global_objects/string/sup/index.html index 7fd1b9cd38..1cee97e0ed 100644 --- a/files/pt-br/web/javascript/reference/global_objects/string/sup/index.html +++ b/files/pt-br/web/javascript/reference/global_objects/string/sup/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/sup ---
        {{JSRef}} {{deprecated_header}}
        -

        O método sup() cria um elemento HTML <sup> que faz com que uma string seja exibida como sobrescrito.

        +

        O método sup() cria um elemento HTML <sup> que faz com que uma string seja exibida como sobrescrito.

        Sintaxe

        diff --git a/files/pt-br/web/javascript/reference/statements/export/index.html b/files/pt-br/web/javascript/reference/statements/export/index.html index f429a13988..f2761d77ce 100644 --- a/files/pt-br/web/javascript/reference/statements/export/index.html +++ b/files/pt-br/web/javascript/reference/statements/export/index.html @@ -167,7 +167,7 @@ console.log(foo); // 4.555806215962888
        • Você pode incluir esse script no seu código HTML através do elemento {{htmlelement("script")}} do tipo="module", de modo que ele seja reconhecido e tratado apropriadamente.
          • -
        • Você não pode executar módulos JS através de file:// URL — você receberá errors CORS. Você deve rodá-los através de um servidor HTTP.
          • +
        • Você não pode executar módulos JS através de file:// URL — você receberá errors CORS. Você deve rodá-los através de um servidor HTTP.

        Usando a exportação padrão

        diff --git a/files/pt-br/web/web_components/index.html b/files/pt-br/web/web_components/index.html index e354616656..accbaec2f7 100644 --- a/files/pt-br/web/web_components/index.html +++ b/files/pt-br/web/web_components/index.html @@ -86,7 +86,7 @@ translation_of: Web/Web_Components
        CSS pseudo-elementos
        Pseudo-elementos relacionados especificamente a elementos customizados:
          -
        • {{cssxref("::part")}}: Representa qualquer elemento dentro de uma shadow tree que tenha um atributo {{HTMLAttrxRef("part")}} correspondente.
          • +
        • {{cssxref("::part")}}: Representa qualquer elemento dentro de uma shadow tree que tenha um atributo {{HTMLAttrxRef("part")}} correspondente.
        -- cgit v1.2.3-54-g00ecf From 45bf098003a11b56bbf28ceb6f9563191d0dd26e Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 19 Aug 2021 22:44:39 +0900 Subject: ParentNode ミックスインを廃止 (#2028) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ParentNode ミックスインを廃止 - メンバーは Element クラスへ移動 - 各ドキュメントを 2021/08/11 時点の英語版に同期 --- files/ja/_redirects.txt | 6 - files/ja/_wikihistory.json | 59 +++----- .../orphaned/web/api/parentnode/append/index.html | 143 ------------------ .../web/api/parentnode/children/index.html | 93 ------------ files/ja/orphaned/web/api/parentnode/index.html | 93 ------------ .../orphaned/web/api/parentnode/prepend/index.html | 143 ------------------ .../web/api/parentnode/queryselectorall/index.html | 162 --------------------- files/ja/web/api/element/append/index.html | 100 +++++++++++++ .../web/api/element/childelementcount/index.html | 88 +++-------- files/ja/web/api/element/children/index.html | 58 ++++++++ files/ja/web/api/element/prepend/index.html | 98 +++++++++++++ .../ja/web/api/element/queryselectorall/index.html | 156 ++++++++------------ 12 files changed, 355 insertions(+), 844 deletions(-) delete mode 100644 files/ja/orphaned/web/api/parentnode/append/index.html delete mode 100644 files/ja/orphaned/web/api/parentnode/children/index.html delete mode 100644 files/ja/orphaned/web/api/parentnode/index.html delete mode 100644 files/ja/orphaned/web/api/parentnode/prepend/index.html delete mode 100644 files/ja/orphaned/web/api/parentnode/queryselectorall/index.html create mode 100644 files/ja/web/api/element/append/index.html create mode 100644 files/ja/web/api/element/children/index.html create mode 100644 files/ja/web/api/element/prepend/index.html (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 7ddf4ab6ef..12133f1be4 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -3228,12 +3228,6 @@ /ja/docs/Web/API/Node/prefix /ja/docs/Web/API/Element/prefix /ja/docs/Web/API/NodeList.item /ja/docs/Web/API/NodeList/item /ja/docs/Web/API/NonDocumentTypeChildNode /ja/docs/Web/API/Element -/ja/docs/Web/API/ParentNode /ja/docs/orphaned/Web/API/ParentNode -/ja/docs/Web/API/ParentNode/append /ja/docs/orphaned/Web/API/ParentNode/append -/ja/docs/Web/API/ParentNode/childElementCount /ja/docs/Web/API/Element/childElementCount -/ja/docs/Web/API/ParentNode/children /ja/docs/orphaned/Web/API/ParentNode/children -/ja/docs/Web/API/ParentNode/prepend /ja/docs/orphaned/Web/API/ParentNode/prepend -/ja/docs/Web/API/ParentNode/querySelectorAll /ja/docs/orphaned/Web/API/ParentNode/querySelectorAll /ja/docs/Web/API/Position /ja/docs/Web/API/GeolocationPosition /ja/docs/Web/API/PositionError /ja/docs/Web/API/GeolocationPositionError /ja/docs/Web/API/Push_API/Using_the_Push_API /ja/docs/Web/API/Push_API diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 0f002f99c7..4ff0966dc6 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -13592,6 +13592,14 @@ "hashedhyphen" ] }, + "Web/API/Element/append": { + "modified": "2020-10-15T22:19:11.886Z", + "contributors": [ + "mfuji09", + "dskymd", + "isdh" + ] + }, "Web/API/Element/attachShadow": { "modified": "2020-10-15T22:09:56.110Z", "contributors": [ @@ -13635,6 +13643,13 @@ "Marsf" ] }, + "Web/API/Element/children": { + "modified": "2020-11-23T04:45:58.549Z", + "contributors": [ + "segayuu", + "sii" + ] + }, "Web/API/Element/classList": { "modified": "2020-10-15T21:14:13.067Z", "contributors": [ @@ -14095,6 +14110,13 @@ "sii" ] }, + "Web/API/Element/prepend": { + "modified": "2020-10-15T22:22:02.876Z", + "contributors": [ + "mfuji09", + "silverskyvicto" + ] + }, "Web/API/Element/querySelector": { "modified": "2019-03-23T23:02:48.166Z", "contributors": [ @@ -49344,43 +49366,6 @@ "Wind1808" ] }, - "orphaned/Web/API/ParentNode": { - "modified": "2020-11-23T03:46:53.867Z", - "contributors": [ - "segayuu", - "yyss", - "Marsf", - "YuichiNukiyama" - ] - }, - "orphaned/Web/API/ParentNode/append": { - "modified": "2020-10-15T22:19:11.886Z", - "contributors": [ - "mfuji09", - "dskymd", - "isdh" - ] - }, - "orphaned/Web/API/ParentNode/children": { - "modified": "2020-11-23T04:45:58.549Z", - "contributors": [ - "segayuu", - "sii" - ] - }, - "orphaned/Web/API/ParentNode/prepend": { - "modified": "2020-10-15T22:22:02.876Z", - "contributors": [ - "mfuji09", - "silverskyvicto" - ] - }, - "orphaned/Web/API/ParentNode/querySelectorAll": { - "modified": "2020-10-15T22:26:50.502Z", - "contributors": [ - "mfuji09" - ] - }, "orphaned/Web/API/RTCIdentityErrorEvent": { "modified": "2019-03-23T22:51:24.405Z", "contributors": [ diff --git a/files/ja/orphaned/web/api/parentnode/append/index.html b/files/ja/orphaned/web/api/parentnode/append/index.html deleted file mode 100644 index 1206957c43..0000000000 --- a/files/ja/orphaned/web/api/parentnode/append/index.html +++ /dev/null @@ -1,143 +0,0 @@ ---- -title: ParentNode.append() -slug: orphaned/Web/API/ParentNode/append -tags: - - API - - DOM - - Method - - Node - - ParentNode - - Reference -translation_of: Web/API/ParentNode/append -original_slug: Web/API/ParentNode/append ---- -

        {{APIRef("DOM")}}

        - -

        ParentNode.append() メソッドは、{{domxref("Node")}} オブジェクト、または {{domxref("DOMString")}} オブジェクトのセットを ParentNode の最後に追加します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと同等に挿入されます。

        - -

        {{domxref("Node.appendChild()")}} との違いは次の通りです。

        - -
          -
        • ParentNode.append() は {{domxref("DOMString")}} も追加することができますが、Node.appendChild() は{{domxref("Node")}} オブジェクトのみを受け付けます。
          • -
        • ParentNode.append() は戻り値を持っていませんが、Node.appendChild() は追加された{{domxref("Node")}} オブジェクトを返します。
          • -
        • ParentNode.append() は複数のノードや文字列を追加することができますが、Node.appendChild() 一つのノードだけしか追加することができせん。
          • -
        - -

        構文

        - -
        // [Throws, Unscopable]
-ParentNode.append(...nodesOrDOMStrings) // returns undefined
-
        - -

        引数

        - -
        -
        nodes
        -
        追加する {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセット
        -
        - -

        例外

        - -
          -
        • {{domxref("HierarchyRequestError")}}: ノードを階層の特定の箇所に追加させることができません。
          • -
        - -

        例

        - -

        要素の追加

        - -
        let parent = document.createElement("div")
-let p = document.createElement("p")
-parent.append(p)
-
-console.log(parent.childNodes) // NodeList [ <p> ]
-
        - -

        テキストの追加

        - -
        let parent = document.createElement("div")
-parent.append("Some text")
-
-console.log(parent.textContent) // "Some text"
        - -

        要素とテキストの追加

        - -
        let parent = document.createElement("div")
-let p = document.createElement("p")
-parent.append("Some text", p)
-
-console.log(parent.childNodes) // NodeList [ #text "Some text", <p> ]
        - -

        ParentNode.append() はスコープが効かない

        - -

        append() メソッドは with 文の中ではスコープが効きません。詳しくは {{jsxref("Symbol.unscopables")}} をご覧ください。

        - -
        let parent = document.createElement("div")
-
-with(parent) {
-  append("foo")
-}
-// ReferenceError: append is not defined
        - -

        Polyfill

        - -

        append() メソッドはInternet Explorer 9 以上であれば以下のコードでポリフィルを当てることができます。

        - -
        // Source: https://github.com/jserz/js_piece/blob/master/DOM/ParentNode/append()/append().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('append')) {
-      return;
-    }
-    Object.defineProperty(item, 'append', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function append() {
-        var argArr = Array.prototype.slice.call(arguments),
-          docFrag = document.createDocumentFragment();
-
-        argArr.forEach(function (argItem) {
-          var isNode = argItem instanceof Node;
-          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-        });
-
-        this.appendChild(docFrag);
-      }
-    });
-  });
-})([Element.prototype, Document.prototype, DocumentFragment.prototype]);
        - -

        仕様書

        - - - - - - - - - - - - - - - - -
        仕様書状態備考
        {{SpecName('DOM WHATWG', '#dom-parentnode-append', 'ParentNode.append()')}}{{Spec2('DOM WHATWG')}}初回定義
        - -

        ブラウザーの互換性

        - -

        {{Compat("api.ParentNode.append")}}

        - -

        関連情報

        - -
          -
        • {{domxref("ParentNode")}} および {{domxref("ChildNode")}}
          • -
        • {{domxref("ParentNode.prepend()")}}
          • -
        • {{domxref("Node.appendChild()")}}
          • -
        • {{domxref("ChildNode.after()")}}
          • -
        • {{domxref("Element.insertAdjacentElement()")}}
          • -
        • {{domxref("NodeList")}}
          • -
        diff --git a/files/ja/orphaned/web/api/parentnode/children/index.html b/files/ja/orphaned/web/api/parentnode/children/index.html deleted file mode 100644 index 537c91d1c6..0000000000 --- a/files/ja/orphaned/web/api/parentnode/children/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: ParentNode.children -slug: orphaned/Web/API/ParentNode/children -tags: - - API - - Child - - Child Nodes - - DOM - - HTMLCollection - - Node - - ParentNode - - Property - - children -translation_of: Web/API/ParentNode/children -original_slug: Web/API/ParentNode/children ---- -
        {{ APIRef("DOM") }}
        - -

        {{domxref("ParentNode")}} の children プロパティは、呼び出された際のノードの子{{domxref("Element", "要素", "", 1)}}ノードをすべて含んだ動的な（生きている） {{domxref("HTMLCollection")}} を返す、読み取り専用プロパティです。

        - -

        構文

        - -
        let children = node.children;
        - -

        値

        - -

        node の子の DOM要素の生きている順序付きコレクションの、 {{ domxref("HTMLCollection") }} です。コレクションの {{domxref("HTMLCollection.item()", "item()")}} メソッドか、JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。

        - -

        ノードが子要素を持たない場合、 children は要素を含まず、length は 0 です。

        - -

        例 

        - -
        const foo = document.getElementById('foo');
-for (let i = 0; i < foo.children.length; i++) {
-  console.log(foo.children[i].tagName);
-}
        - -

        Polyfill

        - -
        // Overwrites native 'children' prototype.
-// Adds Document & DocumentFragment support for IE9 & Safari.
-// Returns array instead of HTMLCollection.
-;(function(constructor) {
-  if (constructor &&
-    constructor.prototype &&
-    constructor.prototype.children == null) {
-    Object.defineProperty(constructor.prototype, 'children', {
-      get: function() {
-        let i = 0, node, nodes = this.childNodes, children = [];
-        while (node = nodes[i++]) {
-          if (node.nodeType === 1) {
-            children.push(node);
-          }
-        }
-        return children;
-      }
-    });
-  }
-})(window.Node || window.Element);
-
        - -

        仕様

        - - - - - - - - - - - - - - -
        仕様状態コメント
        {{SpecName('DOM WHATWG', '#dom-parentnode-children', 'ParentNode.children')}}{{Spec2('DOM WHATWG')}}初めての定義
        - -

        ブラウザー実装状況

        - -

        {{Compat("api.ParentNode.children")}}

        - -

        関連情報

        - -
          -
        • {{domxref("ParentNode")}} および {{domxref("ChildNode")}} インターフェイス
          • -
        • -
          このインターフェイスを実装する次のオブジェクトタイプ。{{domxref("Document")}}、{{domxref("Element")}}、 および {{domxref("DocumentFragment")}}
          -
          • -
        • -
          {{domxref("Node.childNodes")}}
          -
          • -
        diff --git a/files/ja/orphaned/web/api/parentnode/index.html b/files/ja/orphaned/web/api/parentnode/index.html deleted file mode 100644 index 5d1ec6c97e..0000000000 --- a/files/ja/orphaned/web/api/parentnode/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: ParentNode -slug: orphaned/Web/API/ParentNode -tags: - - API - - DOM - - Finding Elements - - Finding Nodes - - Interface - - Locating Elements - - Locating Nodes - - Managing Elements - - Managing Nodes - - Mixin - - Node - - ParentNode - - Reference - - Selectors -translation_of: Web/API/ParentNode -original_slug: Web/API/ParentNode ---- -
        {{APIRef("DOM")}}
        - -

        ParentNode ミックスインは、子を持つことができるすべての型の {{domxref("Node")}} オブジェクトに特有のメソッドやプロパティを含みます。これは、{{domxref("Element")}} と {{domxref("Document")}}、{{domxref("DocumentFragment")}} オブジェクトに実装されています。

        - -

        対象のノードや要素を見つけるためにCSS セレクターを使用する方法について、詳しくはセレクタを使用した DOM 要素の指定をご覧ください。

        - -

        プロパティ

        - -
        -
        {{domxref("ParentNode.childElementCount")}} {{readonlyInline}}
        -
        オブジェクトが持つ子の数を表す unsigned long 値を返します。
        -
        {{domxref("ParentNode.children")}} {{readonlyInline}}
        -
        この ParentNode の子であるすべての {{domxref("Element")}} 型のオブジェクトを含む実際の {{domxref("HTMLCollection")}} を返します。要素ではないノードは省きます。
        -
        {{domxref("ParentNode.firstElementChild")}} {{readonlyInline}}
        -
        この ParentNode の最初の子である {{domxref("Element")}} を返します。存在しない場合は null を返す。
        -
        {{domxref("ParentNode.lastElementChild")}} {{readonlyInline}}
        -
        この ParentNode の最後の子である {{domxref("Element")}} を返します。存在しない場合は null を返す。
        -
        - -

        メソッド

        - -
        -
        {{domxref("ParentNode.append()")}} {{experimental_inline}}
        -
        ParentNode の最後の子の後ろに、{{domxref("Node")}} オブジェクトまたは {{domxref("DOMString")}} オブジェクトのセットを挿入します。{{domxref("DOMString")}} オブジェクトは、同等の {{domxref("Text")}} ノードとして挿入されます。
        -
        {{domxref("ParentNode.prepend()")}} {{experimental_inline}}
        -
        ParentNode の最初の子の前に、{{domxref("Node")}} オブジェクトまたは {{domxref("DOMString")}} オブジェクトのセットを挿入します。{{domxref("DOMString")}} オブジェクトは、同等の {{domxref("Text")}} ノードとして挿入されます。
        -
        {{domxref("ParentNode.querySelector()")}}
        -
        現在の要素をルートとして、指定したセレクターのグループにマッチする最初の {{domxref("Element")}} を返します。
        -
        {{domxref("ParentNode.querySelectorAll()")}}
        -
        現在の要素をルートとして、指定したセレクターのグループにマッチする要素のリストを表す {{domxref("NodeList")}} を返します。
        -
        {{domxref("ParentNode.replaceChildren()")}}
        -
        ノードの既存の子ノードを、指定した新しい子ノードのセットに入れ替えます。
        -
        - -

        仕様

        - - - - - - - - - - - - - - - - - - - -
        仕様書状況コメント
        {{SpecName('DOM WHATWG', '#parentnode', 'ParentNode')}}{{Spec2('DOM WHATWG')}}ElementTraversal インターフェイスを {{domxref("ChildNode")}} と {{domxref("ParentNode")}} に分割しました。{{domxref("ParentNode.firstElementChild")}} と {{domxref("ParentNode.lastElementChild")}}、{{domxref("ParentNode.childElementCount")}} プロパティは、後者で定義されていません。
        - {{domxref("ParentNode.children")}} プロパティが追加されました。
        - {{domxref("ParentNode.querySelector()")}}、{{domxref("ParentNode.querySelectorAll()")}}、{{domxref("ParentNode.append()")}}、{{domxref("ParentNode.prepend()")}} メソッドが追加されました。
        {{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}ElementTraversal 基本インターフェイスにこのプロパティの初期定義が追加され、{{domxref("Element")}} で使われます。
        - -

        ブラウザー実装状況

        - - - -

        {{Compat("api.ParentNode")}}

        - -

        関連項目

        - -
          -
        • {{domxref("ChildNode")}} 基本インターフェース。
          • -
        • -
          このミックスインを実装したオブジェクト型: {{domxref("Document")}} と {{domxref("Element")}}、{{domxref("DocumentFragment")}}。
          -
          • -
        diff --git a/files/ja/orphaned/web/api/parentnode/prepend/index.html b/files/ja/orphaned/web/api/parentnode/prepend/index.html deleted file mode 100644 index 8c6c87cede..0000000000 --- a/files/ja/orphaned/web/api/parentnode/prepend/index.html +++ /dev/null @@ -1,143 +0,0 @@ ---- -title: ParentNode.prepend() -slug: orphaned/Web/API/ParentNode/prepend -tags: - - API - - DOM - - Method - - Node - - ParentNode - - Reference - - prepend -translation_of: Web/API/ParentNode/prepend -original_slug: Web/API/ParentNode/prepend ---- -

        {{APIRef("DOM")}}

        - -

        ParentNode.prepend() メソッドは、{{domxref("Node")}} オブジェクトまたは {{domxref("DOMString")}} オブジェクトのセットを {{domxref("ParentNode")}} の最初の子の前に挿入します。 {{domxref("DOMString")}} オブジェクトは、同等の {{domxref("Text")}} ノードとして挿入されます。

        - -

        構文

        - -
        ParentNode.prepend(...nodesToPrepend);
-
        - -

        引数

        - -
        -
        nodesToPrepend
        -
        現在 ParentNode にある最初の子ノードの前に挿入する1つ以上のノード。各ノードは {{domxref("Node")}} オブジェクトまたは文字列として指定できます。文字列は新しい {{domxref("Text")}} ノードとして挿入されます。
        -
        - -

        返値

        - -

        undefined.

        - -

        例外

        - -
          -
        • {{domxref("HierarchyRequestError")}}: ノードを階層の特定の箇所に追加させることができません。
          • -
        - -

        例

        - -

        要素の前に追加

        - -
        var parent = document.createElement("div");
-var p = document.createElement("p");
-var span = document.createElement("span");
-parent.append(p);
-parent.prepend(span);
-
-console.log(parent.childNodes); // NodeList [ <span>, <p> ]
-
        - -

        テキストの前に追加

        - -
        var parent = document.createElement("div");
-parent.append("Some text");
-parent.prepend("Headline: ");
-
-console.log(parent.textContent); // "Headline: Some text"
        - -

        要素とテキストの追加

        - -
        var parent = document.createElement("div");
-var p = document.createElement("p");
-parent.prepend("Some text", p);
-
-console.log(parent.childNodes); // NodeList [ #text "Some text", <p> ]
        - -

        ParentNode.prepend() はスコープが効かない

        - -

        prepend() メソッドは with 文の中ではスコープが効きません。詳しくは {{jsxref("Symbol.unscopables")}} をご覧ください。

        - -
        var parent = document.createElement("div");
-
-with(parent) {
-  prepend("foo");
-}
-// ReferenceError: prepend is not defined
        - -

        Polyfill

        - -

        prepend() メソッドは Internet Explorer 9 以上であれば以下のコードでポリフィルを当てることができます。

        - -
        // Source: https://github.com/jserz/js_piece/blob/master/DOM/ParentNode/prepend()/prepend().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('prepend')) {
-      return;
-    }
-    Object.defineProperty(item, 'prepend', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function prepend() {
-        var argArr = Array.prototype.slice.call(arguments),
-          docFrag = document.createDocumentFragment();
-
-        argArr.forEach(function (argItem) {
-          var isNode = argItem instanceof Node;
-          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-        });
-
-        this.insertBefore(docFrag, this.firstChild);
-      }
-    });
-  });
-})([Element.prototype, Document.prototype, DocumentFragment.prototype]);
        - -

        仕様書

        - - - - - - - - - - - - - - - - -
        仕様書状態備考
        {{SpecName('DOM WHATWG', '#dom-parentnode-prepend', 'ParentNode.prepend()')}}{{Spec2('DOM WHATWG')}}初回定義
        - -

        ブラウザーの互換性

        - -

        {{Compat("api.ParentNode.prepend")}}

        - -

        関連情報

        - -
          -
        • {{domxref("ParentNode")}} および {{domxref("ChildNode")}}
          • -
        • {{domxref("ParentNode.append()")}}
          • -
        • {{domxref("Node.appendChild()")}}
          • -
        • {{domxref("Node.insertBefore()")}}
          • -
        • {{domxref("ChildNode.before()")}}
          • -
        • {{domxref("Element.insertAdjacentElement()")}}
          • -
        • {{domxref("NodeList")}}
          • -
        diff --git a/files/ja/orphaned/web/api/parentnode/queryselectorall/index.html b/files/ja/orphaned/web/api/parentnode/queryselectorall/index.html deleted file mode 100644 index 01e307ed31..0000000000 --- a/files/ja/orphaned/web/api/parentnode/queryselectorall/index.html +++ /dev/null @@ -1,162 +0,0 @@ ---- -title: ParentNode.querySelectorAll() -slug: orphaned/Web/API/ParentNode/querySelectorAll -tags: - - API - - DOM - - Document - - Finding Elements - - Finding Nodes - - Method - - ParentNode - - Reference - - Searching Elements - - Searching Nodes - - Selectors - - querySelectorAll -translation_of: Web/API/ParentNode/querySelectorAll -original_slug: Web/API/ParentNode/querySelectorAll ---- -
        {{ApiRef("DOM")}}
        - -

        {{domxref("ParentNode")}} ミックスインは querySelectorAll() メソッドを定義しており、メソッド呼び出しの時点でそのオブジェクトの子孫にあたる要素のうち、一連のセレクターに一致するもののリストを示す {{domxref("NodeList")}} を返します。

        - -

        単一の結果のみが必要な場合は、代わりに {{domxref("ParentNode.querySelector", "querySelector()")}} メソッドを使用することを検討してください。

        - -
        -

        メモ: このメソッドは {{domxref("Element.querySelectorAll()")}}, {{domxref("Document.querySelectorAll()")}}, {{domxref("DocumentFragment.querySelectorAll()")}} として実装されています。

        -
        - -

        構文

        - -
        elementList = parentNode.querySelectorAll(selectors);
-
        - -

        引数

        - -
        -
        selectors
        -
        マッチのための 1 つまたは複数のセレクターを含む {{domxref("DOMString")}}。この文字列は妥当な CSS セレクターでなければならず、そうでない場合は SyntaxError 例外がスローされます。セレクターの仕様と要素の識別の詳細は、セレクターを使用した DOM 要素の指定を参照してください。複数のセレクターを指定する際は、カンマで区切ります。
        -
        - -
        -

        メモ: 標準の CSS 構文の一部ではない文字は、バックスラッシュ文字を使ってエスケープしなければなりません。 JavaScript でもバックスラッシュによるエスケープが使われているため、これらの文字を使った文字列リテラルを記述する際は、特に注意する必要があります。詳細は {{anch("Escaping special characters")}} を参照してください。

        -
        - -

        返値

        - -

        生きていない {{domxref("NodeList")}} で、指定されたセレクターの1つ以上に一致する子孫ノード1つに対して1つずつの {{domxref("Element")}} を含みます。

        - -
        -

        メモ: 指定された selectors が CSS 擬似要素を含む場合、返されるリストは常に空になります。

        -
        - -

        例外

        - -
        -
        SyntaxError
        -
        指定された selectors の構文が妥当ではない。
        -
        - -

        例

        - -

        文書内のすべての {{HTMLElement("p")}} 要素の {{domxref("NodeList")}} を入手します。

        - -
        var matches = document.querySelectorAll("p");
        - -

        次の例では、文書内にある note または alert のいずれかのクラスを持つ、すべての {{HTMLElement("div")}} 要素のリストを返します。

        - -
        var matches = document.querySelectorAll("div.note, div.alert");
-
        - -

        次に、 test という ID を持つコンテナ内に位置し、直接の親要素が highlighted クラスを持つ {{HTMLElement("div")}} である、<p> 要素のリストを取得します。

        - -
        var container = document.querySelector("#test");
-var matches = container.querySelectorAll("div.highlighted > p");
        - -

        次の例では属性セレクターを使用しており、 data-src という名前の属性を持つ、文書内の {{HTMLElement("iframe")}} 要素のリストを返します。

        - -
        var matches = document.querySelectorAll("iframe[data-src]");
        - -

        次の例では、ID が userlist の要素の中にあり、data-active 属性を持ち、その値が 1 であるリスト項目のリストを返すため、属性セレクターが使用されています。

        - -
        var container = document.querySelector("#userlist");
-var matches = container.querySelectorAll("li[data-active=1]");
        - -

        ユーザーのメモ

        - -

        querySelectorAll() は、最も一般的な JavaScript DOM ライブラリと異なる動作を持ち、意図しない結果をもたらすことがあります。

        - -

        HTML

        - -

        次の、入れ子になった 3 つの {{HTMLElement("div")}} ブロックを持つ HTML について検討します。

        - -
        <div class="outer">
-  <div class="select">
-    <div class="inner">
-    </div>
-  </div>
-</div>
        - -

        JavaScript

        - -
        var select = document.querySelector('.select');
-var inner = select.querySelectorAll('.outer .inner');
-inner.length; // 1 です。0 ではありません!
-
        - -

        この例では、select class を持つ <div> の文脈で .outer .inner を選択するとき、.outer が基準となる要素（.select で検索される）の子孫ではないにもかかわらず、.inner class を持つ要素が見つけられています。querySelectorAll() はデフォルトでは、セレクターの最後の要素が検索スコープに含まれているかどうかのみ検証します。

        - -

        {{cssxref(":scope")}} 擬似クラスを使うと、基準となる要素の子孫だけが一致するようになり、期待される挙動を取り戻すことができます。

        - -
        var select = document.querySelector('.select');
-var inner = select.querySelectorAll(':scope .outer .inner');
-inner.length; // 0
        - -

        仕様書

        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        仕様書状態備考
        {{SpecName("DOM WHATWG", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}{{Spec2("DOM WHATWG")}}Living standard
        {{SpecName("Selectors API Level 2", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}{{Spec2("Selectors API Level 2")}}変更なし
        {{SpecName("DOM4", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}{{Spec2("DOM4")}}初回定義
        {{SpecName("Selectors API Level 1", "#interface-definitions", "document.querySelector()")}}{{Spec2("Selectors API Level 1")}}元の定義
        - -

        ブラウザーの互換性

        - -

        {{Compat("api.ParentNode.querySelectorAll")}}

        - -

        関連情報

        - - diff --git a/files/ja/web/api/element/append/index.html b/files/ja/web/api/element/append/index.html new file mode 100644 index 0000000000..82feaa6f91 --- /dev/null +++ b/files/ja/web/api/element/append/index.html @@ -0,0 +1,100 @@ +--- +title: Element.append() +slug: Web/API/Element/append +tags: + - API + - DOM + - Method + - Node + - Element + - Reference +browser-compat: api.Element.append +translation_of: Web/API/Element/append +original_slug: Web/API/ParentNode/append +--- +

        {{APIRef("DOM")}}

        + +

        Element.append() メソッドは、一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトを Element のの最後の子の後に挿入します。 {{domxref("DOMString")}} オブジェクトは等価な {{domxref("Text")}} ノードとして挿入されます。

        + +

        {{domxref("Node.appendChild()")}} との違いは次の通りです。

        + +
          +
        • Element.append() は {{domxref("DOMString")}} も追加することができますが、Node.appendChild() は{{domxref("Node")}} オブジェクトのみを受け付けます。
          • +
        • Element.append() には返値がありませんが、Node.appendChild() は追加された{{domxref("Node")}} オブジェクトを返します。
          • +
        • Element.append() は複数のノードや文字列を追加することができますが、Node.appendChild() はノードを 1 つだけしか追加することができせん。
          • +
        + +

        構文

        + +
        +append(...nodesOrDOMStrings)
+
        + +

        引数

        + +
        +
        nodesOrDOMStrings
        +
        挿入する一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトです。
        +
        + +

        例外

        + +
          +
        • {{domxref("HierarchyRequestError")}}: ノードを階層の特定の位置に挿入することができません。
          • +
        + +

        例

        + +

        要素の追加

        + +
        let div = document.createElement("div")
+let p = document.createElement("p")
+div.append(p)
+
+console.log(div.childNodes) // NodeList [ <p> ]
+
        + +

        テキストの追加

        + +
        let div = document.createElement("div")
+div.append("Some text")
+
+console.log(div.textContent) // "Some text"
        + +

        要素とテキストの追加

        + +
        let div = document.createElement("div")
+let p = document.createElement("p")
+div.append("Some text", p)
+
+console.log(div.childNodes) // NodeList [ #text "Some text", <p> ]
        + +

        append メソッドはスコープが効かない

        + +

        append() メソッドは with 文の中ではスコープが効きません。詳しくは {{jsxref("Symbol.unscopables")}} をご覧ください。

        + +
        let div = document.createElement("div")
+
+with(div) {
+  append("foo")
+}
+// ReferenceError: append is not defined
        + + +

        仕様書

        + +{{Specifications}} + +

        ブラウザーの互換性

        + +

        {{Compat}}

        + +

        関連情報

        + +
          +
        • {{domxref("Element.prepend()")}}
          • +
        • {{domxref("Node.appendChild()")}}
          • +
        • {{domxref("Element.after()")}}
          • +
        • {{domxref("Element.insertAdjacentElement()")}}
          • +
        • {{domxref("NodeList")}}
          • +
        diff --git a/files/ja/web/api/element/childelementcount/index.html b/files/ja/web/api/element/childelementcount/index.html index a06357d366..57d59747ce 100644 --- a/files/ja/web/api/element/childelementcount/index.html +++ b/files/ja/web/api/element/childelementcount/index.html @@ -1,96 +1,42 @@ --- -title: ParentNode.childElementCount +title: Element.childElementCount slug: Web/API/Element/childElementCount tags: - API - DOM - - ParentNode - Property -translation_of: Web/API/ParentNode/childElementCount + - Reference +browser-compat: api.Element.childElementCount +translation_of: Web/API/Element/childElementCount original_slug: Web/API/ParentNode/childElementCount ---
        {{ APIRef("DOM") }}
        -

        読み取り専用の ParentNode.childElementCount プロパティは、与えられた要素の子要素の数を表す unsigned long 値を返します。

        +

        Element.childElementCount は読み取り専用のプロパティで、この要素の子要素の数を返します。

        -
        -

        このプロパティは、当初 {{domxref("ElementTraversal")}} 基本インターフェースで定義されていました。このインターフェースには 2 セットの異なるプロパティが含まれており、一つは子要素を持つ {{domxref("Node")}} を対象とし、もう一つはその子要素群を対象としたものでしたが、これらは 2 つの基本インターフェースである {{domxref("ParentNode")}} と {{domxref("ChildNode")}} に移されました。この際、childElementCount は {{domxref("ParentNode")}} へ移されました。これは技術的な変更であり、互換性に影響を与えるものではありません。

        -
        +

        構文

        -

        構文

        +
        element.childElementCount;
        -
        var count = node.childElementCount;
-
        - -
        -
        count
        -
        unsigned long 型(つまり整数型)の戻り値.
        -
        node
        -
        {{domxref("Document")}}、{{domxref("DocumentFragment")}}、 {{domxref("Element")}}を表現するオブジェクト.
        -
        - -

        例

        +

        例

        -
        var foo = document.getElementById('foo');
-if (foo.childElementCount > 0) {
+
        let sidebar = document.getElementById('sidebar');
+if (sidebar.childElementCount > 0) {
   // Do something
 }
 
        
 
+
        仕様書
        
 
+{{Specifications}}
 
-
        IE8, IE9/Safari向けの互換コード
        
-
-
        このプロパティは IE9 より前のバージョンでサポートされていません。IE9とSafariでは Document と DocumentFragment においてサポートされていません。
        
-
-
        ;(function(constructor) {
-  if (constructor &&
-      constructor.prototype &&
-      constructor.prototype.childElementCount == null) {
-    Object.defineProperty(constructor.prototype, 'childElementCount', {
-      get: function() {
-        var i = 0, count = 0, node, nodes = this.childNodes;
-        while (node = nodes[i++]) {
-          if (node.nodeType === 1) count++;
-        }
-        return count;
-      }
-    });
-  }
-})(window.Node || window.Element);
        
-
-
        仕様
        
-
-
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
        仕様書状況コメント
        {{SpecName('DOM WHATWG', '#dom-parentnode-childElementCount', 'ParentNode.childElementCount')}}{{Spec2('DOM WHATWG')}}ElementTraversal インターフェースを {{domxref("ChildNode")}} と ParentNode に分割。このメソッドは後者で定義されています。
        
-    {{domxref("Document")}} と {{domxref("DocumentFragment")}} が新しいインターフェースを実装しました。
        {{SpecName('Element Traversal', '#attribute-childElementCount', 'ElementTraversal.childElementCount')}}{{Spec2('Element Traversal')}}この初期定義は ElementTraversal 基本インターフェースに追加され、{{domxref("Element")}} で使用します。
        
-
-
        ブラウザの実装状況
        
-
-
+
        ブラウザーの互換性
        
 
-
        {{Compat("api.ParentNode.childElementCount")}}
        
+
        {{Compat}}
        
 
-
        関連情報
        
+
        関連情報
        
 
 
          
- 
        • 基本インターフェースの {{domxref("ParentNode")}} と {{domxref("ChildNode")}}
          • 
- 
        • この基本インターフェースを実装するオブジェクト型: {{domxref("Document")}}, {{domxref("Element")}}, {{domxref("DocumentFragment")}}
          • 
+  
        • {{domxref("Document.childElementCount")}}
          • 
+  
        • {{domxref("DocumentFragment.childElementCount")}}
          • 
 
        
diff --git a/files/ja/web/api/element/children/index.html b/files/ja/web/api/element/children/index.html
new file mode 100644
index 0000000000..5dd887af4f
--- /dev/null
+++ b/files/ja/web/api/element/children/index.html
@@ -0,0 +1,58 @@
+---
+title: Element.children
+slug: Web/API/Element/children
+tags:
+  - API
+  - DOM
+  - Element
+  - HTMLCollection
+  - Property
+  - children
+browser-compat: api.Element.children
+translation_of: Web/API/Element/children
+original_slug: Web/API/ParentNode/children
+---
+
        {{ APIRef("DOM") }}
        
+
+
        children は読み取り専用のプロパティで、生きた {{domxref("HTMLCollection")}} で呼び出された要素の子{{domxref("Element", "要素", "", 1)}}をすべて返します。
        
+
+
        Element.children は要素のノードしか含みません。すべての子ノード、例えばテキストやコメントノードなどを取得するには、 {{domxref("Node.childNodes")}} を使用してください。
        
+
+
        構文
        
+
+
        +// Getter
+collection = myElement.children;
+
+// No setter; read-only property
+
        
+
+
        返値
        
+
+
        生きた {{ domxref("HTMLCollection") }} で、 node の子の DOM 要素の順序付きコレクションを返します。コレクションの {{domxref("HTMLCollection.item()", "item()")}} メソッドか、 JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。
        
+
+
        ノードが子要素を持たない場合、 children は要素を含まず、length は 0 です。
        
+
+
        例 
        
+
+
        const myElement = document.getElementById('foo');
+for (let i = 0; i < myElement.children.length; i++) {
+  console.log(myElement.children[i].tagName);
+}
+
        
+
+
        仕様書
        
+
+{{Specifications}}
+
+
        ブラウザーの互換性
        
+
+
        {{Compat}}
        
+
+
        関連情報
        
+
+
          
+  
        • 
+    {{domxref("Node.childNodes")}}
+  
          • 
+
        
diff --git a/files/ja/web/api/element/prepend/index.html b/files/ja/web/api/element/prepend/index.html
new file mode 100644
index 0000000000..9a0a993e08
--- /dev/null
+++ b/files/ja/web/api/element/prepend/index.html
@@ -0,0 +1,98 @@
+---
+title: Element.prepend()
+slug: Web/API/Element/prepend
+tags:
+  - API
+  - DOM
+  - Method
+  - Node
+  - Element
+  - Reference
+  - prepend
+translation_of: Web/API/Element/prepend
+original_slug: Web/API/ParentNode/prepend
+---
+
        {{APIRef("DOM")}}
        
+
+
        Element.prepend() メソッドは、一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトをこの {{domxref("Element")}} の最初の子の前に挿入します。 {{domxref("DOMString")}} オブジェクトは、同等の {{domxref("Text")}} ノードとして挿入されます。
        
+
+
        構文
        
+
+
        prepend(...nodesOrDOMStrings);
+
        
+
+
        引数
        
+
+
        
+  
        nodesOrDOMStrings
        
+  
        挿入する一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトです。
        
+
        
+
+
        返値
        
+
+
        undefined.
        
+
+
        例外
        
+
+
          
+ 
        • {{domxref("HierarchyRequestError")}}: ノードを階層の特定の箇所に追加することができません。
          • 
+
        
+
+
        例
        
+
+
        要素の前に追加
        
+
+
        let div = document.createElement("div");
+let p = document.createElement("p");
+let span = document.createElement("span");
+div.append(p);
+div.prepend(span);
+
+console.log(div.childNodes); // NodeList [ <span>, <p> ]
+
        
+
+
        テキストの前に追加
        
+
+
        let div = document.createElement("div");
+div.append("Some text");
+div.prepend("Headline: ");
+
+console.log(div.textContent); // "Headline: Some text"
        
+
+
        要素とテキストの追加
        
+
+
        let div = document.createElement("div");
+let p = document.createElement("p");
+div.prepend("Some text", p);
+
+console.log(div.childNodes); // NodeList [ #text "Some text", <p> ]
        
+
+
        prepend() メソッドはスコープが効かない
        
+
+
        prepend() メソッドは with 文の中ではスコープが効きません。詳しくは {{jsxref("Symbol.unscopables")}} をご覧ください。
        
+
+
        let div = document.createElement("div");
+
+with(div) {
+  prepend("foo");
+}
+// ReferenceError: prepend is not defined 
        
+
+
        仕様書
        
+
+{{Specifications}}
+
+
        ブラウザーの互換性
        
+
+
        {{Compat}}
        
+
+
        関連情報
        
+
+
          
+  
        • {{domxref("Element.append()")}}
          • 
+  
        • {{domxref("Node.appendChild()")}}
          • 
+  
        • {{domxref("Node.insertBefore()")}}
          • 
+  
        • {{domxref("Element.before()")}}
          • 
+  
        • {{domxref("Element.insertAdjacentElement()")}}
          • 
+  
        • {{domxref("NodeList")}}
          • 
+
        
diff --git a/files/ja/web/api/element/queryselectorall/index.html b/files/ja/web/api/element/queryselectorall/index.html
index ec2323fa35..08dc56b7c0 100644
--- a/files/ja/web/api/element/queryselectorall/index.html
+++ b/files/ja/web/api/element/queryselectorall/index.html
@@ -1,5 +1,5 @@
 ---
-title: element.querySelectorAll
+title: Element.querySelectorAll()
 slug: Web/API/Element/querySelectorAll
 tags:
   - API
@@ -13,59 +13,57 @@ tags:
   - Selecting Elements
   - Selectors
   - querySelector
+browser-compat: api.Element.querySelectorAll
 translation_of: Web/API/Element/querySelectorAll
+original_slug: Web/API/ParentNode/querySelectorAll
 ---
 
        {{APIRef("DOM")}}
        
 
-
        {{domxref("Element")}} の querySelectorAll() メソッドは対象要素の子孫の内、与えられた CSS セレクターに一致する要素リストを示す静的な（生きていない） {{domxref("NodeList")}} を返します（起点となる要素は、たとえマッチしていても含まれません）。
        
+
        {{domxref("Element")}} の querySelectorAll() メソッドは、静的な (生きていない) {{domxref("NodeList")}} で、メソッド呼び出しの時点でそのオブジェクトの子孫にあたる要素のうち、一連のセレクターに一致するもののリストを返します。
        
 
-
        
-
        注: このメソッドは {{domxref("ParentNode")}} ミックスインの {{domxref("ParentNode.querySelectorAll", "querySelectorAll()")}} メソッドを元に実装されています。
        
-
        
-
-
        構文
        
+
        構文
        
 
-
        elementList = parentNode.querySelectorAll(selectors);
+
        elementList = parentNode.querySelectorAll(selectors);
 
        
 
-
        引数
        
+
        引数
        
 
 
        
  
        selectors
        
- 
        マッチのための 1 つまたは複数のセレクターを含む {{domxref("DOMString")}} です。この文字列は妥当な CSS セレクター文字列でなければならず、そうでない場合は SyntaxError 例外がスローされます。セレクターの仕様と要素の識別の詳細は、セレクターを使用した DOM 要素の特定を参照してください。複数のセレクターを指定する際は、カンマで区切ります。
        
+ 
        一致させるための 1 つまたは複数のセレクターを含む {{domxref("DOMString")}}。この文字列は妥当な CSS セレクターでなければならず、そうでない場合は SyntaxError 例外が発生します。セレクターの仕様と要素の識別の詳細は、セレクターを使用した DOM 要素の指定を参照してください。複数のセレクターを指定する際は、カンマで区切ります。
        
 
        
 
 
        
-
        注: 標準の CSS 構文の一部ではない文字は、バックスラッシュ文字を使ってエスケープしなければなりません。 JavaScript でもバックスラッシュによるエスケープが使われているため、これらの文字を使った文字列リテラルを記述する際は、特に注意する必要があります。詳細は{{domxref("Document.querySelector#Escaping_special_character", "特殊文字のエスケープ", "", 1)}}を参照してください。
        
+
        メモ: 標準の CSS 構文の一部ではない文字は、バックスラッシュ文字を使ってエスケープしなければなりません。 JavaScript でもバックスラッシュによるエスケープが使われているため、これらの文字を使った文字列リテラルを記述する際は、特に注意する必要があります。詳細は {{anch("Escaping special characters")}} を参照してください。
        
 
        
 
-
        戻り値
        
+
        返値
        
 
-
        指定されたセレクターのうち1つ以上にマッチする {{domxref("Element")}} オブジェクトを含んだ非ライブな {{domxref("NodeList")}} です。
        
+
        生きていない {{domxref("NodeList")}} で、指定されたセレクターの 1 つ以上に一致する子孫ノード 1 つに対して 1 つずつの {{domxref("Element")}} を含みます。
        
 
 
        
-
        メモ: 指定した selectors にCSS 疑似要素が含まれている場合、返されるリストは常に空になります。
        
+
        メモ: 指定された selectors が CSS 擬似要素を含む場合、返されるリストは常に空になります。
        
 
        
 
-
        例外
        
+
        例外
        
 
 
        
  
        SyntaxError
        
- 
        指定した selectors の構文が妥当ではない。
        
+ 
        指定された selectors の構文が妥当ではない。
        
 
        
 
-
        例
        
+
        例
        
 
-
        dataset セレクターと属性セレクター
        
+
        データセットセレクターと属性セレクター
        
 
-
        <section class="box" id="sect1">
+
        <section class="box" id="sect1">
   <div class="funnel-chart-percent1">10.900%</div>
   <div class="funnel-chart-percent2">3700.00%</div>
   <div class="funnel-chart-percent3">0.00%</div>
 </section>
 
        
 
-
        // dataset セレクター
+
        // データセットセレクター
 const refs = [...document.querySelectorAll(`[data-name*="funnel-chart-percent"]`)];
 
 // 属性セレクター
@@ -75,129 +73,95 @@ const refs = [...document.querySelectorAll(`[data-name*="funnel-chart-percent"]`
 // const refs = [...document.querySelectorAll(`[class~="funnel-chart-percent"]`)];
 
        
 
-
        一致のリストを入手する
        
+
        一致するもののリストの入手
        
 
-
        次の例では、myBox 要素の中に存在するすべての {{HTMLElement("p")}} 要素の {{domxref("NodeList")}} を取得しています。
        
 
-
        var matches = myBox.querySelectorAll("p");
-
        
+
        {{domxref("NodeList")}} で "myBox" 要素の中にあるすべての {{HTMLElement("p")}} 要素を取得するには、次のようにします。
        
+
+
        var matches = myBox.querySelectorAll("p");
        
 
-
        次の例では、mybox 内にある note または alert のいずれかのクラスを持つ、すべての {{HTMLElement("div")}} 要素のリストを返します。
        
+
        次の例では、文書内にある note または alert のいずれかのクラスを持つ、すべての {{HTMLElement("div")}} 要素のリストを返します。
        
 
-
        var matches = myBox.querySelectorAll("div.note, div.alert");
+
        var matches = myBox.querySelectorAll("div.note, div.alert");
 
        
 
-
        次の例では、test という ID を持つコンテナー内に位置し、直接の親要素が highlighted のクラスを持つ {{domxref("div")}} である p 要素のリストを取得します。
        
+
        次に、 "test" という ID を持つコンテナー内に位置し、直接の親要素が "highlighted" クラスを持つ {{HTMLElement("div")}} である、<p> 要素のリストを取得します。
        
 
-
        var container = document.querySelector("#test");
+
        var container = document.querySelector("#test");
 var matches = container.querySelectorAll("div.highlighted > p");
        
 
-
        次の例では、属性セレクターを使って、文書内にある、 data-src 属性を持つ文書内の {{domxref("iframe")}} 要素のリストを返します。
        
+
        次の例では属性セレクターを使用しており、 data-src という名前の属性を持つ、文書内の {{HTMLElement("iframe")}} 要素のリストを返します。
        
 
-
        var matches = domument.querySelectorAll("iframe[data-src]");
-
        
+
        var matches = document.querySelectorAll("iframe[data-src]");
        
 
-
        次の例では、属性セレクターを使って、「ID が userlist である要素内の、data-active 属性を持ち、その値が 1 である要素群」のリストを返します。
        
+
        次の例では、ID が userlist の要素の中にあり、data-active 属性を持ち、その値が 1 であるリスト項目のリストを返すため、属性セレクターが使用されています。
        
 
-
        var container = document.querySelector("#userlist");
+
        var container = document.querySelector("#userlist");
 var matches = container.querySelectorAll("li[data-active='1']");
        
 
-
        一致したリストへアクセスする
        
+
        一致したものへのアクセス
        
 
-
        一旦、一致した要素の {{domxref("NodeList")}}} が返されると、それをちょうど配列のように試すことができます。配列が空である (length プロパティが 0 である) 場合は、一致がなかったということです。
        
+
        一致した要素の {{domxref("NodeList")}} が返されると、配列と同様に調べることができます。配列が空であれば (つまり、 length プロパティが 0 であれば)、一致するものが見つからなかったということです。
        
 
-
        それ以外の場合は、単純に標準の配列表記を使って、リストの内容にアクセスすることができます。次のように、任意の一般的なループ処理を使うことができます。
        
+
        それ以外の場合は、標準的な配列記法でリストの内容にアクセスすることができます。次のような一般的なループ文を使用することができます。
        
 
-
        var highlightedItems = userList.querySelectorAll(".highlighted");
+
        var highlightedItems = userList.querySelectorAll(".highlighted");
 
 highlightedItems.forEach(function(userItem) {
   deleteUser(userItem);
 });
        
 
 
        
-
        注: NodeList は純正な配列ではないので、slice, some, map などのArray メソッドを持っていません。Array.from(nodeList) を使うことで純正の配列に変換することができます。
        
+  
        メモ: NodeList は、本物の配列ではありません。つまり、slice、some、map などの配列メソッドを持っていません。これを配列に変換するには、 Array.from(nodeList) のようにします。
        
 
        
 
-
        特殊な例
        
+
        ユーザーのメモ
        
 
-
        querySelectorAll() は、最も一般的な JavaScript DOM ライブラリと異なる動作を持ち、意図しない結果をもたらすことがあります。
        
+
        querySelectorAll() は、最も一般的な JavaScript DOM ライブラリと異なる動作を持ち、意図しない結果をもたらすことがあります。
        
 
-
        HTML
        
+
        HTML
        
 
 
        次の、入れ子になった 3 つの {{HTMLElement("div")}} ブロックを持つ HTML について検討します。
        
 
-
        <div class="outer">
+
        <div class="outer">
   <div class="select">
     <div class="inner">
     </div>
   </div>
 </div>
        
 
-
        JavaScript
        
+
        JavaScript
        
 
-
        var select = document.querySelector('.select');
+
        var select = document.querySelector('.select');
 var inner = select.querySelectorAll('.outer .inner');
-inner.length; // 1, not 0!
+inner.length; // 1 です。0 ではありません!
 
        
 
-
        この例では、"select" class を持つ <div> の文脈で ".outer .inner" を選択するとき、.outer が基準となる要素（.select で検索される）の子孫ではないにもかかわらず、".inner" class を持つ要素が見つけられています。querySelectorAll() はデフォルトでは、セレクターの最後の要素が検索スコープに含まれているかどうかのみ検証します。
        
+
        この例では、select class を持つ <div> の文脈で .outer .inner を選択するとき、.outer が基準となる要素（.select で検索される）の子孫ではないにもかかわらず、.inner class を持つ要素が見つけられています。querySelectorAll() はデフォルトでは、セレクターの最後の要素が検索スコープに含まれているかどうかのみ検証します。
        
 
-
        {{cssxref(":scope")}} 擬似クラスを使うと、基準となる要素の子孫だけが一致するようになり、期待される挙動を取り戻すことができます。
        
+
        {{cssxref(":scope")}} 擬似クラスを使うと、基準となる要素の子孫だけが一致するようになり、期待される挙動を取り戻すことができます。
        
 
-
        var select = document.querySelector('.select');
+
        var select = document.querySelector('.select');
 var inner = select.querySelectorAll(':scope .outer .inner');
 inner.length; // 0
 
        
 
-
        仕様
        
-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
        仕様書策定状況コメント
        {{SpecName("DOM WHATWG", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}{{Spec2("DOM WHATWG")}}Living standard
        {{SpecName("Selectors API Level 2", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}{{Spec2("Selectors API Level 2")}}変更なし
        {{SpecName("DOM4", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}{{Spec2("DOM4")}}初期定義
        {{SpecName('Selectors API Level 1','#queryselectorall','querySelectorAll')}}{{Spec2('Selectors API Level 1')}}初期定義
        
-
-
        ブラウザー実装状況
        
-
-
        
-
        {{Compat("api.Element.querySelectorAll")}}
        
-
        
+
        仕様書
        
+
+{{Specifications}}
+
+
        ブラウザーの互換性
        
+
+
        {{Compat}}
        
 
-
        関連情報
        
+
        関連情報
        
 
 
-- 
cgit v1.2.3-54-g00ecf


From 3d1788349defd46b84333fad34ee725d811f90ee Mon Sep 17 00:00:00 2001
From: SphinxKnight 
Date: Thu, 19 Aug 2021 16:32:11 +0200
Subject: Update fr team to reflect current activity (#1244)

* Update fr team to reflect current activity

* Adding @audrasjb to the fr team: welcome :)
---
 PEERS_GUIDELINES.md                         | 4 +---
 files/fr/mdn/contribute/localize/index.html | 2 +-
 files/ja/mdn/contribute/localize/index.html | 2 +-
 3 files changed, 3 insertions(+), 5 deletions(-)

(limited to 'files/ja')

diff --git a/PEERS_GUIDELINES.md b/PEERS_GUIDELINES.md
index 4c338f2905..83c4777329 100644
--- a/PEERS_GUIDELINES.md
+++ b/PEERS_GUIDELINES.md
@@ -39,11 +39,9 @@ The review teams for each locale are:
 - French (`fr`) content — the
 [@yari-content-fr](https://github.com/orgs/mdn/teams/yari-content-fr)
   team, which consists of:
-  - [@nicolas-goudry](https://github.com/nicolas-goudry)
-  - [@JNa0](https://github.com/JNa0)
   - [@tristantheb](https://github.com/tristantheb)
-  - [@LEMIBANDDEXARI](https://github.com/LEMIBANDDEXARI)
   - [@SphinxKnight](https://github.com/SphinxKnight)
+  - [@audrasjb](https://github.com/audrasjb)
 - Japanese (`ja`) content — the
 [@yari-content-ja](https://github.com/orgs/mdn/teams/yari-content-ja)
   team, which consists of:
diff --git a/files/fr/mdn/contribute/localize/index.html b/files/fr/mdn/contribute/localize/index.html
index 769f171966..082c1a24ed 100644
--- a/files/fr/mdn/contribute/localize/index.html
+++ b/files/fr/mdn/contribute/localize/index.html
@@ -32,7 +32,7 @@ tags:
 
 
 
 
        Japonais (ja)
        
diff --git a/files/ja/mdn/contribute/localize/index.html b/files/ja/mdn/contribute/localize/index.html
index b62fbf6f67..6d17044446 100644
--- a/files/ja/mdn/contribute/localize/index.html
+++ b/files/ja/mdn/contribute/localize/index.html
@@ -30,7 +30,7 @@ translation_of: MDN/Contribute/Localize
 
 
 
 
        日本語 (ja)
        
-- 
cgit v1.2.3-54-g00ecf


From f18dcae78c88f29bf1e79c014621d45097e38999 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson 
Date: Thu, 19 Aug 2021 11:00:46 -0400
Subject: correct to Quick_links (not Quick_Links) (#2138)

---
 files/de/glossary/crawler/index.html                                | 2 +-
 files/de/glossary/flexbox/index.html                                | 2 +-
 files/de/glossary/graceful_degradation/index.html                   | 2 +-
 files/de/glossary/gzip_compression/index.html                       | 2 +-
 files/de/glossary/iife/index.html                                   | 2 +-
 files/de/glossary/local_variable/index.html                         | 2 +-
 files/de/glossary/progressive_enhancement/index.html                | 2 +-
 files/de/glossary/type/index.html                                   | 2 +-
 files/de/glossary/type_conversion/index.html                        | 2 +-
 files/de/glossary/user_agent/index.html                             | 2 +-
 files/de/glossary/webm/index.html                                   | 2 +-
 files/de/glossary/webp/index.html                                   | 2 +-
 files/de/glossary/wrapper/index.html                                | 2 +-
 files/de/mozilla/firefox/releases/3/updating_extensions/index.html  | 2 +-
 files/de/web/accessibility/index.html                               | 2 --
 files/de/web/css/css_grid_layout/index.html                         | 2 +-
 files/de/web/css/gap/index.html                                     | 2 +-
 files/de/web/css/grid-template-areas/index.html                     | 2 +-
 files/de/web/css/grid/index.html                                    | 2 +-
 .../web/javascript/reference/global_objects/webassembly/index.html  | 2 --
 files/es/glossary/accessibility_tree/index.html                     | 2 +-
 files/es/glossary/call_stack/index.html                             | 2 +-
 files/es/glossary/character_set/index.html                          | 2 +-
 files/es/glossary/first-class_function/index.html                   | 2 +-
 files/es/glossary/identifier/index.html                             | 2 +-
 files/es/glossary/main_thread/index.html                            | 2 +-
 files/es/glossary/php/index.html                                    | 2 +-
 files/es/glossary/pop/index.html                                    | 2 +-
 files/es/glossary/primitive/index.html                              | 2 +-
 files/es/glossary/smtp/index.html                                   | 2 +-
 files/es/glossary/type_coercion/index.html                          | 2 +-
 files/es/glossary/whitespace/index.html                             | 2 +-
 files/es/glossary/wrapper/index.html                                | 2 +-
 files/es/mozilla/firefox/releases/9/index.html                      | 2 +-
 files/es/web/css/column-gap/index.html                              | 2 +-
 files/es/web/css/css_flow_layout/index.html                         | 2 +-
 .../css_grid_layout/auto-placement_in_css_grid_layout/index.html    | 2 +-
 .../css/css_grid_layout/basic_concepts_of_grid_layout/index.html    | 2 +-
 .../css/css_grid_layout/box_alignment_in_css_grid_layout/index.html | 2 +-
 files/es/web/css/css_grid_layout/index.html                         | 2 +-
 .../realizing_common_layouts_using_css_grid_layout/index.html       | 2 +-
 .../web/css/css_grid_layout/relationship_of_grid_layout/index.html  | 2 +-
 files/es/web/css/gap/index.html                                     | 2 +-
 files/es/web/css/grid-auto-columns/index.html                       | 2 +-
 files/es/web/css/grid-auto-rows/index.html                          | 2 +-
 files/es/web/css/grid-template-areas/index.html                     | 2 +-
 files/es/web/css/grid-template-columns/index.html                   | 2 +-
 files/es/web/css/grid-template-rows/index.html                      | 2 +-
 files/es/web/css/grid/index.html                                    | 2 +-
 files/es/web/css/minmax()/index.html                                | 2 +-
 files/fr/glossary/accessibility_tree/index.html                     | 2 +-
 files/fr/glossary/ajax/index.html                                   | 2 +-
 files/fr/glossary/bootstrap/index.html                              | 2 +-
 files/fr/glossary/brotli_compression/index.html                     | 2 +-
 files/fr/glossary/favicon/index.html                                | 2 +-
 files/fr/glossary/http_2/index.html                                 | 2 +-
 files/fr/glossary/http_3/index.html                                 | 2 +-
 files/fr/glossary/input_method_editor/index.html                    | 2 +-
 files/fr/glossary/internationalization_and_localization/index.html  | 2 +-
 files/fr/glossary/lossless_compression/index.html                   | 2 +-
 files/fr/glossary/same-origin_policy/index.html                     | 2 +-
 files/fr/glossary/type_coercion/index.html                          | 2 +-
 files/fr/glossary/web_server/index.html                             | 2 +-
 files/fr/glossary/whitespace/index.html                             | 2 +-
 files/fr/mozilla/firefox/releases/3.6/index.html                    | 2 +-
 files/fr/mozilla/firefox/releases/3/updating_extensions/index.html  | 2 +-
 files/fr/mozilla/firefox/releases/35/index.html                     | 2 +-
 files/fr/mozilla/firefox/releases/4/index.html                      | 2 +-
 files/fr/mozilla/firefox/releases/6/index.html                      | 2 +-
 files/fr/mozilla/firefox/releases/8/index.html                      | 2 +-
 files/fr/mozilla/firefox/releases/9/index.html                      | 2 +-
 files/ja/glossary/accessibility_tree/index.html                     | 2 +-
 files/ja/glossary/adobe_flash/index.html                            | 2 +-
 files/ja/glossary/ajax/index.html                                   | 2 +-
 files/ja/glossary/blink/index.html                                  | 2 +-
 files/ja/glossary/bootstrap/index.html                              | 2 +-
 files/ja/glossary/brotli_compression/index.html                     | 2 +-
 files/ja/glossary/browser/index.html                                | 2 +-
 files/ja/glossary/cacheable/index.html                              | 2 +-
 files/ja/glossary/call_stack/index.html                             | 2 +-
 files/ja/glossary/character_set/index.html                          | 2 +-
 files/ja/glossary/cipher/index.html                                 | 2 +-
 files/ja/glossary/cors-safelisted_response_header/index.html        | 2 +-
 files/ja/glossary/crawler/index.html                                | 2 +-
 files/ja/glossary/cross_axis/index.html                             | 2 +-
 files/ja/glossary/cryptographic_hash_function/index.html            | 2 +-
 files/ja/glossary/cryptography/index.html                           | 2 +-
 files/ja/glossary/css_preprocessor/index.html                       | 2 +-
 files/ja/glossary/css_selector/index.html                           | 2 +-
 files/ja/glossary/database/index.html                               | 2 +-
 files/ja/glossary/document_directive/index.html                     | 2 +-
 files/ja/glossary/dom/index.html                                    | 2 +-
 files/ja/glossary/endianness/index.html                             | 2 +-
 files/ja/glossary/favicon/index.html                                | 2 +-
 files/ja/glossary/fetch_directive/index.html                        | 2 +-
 files/ja/glossary/first-class_function/index.html                   | 2 +-
 files/ja/glossary/flexbox/index.html                                | 2 +-
 files/ja/glossary/forbidden_header_name/index.html                  | 2 +-
 files/ja/glossary/fork/index.html                                   | 2 +-
 files/ja/glossary/fps/index.html                                    | 2 +-
 files/ja/glossary/global_object/index.html                          | 2 +-
 files/ja/glossary/graceful_degradation/index.html                   | 2 +-
 files/ja/glossary/grid/index.html                                   | 2 +-
 files/ja/glossary/grid_tracks/index.html                            | 2 +-
 files/ja/glossary/gzip_compression/index.html                       | 2 +-
 files/ja/glossary/hotlink/index.html                                | 2 +-
 files/ja/glossary/http_2/index.html                                 | 2 +-
 files/ja/glossary/http_3/index.html                                 | 2 +-
 files/ja/glossary/http_header/index.html                            | 2 +-
 files/ja/glossary/identifier/index.html                             | 2 +-
 files/ja/glossary/iife/index.html                                   | 2 +-
 files/ja/glossary/index.html                                        | 2 +-
 files/ja/glossary/input_method_editor/index.html                    | 2 +-
 files/ja/glossary/internationalization_and_localization/index.html  | 2 +-
 files/ja/glossary/key/index.html                                    | 2 +-
 files/ja/glossary/latency/index.html                                | 2 +-
 files/ja/glossary/ligature/index.html                               | 2 +-
 files/ja/glossary/local_variable/index.html                         | 2 +-
 files/ja/glossary/loop/index.html                                   | 2 +-
 files/ja/glossary/lossless_compression/index.html                   | 2 +-
 files/ja/glossary/ltr/index.html                                    | 2 +-
 files/ja/glossary/main_thread/index.html                            | 2 +-
 files/ja/glossary/markup/index.html                                 | 2 +-
 files/ja/glossary/mathml/index.html                                 | 2 +-
 files/ja/glossary/method/index.html                                 | 2 +-
 files/ja/glossary/microsoft_edge/index.html                         | 2 +-
 files/ja/glossary/navigation_directive/index.html                   | 2 +-
 files/ja/glossary/null/index.html                                   | 2 +-
 files/ja/glossary/number/index.html                                 | 2 +-
 files/ja/glossary/php/index.html                                    | 2 +-
 files/ja/glossary/pop/index.html                                    | 2 +-
 files/ja/glossary/primitive/index.html                              | 2 +-
 files/ja/glossary/public-key_cryptography/index.html                | 2 +-
 files/ja/glossary/python/index.html                                 | 2 +-
 files/ja/glossary/reporting_directive/index.html                    | 2 +-
 files/ja/glossary/response_header/index.html                        | 2 +-
 files/ja/glossary/rng/index.html                                    | 2 +-
 files/ja/glossary/rtl/index.html                                    | 2 +-
 files/ja/glossary/rtsp/index.html                                   | 2 +-
 files/ja/glossary/same-origin_policy/index.html                     | 2 +-
 files/ja/glossary/scroll_container/index.html                       | 2 +-
 files/ja/glossary/scrollport/index.html                             | 2 +-
 files/ja/glossary/semantics/index.html                              | 2 +-
 files/ja/glossary/simd/index.html                                   | 2 +-
 files/ja/glossary/sld/index.html                                    | 2 +-
 files/ja/glossary/smtp/index.html                                   | 2 +-
 files/ja/glossary/spa/index.html                                    | 2 +-
 files/ja/glossary/ssl/index.html                                    | 2 +-
 files/ja/glossary/static_method/index.html                          | 2 +-
 files/ja/glossary/strict_mode/index.html                            | 2 +-
 files/ja/glossary/symbol/index.html                                 | 2 +-
 files/ja/glossary/symmetric-key_cryptography/index.html             | 2 +-
 files/ja/glossary/tcp/index.html                                    | 2 +-
 files/ja/glossary/thread/index.html                                 | 2 +-
 files/ja/glossary/tls/index.html                                    | 2 +-
 files/ja/glossary/type/index.html                                   | 2 +-
 files/ja/glossary/type_coercion/index.html                          | 2 +-
 files/ja/glossary/type_conversion/index.html                        | 2 +-
 files/ja/glossary/user_agent/index.html                             | 2 +-
 files/ja/glossary/web_performance/index.html                        | 2 +-
 files/ja/glossary/web_server/index.html                             | 2 +-
 files/ja/glossary/webassembly/index.html                            | 2 +-
 files/ja/glossary/whitespace/index.html                             | 2 +-
 files/ja/glossary/wrapper/index.html                                | 2 +-
 files/ja/web/css/css_flow_layout/index.html                         | 2 +-
 .../css_grid_layout/auto-placement_in_css_grid_layout/index.html    | 2 +-
 .../css/css_grid_layout/basic_concepts_of_grid_layout/index.html    | 2 +-
 .../css/css_grid_layout/box_alignment_in_css_grid_layout/index.html | 2 +-
 files/ja/web/css/css_grid_layout/index.html                         | 2 +-
 .../css/css_grid_layout/layout_using_named_grid_lines/index.html    | 2 +-
 .../web/css/css_grid_layout/relationship_of_grid_layout/index.html  | 2 +-
 files/ja/web/css/grid-column-start/index.html                       | 2 +-
 files/ja/web/css/grid-column/index.html                             | 2 +-
 files/ja/web/css/grid-row/index.html                                | 2 +-
 files/ja/web/css/grid-template-areas/index.html                     | 2 +-
 files/ja/web/css/grid-template-columns/index.html                   | 2 +-
 files/ja/web/css/grid-template/index.html                           | 2 +-
 files/ja/web/css/grid/index.html                                    | 2 +-
 files/ja/web/css/minmax()/index.html                                | 2 +-
 files/ja/web/exslt/index.html                                       | 2 +-
 files/ko/glossary/bootstrap/index.html                              | 2 +-
 files/ko/glossary/browser/index.html                                | 2 +-
 files/ko/glossary/character_set/index.html                          | 2 +-
 files/ko/glossary/cross_axis/index.html                             | 2 +-
 files/ko/glossary/endianness/index.html                             | 2 +-
 files/ko/glossary/flexbox/index.html                                | 2 +-
 files/ko/glossary/global_object/index.html                          | 2 +-
 files/ko/glossary/graceful_degradation/index.html                   | 2 +-
 files/ko/glossary/http_2/index.html                                 | 2 +-
 files/ko/glossary/iife/index.html                                   | 2 +-
 files/ko/glossary/index.html                                        | 2 +-
 files/ko/glossary/method/index.html                                 | 2 +-
 files/ko/glossary/null/index.html                                   | 2 +-
 files/ko/glossary/primitive/index.html                              | 4 ++--
 files/ko/glossary/semantics/index.html                              | 2 +-
 files/ko/glossary/smtp/index.html                                   | 2 +-
 files/ko/glossary/ssl/index.html                                    | 2 +-
 files/ko/glossary/tcp/index.html                                    | 2 +-
 files/ko/glossary/tls/index.html                                    | 2 +-
 files/ko/glossary/user_agent/index.html                             | 2 +-
 files/ko/glossary/wrapper/index.html                                | 2 +-
 files/ko/web/accessibility/aria/index.html                          | 2 +-
 files/ko/web/css/css_flow_layout/index.html                         | 2 +-
 .../css/css_grid_layout/basic_concepts_of_grid_layout/index.html    | 2 +-
 files/ko/web/css/css_grid_layout/grid_template_areas/index.html     | 2 +-
 files/ko/web/css/css_grid_layout/index.html                         | 2 +-
 .../css/css_grid_layout/layout_using_named_grid_lines/index.html    | 2 +-
 .../css_grid_layout/line-based_placement_with_css_grid/index.html   | 2 +-
 .../web/css/css_grid_layout/relationship_of_grid_layout/index.html  | 2 +-
 files/ko/web/css/grid-area/index.html                               | 2 +-
 files/ko/web/css/grid/index.html                                    | 2 +-
 files/pl/glossary/accessibility_tree/index.html                     | 2 +-
 files/pl/glossary/semantics/index.html                              | 2 +-
 files/pl/web/css/css_grid_layout/index.html                         | 2 +-
 files/pl/web/css/grid/index.html                                    | 2 +-
 files/pt-br/glossary/accessibility_tree/index.html                  | 2 +-
 files/pt-br/glossary/call_stack/index.html                          | 2 +-
 files/pt-br/glossary/css_preprocessor/index.html                    | 2 +-
 files/pt-br/glossary/graceful_degradation/index.html                | 2 +-
 files/pt-br/glossary/grid/index.html                                | 2 +-
 files/pt-br/glossary/http_header/index.html                         | 2 +-
 files/pt-br/glossary/semantics/index.html                           | 2 +-
 files/pt-br/glossary/viewport/index.html                            | 2 +-
 files/pt-br/web/api/web_audio_api/index.html                        | 2 +-
 .../css/css_grid_layout/basic_concepts_of_grid_layout/index.html    | 2 +-
 files/pt-br/web/css/css_grid_layout/index.html                      | 2 +-
 .../web/css/css_grid_layout/relationship_of_grid_layout/index.html  | 2 +-
 files/pt-br/web/css/grid-auto-flow/index.html                       | 2 +-
 files/pt-br/web/css/grid-template-columns/index.html                | 2 +-
 files/pt-br/web/css/grid-template-rows/index.html                   | 2 +-
 files/pt-br/web/css/grid/index.html                                 | 2 +-
 files/ru/glossary/accessibility_tree/index.html                     | 2 +-
 files/ru/glossary/bootstrap/index.html                              | 2 +-
 files/ru/glossary/call_stack/index.html                             | 2 +-
 files/ru/glossary/crawler/index.html                                | 2 +-
 files/ru/glossary/fps/index.html                                    | 2 +-
 files/ru/glossary/global_object/index.html                          | 2 +-
 files/ru/glossary/http_2/index.html                                 | 2 +-
 files/ru/glossary/loop/index.html                                   | 2 +-
 files/ru/glossary/method/index.html                                 | 2 +-
 files/ru/glossary/scroll_container/index.html                       | 2 +-
 files/ru/glossary/semantics/index.html                              | 2 +-
 files/ru/glossary/type_coercion/index.html                          | 2 +-
 files/ru/glossary/type_conversion/index.html                        | 2 +-
 files/ru/glossary/whitespace/index.html                             | 2 +-
 files/ru/web/api/web_audio_api/index.html                           | 2 +-
 files/ru/web/css/css_flow_layout/index.html                         | 2 +-
 .../css/css_grid_layout/basic_concepts_of_grid_layout/index.html    | 2 +-
 .../css/css_grid_layout/box_alignment_in_css_grid_layout/index.html | 2 +-
 .../css_grid_logical_values_and_writing_modes/index.html            | 2 +-
 files/ru/web/css/css_grid_layout/grid_template_areas/index.html     | 2 +-
 files/ru/web/css/css_grid_layout/index.html                         | 2 +-
 .../css/css_grid_layout/layout_using_named_grid_lines/index.html    | 2 +-
 .../css_grid_layout/line-based_placement_with_css_grid/index.html   | 2 +-
 .../realizing_common_layouts_using_css_grid_layout/index.html       | 2 +-
 .../web/css/css_grid_layout/relationship_of_grid_layout/index.html  | 2 +-
 files/ru/web/css/grid-area/index.html                               | 2 +-
 files/ru/web/css/grid-auto-flow/index.html                          | 2 +-
 files/ru/web/css/grid-row-start/index.html                          | 2 +-
 files/ru/web/css/grid-template-areas/index.html                     | 2 +-
 files/ru/web/css/grid-template-columns/index.html                   | 2 +-
 files/ru/web/css/grid-template-rows/index.html                      | 2 +-
 files/ru/web/css/grid/index.html                                    | 2 +-
 files/ru/web/css/minmax()/index.html                                | 2 +-
 files/ru/web/index.html                                             | 2 +-
 files/zh-cn/glossary/character_set/index.html                       | 2 +-
 files/zh-cn/glossary/crawler/index.html                             | 2 +-
 files/zh-cn/glossary/cross_axis/index.html                          | 2 +-
 files/zh-cn/glossary/css_selector/index.html                        | 2 +-
 files/zh-cn/glossary/database/index.html                            | 2 +-
 files/zh-cn/glossary/flexbox/index.html                             | 2 +-
 files/zh-cn/glossary/fork/index.html                                | 2 +-
 files/zh-cn/glossary/global_object/index.html                       | 2 +-
 files/zh-cn/glossary/graceful_degradation/index.html                | 2 +-
 files/zh-cn/glossary/gzip_compression/index.html                    | 2 +-
 files/zh-cn/glossary/http_2/index.html                              | 2 +-
 files/zh-cn/glossary/http_3/index.html                              | 2 +-
 files/zh-cn/glossary/http_header/index.html                         | 2 +-
 files/zh-cn/glossary/index.html                                     | 2 +-
 files/zh-cn/glossary/input_method_editor/index.html                 | 2 +-
 files/zh-cn/glossary/latency/index.html                             | 2 +-
 files/zh-cn/glossary/ligature/index.html                            | 2 +-
 files/zh-cn/glossary/main_thread/index.html                         | 2 +-
 files/zh-cn/glossary/method/index.html                              | 2 +-
 files/zh-cn/glossary/nullish/index.html                             | 6 ------
 files/zh-cn/glossary/smtp/index.html                                | 2 +-
 files/zh-cn/glossary/type_conversion/index.html                     | 2 +-
 files/zh-cn/mozilla/firefox/releases/3.6/index.html                 | 2 +-
 .../zh-cn/mozilla/firefox/releases/3/updating_extensions/index.html | 2 +-
 files/zh-cn/web/api/canvas_api/index.html                           | 2 +-
 files/zh-cn/web/api/web_audio_api/index.html                        | 2 +-
 files/zh-cn/web/css/css_flow_layout/index.html                      | 2 +-
 .../css_grid_layout/auto-placement_in_css_grid_layout/index.html    | 2 +-
 .../css/css_grid_layout/basic_concepts_of_grid_layout/index.html    | 2 +-
 .../css/css_grid_layout/box_alignment_in_css_grid_layout/index.html | 2 +-
 .../css_grid_layout/css_grid_and_progressive_enhancement/index.html | 2 +-
 .../css_grid_layout/css_grid_layout_and_accessibility/index.html    | 2 +-
 .../css_grid_logical_values_and_writing_modes/index.html            | 2 +-
 files/zh-cn/web/css/css_grid_layout/grid_template_areas/index.html  | 2 +-
 files/zh-cn/web/css/css_grid_layout/index.html                      | 2 +-
 .../css/css_grid_layout/layout_using_named_grid_lines/index.html    | 2 +-
 .../css_grid_layout/line-based_placement_with_css_grid/index.html   | 2 +-
 .../realizing_common_layouts_using_css_grid_layout/index.html       | 2 +-
 .../web/css/css_grid_layout/relationship_of_grid_layout/index.html  | 2 +-
 files/zh-cn/web/css/grid-area/index.html                            | 2 +-
 files/zh-cn/web/css/grid-auto-columns/index.html                    | 2 +-
 files/zh-cn/web/css/grid-auto-flow/index.html                       | 2 +-
 files/zh-cn/web/css/grid-auto-rows/index.html                       | 2 +-
 files/zh-cn/web/css/grid-column/index.html                          | 2 +-
 files/zh-cn/web/css/grid-row/index.html                             | 2 +-
 files/zh-cn/web/css/grid-template-areas/index.html                  | 2 +-
 files/zh-cn/web/css/grid-template-columns/index.html                | 2 +-
 files/zh-cn/web/css/grid-template-rows/index.html                   | 2 +-
 files/zh-cn/web/css/grid-template/index.html                        | 2 +-
 files/zh-cn/web/css/grid/index.html                                 | 2 +-
 files/zh-cn/web/css/minmax()/index.html                             | 2 +-
 files/zh-tw/glossary/adobe_flash/index.html                         | 2 +-
 files/zh-tw/glossary/bootstrap/index.html                           | 2 +-
 files/zh-tw/glossary/character_set/index.html                       | 2 +-
 files/zh-tw/glossary/css_preprocessor/index.html                    | 2 +-
 files/zh-tw/glossary/php/index.html                                 | 2 +-
 files/zh-tw/glossary/python/index.html                              | 2 +-
 files/zh-tw/glossary/ruby/index.html                                | 2 +-
 files/zh-tw/glossary/spa/index.html                                 | 2 +-
 files/zh-tw/learn/javascript/building_blocks/events/index.html      | 2 +-
 files/zh-tw/mozilla/firefox/releases/3.6/index.html                 | 2 +-
 files/zh-tw/mozilla/firefox/releases/35/index.html                  | 2 +-
 files/zh-tw/mozilla/firefox/releases/6/index.html                   | 2 +-
 files/zh-tw/mozilla/firefox/releases/8/index.html                   | 2 +-
 files/zh-tw/mozilla/firefox/releases/9/index.html                   | 2 +-
 .../css/css_grid_layout/basic_concepts_of_grid_layout/index.html    | 2 +-
 files/zh-tw/web/css/css_grid_layout/index.html                      | 2 +-
 files/zh-tw/web/css/grid-row/index.html                             | 2 +-
 files/zh-tw/web/css/grid-template-columns/index.html                | 2 +-
 files/zh-tw/web/css/grid-template/index.html                        | 2 +-
 335 files changed, 333 insertions(+), 343 deletions(-)

(limited to 'files/ja')

diff --git a/files/de/glossary/crawler/index.html b/files/de/glossary/crawler/index.html
index df3fd9db4b..49dffae66c 100644
--- a/files/de/glossary/crawler/index.html
+++ b/files/de/glossary/crawler/index.html
@@ -11,7 +11,7 @@ translation_of: Glossary/Crawler
  
      • {{Interwiki("wikipedia", "Webcrawler")}} auf Wikipedia
        •
      -
    -