-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into usage-notes
- Loading branch information
Showing
114 changed files
with
680 additions
and
603 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,22 +1,18 @@ | ||
--- | ||
title: accent (強調表示) | ||
title: Accent (強調色) | ||
slug: Glossary/Accent | ||
l10n: | ||
sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34 | ||
--- | ||
|
||
{{GlossarySidebar}} | ||
|
||
**強調表示** は主に明るい色によって、配色内でよりわかりやすく背景色と前景色を引き立たせます。これらは多くのプラットフォームの視覚スタイルに存在します (しかしながら、全てではありません) 。 | ||
**強調色**は主に明るい色であり、配色内で実用的な色である背景色や前景色と対照的な色です。これらは多くのプラットフォームの視覚スタイルに存在します(ただし、すべてではありません)。 | ||
|
||
ウェブにおいて、強調表示は {{HTMLElement("input")}} 要素で操作の活性状態の部分に使われることがあります。例えばチェックした [checkbox](/ja/docs/Web/HTML/Element/input/checkbox) の背景です。 | ||
ウェブにおいて、強調色は {{HTMLElement("input")}} 要素で操作のアクティブな位置を示すために使われることがあります。例えばチェックした[チェックボックス](/ja/docs/Web/HTML/Element/input/checkbox)の背景に使われます。 | ||
|
||
## 関連情報 | ||
|
||
### 強調表示に関連する CSS | ||
### 強調色に関連する CSS | ||
|
||
特定の要素の CSS {{cssxref("accent-color")}} プロパティに適切な {{cssxref("<color>")}} 値を設定することで、強調表示の色を設定できます。 | ||
|
||
### 強調表示を持つHTML要素 | ||
|
||
- [`<input type="checkbox">`](/ja/docs/Web/HTML/Element/input/checkbox) | ||
- [`<input type="radio">`](/ja/docs/Web/HTML/Element/input/radio) | ||
- [`<input type="range">`](/ja/docs/Web/HTML/Element/input/range) | ||
特定の要素の CSS {{cssxref("accent-color")}} プロパティに適切な {{cssxref("<color>")}} 値を設定することで、強調色を設定できます。 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,32 +1,28 @@ | ||
--- | ||
title: World Wide Web | ||
slug: Glossary/World_Wide_Web | ||
l10n: | ||
sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34 | ||
--- | ||
|
||
{{GlossarySidebar}} | ||
|
||
_World Wide Web_ は、一般に **WWW**, **W3**, もしくは **ウェブ** と呼ばれ、{{Glossary("Internet", "インターネット")}} を通じて公開されたウェブページが相互に接続されたシステムのことです。ウェブはインターネットと同義ではありません。ウェブは、インターネット上に構築された多くのアプリケーションの中の一つなのです。 | ||
_World Wide Web_ は、一般に **WWW**, **W3**, もしくは **ウェブ** と呼ばれ、{{Glossary("Internet", "インターネット")}} を通じて公開されたウェブページが相互に接続されたシステムのことです。ウェブはインターネットと同義ではありません。ウェブは、インターネット上に構築された多くのアプリケーションの中の一つです。 | ||
|
||
ティム・バーナーズ=リー卿は、World Wide Web として知られることとなったアーキテクチャを提唱しました。彼は、1990 年に世界初のウェブ {{Glossary("Server","サーバー")}} とウェブ {{Glossary("Browser","ブラウザー")}}、そしてウェブページを CERN 物理学研究所の自身のコンピューター上に構築しました。1991 年に、彼は alt.hypertext ニュースグループで自身の成果を公表しました。ウェブが世界で初めて公になった瞬間でした。 | ||
ティム・バーナーズ=リーは、World Wide Web として知られることとなったアーキテクチャを提唱しました。彼は、1990 年に世界初のウェブ{{Glossary("Server","サーバー")}}とウェブ{{Glossary("Browser","ブラウザー")}}、そしてウェブページを CERN 物理学研究所の自身のコンピューター上に構築しました。1991 年に、彼は alt.hypertext ニュースグループで自身の成果を公表しました。ウェブが世界で初めて公になった瞬間でした。 | ||
|
||
今日、「ウェブ」として知られているシステムは、いくつかの構成要素から成り立っています。 | ||
|
||
- **{{Glossary("HTTP")}}** プロトコルがサーバーとクライアント間のデータ転送を管理しています。 | ||
- ウェブの構成要素へアクセスするため、クライアントは **{{Glossary("URL")}}** (uniform resource location) もしくは (以前は Universal Document Identifier (UDI) と呼ばれていた) {{Glossary("URI")}} (uniform resource identifier) と呼ばれる固有の識別子を提供します。 | ||
- **{{Glossary("HTML")}}** (hypertext markup language) は、ドキュメントを公開する最も一般的な形式です。 | ||
- ウェブの構成要素へアクセスするため、クライアントは **{{Glossary("URL")}}** (uniform resource location) もしくは {{Glossary("URI")}} (uniform resource identifier、以前は Universal Document Identifier (UDI) と呼ばれていた) と呼ばれる固有の識別子を提供します。 | ||
- **{{Glossary("HTML")}}** (hypertext markup language) は、文書を公開する最も一般的な形式です。 | ||
|
||
リンクする、もしくは {{Glossary("Hyperlink","ハイパーリンク")}} を介してリソースを結びつけることは、関連するドキュメントをひとまとめに識別できるようにする、ウェブの特徴的な概念です。 | ||
リンクする、もしくは{{Glossary("Hyperlink","ハイパーリンク")}}を介してリソースを結びつけることは、関連するドキュメントをひとまとめに識別できるようにする、ウェブの特徴的な概念です。 | ||
|
||
ウェブを発明した後すぐに、ティム・バーナーズ=リー卿は、ウェブを標準化し、さらに開発を進めるべく、{{Glossary("W3C")}} (World Wide Web Consortium) を設立しました。この協会は、ウェブブラウザーの開発者、政府団体、研究者および大学などの主要なウェブの利益団体で構成されています。その使命には、教育や地域社会への貢献も含まれています。 | ||
ウェブを発明した後でまもなく、ティム・バーナーズ=リーは、ウェブを標準化し、さらに開発を進めるべく、{{Glossary("W3C")}} (World Wide Web Consortium) を設立しました。この協会は、ウェブブラウザーの開発者、政府団体、研究者および大学などの主要なウェブの利益団体で構成されています。その使命には、教育や地域社会への貢献も含まれています。 | ||
|
||
## 関連情報 | ||
|
||
### ウェブについて学ぶ | ||
|
||
- [Learn the Web](/ja/docs/Learn) | ||
- [Web literacy map](https://learning.mozilla.org/web-literacy) (ウェブ開発に必要なスキル項目) | ||
|
||
### 基礎知識 | ||
|
||
- Wikipedia 上の [World Wide Web](https://ja.wikipedia.org/wiki/World_Wide_Web) | ||
- [W3C のウェブサイト](http://w3.org) | ||
- [World Wide Web](https://ja.wikipedia.org/wiki/World_Wide_Web)(ウィキペディア) | ||
- [W3C のウェブサイト](https://www.w3.org/) |
62 changes: 62 additions & 0 deletions
62
files/ja/web/api/navigationpreloadmanager/disable/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,62 @@ | ||
--- | ||
title: "NavigationPreloadManager: disable() メソッド" | ||
short-title: disable() | ||
slug: Web/API/NavigationPreloadManager/disable | ||
l10n: | ||
sourceCommit: bc0237f139ee3a9db67a669ae1b6bf45ebba7f94 | ||
--- | ||
|
||
{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers}} | ||
|
||
**`disable()`** は {{domxref("NavigationPreloadManager")}} インターフェイスのメソッドで、以前に {{domxref("NavigationPreloadManager.enable()","enable()")}} を使用して開始されたサービスワーカー管理リソースの自動事前読み込みを停止します。 | ||
このメソッドは、`undefined` で解決するプロミスを返します。 | ||
|
||
このメソッドは、サービスワーカーの `activate` イベントハンドラー(`fetch` イベントハンドラーが呼ばれる前)で呼ばれることがあります。 | ||
|
||
## 構文 | ||
|
||
```js-nolint | ||
disable() | ||
``` | ||
|
||
### 引数 | ||
|
||
なし。 | ||
|
||
### 返値 | ||
|
||
{{jsxref('undefined')}} で解決するプロミス ({{jsxref("Promise")}}) です。 | ||
|
||
### 例外 | ||
|
||
- `InvalidStateError` {{domxref("DOMException")}} | ||
- : この {{domxref("NavigationPreloadManager")}} が属する登録に関連するアクティブなワーカーがない場合。 | ||
|
||
## 例 | ||
|
||
下記のコードは最初に {{domxref("ServiceWorkerRegistration.navigationPreload")}} の使用に対応していることを確認した後、事前読み込みを無効にする方法を示しています。 | ||
|
||
```js | ||
addEventListener("activate", (event) => { | ||
event.waitUntil( | ||
(async () => { | ||
if (self.registration.navigationPreload) { | ||
// Disable navigation preloads! | ||
await self.registration.navigationPreload.disable(); | ||
} | ||
})(), | ||
); | ||
}); | ||
``` | ||
|
||
## 仕様書 | ||
|
||
{{Specifications}} | ||
|
||
## ブラウザーの互換性 | ||
|
||
{{Compat}} | ||
|
||
## 関連情報 | ||
|
||
{{domxref("NavigationPreloadManager.enable()")}} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,62 @@ | ||
--- | ||
title: "NavigationPreloadManager: enable() メソッド" | ||
short-title: enable() | ||
slug: Web/API/NavigationPreloadManager/enable | ||
l10n: | ||
sourceCommit: bc0237f139ee3a9db67a669ae1b6bf45ebba7f94 | ||
--- | ||
|
||
{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers}} | ||
|
||
**`enable()`** は {{domxref("NavigationPreloadManager")}} インターフェイスのメソッドで、サービスワーカーが管理するリソースの事前読み込みを有効にするために使用されます。 | ||
このメソッドは、`undefined` で解決するプロミスを返します。 | ||
|
||
このメソッドは、サービスワーカーの `activate` イベントハンドラーで呼び出されるべきであり、これにより、`fetch` イベントハンドラーが発行される前に確実に呼び出されるようになります。 | ||
|
||
## 構文 | ||
|
||
```js-nolint | ||
enable() | ||
``` | ||
|
||
### 引数 | ||
|
||
なし。 | ||
|
||
### 返値 | ||
|
||
{{jsxref('undefined')}} で解決するプロミス ({{jsxref("Promise")}}) です。 | ||
|
||
### 例外 | ||
|
||
- `InvalidStateError` {{domxref("DOMException")}} | ||
- : この {{domxref("NavigationPreloadManager")}} が属する登録に関連するアクティブなワーカーがない場合。 | ||
|
||
## 例 | ||
|
||
下記のコードは最初に {{domxref("ServiceWorkerRegistration.navigationPreload")}} の使用に対応していることを確認した後、事前読み込みを有効にする方法を示しています。 | ||
|
||
```js | ||
addEventListener("activate", (event) => { | ||
event.waitUntil( | ||
(async () => { | ||
if (self.registration.navigationPreload) { | ||
// Enable navigation preloads! | ||
await self.registration.navigationPreload.enable(); | ||
} | ||
})(), | ||
); | ||
}); | ||
``` | ||
|
||
## 仕様書 | ||
|
||
{{Specifications}} | ||
|
||
## ブラウザーの互換性 | ||
|
||
{{Compat}} | ||
|
||
## 関連情報 | ||
|
||
{{domxref("NavigationPreloadManager.disable()")}} |
60 changes: 60 additions & 0 deletions
60
files/ja/web/api/navigationpreloadmanager/getstate/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,60 @@ | ||
--- | ||
title: "NavigationPreloadManager: getState() メソッド" | ||
short-title: getState() | ||
slug: Web/API/NavigationPreloadManager/getState | ||
l10n: | ||
sourceCommit: 58ad1df59f2ffb9ecab4e27fe1bdf1eb5a55f89b | ||
--- | ||
|
||
{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers}} | ||
|
||
**`getState()`** は {{domxref("NavigationPreloadManager")}} インターフェイスのメソッドで、事前読み込みが有効になっているかどうか、また、どのような値が HTTP ヘッダーの {{HTTPHeader("Service-Worker-Navigation-Preload")}} に送信されるかを示すプロパティを持つオブジェクトを返すプロミス ({{jsxref("Promise")}}) を返します。 | ||
|
||
## 構文 | ||
|
||
```js-nolint | ||
getState() | ||
``` | ||
|
||
### 引数 | ||
|
||
なし。 | ||
|
||
### 返値 | ||
|
||
以下のプロパティを持つオブジェクトで解決するプロミス ({{jsxref("Promise")}}) です。 | ||
|
||
- `enabled` | ||
- : 事前読み込みが有効であれば `true`、それ以外では `false` です。 | ||
- `headerValue` | ||
- : 事前読み込みされた {{domxref("Window/fetch", "fetch()")}} に続き、HTTP のヘッダー `Service-Worker-Navigation-Preload` に送信される値を含む文字列。 | ||
これは {{domxref("NavigationPreloadManager.setHeaderValue()")}} を使用して値が変更されない限り、既定値は `true` です。 | ||
|
||
### 例外 | ||
|
||
- `InvalidStateError` {{domxref("DOMException")}} | ||
- : この {{domxref("NavigationPreloadManager")}} が属する登録に関連するアクティブなワーカーがない場合。 | ||
|
||
## 例 | ||
|
||
下記コードは、サービスワーカーが準備完了した時点でリクエストされた現在の状態を示しています。 | ||
|
||
```js | ||
navigator.serviceWorker.ready | ||
.then((registration) => registration.navigationPreload.getState()) | ||
.then((state) => { | ||
console.log(state.enabled); // boolean | ||
console.log(state.headerValue); // string | ||
}) | ||
.catch((e) => | ||
console.error(`NavigationPreloadManager not supported: ${e.message}`), | ||
); | ||
``` | ||
|
||
## 仕様書 | ||
|
||
{{Specifications}} | ||
|
||
## ブラウザーの互換性 | ||
|
||
{{Compat}} |
Oops, something went wrong.