diff --git a/files/ja/web/api/compression_streams_api/index.md b/files/ja/web/api/compression_streams_api/index.md index d1380eca6568a1..57be666b0f3c1d 100644 --- a/files/ja/web/api/compression_streams_api/index.md +++ b/files/ja/web/api/compression_streams_api/index.md @@ -24,7 +24,7 @@ l10n: ```js const compressedReadableStream = inputReadableStream.pipeThrough( - new CompressionStream("gzip") + new CompressionStream("gzip"), ); ``` diff --git a/files/ja/web/api/compressionstream/compressionstream/index.md b/files/ja/web/api/compressionstream/compressionstream/index.md index bc2c9f66b3c76f..eae29cd052e3e2 100644 --- a/files/ja/web/api/compressionstream/compressionstream/index.md +++ b/files/ja/web/api/compressionstream/compressionstream/index.md @@ -36,7 +36,7 @@ new CompressionStream(format) ```js const compressedReadableStream = inputReadableStream.pipeThrough( - new CompressionStream("gzip") + new CompressionStream("gzip"), ); ``` diff --git a/files/ja/web/api/compressionstream/index.md b/files/ja/web/api/compressionstream/index.md index b0994b95096891..cec778e2152833 100644 --- a/files/ja/web/api/compressionstream/index.md +++ b/files/ja/web/api/compressionstream/index.md @@ -27,7 +27,7 @@ l10n: ```js const compressedReadableStream = inputReadableStream.pipeThrough( - new CompressionStream("gzip") + new CompressionStream("gzip"), ); ``` diff --git a/files/ja/web/api/console/assert/index.md b/files/ja/web/api/console/assert/index.md index dbb03be58107f0..617e8a91e0a318 100644 --- a/files/ja/web/api/console/assert/index.md +++ b/files/ja/web/api/console/assert/index.md @@ -14,13 +14,13 @@ l10n: ## 構文 ```js -assert(assertion, obj1) -assert(assertion, obj1, obj2) -assert(assertion, obj1, obj2, /* … ,*/ objN) +assert(assertion, obj1); +assert(assertion, obj1, obj2); +assert(assertion, obj1, obj2, /* … ,*/ objN); -assert(assertion, msg) -assert(assertion, msg, subst1) -assert(assertion, msg, subst1, /* … ,*/ substN) +assert(assertion, msg); +assert(assertion, msg, subst1); +assert(assertion, msg, subst1, /* … ,*/ substN); ``` ### 引数 @@ -43,7 +43,7 @@ assert(assertion, msg, subst1, /* … ,*/ substN) 次のコード例は、アサーションに続く JavaScript オブジェクトの使用を示しています。 ```js -const errorMsg = 'the # is not even'; +const errorMsg = "the # is not even"; for (let number = 2; number <= 5; number++) { console.log(`the # is ${number}`); console.assert(number % 2 === 0, { number, errorMsg }); diff --git a/files/ja/web/api/console/clear/index.md b/files/ja/web/api/console/clear/index.md index 50c9298cc0b7e8..78acbc190624f9 100644 --- a/files/ja/web/api/console/clear/index.md +++ b/files/ja/web/api/console/clear/index.md @@ -12,7 +12,7 @@ l10n: ## 構文 ```js -clear() +clear(); ``` ### 引数 diff --git a/files/ja/web/api/console/count/index.md b/files/ja/web/api/console/count/index.md index 84e7198a9274d4..3ba4c000d1b11a 100644 --- a/files/ja/web/api/console/count/index.md +++ b/files/ja/web/api/console/count/index.md @@ -14,8 +14,8 @@ l10n: ## 構文 ```js -count() -count(label) +count(); +count(label); ``` ### 引数 diff --git a/files/ja/web/api/console/countreset/index.md b/files/ja/web/api/console/countreset/index.md index 03f58a9e54eec6..a886ea93569d7e 100644 --- a/files/ja/web/api/console/countreset/index.md +++ b/files/ja/web/api/console/countreset/index.md @@ -14,8 +14,8 @@ l10n: ## 構文 ```js -countReset() -countReset(label) +countReset(); +countReset(label); ``` ### 引数 diff --git a/files/ja/web/api/console/debug/index.md b/files/ja/web/api/console/debug/index.md index 0caa1c284a8987..f53d2774652639 100644 --- a/files/ja/web/api/console/debug/index.md +++ b/files/ja/web/api/console/debug/index.md @@ -14,10 +14,10 @@ l10n: ## 構文 ```js -debug(obj1) -debug(obj1, /* …, */ objN) -debug(msg) -debug(msg, subst1, /* …, */ substN) +debug(obj1); +debug(obj1, /* …, */ objN); +debug(msg); +debug(msg, subst1, /* …, */ substN); ``` ### 引数 diff --git a/files/ja/web/api/console/dir/index.md b/files/ja/web/api/console/dir/index.md index a0687ecbbc4f0d..853fa16fbb1ee9 100644 --- a/files/ja/web/api/console/dir/index.md +++ b/files/ja/web/api/console/dir/index.md @@ -18,7 +18,7 @@ l10n: ## 構文 ```js -dir(object) +dir(object); ``` ### 引数 @@ -40,5 +40,5 @@ dir(object) ## 関連情報 -- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg589530(v=vs.85)) +- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示]() - [Chrome Console API reference](https://developer.chrome.com/docs/devtools/console/api/#dir) diff --git a/files/ja/web/api/console/dirxml/index.md b/files/ja/web/api/console/dirxml/index.md index 207e585526055a..3de221f6cb0072 100644 --- a/files/ja/web/api/console/dirxml/index.md +++ b/files/ja/web/api/console/dirxml/index.md @@ -12,7 +12,7 @@ l10n: ## 構文 ```js -dirxml(object) +dirxml(object); ``` ### 引数 diff --git a/files/ja/web/api/console/error/index.md b/files/ja/web/api/console/error/index.md index 8b83ccf74bc240..47461b5cb66bb2 100644 --- a/files/ja/web/api/console/error/index.md +++ b/files/ja/web/api/console/error/index.md @@ -14,10 +14,10 @@ l10n: ## 構文 ```js -error(obj1) -error(obj1, /* …, */ objN) -error(msg) -error(msg, subst1, /* …, */ substN) +error(obj1); +error(obj1, /* …, */ objN); +error(msg); +error(msg, subst1, /* …, */ substN); ``` ### 引数 @@ -45,5 +45,5 @@ error(msg, subst1, /* …, */ substN) ## 関連情報 -- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg589530(v=vs.85)) +- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示]() - [Chrome Developer Tools: Using the Console](https://developer.chrome.com/docs/devtools/console/api/#error) diff --git a/files/ja/web/api/console/group/index.md b/files/ja/web/api/console/group/index.md index d3dd53d6a6692a..f4004842cce88d 100644 --- a/files/ja/web/api/console/group/index.md +++ b/files/ja/web/api/console/group/index.md @@ -14,8 +14,8 @@ l10n: ## 構文 ```js -group() -group(label) +group(); +group(label); ``` ### 引数 diff --git a/files/ja/web/api/console/groupcollapsed/index.md b/files/ja/web/api/console/groupcollapsed/index.md index 16cd48acf51e30..ee12de3a114416 100644 --- a/files/ja/web/api/console/groupcollapsed/index.md +++ b/files/ja/web/api/console/groupcollapsed/index.md @@ -18,8 +18,8 @@ l10n: ## 構文 ```js -groupCollapsed() -groupCollapsed(label) +groupCollapsed(); +groupCollapsed(label); ``` ### 引数 diff --git a/files/ja/web/api/console/groupend/index.md b/files/ja/web/api/console/groupend/index.md index 54d1a924dd4080..18a7c17f329c2b 100644 --- a/files/ja/web/api/console/groupend/index.md +++ b/files/ja/web/api/console/groupend/index.md @@ -14,7 +14,7 @@ l10n: ## 構文 ```js -groupEnd() +groupEnd(); ``` ### 引数 diff --git a/files/ja/web/api/console/index.md b/files/ja/web/api/console/index.md index fd2209ae58be47..de7e9ad770cedc 100644 --- a/files/ja/web/api/console/index.md +++ b/files/ja/web/api/console/index.md @@ -13,7 +13,7 @@ l10n: `console` オブジェクトには任意のグローバルオブジェクトからアクセスできます。閲覧スコープの {{domxref("Window")}} や、特定の種類のワーカーを表す {{domxref("WorkerGlobalScope")}} の console プロパティを通してアクセスできます。これは {{domxref("Window.console")}} として公開されていますが、単に `console` として参照できます。 ```js -console.log("Failed to open the specified link") +console.log("Failed to open the specified link"); ``` このページでは、 `console` オブジェクトで使用できる[メソッド](#メソッド)やいくらかの[使用例](#使用例)を提供します。 @@ -126,8 +126,8 @@ My first car was a Dodge Charger . The object is: ({str:"Some text", id:5}) これらは引数リストの書式化文字列の後にある引数を引用します。例えば次のようになります。 ```js -for (let i=0; i<5; i++) { - console.log("Hello, %s. You've called me %d times.", "Bob", i+1); +for (let i = 0; i < 5; i++) { + console.log("Hello, %s. You've called me %d times.", "Bob", i + 1); } ``` @@ -146,7 +146,10 @@ Hello, Bob. You've called me 5 times. `%c` ディレクティブを使用すると、コンソールの出力に CSS スタイルを適用することができます。 ```js -console.log("This is %cMy stylish message", "color: yellow; font-style: italic; background-color: blue;padding: 2px"); +console.log( + "This is %cMy stylish message", + "color: yellow; font-style: italic; background-color: blue;padding: 2px", +); ``` ディレクティブの前のテキストは影響を受けませんが、ディレクティブの後ろのテキストは引数の CSS 宣言を使用して装飾されます。 @@ -156,7 +159,12 @@ console.log("This is %cMy stylish message", "color: yellow; font-style: italic; `%c` は複数回使用することができます。 ```js -console.log("Multiple styles: %cred %corange", "color: red", "color: orange", "Additional unformatted message"); +console.log( + "Multiple styles: %cred %corange", + "color: red", + "color: orange", + "Additional unformatted message", +); ``` `%c` で利用できるプロパティは次の通りです。 (少なくとも、 Firefox では — 他のブラウザーでは異なる可能性があります)。 diff --git a/files/ja/web/api/console/info/index.md b/files/ja/web/api/console/info/index.md index bdb5cf37127cbc..d4923de2ef7f49 100644 --- a/files/ja/web/api/console/info/index.md +++ b/files/ja/web/api/console/info/index.md @@ -14,10 +14,10 @@ l10n: ## 構文 ```js -info(obj1) -info(obj1, /* …, */ objN) -info(msg) -info(msg, subst1, /* …, */ substN) +info(obj1); +info(obj1, /* …, */ objN); +info(msg); +info(msg, subst1, /* …, */ substN); ``` ## 引数 @@ -45,4 +45,4 @@ info(msg, subst1, /* …, */ substN) ## 関連情報 -- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg589530(v=vs.85)) +- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示]() diff --git a/files/ja/web/api/console/log/index.md b/files/ja/web/api/console/log/index.md index f436996214a06a..1086671d3e643b 100644 --- a/files/ja/web/api/console/log/index.md +++ b/files/ja/web/api/console/log/index.md @@ -1,8 +1,6 @@ --- title: console.log() slug: Web/API/console/log -l10n: - sourceCommit: --- {{APIRef("Console API")}} @@ -15,10 +13,10 @@ l10n: ## 構文 ```js -log(obj1) -log(obj1, /* …, */ objN) -log(msg) -log(msg, subst1, /* …, */ substN) +log(obj1); +log(obj1, /* …, */ objN); +log(msg); +log(msg, subst1, /* …, */ substN); ``` ### 引数 @@ -52,5 +50,5 @@ log(msg, subst1, /* …, */ substN) ## 関連情報 -- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg589530(v=vs.85)) +- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示]() - [NodeJS: Console API](https://nodejs.org/docs/latest/api/console.html#console_console_log_data) diff --git a/files/ja/web/api/console/profile/index.md b/files/ja/web/api/console/profile/index.md index 2685eabea6ad6d..c3279602df1a41 100644 --- a/files/ja/web/api/console/profile/index.md +++ b/files/ja/web/api/console/profile/index.md @@ -18,7 +18,7 @@ l10n: ## 構文 ```js -profile(profileName) +profile(profileName); ``` ### 引数 diff --git a/files/ja/web/api/console/profileend/index.md b/files/ja/web/api/console/profileend/index.md index ebd27a8c6ec7d2..542590ab6d3103 100644 --- a/files/ja/web/api/console/profileend/index.md +++ b/files/ja/web/api/console/profileend/index.md @@ -22,7 +22,7 @@ i10n: ## 構文 ```js -profileEnd(profileName) +profileEnd(profileName); ``` ### 引数 diff --git a/files/ja/web/api/console/table/index.md b/files/ja/web/api/console/table/index.md index 4a1389babf58b7..a983b406b20a39 100644 --- a/files/ja/web/api/console/table/index.md +++ b/files/ja/web/api/console/table/index.md @@ -51,7 +51,11 @@ console.table(me); ```js // 配列の配列 -const people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]] +const people = [ + ["John", "Smith"], + ["Jane", "Doe"], + ["Emily", "Jones"], +]; console.table(people); ``` @@ -118,8 +122,8 @@ console.table([john, jane, emily], ["firstName"]); ## 構文 ```js -table(data) -table(data, columns) +table(data); +table(data, columns); ``` ### 引数 diff --git a/files/ja/web/api/console/time/index.md b/files/ja/web/api/console/time/index.md index 616b1a9f113151..84ef80ecde0c55 100644 --- a/files/ja/web/api/console/time/index.md +++ b/files/ja/web/api/console/time/index.md @@ -16,7 +16,7 @@ l10n: ## 構文 ```js -time(label) +time(label); ``` ### 引数 diff --git a/files/ja/web/api/console/timeend/index.md b/files/ja/web/api/console/timeend/index.md index 724589e0591de0..6dccdeeb8037b3 100644 --- a/files/ja/web/api/console/timeend/index.md +++ b/files/ja/web/api/console/timeend/index.md @@ -16,7 +16,7 @@ l10n: ## 構文 ```js -timeEnd(label) +timeEnd(label); ``` ### 引数 diff --git a/files/ja/web/api/console/timelog/index.md b/files/ja/web/api/console/timelog/index.md index 2774e479d2e987..af47a8ebdd681a 100644 --- a/files/ja/web/api/console/timelog/index.md +++ b/files/ja/web/api/console/timelog/index.md @@ -16,7 +16,7 @@ l10n: ## 構文 ```js -timeLog(label) +timeLog(label); ``` ### 引数 diff --git a/files/ja/web/api/console/timestamp/index.md b/files/ja/web/api/console/timestamp/index.md index 6359b64c8e06fd..6d2f5788a1ed08 100644 --- a/files/ja/web/api/console/timestamp/index.md +++ b/files/ja/web/api/console/timestamp/index.md @@ -16,7 +16,7 @@ l10n: ## 構文 ```js -timeStamp(label) +timeStamp(label); ``` ## 引数 diff --git a/files/ja/web/api/console/trace/index.md b/files/ja/web/api/console/trace/index.md index ea8230ea3cb311..e68d575a8c27e2 100644 --- a/files/ja/web/api/console/trace/index.md +++ b/files/ja/web/api/console/trace/index.md @@ -16,8 +16,8 @@ i10n: ## 構文 ```js -trace() -trace(object1, /* …, */ objectN) +trace(); +trace(object1, /* …, */ objectN); ``` ### 引数 diff --git a/files/ja/web/api/console/warn/index.md b/files/ja/web/api/console/warn/index.md index ee418efc8cfbf0..3103cebaf87f64 100644 --- a/files/ja/web/api/console/warn/index.md +++ b/files/ja/web/api/console/warn/index.md @@ -16,10 +16,10 @@ i10n: ## 構文 ```js -warn(obj1) -warn(obj1, /* …, */ objN) -warn(msg) -warn(msg, subst1, /* …, */ substN) +warn(obj1); +warn(obj1, /* …, */ objN); +warn(msg); +warn(msg, subst1, /* …, */ substN); ``` ## 引数 @@ -47,4 +47,4 @@ warn(msg, subst1, /* …, */ substN) ## 関連情報 -- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg589530(v=vs.85)) +- [MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示]() diff --git a/files/ja/web/api/console_api/index.md b/files/ja/web/api/console_api/index.md index 304bb1c22adfc4..f095fb8c3b70fe 100644 --- a/files/ja/web/api/console_api/index.md +++ b/files/ja/web/api/console_api/index.md @@ -26,10 +26,10 @@ Console API は、一貫性のない方法ではありますが、さまざま ## 例 ```js -let myString = 'Hello world'; +let myString = "Hello world"; // "Hello world" をコンソールに出力 -console.log(myString) +console.log(myString); ``` その他の例については、[`console` のリファレンスページ](/ja/docs/Web/API/Console#Usage)を参照してください。 diff --git a/files/ja/web/api/contact_picker_api/index.md b/files/ja/web/api/contact_picker_api/index.md index 1a51bf9acf11eb..56197d1af727f3 100644 --- a/files/ja/web/api/contact_picker_api/index.md +++ b/files/ja/web/api/contact_picker_api/index.md @@ -37,7 +37,7 @@ l10n: 以下のコードは、連絡先ピッカー API に対応しているかどうかを調べるものです。 ```js -const supported = 'contacts' in navigator; +const supported = "contacts" in navigator; ``` ### 対応しているプロパティを調べる @@ -47,19 +47,19 @@ const supported = 'contacts' in navigator; ```js async function checkProperties() { const supportedProperties = await navigator.contacts.getProperties(); - if (supportedProperties.includes('name')) { + if (supportedProperties.includes("name")) { // 名前に対応したコードを実行 } - if (supportedProperties.includes('email')) { + if (supportedProperties.includes("email")) { // メールアドレスに対応したコードを実行 } - if (supportedProperties.includes('tel')) { + if (supportedProperties.includes("tel")) { // 電話番号に対応したコードを実行 } - if (supportedProperties.includes('address')) { + if (supportedProperties.includes("address")) { // 住所に対応したコードを実行 } - if (supportedProperties.includes('icon')) { + if (supportedProperties.includes("icon")) { // アバターに対応したコードを実行 } } @@ -72,15 +72,15 @@ async function checkProperties() { そして、`select()` メソッドを使用して、ユーザーに連絡先ピッカーインターフェイスを表示し、選択された結果を処理する非同期関数を定義しています。 ```js -const props = ['name', 'email', 'tel', 'address', 'icon']; -const opts = {multiple: true}; +const props = ["name", "email", "tel", "address", "icon"]; +const opts = { multiple: true }; async function getContacts() { try { - const contacts = await navigator.contacts.select(props, opts); - handleResults(contacts); + const contacts = await navigator.contacts.select(props, opts); + handleResults(contacts); } catch (ex) { - // Handle any errors here. + // Handle any errors here. } } ``` diff --git a/files/ja/web/api/contactsmanager/index.md b/files/ja/web/api/contactsmanager/index.md index 3f0173f37a7455..87afedc0aedd9f 100644 --- a/files/ja/web/api/contactsmanager/index.md +++ b/files/ja/web/api/contactsmanager/index.md @@ -25,7 +25,7 @@ ContactsManager` はグローバルな {{domxref('navigator.contacts')}} プロ 以下のコードは、連絡先ピッカー API に対応しているかどうかを調べるものです。 ```js -const supported = ('contacts' in navigator && 'ContactsManager' in window); +const supported = "contacts" in navigator && "ContactsManager" in window; ``` ### 対応しているプロパティのチェック @@ -35,19 +35,19 @@ const supported = ('contacts' in navigator && 'ContactsManager' in window); ```js async function checkProperties() { const supportedProperties = await navigator.contacts.getProperties(); - if (supportedProperties.includes('name')) { + if (supportedProperties.includes("name")) { // run code for name support } - if (supportedProperties.includes('email')) { + if (supportedProperties.includes("email")) { // run code for email support } - if (supportedProperties.includes('tel')) { + if (supportedProperties.includes("tel")) { // run code for telephone number support } - if (supportedProperties.includes('address')) { + if (supportedProperties.includes("address")) { // run code for address support } - if (supportedProperties.includes('icon')) { + if (supportedProperties.includes("icon")) { // run code for avatar support } } @@ -60,15 +60,15 @@ async function checkProperties() { そして、 `select()` メソッドを使用して、ユーザーに連絡先ピッカーインターフェイスを表示し、選択された結果を処理する非同期関数が定義されます。 ```js -const props = ['name', 'email', 'tel', 'address', 'icon']; -const opts = {multiple: true}; +const props = ["name", "email", "tel", "address", "icon"]; +const opts = { multiple: true }; async function getContacts() { try { - const contacts = await navigator.contacts.select(props, opts); - handleResults(contacts); + const contacts = await navigator.contacts.select(props, opts); + handleResults(contacts); } catch (ex) { - // Handle any errors here. + // Handle any errors here. } } ``` diff --git a/files/ja/web/api/cookiestore/get/index.md b/files/ja/web/api/cookiestore/get/index.md index 97c15f7bd2b319..5e56edb32e9fef 100644 --- a/files/ja/web/api/cookiestore/get/index.md +++ b/files/ja/web/api/cookiestore/get/index.md @@ -55,6 +55,7 @@ get(options) - `partitioned` - : 論理値で、Cookie がパーティション化 Cookie であるか (`true`) そうでないか (`false`) を表します。詳しくは [Cookies Having Independent Partitioned State (CHIPS)](/ja/docs/Web/Privacy/Partitioned_cookies) を参照してください。 + - `path` - : Cookie のパスを含む文字列です。 diff --git a/files/ja/web/api/cookiestore/index.md b/files/ja/web/api/cookiestore/index.md index f160fcb80b5235..fdc389b6492fcd 100644 --- a/files/ja/web/api/cookiestore/index.md +++ b/files/ja/web/api/cookiestore/index.md @@ -48,7 +48,7 @@ cookieStore }, (reason) => { console.error("It failed: ", reason); - } + }, ); ``` diff --git a/files/ja/web/api/createimagebitmap/index.md b/files/ja/web/api/createimagebitmap/index.md index cc75f41890c0aa..7f3ab40530c506 100644 --- a/files/ja/web/api/createimagebitmap/index.md +++ b/files/ja/web/api/createimagebitmap/index.md @@ -67,25 +67,25 @@ createImageBitmap(image, sx, sy, sw, sh, options) この例では、スプライトシートをロードし、個々のスプライトを抽出し、各スプライトをキャンバスにレンダリングします。スプライトシートとは、複数の小さな画像を含む画像で、それぞれを個別にレンダリングできるようにしたいものです。 ```js -const canvas = document.getElementById('myCanvas'), -ctx = canvas.getContext('2d'), -image = new Image(); +const canvas = document.getElementById("myCanvas"), + ctx = canvas.getContext("2d"), + image = new Image(); // スプライトシートがロードされるのを待ちます image.onload = () => { Promise.all([ // スプライトシートから2つのスプライトを切り取ります createImageBitmap(image, 0, 0, 32, 32), - createImageBitmap(image, 32, 0, 32, 32) + createImageBitmap(image, 32, 0, 32, 32), ]).then((sprites) => { // 各スプライトをキャンバスに描きます ctx.drawImage(sprites[0], 0, 0); ctx.drawImage(sprites[1], 32, 32); }); -} +}; // 画像ファイルからスプライトシートを読み込みます -image.src = 'sprites.png'; +image.src = "sprites.png"; ``` ## 仕様書 diff --git a/files/ja/web/api/crypto/getrandomvalues/index.md b/files/ja/web/api/crypto/getrandomvalues/index.md index 9725e1f2517170..e7dbbf032ea11c 100644 --- a/files/ja/web/api/crypto/getrandomvalues/index.md +++ b/files/ja/web/api/crypto/getrandomvalues/index.md @@ -16,7 +16,7 @@ slug: Web/API/Crypto/getRandomValues ## 構文 ```js -getRandomValues(typedArray) +getRandomValues(typedArray); ``` ### 引数 diff --git a/files/ja/web/api/crypto_property/index.md b/files/ja/web/api/crypto_property/index.md index f5804f887b9020..77eb03486f0cf4 100644 --- a/files/ja/web/api/crypto_property/index.md +++ b/files/ja/web/api/crypto_property/index.md @@ -28,18 +28,18 @@ genRandomNumbers = function getRandomNumbers() { crypto.getRandomValues(array); const randText = document.getElementById("myRandText"); - randText.textContent = "乱数: " + randText.textContent = "乱数: "; for (let i = 0; i < array.length; i++) { randText.textContent += array[i] + " "; } -} +}; ``` ### HTML ```html -

乱数:

- +

乱数:

+ ``` ### 結果 diff --git a/files/ja/web/api/css/index.md b/files/ja/web/api/css/index.md index 1f01184b63bfbe..1ae7edffe35932 100644 --- a/files/ja/web/api/css/index.md +++ b/files/ja/web/api/css/index.md @@ -39,7 +39,7 @@ _継承している静的メソッドはありません。_ - : 使用したファクトリー関数のメソッドの名前を単位としてパラメーターの数値の値を持つ新しい [`CSSUnitValue`](/ja/docs/Web/API/CSSUnitValue) を返すために使用できます。 ```js - CSS.em(3) // CSSUnitValue {value: 3, unit: "em"} + CSS.em(3); // CSSUnitValue {value: 3, unit: "em"} ``` ## 仕様書 diff --git a/files/ja/web/api/css/supports_static/index.md b/files/ja/web/api/css/supports_static/index.md index 7480a5f2488719..5fd780b9630c53 100644 --- a/files/ja/web/api/css/supports_static/index.md +++ b/files/ja/web/api/css/supports_static/index.md @@ -43,7 +43,7 @@ result = CSS.supports("display: flex"); result = CSS.supports("(--foo: red)"); result = CSS.supports( - "(transform-style: preserve) or (-moz-transform-style: preserve) or (-webkit-transform-style: preserve)" + "(transform-style: preserve) or (-moz-transform-style: preserve) or (-webkit-transform-style: preserve)", ); // 結果は true または false diff --git a/files/ja/web/api/css_object_model/managing_screen_orientation/index.md b/files/ja/web/api/css_object_model/managing_screen_orientation/index.md index f43bc03e7419a7..50e8591bf089e6 100644 --- a/files/ja/web/api/css_object_model/managing_screen_orientation/index.md +++ b/files/ja/web/api/css_object_model/managing_screen_orientation/index.md @@ -39,8 +39,9 @@ CSS は [`orientation`](/ja/docs/Web/CSS/Media_Queries/Using_media_queries#orien ```css /* 始めに、共通のスタイルを定義しましょう */ -html, body { - width : 100%; +html, +body { + width: 100%; height: 100%; } @@ -52,17 +53,17 @@ body { } p { - font : 1em sans-serif; - margin : 0; - padding: .5em; + font: 1em sans-serif; + margin: 0; + padding: 0.5em; } ul { list-style: none; - font : 1em monospace; - margin : 0; - padding: .5em; + font: 1em monospace; + margin: 0; + padding: 0.5em; -moz-box-sizing: border-box; box-sizing: border-box; @@ -72,7 +73,7 @@ ul { li { display: inline-block; - margin : 0; + margin: 0; padding: 0.5em; background: white; } @@ -103,7 +104,7 @@ li { } li + li { - margin-top: .5em; + margin-top: 0.5em; } } ``` @@ -158,7 +159,7 @@ screen.addEventListener("orientationchange", () => { {{domxref("ScreenOrientation.lock()", "screen.orientation.lock()")}} は、適用するロック方式を定義する文字列として、`any`、`natural`、`portrait-primary`、`portrait-secondary`、`landscape-primary`、`landscape-secondary`、`portrait`、`landscape` のいずれかを受け入れます。 ```js -{{domxref("ScreenOrientation.lock()", "screen.orientation.lock()")}} ; +screen.orientation.lock(); ``` ロックに成功した後に解決される[プロミス](/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise)を返します。 diff --git a/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.md b/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.md index c8a2cdc1379554..56e236a9e46abe 100644 --- a/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.md +++ b/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.md @@ -54,7 +54,7 @@ CSS の構文を使って文書のスタイルを変更したい場合は、ル 具体的な要素のスタイルを変更するには、スタイル設定したい要素に対して以下の例を適用します。 ```html - + @@ -80,13 +80,10 @@ CSS の構文を使って文書のスタイルを変更したい場合は、ル -

- クリックして背景色を変更 -

+

クリックして背景色を変更

- ``` @@ -105,7 +102,7 @@ CSS の構文を使って文書のスタイルを変更したい場合は、ル この記事で例示した CSS プロパティに限らず、 `style` オブジェクトを通して要素のスタイルを個別に操作できるという点が重要です。 ```html - + @@ -139,8 +136,8 @@ CSS の構文を使って文書のスタイルを変更したい場合は、ル なお、要素のスタイルを変更するには、その要素の参照を取得し、その要素の [`setAttribute`](/ja/docs/Web/API/Element/setAttribute) メソッドを使用してCSSプロパティとその値を指定することも可能です。 ```js -const el = document.getElementById('some-element'); -el.setAttribute('style', 'background-color:darkblue;'); +const el = document.getElementById("some-element"); +el.setAttribute("style", "background-color:darkblue;"); ``` `setAttribute` を使うと要素の `style` オブジェクトで定義されていた既存の `style` プロパティの指定は全て失われることに注意が必要です。もし上の例に使った `some-element` 要素の `style` 属性がインラインで `style="font-size: 18px"` のように指定されていた場合、この指定は `setAttribute` を使うことで失われます。 diff --git a/files/ja/web/api/css_painting_api/guide/index.md b/files/ja/web/api/css_painting_api/guide/index.md index 0c6a99c50b8903..c0c682d72814ae 100644 --- a/files/ja/web/api/css_painting_api/guide/index.md +++ b/files/ja/web/api/css_painting_api/guide/index.md @@ -21,26 +21,28 @@ CSS スタイルシートで使用される画像をプログラムで作成す 外部スクリプトファイルでは、[`registerPaint()`](/ja/docs/Web/API/PaintWorklet/registerPaint) 関数を使用して [CSS Paint worklet](/ja/docs/Web/API/PaintWorklet) の名前をつけています。この関数には 2 つの引数が必要です。最初の引数はその Worklet の名前です — これは CSS で要素にスタイルを適用する際に `paint()` 関数のパラメーターとして渡されます。2 つ目の引数は、すべての魔法を行うクラスで、その中でコンテキストオプションと、イメージとなる 2 次元キャンバスに何を描画するかを定義します。 ```js -registerPaint('headerHighlight', class { - - /* +registerPaint( + "headerHighlight", + class { + /* アルファ透明度を許可するかどうかを定義します。既定では true にします。 false に設定した場合、すべてのキャンバスに 使用されている色は完全に不透明になります。 */ - static get contextOptions() { - return { alpha: true }; + static get contextOptions() { + return { alpha: true }; } /* ctx は 2D の描画コンテキストで HTML5 Canvas API のサブセットです。 */ - paint(ctx) { - ctx.fillStyle = 'hsla(55, 90%, 60%, 1.0)'; - ctx.fillRect(0, 15, 200, 20); /* 順序: x, y, w, h */ - } -}); + paint(ctx) { + ctx.fillStyle = "hsla(55, 90%, 60%, 1.0)"; + ctx.fillRect(0, 15, 200, 20); /* 順序: x, y, w, h */ + } + }, +); ``` このクラスの例では、`contextOptions()` を用いて 1 つだけコンテキストオプションを定義しています。そこではアルファ透明度を許可するシンプルなオブジェクトを返しています。 @@ -64,7 +66,7 @@ CSS の [`background-size`](/ja/docs/Web/CSS/background-size) と [`background-p 描画 Worklet とデザインは、上に示した外部スクリプトで行われました。この [Worklet](/ja/docs/Web/API/PaintWorklet) をメインスクリプトから登録する必要があります。 ```js -CSS.paintWorklet.addModule('nameOfPaintWorkletFile.js'); +CSS.paintWorklet.addModule("nameOfPaintWorkletFile.js"); ``` これは、メイン HTML 内の `