From 9316a0116300b6611581db09f7f1389de7b5c5c7 Mon Sep 17 00:00:00 2001 From: "Queen Vinyl Da.i'gyu-Kazotetsu" Date: Sat, 27 Jul 2024 17:24:31 -0700 Subject: [PATCH] ja: Convert noteblocks to GFM Alerts (part 13) This PR converts the noteblocks for the Japanese locale to GFM Alerts syntax, using a [conversion script](https://github.com/queengooborg/mdn-toolkit/blob/main/upgrade-noteblock.js). This is part 13. Note: manual adjustments have also been made to correct some issues, including capitalization, syntax, duplicated keywords and more. --- files/ja/web/api/vrdisplay/depthfar/index.md | 3 +- files/ja/web/api/vrdisplay/depthnear/index.md | 3 +- files/ja/web/api/vrdisplay/displayid/index.md | 3 +- .../ja/web/api/vrdisplay/displayname/index.md | 3 +- .../ja/web/api/vrdisplay/exitpresent/index.md | 6 ++-- .../api/vrdisplay/geteyeparameters/index.md | 3 +- .../web/api/vrdisplay/getframedata/index.md | 6 ++-- .../api/vrdisplay/getimmediatepose/index.md | 3 +- files/ja/web/api/vrdisplay/getlayers/index.md | 3 +- files/ja/web/api/vrdisplay/getpose/index.md | 3 +- files/ja/web/api/vrdisplay/index.md | 6 ++-- .../ja/web/api/vrdisplay/isconnected/index.md | 3 +- .../web/api/vrdisplay/ispresenting/index.md | 6 ++-- .../vrdisplay/requestanimationframe/index.md | 6 ++-- .../web/api/vrdisplay/requestpresent/index.md | 6 ++-- files/ja/web/api/vrdisplay/resetpose/index.md | 3 +- .../api/vrdisplay/stageparameters/index.md | 3 +- .../ja/web/api/vrdisplay/submitframe/index.md | 6 ++-- .../vrdisplaycapabilities/canpresent/index.md | 3 +- .../hasexternaldisplay/index.md | 6 ++-- .../hasorientation/index.md | 3 +- .../hasposition/index.md | 3 +- .../ja/web/api/vrdisplaycapabilities/index.md | 3 +- .../vrdisplaycapabilities/maxlayers/index.md | 3 +- .../web/api/vrdisplayevent/display/index.md | 3 +- files/ja/web/api/vrdisplayevent/index.md | 3 +- .../ja/web/api/vrdisplayevent/reason/index.md | 3 +- .../vrdisplayevent/vrdisplayevent/index.md | 3 +- .../api/vreyeparameters/fieldofview/index.md | 3 +- files/ja/web/api/vreyeparameters/index.md | 6 ++-- .../maximumfieldofview/index.md | 3 +- .../minimumfieldofview/index.md | 3 +- .../web/api/vreyeparameters/offset/index.md | 6 ++-- .../api/vreyeparameters/renderheight/index.md | 3 +- .../api/vreyeparameters/renderwidth/index.md | 3 +- .../api/vrfieldofview/downdegrees/index.md | 3 +- files/ja/web/api/vrfieldofview/index.md | 3 +- .../api/vrfieldofview/leftdegrees/index.md | 3 +- .../api/vrfieldofview/rightdegrees/index.md | 3 +- .../web/api/vrfieldofview/updegrees/index.md | 3 +- files/ja/web/api/vrframedata/index.md | 3 +- .../vrframedata/leftprojectionmatrix/index.md | 6 ++-- .../api/vrframedata/leftviewmatrix/index.md | 6 ++-- files/ja/web/api/vrframedata/pose/index.md | 3 +- .../rightprojectionmatrix/index.md | 6 ++-- .../api/vrframedata/rightviewmatrix/index.md | 6 ++-- .../ja/web/api/vrframedata/timestamp/index.md | 3 +- .../web/api/vrframedata/vrframedata/index.md | 3 +- files/ja/web/api/vrlayerinit/index.md | 3 +- .../web/api/vrlayerinit/leftbounds/index.md | 3 +- .../web/api/vrlayerinit/rightbounds/index.md | 3 +- files/ja/web/api/vrlayerinit/source/index.md | 3 +- .../api/vrpose/angularacceleration/index.md | 3 +- .../web/api/vrpose/angularvelocity/index.md | 3 +- files/ja/web/api/vrpose/index.md | 3 +- .../api/vrpose/linearacceleration/index.md | 3 +- .../ja/web/api/vrpose/linearvelocity/index.md | 3 +- files/ja/web/api/vrpose/orientation/index.md | 3 +- files/ja/web/api/vrpose/position/index.md | 9 +++-- files/ja/web/api/vrstageparameters/index.md | 3 +- .../sittingtostandingtransform/index.md | 3 +- .../web/api/vrstageparameters/sizex/index.md | 3 +- .../web/api/vrstageparameters/sizey/index.md | 3 +- .../using_the_web_animations_api/index.md | 3 +- .../advanced_techniques/index.md | 27 ++++++++++----- .../index.md | 15 ++++++--- files/ja/web/api/web_audio_api/index.md | 3 +- .../using_web_audio_api/index.md | 18 ++++++---- .../index.md | 9 +++-- .../web_audio_spatialization_basics/index.md | 9 +++-- .../web/api/web_authentication_api/index.md | 3 +- files/ja/web/api/web_bluetooth_api/index.md | 3 +- .../using_custom_elements/index.md | 6 ++-- .../using_templates_and_slots/index.md | 9 +++-- files/ja/web/api/web_crypto_api/index.md | 3 +- .../index.md | 3 +- files/ja/web/api/web_nfc_api/index.md | 3 +- .../index.md | 3 +- files/ja/web/api/web_share_api/index.md | 6 ++-- .../using_the_web_speech_api/index.md | 3 +- files/ja/web/api/web_storage_api/index.md | 6 ++-- .../using_the_web_storage_api/index.md | 9 +++-- .../index.md | 3 +- files/ja/web/api/web_workers_api/index.md | 3 +- .../transferable_objects/index.md | 3 +- .../using_web_workers/index.md | 27 ++++++++++----- .../basic_2d_animation_example/index.md | 3 +- .../matrix_math_for_the_web/index.md | 3 +- .../index.md | 30 +++++++++++------ .../animating_objects_with_webgl/index.md | 9 +++-- .../animating_textures_in_webgl/index.md | 15 ++++++--- .../creating_3d_objects_using_webgl/index.md | 24 +++++++++----- .../index.md | 12 ++++--- .../tutorial/using_textures_in_webgl/index.md | 33 ++++++++++++------- .../api/webgl_api/using_extensions/index.md | 3 +- .../webgl_model_view_projection/index.md | 9 +++-- .../web/api/webgl_color_buffer_float/index.md | 3 +- .../webglrenderingcontext/uniform/index.md | 3 +- files/ja/web/api/webgpu_api/index.md | 12 ++++--- .../build_a_phone_with_peerjs/index.md | 3 +- 100 files changed, 384 insertions(+), 192 deletions(-) diff --git a/files/ja/web/api/vrdisplay/depthfar/index.md b/files/ja/web/api/vrdisplay/depthfar/index.md index 543e8b5433a8f7..994cca6cbb6f6d 100644 --- a/files/ja/web/api/vrdisplay/depthfar/index.md +++ b/files/ja/web/api/vrdisplay/depthfar/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/depthFar **`depthFar`** は {{domxref("VRDisplay")}} インターフェイスのプロパティで、 [eye view frustum](https://en.wikipedia.org/wiki/Viewing_frustum) (ビューフラスタム；つまりシーンの可視領域の境界) の far 平面を定義している z-depth の取得と設定を行います． -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 一般的にはこの値をそのままにしておきますが、低速のコンピューターでパフォーマンスを向上させる場合は、この値を小さくするとよいでしょう。 diff --git a/files/ja/web/api/vrdisplay/depthnear/index.md b/files/ja/web/api/vrdisplay/depthnear/index.md index 5c4f80b051c848..bd3caf253008b7 100644 --- a/files/ja/web/api/vrdisplay/depthnear/index.md +++ b/files/ja/web/api/vrdisplay/depthnear/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/depthNear **`depthNear`** は {{domxref("VRDisplay")}} インターフェイスのプロパティで、 [eye view frustum](https://en.wikipedia.org/wiki/Viewing_frustum) (ビューフラスタム；つまりシーンの可視領域の境界) の near 平面を定義している z-depth の取得と設定を行います。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 一般的には、この値をそのままにしておきますが、遅いコンピューターでパフォーマンスを向上させようとしている場合や、ニアバウンダリーをより遠くに作ることで UI が意味をなす場合などは、この値を大きくするとよいでしょう。 diff --git a/files/ja/web/api/vrdisplay/displayid/index.md b/files/ja/web/api/vrdisplay/displayid/index.md index 6a44cc74e98d04..61818ecb178d84 100644 --- a/files/ja/web/api/vrdisplay/displayid/index.md +++ b/files/ja/web/api/vrdisplay/displayid/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/displayId **`displayId`** は {{domxref("VRDisplay")}} インターフェイスの読み取り専用プロパティで、この特定の `VRDisplay` の識別子を返します。これは、 [Gamepad API](/ja/docs/Web/API/Gamepad_API) の関連付けポイントとしても使用されます( {{domxref("Gamepad.displayId")}} を参照)。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ### 値 diff --git a/files/ja/web/api/vrdisplay/displayname/index.md b/files/ja/web/api/vrdisplay/displayname/index.md index 473c7853a48b20..e2468c0640dca1 100644 --- a/files/ja/web/api/vrdisplay/displayname/index.md +++ b/files/ja/web/api/vrdisplay/displayname/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/displayName **`displayName`** は {{domxref("VRDisplay")}} インターフェイスの読み取り専用プロパティで、 `VRDisplay` を識別する人間が読める名前を返します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 これは通常、 "Oculus VR HMD (HMD)" や "Oculus VR HMD (Sensor)" のようなものになります。 diff --git a/files/ja/web/api/vrdisplay/exitpresent/index.md b/files/ja/web/api/vrdisplay/exitpresent/index.md index a4c78682862c7b..ee953a605ed4bc 100644 --- a/files/ja/web/api/vrdisplay/exitpresent/index.md +++ b/files/ja/web/api/vrdisplay/exitpresent/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/exitPresent **`exitPresent()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、この `VRDisplay` がシーンを表示するのを停止します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 構文 @@ -74,7 +75,8 @@ if (navigator.getVRDisplays) { } ``` -> **メモ:** この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 +> [!NOTE] +> この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 ## 仕様書 diff --git a/files/ja/web/api/vrdisplay/geteyeparameters/index.md b/files/ja/web/api/vrdisplay/geteyeparameters/index.md index a69078010d63f6..3844a3a8026bb9 100644 --- a/files/ja/web/api/vrdisplay/geteyeparameters/index.md +++ b/files/ja/web/api/vrdisplay/geteyeparameters/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/getEyeParameters **`getEyeParameters()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、指定された目の視線パラメーターを持つ {{domxref("VREyeParameters")}} オブジェクトを返します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 構文 diff --git a/files/ja/web/api/vrdisplay/getframedata/index.md b/files/ja/web/api/vrdisplay/getframedata/index.md index ff463b161a2903..29558012d9257b 100644 --- a/files/ja/web/api/vrdisplay/getframedata/index.md +++ b/files/ja/web/api/vrdisplay/getframedata/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/getFrameData **`getFrameData()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、 {{domxref("VRFrameData")}} オブジェクトを受け取り、現在のフレームをレンダリングするために必要な情報を入力します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 現在のフレームの {{domxref("VRPose")}} とビューおよび投影行列が含まれます。 @@ -90,7 +91,8 @@ function drawVRScene() { } ``` -> **メモ:** この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 +> [!NOTE] +> この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 ## 仕様書 diff --git a/files/ja/web/api/vrdisplay/getimmediatepose/index.md b/files/ja/web/api/vrdisplay/getimmediatepose/index.md index 81367a5c230c0a..900999c1511060 100644 --- a/files/ja/web/api/vrdisplay/getimmediatepose/index.md +++ b/files/ja/web/api/vrdisplay/getimmediatepose/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/getImmediatePose **`getImmediatePose()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、 `VRDisplay` の現在のポーズを定義した {{domxref("VRPose")}} オブジェクトを返します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 構文 diff --git a/files/ja/web/api/vrdisplay/getlayers/index.md b/files/ja/web/api/vrdisplay/getlayers/index.md index f2dac7c537bb93..4e534d82902c7c 100644 --- a/files/ja/web/api/vrdisplay/getlayers/index.md +++ b/files/ja/web/api/vrdisplay/getlayers/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/getLayers **`getLayers()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、 `VRDisplay` が現在表示しているレイヤーを返します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 構文 diff --git a/files/ja/web/api/vrdisplay/getpose/index.md b/files/ja/web/api/vrdisplay/getpose/index.md index 435ba252b3ed77..36e6d65c330855 100644 --- a/files/ja/web/api/vrdisplay/getpose/index.md +++ b/files/ja/web/api/vrdisplay/getpose/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/getPose **`getPose()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、現在のフレームが実際に描画される時点の未来の `VRDisplay` の予測ポーズを決める {{domxref("VRPose")}} オブジェクトを返します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 > > こちらでも非推奨でした。 — 代わりに {{domxref("VRDisplay.getFrameData()")}} で {{domxref("VRPose")}} オブジェクトを受け取ってください。 diff --git a/files/ja/web/api/vrdisplay/index.md b/files/ja/web/api/vrdisplay/index.md index f56f15f0172544..d7e08efc3513f5 100644 --- a/files/ja/web/api/vrdisplay/index.md +++ b/files/ja/web/api/vrdisplay/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay **`VRDisplay`** は [WebVR API](/ja/docs/Web/API/WebVR_API) のインターフェイスで、この API が対応している VR 機器を表します。機器 ID や説明文のような汎用的な情報が含まれており、 VR シーンの表示を開始するためのメソッドや、視線パラメーターやディスプレイの備える機能の取得、その他の重要な機能を含んでいます。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 {{domxref("Navigator.getVRDisplays()")}} を呼び出すことで、すべての接続されている VR 機器の配列が返されます。 @@ -71,7 +72,8 @@ if (navigator.getVRDisplays) { } ``` -> **メモ:** この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で確認できます。 +> [!NOTE] +> この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で確認できます。 ## 仕様書 diff --git a/files/ja/web/api/vrdisplay/isconnected/index.md b/files/ja/web/api/vrdisplay/isconnected/index.md index d692f8aa1e4936..86e61cff0c3741 100644 --- a/files/ja/web/api/vrdisplay/isconnected/index.md +++ b/files/ja/web/api/vrdisplay/isconnected/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/isConnected **`isConnected`** は {{domxref("VRDisplay")}} インターフェイスの読み取り専用プロパティで、この `VRDisplay` がコンピューターに接続されているかどうかを示す論理値を返します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ### 値 diff --git a/files/ja/web/api/vrdisplay/ispresenting/index.md b/files/ja/web/api/vrdisplay/ispresenting/index.md index 99a576e4216338..35031b7a4106e4 100644 --- a/files/ja/web/api/vrdisplay/ispresenting/index.md +++ b/files/ja/web/api/vrdisplay/ispresenting/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/isPresenting **`isPresenting`** は {{domxref("VRDisplay")}} インターフェイスの読み取り専用プロパティで、 `VRDisplay` が現在コンテンツを表示中かどうかを示す論理値を返します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ### 値 @@ -36,7 +37,8 @@ function onVRExitPresent() { } ``` -> **メモ:** このコードスニペットは [Google's VR Presentation demo](https://github.com/toji/webvr.info/blob/master/samples/03-vr-presentation.html) から取ったものです。 +> [!NOTE] +> このコードスニペットは [Google's VR Presentation demo](https://github.com/toji/webvr.info/blob/master/samples/03-vr-presentation.html) から取ったものです。 ## 仕様書 diff --git a/files/ja/web/api/vrdisplay/requestanimationframe/index.md b/files/ja/web/api/vrdisplay/requestanimationframe/index.md index 8ee71edc624d18..0b5335cf965712 100644 --- a/files/ja/web/api/vrdisplay/requestanimationframe/index.md +++ b/files/ja/web/api/vrdisplay/requestanimationframe/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/requestAnimationFrame **`requestAnimationFrame()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、 {{domxref("Window.requestAnimationFrame")}} の特別な実装です．このメソッドは `VRDisplay` がレンダリングされている間、新しいフレームが来るたびに呼び出されるコールバック関数を含みます。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 - `VRDisplay` がシーンを表示していないときは、 {{domxref("Window.requestAnimationFrame")}} と等価に動作します。 - `VRDisplay` が表示されている場合は、ネイティブのリフレッシュレートでコールバックが呼び出されます。 @@ -90,7 +91,8 @@ function drawVRScene() { } ``` -> **メモ:** この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 +> [!NOTE] +> この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 ## 仕様書 diff --git a/files/ja/web/api/vrdisplay/requestpresent/index.md b/files/ja/web/api/vrdisplay/requestpresent/index.md index b0d40d81393653..b2ff8b7a72632b 100644 --- a/files/ja/web/api/vrdisplay/requestpresent/index.md +++ b/files/ja/web/api/vrdisplay/requestpresent/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/requestPresent **`requestPresent()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、`VRDisplay` へのシーン表示を開始します。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 構文 @@ -80,7 +81,8 @@ if (navigator.getVRDisplays) { } ``` -> **メモ:** この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 +> [!NOTE] +> この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 ## 仕様書 diff --git a/files/ja/web/api/vrdisplay/resetpose/index.md b/files/ja/web/api/vrdisplay/resetpose/index.md index efbc4b7a0fdb1b..79909dc79a941e 100644 --- a/files/ja/web/api/vrdisplay/resetpose/index.md +++ b/files/ja/web/api/vrdisplay/resetpose/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/resetPose **`resetPose()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、`VRDisplay` のポーズをリセットして、現在の {{domxref("VRPose.position")}} と {{domxref("VRPose.orientation")}} を "原点/ゼロ位置" の値として扱います。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 `resetPost()` を呼出した後は、 {{domxref("VRDisplay.getPose()")}}/{{domxref("VRDisplay.getImmediatePose()")}} から返された未来予測ポーズは、`resetPose()` が最後に呼び出された時点からの相対的な `VRDisplay` の位置になります。また、`resetPose()` が最後に呼び出された時点の VR ディスプレイのヨー (yaw) を前方として扱います。 diff --git a/files/ja/web/api/vrdisplay/stageparameters/index.md b/files/ja/web/api/vrdisplay/stageparameters/index.md index f7bcbce6ab1dc4..e42db5f1fcb1e3 100644 --- a/files/ja/web/api/vrdisplay/stageparameters/index.md +++ b/files/ja/web/api/vrdisplay/stageparameters/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/stageParameters **`stageParameters`** は {{domxref("VRDisplay")}} インターフェイスの読み取り専用プロパティで、 `VRDisplay` がルームスケール体験をサポートしている場合に、ルームスケールパラメーターを持つ {{domxref("VRStageParameters")}} オブジェクトを返します． -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ### 値 diff --git a/files/ja/web/api/vrdisplay/submitframe/index.md b/files/ja/web/api/vrdisplay/submitframe/index.md index b55fe06e5db251..7fee6d08e3038e 100644 --- a/files/ja/web/api/vrdisplay/submitframe/index.md +++ b/files/ja/web/api/vrdisplay/submitframe/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRDisplay/submitFrame **`submitFrame()`** は {{domxref("VRDisplay")}} インターフェイスのメソッドで、 `VRDisplay` 内に現在表示中の {{domxref("VRLayerInit")}} の現在の状態をキャプチャします。 -> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 その後、 {{domxref("VRPose")}} と {{domxref("getFrameData()")}} の最後の呼び出しによって提供された行列を使用してフレームがレンダリングされる必要があります。 @@ -88,7 +89,8 @@ function drawVRScene() { } ``` -> **メモ:** この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 +> [!NOTE] +> この完全なコードは [raw-webgl-example](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) で見ることができます。 ## 仕様書 diff --git a/files/ja/web/api/vrdisplaycapabilities/canpresent/index.md b/files/ja/web/api/vrdisplaycapabilities/canpresent/index.md index 98b711ac14d29e..22863d7bc09a6d 100644 --- a/files/ja/web/api/vrdisplaycapabilities/canpresent/index.md +++ b/files/ja/web/api/vrdisplaycapabilities/canpresent/index.md @@ -9,7 +9,8 @@ l10n: **`canPresent`** は {{domxref("VRDisplayCapabilities")}} インターフェイスの読み取り専用プロパティで、VR ディスプレイが（HMD を通じて）コンテンツを表示可能かどうかの状態を論理値で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 これは、 6 自由度追跡が可能であるものの、 {{domxref("VRDisplay.requestPresent()")}} が意味を持たない「マジックウィンドウ」機器を識別するのに有益な機能です。`canPresent` が `false` の場合、 {{domxref("VRDisplay.requestPresent()")}} の呼び出しは失敗し、 {{domxref("VRDisplay.getEyeParameters()")}} は `null` を返します。 diff --git a/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.md b/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.md index c232aa472e3531..d181c214f0a8d1 100644 --- a/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.md +++ b/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.md @@ -7,11 +7,13 @@ l10n: {{APIRef("WebVR API")}}{{Deprecated_Header}}{{Non-standard_Header}} -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 **`hasExternalDisplay`** は {{domxref("VRDisplayCapabilities")}} インターフェイスの読み取り専用プロパティで、VR ディスプレイがこの端末の主ディスプレイから分離しているどうかを示す論理値を返します。 -> **メモ:** 表示中の VR コンテンツがその端末の他のコンテンツを隠してしまう場合 `false` を返します。この場合、アプリは VR コンテンツのミラーリングしようとしたり、 VR ではない UI を更新しようとすべきではありません。こうしたコンテンツは表示されないからです。 +> [!NOTE] +> 表示中の VR コンテンツがその端末の他のコンテンツを隠してしまう場合 `false` を返します。この場合、アプリは VR コンテンツのミラーリングしようとしたり、 VR ではない UI を更新しようとすべきではありません。こうしたコンテンツは表示されないからです。 ## 値 diff --git a/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.md b/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.md index d46853d8fe9d7b..2d83dd190257ce 100644 --- a/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.md +++ b/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.md @@ -9,7 +9,8 @@ l10n: **`hasOrientation`** は {{domxref("VRDisplayCapabilities")}} インターフェイスの読み取り専用プロパティで、その VR ディスプレイがトラッキング機能を持っていて向き情報を取得できれば `true` を返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrdisplaycapabilities/hasposition/index.md b/files/ja/web/api/vrdisplaycapabilities/hasposition/index.md index 56f2deb9fe45ef..1459d1f47f25d2 100644 --- a/files/ja/web/api/vrdisplaycapabilities/hasposition/index.md +++ b/files/ja/web/api/vrdisplaycapabilities/hasposition/index.md @@ -9,7 +9,8 @@ l10n: **`hasPosition`** は {{domxref("VRDisplayCapabilities")}} インターフェイスの読み取り専用プロパティで、その VR ディスプレイがトラッキング機能を備えていて位置情報を返すことができるれば `true` を返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrdisplaycapabilities/index.md b/files/ja/web/api/vrdisplaycapabilities/index.md index 0b8e600a073037..eeee543fc8d902 100644 --- a/files/ja/web/api/vrdisplaycapabilities/index.md +++ b/files/ja/web/api/vrdisplaycapabilities/index.md @@ -9,7 +9,8 @@ l10n: **`VRDisplayCapabilities`** は [WebVR API](/ja/docs/Web/API/WebVR_API) のインターフェイスで、 {{domxref("VRDisplay")}} の利用可能な機能を示しています。この機能は，例えば位置情報を返すことが可能か、といった VR 機器の動作可能テストに使うことができます。 -> **メモ:** このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 このインターフェイスには {{domxref("VRDisplay.capabilities")}} プロパティを通じてアクセスできます． diff --git a/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.md b/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.md index a7f0e8bd00d45a..d9c8a2886c0717 100644 --- a/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.md +++ b/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.md @@ -9,7 +9,8 @@ l10n: **`maxLayers`** は {{domxref("VRDisplayCapabilities")}} インターフェイスの読み取り専用プロパティで、その VR ディスプレイが同時に表示できる {{domxref("VRLayerInit")}} の最大値を示す数値を返します（例えば {{domxref("Display.requestPresent()")}} が受け取ることのできる配列の最大長です）。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ### 値 diff --git a/files/ja/web/api/vrdisplayevent/display/index.md b/files/ja/web/api/vrdisplayevent/display/index.md index dcc532abe0763a..007a489752d4f5 100644 --- a/files/ja/web/api/vrdisplayevent/display/index.md +++ b/files/ja/web/api/vrdisplayevent/display/index.md @@ -9,7 +9,8 @@ l10n: **`display`** は {{domxref("VRDisplayEvent")}} インターフェイスの読み取り専用プロパティで、このイベントに関連付けられた {{domxref("VRDisplay")}} を返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrdisplayevent/index.md b/files/ja/web/api/vrdisplayevent/index.md index bd7a53c375641e..c5679a99b43bb5 100644 --- a/files/ja/web/api/vrdisplayevent/index.md +++ b/files/ja/web/api/vrdisplayevent/index.md @@ -9,7 +9,8 @@ l10n: **`VRDisplayEvent`** は [WebVR API](/ja/docs/Web/API/WebVR_API) のインターフェイスで、 WebVR 関連イベントのイベントオブジェクトを表します（[WebVR ウインドウ拡張機能のリスト](/ja/docs/Web/API/WebVR_API#window)を参照）。 -> **メモ:** このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## コンストラクター diff --git a/files/ja/web/api/vrdisplayevent/reason/index.md b/files/ja/web/api/vrdisplayevent/reason/index.md index 25866cabba07da..5f0c4b236dd6eb 100644 --- a/files/ja/web/api/vrdisplayevent/reason/index.md +++ b/files/ja/web/api/vrdisplayevent/reason/index.md @@ -9,7 +9,8 @@ l10n: **`reason`** は {{domxref("VRDisplayEvent")}} インターフェイスの読み取り専用プロパティで、イベントが発生した理由を人間可読な形で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrdisplayevent/vrdisplayevent/index.md b/files/ja/web/api/vrdisplayevent/vrdisplayevent/index.md index 5bea02cf09b030..20caec3cb843fc 100644 --- a/files/ja/web/api/vrdisplayevent/vrdisplayevent/index.md +++ b/files/ja/web/api/vrdisplayevent/vrdisplayevent/index.md @@ -9,7 +9,8 @@ l10n: **`VRDisplayEvent()`** コンストラクターは、 {{domxref("VRDisplayEvent")}} オブジェクトを作成します。 -> **メモ:** このコンストラクターは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このコンストラクターは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 構文 diff --git a/files/ja/web/api/vreyeparameters/fieldofview/index.md b/files/ja/web/api/vreyeparameters/fieldofview/index.md index 1914eab7ea7e4c..b1c62dd26c1818 100644 --- a/files/ja/web/api/vreyeparameters/fieldofview/index.md +++ b/files/ja/web/api/vreyeparameters/fieldofview/index.md @@ -9,7 +9,8 @@ l10n: **`fieldOfView`** は{{domxref("VREyeParameters")}} インターフェイスの読み取り専用プロパティで、現在の眼の視野角を表します．この値は瞳孔間距離 (IPD) をユーザーが調整すると、それに応じて変化します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vreyeparameters/index.md b/files/ja/web/api/vreyeparameters/index.md index 76eb2575d046a9..760fc36f2bdbc0 100644 --- a/files/ja/web/api/vreyeparameters/index.md +++ b/files/ja/web/api/vreyeparameters/index.md @@ -9,11 +9,13 @@ l10n: **`VREyeParameters`** は [WebVR API](/ja/docs/Web/API/WebVR_API) のインターフェイスで、指定した目のためにシーンを正しくレンダリングするためのすべての情報（視界の情報を含む）を表します。 -> **メモ:** このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 このインターフェイスは {{domxref("VRDisplay.getEyeParameters()")}} メソッドを通じてアクセスできます。 -> **警告:** このインターフェイスは、ビューおよび投影行列を計算するために使用すべきではありません。ハードウェアの互換性を可能な限り確保するために、{{domxref("VRFrameData")}} で指定された行列を使用してください。 +> [!WARNING] +> このインターフェイスは、ビューおよび投影行列を計算するために使用すべきではありません。ハードウェアの互換性を可能な限り確保するために、{{domxref("VRFrameData")}} で指定された行列を使用してください。 ## インスタンスプロパティ diff --git a/files/ja/web/api/vreyeparameters/maximumfieldofview/index.md b/files/ja/web/api/vreyeparameters/maximumfieldofview/index.md index ed44c9850cc4d8..3bd44f8fa31708 100644 --- a/files/ja/web/api/vreyeparameters/maximumfieldofview/index.md +++ b/files/ja/web/api/vreyeparameters/maximumfieldofview/index.md @@ -9,7 +9,8 @@ l10n: **`maximumFieldOfView`** は {{domxref("VREyeParameters")}} インターフェイスの読み取り専用プロパティで、現在の目における最大の視野を示します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vreyeparameters/minimumfieldofview/index.md b/files/ja/web/api/vreyeparameters/minimumfieldofview/index.md index bf8975c2b4c76b..ae95ebc8920367 100644 --- a/files/ja/web/api/vreyeparameters/minimumfieldofview/index.md +++ b/files/ja/web/api/vreyeparameters/minimumfieldofview/index.md @@ -9,7 +9,8 @@ l10n: **`minimumFieldOfView`** は {{domxref("VREyeParameters")}} インターフェイスの読み取り専用プロパティで、現在の目における最小の視野を示します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vreyeparameters/offset/index.md b/files/ja/web/api/vreyeparameters/offset/index.md index 5e025be4ea08ed..486970846b591a 100644 --- a/files/ja/web/api/vreyeparameters/offset/index.md +++ b/files/ja/web/api/vreyeparameters/offset/index.md @@ -9,7 +9,8 @@ l10n: **`offset`** は {{domxref("VREyeParameters")}} インターフェイスの読み取り専用プロパティで、は、ユーザーの目と目の間の中心点から目の中心までのオフセットを表します。単位はメートルです。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 この値は、ユーザーの瞳孔間距離（IPD）の半分で あるべきですが、指定された目のヘッドセットの中心点からレンズの中心点までの距離を表してもかまいません。 @@ -17,7 +18,8 @@ l10n: ユーザーの目と目の間の中心点から目の中心までのオフセットをメートル単位で記述したベクトルを表す {{jsxref("Float32Array")}} です。 -> **メモ:** 左目の値は負の値、右目の値は正の値になります。 +> [!NOTE] +> 左目の値は負の値、右目の値は正の値になります。 ## 例 diff --git a/files/ja/web/api/vreyeparameters/renderheight/index.md b/files/ja/web/api/vreyeparameters/renderheight/index.md index faf07cdfc8482b..c14342d5e7ecff 100644 --- a/files/ja/web/api/vreyeparameters/renderheight/index.md +++ b/files/ja/web/api/vreyeparameters/renderheight/index.md @@ -9,7 +9,8 @@ l10n: **`renderHeight`** は {{domxref("VREyeParameters")}} インターフェイスの読み取り専用プロパティで、それぞれの目のビューポートの推奨レンダーターゲットの高さを、ピクセル単位で表します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 これは既にデバイスピクセル単位なので、 [Window.devicePixelRatio](/ja/docs/Web/API/Window/devicePixelRatio) を [HTMLCanvasElement.height](/ja/docs/Web/API/HTMLCanvasElement/height) に設定する前に掛け合わせる必要はありません。 diff --git a/files/ja/web/api/vreyeparameters/renderwidth/index.md b/files/ja/web/api/vreyeparameters/renderwidth/index.md index 52103e162608c5..41de0a1e0ccd7c 100644 --- a/files/ja/web/api/vreyeparameters/renderwidth/index.md +++ b/files/ja/web/api/vreyeparameters/renderwidth/index.md @@ -9,7 +9,8 @@ l10n: **`renderWidth`** は {{domxref("VREyeParameters")}} インターフェイスの読み取り専用プロパティでそれぞれの目のビューポートの推奨レンダーターゲットの幅を、ピクセル単位で表します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 これは既にデバイスピクセル単位なので、 [Window.devicePixelRatio](/ja/docs/Web/API/Window/devicePixelRatio) を [HTMLCanvasElement.width](/ja/docs/Web/API/HTMLCanvasElement/width) に設定する前に掛け合わせる必要はありません。 diff --git a/files/ja/web/api/vrfieldofview/downdegrees/index.md b/files/ja/web/api/vrfieldofview/downdegrees/index.md index 79766a44cc0126..a614ef2b89cfd9 100644 --- a/files/ja/web/api/vrfieldofview/downdegrees/index.md +++ b/files/ja/web/api/vrfieldofview/downdegrees/index.md @@ -9,7 +9,8 @@ l10n: **`downDegrees`** は {{domxref("VRFieldOfView")}} インターフェイスの読み取り専用プロパティで、視野が下方向に何度広がっているかを返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrfieldofview/index.md b/files/ja/web/api/vrfieldofview/index.md index 8851200f805466..65d3f9c2aa09e6 100644 --- a/files/ja/web/api/vrfieldofview/index.md +++ b/files/ja/web/api/vrfieldofview/index.md @@ -9,7 +9,8 @@ l10n: **`VRFieldOfView`** は [WebVR API](/ja/docs/Web/API/WebVR_API) のインターフェイスで、中心点からの視野を示す 4 つの角度で定義される視界を表現します。 -> **メモ:** このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## プロパティ diff --git a/files/ja/web/api/vrfieldofview/leftdegrees/index.md b/files/ja/web/api/vrfieldofview/leftdegrees/index.md index d99ca746a01244..37a0fa8b0672e4 100644 --- a/files/ja/web/api/vrfieldofview/leftdegrees/index.md +++ b/files/ja/web/api/vrfieldofview/leftdegrees/index.md @@ -9,7 +9,8 @@ l10n: **`leftDegrees`** は {{domxref("VRFieldOfView")}} インターフェイスの読み取り専用プロパティで、視野が左方向に何度広がっているかを返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrfieldofview/rightdegrees/index.md b/files/ja/web/api/vrfieldofview/rightdegrees/index.md index ed9e5f9a21433c..840b77257e3c8b 100644 --- a/files/ja/web/api/vrfieldofview/rightdegrees/index.md +++ b/files/ja/web/api/vrfieldofview/rightdegrees/index.md @@ -9,7 +9,8 @@ l10n: **`rightDegrees`** は {{domxref("VRFieldOfView")}} インターフェイスの読み取り専用プロパティで、視野が右方向に何度広がっているかを返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrfieldofview/updegrees/index.md b/files/ja/web/api/vrfieldofview/updegrees/index.md index 9bba7f005a26e3..8841e8917f3b72 100644 --- a/files/ja/web/api/vrfieldofview/updegrees/index.md +++ b/files/ja/web/api/vrfieldofview/updegrees/index.md @@ -9,7 +9,8 @@ l10n: **`upDegrees`** は {{domxref("VRFieldOfView")}} インターフェイスの読み取り専用プロパティで、視野が上方向に何度広がっているかを返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrframedata/index.md b/files/ja/web/api/vrframedata/index.md index 9c2b9673440b86..62dda407f400fd 100644 --- a/files/ja/web/api/vrframedata/index.md +++ b/files/ja/web/api/vrframedata/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRFrameData **`VRFrameData`** は [WebVR API]("/ja/docs/Web/API/WebVR_API) のインターフェイスで、 VR シーンの 1 つのフレームを描画するのに必要となるすべての情報を表現します。 {{domxref("VRDisplay.getFrameData()")}} で構築します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## コンストラクター diff --git a/files/ja/web/api/vrframedata/leftprojectionmatrix/index.md b/files/ja/web/api/vrframedata/leftprojectionmatrix/index.md index bfdae09b41f67d..2ea948a4e908c1 100644 --- a/files/ja/web/api/vrframedata/leftprojectionmatrix/index.md +++ b/files/ja/web/api/vrframedata/leftprojectionmatrix/index.md @@ -7,11 +7,13 @@ slug: Web/API/VRFrameData/leftProjectionMatrix **`leftProjectionMatrix`** は {{domxref("VRFrameData")}} インタフェースの読み取り専用プロパティで、 4 行 4 列の行列を表す {{jsxref("Float32Array")}} を返します。この行列は、左目の描画に利用される射影を表します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 この値は、 WebGL の {{domxref("WebGLRenderingContext.uniformMatrix", "uniformMatrix4fv")}} 関数へ直接渡されるでしょう。 -> **警告:** アプリケーションは、この行列を改変せずに使用することを強く薦めます。描画時にこの射影行列の使用に失敗すると、表現されたフレームは歪んだり、正しく揃わなかったりし、その結果として、様々な度合いのユーザの不快感を生みます。 +> [!WARNING] +> アプリケーションは、この行列を改変せずに使用することを強く薦めます。描画時にこの射影行列の使用に失敗すると、表現されたフレームは歪んだり、正しく揃わなかったりし、その結果として、様々な度合いのユーザの不快感を生みます。 ## 値 diff --git a/files/ja/web/api/vrframedata/leftviewmatrix/index.md b/files/ja/web/api/vrframedata/leftviewmatrix/index.md index 79b85106a248f9..c1877ab8ed7388 100644 --- a/files/ja/web/api/vrframedata/leftviewmatrix/index.md +++ b/files/ja/web/api/vrframedata/leftviewmatrix/index.md @@ -7,11 +7,13 @@ slug: Web/API/VRFrameData/leftViewMatrix **`leftViewMatrix`** は {{domxref("VRFrameData")}} インターフェイスの読み取り専用プロパティで、 4 行 4 列の行列を表す {{jsxref("Float32Array")}} を返します。この行列は、左目の描画に利用されるビュー変換を表します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 この値は、 WebGL の {{domxref("WebGLRenderingContext.uniformMatrix", "uniformMatrix4fv")}} 関数へ直接渡されるでしょう。 -> **警告:** 描画時にアプリケーションがこの行列を使用することを強く薦めます。 +> [!WARNING] +> 描画時にアプリケーションがこの行列を使用することを強く薦めます。 ## 値 diff --git a/files/ja/web/api/vrframedata/pose/index.md b/files/ja/web/api/vrframedata/pose/index.md index 5990774ac27465..78d14359e98aed 100644 --- a/files/ja/web/api/vrframedata/pose/index.md +++ b/files/ja/web/api/vrframedata/pose/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRFrameData/pose **`pose`** は {{domxref("VRFrameData")}} インターフェイスの読み取り専用プロパティで、現在の {{domxref("VRFrameData.timestamp")}} の時点での {{domxref("VRDisplay")}} の {{domxref("VRPose")}} を返します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrframedata/rightprojectionmatrix/index.md b/files/ja/web/api/vrframedata/rightprojectionmatrix/index.md index 490fc9184f3fd7..69e06b07085464 100644 --- a/files/ja/web/api/vrframedata/rightprojectionmatrix/index.md +++ b/files/ja/web/api/vrframedata/rightprojectionmatrix/index.md @@ -7,11 +7,13 @@ slug: Web/API/VRFrameData/rightProjectionMatrix **`rightProjectionMatrix`** は {{domxref("VRFrameData")}} インタフェースの読み取り専用プロパティで、 4 行 4 列の行列を表す {{jsxref("Float32Array")}} を返します。この行列は、右目の描画に利用される射影を表します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 この値は、 WebGL の {{domxref("WebGLRenderingContext.uniformMatrix", "uniformMatrix4fv")}} 関数へ直接渡されるでしょう。 -> **警告:** アプリケーションは、この行列を改変せずに使用することを強く薦めます。描画時にこの射影行列の使用に失敗すると、表現されたフレームは歪んだり、正しく揃わなかったりし、その結果として、様々な度合いのユーザの不快感を生みます。 +> [!WARNING] +> アプリケーションは、この行列を改変せずに使用することを強く薦めます。描画時にこの射影行列の使用に失敗すると、表現されたフレームは歪んだり、正しく揃わなかったりし、その結果として、様々な度合いのユーザの不快感を生みます。 ## 値 diff --git a/files/ja/web/api/vrframedata/rightviewmatrix/index.md b/files/ja/web/api/vrframedata/rightviewmatrix/index.md index 4826b1e8e4bd19..8d25df7e524120 100644 --- a/files/ja/web/api/vrframedata/rightviewmatrix/index.md +++ b/files/ja/web/api/vrframedata/rightviewmatrix/index.md @@ -7,11 +7,13 @@ slug: Web/API/VRFrameData/rightViewMatrix **`rightViewMatrix`** は {{domxref("VRFrameData")}} インターフェイスの読み取り専用プロパティで、 4 行 4 列の行列を表す {{jsxref("Float32Array")}} を返します。この行列は、右目の描画に利用されるビュー変換を表します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 この値は、 WebGL の {{domxref("WebGLRenderingContext.uniformMatrix", "uniformMatrix4fv")}} 関数へ直接渡されるでしょう。 -> **警告:** 描画時にアプリケーションがこの行列を使用することを強く薦めます。 +> [!WARNING] +> 描画時にアプリケーションがこの行列を使用することを強く薦めます。 ## 値 diff --git a/files/ja/web/api/vrframedata/timestamp/index.md b/files/ja/web/api/vrframedata/timestamp/index.md index c73db0a6408059..85ee957cafdd62 100644 --- a/files/ja/web/api/vrframedata/timestamp/index.md +++ b/files/ja/web/api/vrframedata/timestamp/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRFrameData/timestamp **`timestamp`** は {{domxref("VRFrameData")}} インターフェイスの読み取り専用プロパティで、フレームの更新が発生した時刻を表す、常に増加するタイムスタンプ値を返します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 タイムスタンプは、位置状態データがハードウェアから更新されたかどうかを判断するのに便利です。値は常に増加していくので、更新の順序を決定するために比較することができます。新しい値は常に古い値より大きいか等しくなります。 diff --git a/files/ja/web/api/vrframedata/vrframedata/index.md b/files/ja/web/api/vrframedata/vrframedata/index.md index 4a64c40686df2b..9b4d1765c954fd 100644 --- a/files/ja/web/api/vrframedata/vrframedata/index.md +++ b/files/ja/web/api/vrframedata/vrframedata/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRFrameData/VRFrameData **`VRFrameData()`** コンストラクターは、 {{domxref("VRFrameData")}} オブジェクトのインスタンスを生成します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 構文 diff --git a/files/ja/web/api/vrlayerinit/index.md b/files/ja/web/api/vrlayerinit/index.md index c306f023c80d12..8bf9efc1191fc1 100644 --- a/files/ja/web/api/vrlayerinit/index.md +++ b/files/ja/web/api/vrlayerinit/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRLayerInit **`VRLayerInit`** 辞書は [WebVR API](/ja/docs/Web/API/WebVR_API) の辞書で、 VR ディスプレイに表示したいコンテンツレイヤー （{{domxref("HTMLCanvasElement")}} または {{domxref("OffscreenCanvas")}}） を表します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 `VRLayerInit` オブジェクトは {{domxref("VRDisplay.getLayers()")}} メソッドを使用して受ける取り、 {{domxref("VRDisplay.requestPresent()")}} メソッドを使用して表示することができます。 diff --git a/files/ja/web/api/vrlayerinit/leftbounds/index.md b/files/ja/web/api/vrlayerinit/leftbounds/index.md index b05cb36ee5db32..1ffa5bd384a6fb 100644 --- a/files/ja/web/api/vrlayerinit/leftbounds/index.md +++ b/files/ja/web/api/vrlayerinit/leftbounds/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRLayerInit/leftBounds **`leftBounds`** は {{domxref("VRLayerInit")}} インターフェイス（辞書）のプロパティで、 {{domxref("VRDisplay")}} によってコンテンツが表示されるキャンバスの左側のテクスチャ境界を定義します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrlayerinit/rightbounds/index.md b/files/ja/web/api/vrlayerinit/rightbounds/index.md index dca8092f93cb41..1009ae66edbcd4 100644 --- a/files/ja/web/api/vrlayerinit/rightbounds/index.md +++ b/files/ja/web/api/vrlayerinit/rightbounds/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRLayerInit/rightBounds **`rightBounds`** は {{domxref("VRLayerInit")}} インターフェイス（辞書）のプロパティで、 {{domxref("VRDisplay")}} によってコンテンツが表示されるキャンバスの右側のテクスチャ境界を定義します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrlayerinit/source/index.md b/files/ja/web/api/vrlayerinit/source/index.md index 40b8befdca9ef0..75855f16141b3f 100644 --- a/files/ja/web/api/vrlayerinit/source/index.md +++ b/files/ja/web/api/vrlayerinit/source/index.md @@ -7,7 +7,8 @@ slug: Web/API/VRLayerInit/source **`source`** は {{domxref("VRLayerInit")}} インターフェイス（辞書）のプロパティで、 {{domxref("VRDisplay")}} によってコンテンツが表示されるキャンバスを定義します。 -> **メモ:** このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 +> [!NOTE] +> このインターフェイスは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。 [WebXR Device API](https://immersive-web.github.io/webxr/)に置き換えられました。 ## 値 diff --git a/files/ja/web/api/vrpose/angularacceleration/index.md b/files/ja/web/api/vrpose/angularacceleration/index.md index 0ff4403e34ec6e..954f377dfb595f 100644 --- a/files/ja/web/api/vrpose/angularacceleration/index.md +++ b/files/ja/web/api/vrpose/angularacceleration/index.md @@ -9,7 +9,8 @@ l10n: **`angularAcceleration`** は {{domxref("VRPose")}} インターフェイスのプロパティで、現在の {{domxref("VRPose.timestamp")}} における {{domxref("VRDisplay")}} の角加速度ベクトルを表す配列を、メートル/秒/秒単位で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 言い換えれば、センサーが `x`、`y`、`z` 軸を中心に回転したときの現在の加速度です。 diff --git a/files/ja/web/api/vrpose/angularvelocity/index.md b/files/ja/web/api/vrpose/angularvelocity/index.md index b01e7a1cfe724f..5b3be9a5c72119 100644 --- a/files/ja/web/api/vrpose/angularvelocity/index.md +++ b/files/ja/web/api/vrpose/angularvelocity/index.md @@ -9,7 +9,8 @@ l10n: **`angularVelocity`** は {{domxref("VRPose")}} インターフェイスの読み取り専用プロパティで、現在の {{domxref("VRPose.timestamp")}} における {{domxref("VRDisplay")}} の角速度ベクトルを表す配列を、ラジアン/秒単位で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 言い換えれば、センサーが `x`、`y`、`z` 軸を中心に回転したときの現在の速度です。 diff --git a/files/ja/web/api/vrpose/index.md b/files/ja/web/api/vrpose/index.md index 16a320d830f8a9..75d19380d3d73d 100644 --- a/files/ja/web/api/vrpose/index.md +++ b/files/ja/web/api/vrpose/index.md @@ -9,7 +9,8 @@ l10n: **`VRPose`** は [WebVR API](/ja/docs/Web/API/WebVR_API) のインターフェイスで、特定のタイムスタンプにおける VR センサーの状態（向き、位置、速度、加速度の情報を含みます）を示します。 -> **メモ:** このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 このインターフェイスには、 {{domxref("VRDisplay.getPose()")}} と {{domxref("VRDisplay.getFrameData()")}} メソッドを通じてアクセスします。 {{domxref("VRDisplay.getPose()")}} は非推奨です。 diff --git a/files/ja/web/api/vrpose/linearacceleration/index.md b/files/ja/web/api/vrpose/linearacceleration/index.md index 612b73e3cc5ded..d0819c4960688e 100644 --- a/files/ja/web/api/vrpose/linearacceleration/index.md +++ b/files/ja/web/api/vrpose/linearacceleration/index.md @@ -9,7 +9,8 @@ l10n: **`linearAcceleration`** は {{domxref("VRPose")}} インターフェイスの読み取り専用プロパティで、現在の {{domxref("VRPose.timestamp")}} における {{domxref("VRDisplay")}} の直線加速度ベクトルを表す配列を、メートル/秒/秒単位で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 言い換えれば、 `x`、`y`、`z` 軸に沿ったセンサーの現在の加速度です。 diff --git a/files/ja/web/api/vrpose/linearvelocity/index.md b/files/ja/web/api/vrpose/linearvelocity/index.md index 64ab3dfb826e58..0461017640b9c6 100644 --- a/files/ja/web/api/vrpose/linearvelocity/index.md +++ b/files/ja/web/api/vrpose/linearvelocity/index.md @@ -9,7 +9,8 @@ l10n: **`linearVelocity`** は {{domxref("VRPose")}} インターフェイスの読み取り専用プロパティで、 現在の {{domxref("VRPose.timestamp")}} における {{domxref("VRDisplay")}} の線速度ベクトルを表す配列を、メートル/秒の単位で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 言い換えれば、センサーが `x`, `y`, `z` 軸に沿って移動している現在の速度です。 diff --git a/files/ja/web/api/vrpose/orientation/index.md b/files/ja/web/api/vrpose/orientation/index.md index 8109a553c40d94..2da1969b987251 100644 --- a/files/ja/web/api/vrpose/orientation/index.md +++ b/files/ja/web/api/vrpose/orientation/index.md @@ -9,7 +9,8 @@ l10n: **`orientation`** は {{domxref("VRPose")}} インターフェイスの読み取り専用プロパティで、現在の {{domxref("VRPose.timestamp")}} におけるセンサーの方向を、クォータニオン値として返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 値は {{jsxref("Float32Array")}} で、以下の値から構成されます。 diff --git a/files/ja/web/api/vrpose/position/index.md b/files/ja/web/api/vrpose/position/index.md index 358a2461d975d5..21e9ffce83ac81 100644 --- a/files/ja/web/api/vrpose/position/index.md +++ b/files/ja/web/api/vrpose/position/index.md @@ -9,7 +9,8 @@ l10n: **`position`** は {{domxref("VRPose")}} インターフェイスの読み取り専用プロパティで、 現在の {{domxref("VRPose.timestamp")}} の位置を 3D ベクトルで返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 座標系は次の通りです。 @@ -19,13 +20,15 @@ l10n: 位置は原点からのメートル単位で、この点はセンサーの最初の読み取り位置か、 {{domxref("VRDisplay.resetPose()")}} が最後に呼び出された時点のセンサーの位置のどちらかとなります。 -> **メモ:** 既定では、すべての位置は座ったままの空間位置として指定されます。この点を {{domxref("VRStageParameters.sittingToStandingTransform")}} で変換すると（例えばルームディスプレイで作業する場合）、この点は立っている空間の位置に変換されます。 +> [!NOTE] +> 既定では、すべての位置は座ったままの空間位置として指定されます。この点を {{domxref("VRStageParameters.sittingToStandingTransform")}} で変換すると（例えばルームディスプレイで作業する場合）、この点は立っている空間の位置に変換されます。 ## 値 {{jsxref("Float32Array")}} です。または VR センサーが位置データを提供できない場合は null になります。 -> **メモ:** ユーザーエージェントは、ネックモデリングなどの技術によってエミュレートされた 位置値を提供することがあります。 その場合も {{domxref("VRDisplayCapabilities.hasPosition")}} を false として報告する必要があります。 +> [!NOTE] +> ユーザーエージェントは、ネックモデリングなどの技術によってエミュレートされた 位置値を提供することがあります。 その場合も {{domxref("VRDisplayCapabilities.hasPosition")}} を false として報告する必要があります。 ## 例 diff --git a/files/ja/web/api/vrstageparameters/index.md b/files/ja/web/api/vrstageparameters/index.md index 4b034dbdae94d5..d5cae0b4d3a7dd 100644 --- a/files/ja/web/api/vrstageparameters/index.md +++ b/files/ja/web/api/vrstageparameters/index.md @@ -9,7 +9,8 @@ l10n: **`VRStageParameters`** は [WebVR API](/ja/docs/Web/API/WebVR_API) のインターフェイスで，ルームスケール体験に対応している機器用にステージエリアを記述する値を表現しています。 -> **メモ:** このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このインターフェイスは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 このインターフェイスには {{domxref("VRDisplay.stageParameters")}} プロパティを通じてアクセスできます。 diff --git a/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.md b/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.md index 08273df1647b9c..86621b5ae2d183 100644 --- a/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.md +++ b/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.md @@ -9,7 +9,8 @@ l10n: **`sittingToStandingTransform`** は {{domxref("VRStageParameters")}} インターフェイスの読み取り専用プロパティで、 {{domxref("VRFrameData")}} の座位空間ビュー行列を立位空間に変換する行列です。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 基本的には、レンダリングされたビューを座っている状態から立っている状態に変換するために、WebGL コードにこの値を渡すことができます。 diff --git a/files/ja/web/api/vrstageparameters/sizex/index.md b/files/ja/web/api/vrstageparameters/sizex/index.md index c212f8d9adab18..2645c8b0c2a41d 100644 --- a/files/ja/web/api/vrstageparameters/sizex/index.md +++ b/files/ja/web/api/vrstageparameters/sizex/index.md @@ -9,7 +9,8 @@ l10n: **`sizeX`** は {{domxref("VRStageParameters")}} インターフェイスの読み取り専用プロパティで、プレイエリア境界の幅をメートル単位で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 境界は、安全性を目的として、床の平面上に軸に沿った矩形として定義されています。コンテンツは、この境界を超えてユーザが動いてしまうような動作をすべてきではありません。しかし、ユーザは境界を無視して動くこと自体は可能で、ユーザ位置がこの矩形境界の外側になることもあります。矩形の中心は、立位空間座標における (0,0,0) です。 diff --git a/files/ja/web/api/vrstageparameters/sizey/index.md b/files/ja/web/api/vrstageparameters/sizey/index.md index f5702bc0f425e8..87d7043602a2f0 100644 --- a/files/ja/web/api/vrstageparameters/sizey/index.md +++ b/files/ja/web/api/vrstageparameters/sizey/index.md @@ -9,7 +9,8 @@ l10n: **`sizeY`** は {{domxref("VRStageParameters")}} インターフェイスの読み取り専用プロパティで、プレイエリア境界の奥行きをメートル単位で返します。 -> **メモ:** このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 +> [!NOTE] +> このプロパティは古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/) の一部でした。これは [WebXR 機器 API](https://immersive-web.github.io/webxr/) に置き換えられました。 境界は、安全性を目的として、床の平面上に軸に沿った矩形として定義されています。コンテンツは、この境界を超えてユーザが動いてしまうような動作をすべてきではありません; しかし、ユーザは境界を無視して動くこと自体は可能で、ユーザ位置がこの矩形境界の外側になることもあります。矩形の中心は、立位空間座標における (0,0,0) です。 diff --git a/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.md b/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.md index 82ee31f49e94b7..be70235734c6ad 100644 --- a/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.md +++ b/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.md @@ -89,7 +89,8 @@ CSS にこける同等の値の表し方とは異なる形で表現されてい - 1 つ目は間隔時間はミリ秒単位で表現されています。3 秒という指定ではなく、3000 ミリ秒です。{{domxref("setTimeout()")}} や {{domxref("Window.requestAnimationFrame()")}} と同じように、ウェブアニメーション API はミリ秒でしか値を取りません。 - もう 1 つは `iteration-count` ではなく `iterations` ということです。 -> **メモ:** CSS アニメーションで使用される用語とウェブアニメーションで利用される用語とではいくつか小さな違いがあります。例えば、ウェブアニメーションは `"infinite"` という文字列を利用しない代わりに JavaScript の予約語である `Infinity` を利用します。そして、 `timing-function` の代わりに `easing` を利用します。既定の [animation-timing-function](/ja/docs/Web/CSS/animation-timing-function) が簡単な `ease` である CSS アニメーションとは異なり、Web Animation API ではデフォルトのイージングは `linear` (線形)であるため、ここではイージング値をリストにしていません。 +> [!NOTE] +> CSS アニメーションで使用される用語とウェブアニメーションで利用される用語とではいくつか小さな違いがあります。例えば、ウェブアニメーションは `"infinite"` という文字列を利用しない代わりに JavaScript の予約語である `Infinity` を利用します。そして、 `timing-function` の代わりに `easing` を利用します。既定の [animation-timing-function](/ja/docs/Web/CSS/animation-timing-function) が簡単な `ease` である CSS アニメーションとは異なり、Web Animation API ではデフォルトのイージングは `linear` (線形)であるため、ここではイージング値をリストにしていません。 #### パーツをまとめる diff --git a/files/ja/web/api/web_audio_api/advanced_techniques/index.md b/files/ja/web/api/web_audio_api/advanced_techniques/index.md index 13f28e59cf141c..15961dca6e0846 100644 --- a/files/ja/web/api/web_audio_api/advanced_techniques/index.md +++ b/files/ja/web/api/web_audio_api/advanced_techniques/index.md @@ -9,7 +9,8 @@ l10n: このチュートリアルでは、音の作成と変更、時間とスケジューリングについて述べます。サンプルの読み込み、エンベロープ、フィルター、ウェーブテーブル、周波数変調を紹介します。これらの用語に慣れていて、ウェブオーディオAPIによるアプリケーションの入門を探しているなら、あなたは正しい場所に来ました。 -> **メモ:** 下記デモのソースコードは GitHub の MDN [webaudio-examples](https://github.com/mdn/webaudio-examples) リポジトリーの [step-sequencer](https://github.com/mdn/webaudio-examples/tree/master/step-sequencer) サブディレクトリーにあります。[ライブデモ](https://mdn.github.io/webaudio-examples/step-sequencer/)を見ることもできます。 +> [!NOTE] +> 下記デモのソースコードは GitHub の MDN [webaudio-examples](https://github.com/mdn/webaudio-examples) リポジトリーの [step-sequencer](https://github.com/mdn/webaudio-examples/tree/master/step-sequencer) サブディレクトリーにあります。[ライブデモ](https://mdn.github.io/webaudio-examples/step-sequencer/)を見ることもできます。 ## デモ @@ -67,7 +68,8 @@ l10n: -> **メモ:** 私たちがこのインストゥルメントを作成したのは、音を良くするためではなく、デモコードを提供するためです。このデモは、そのようなインストの非常に単純化されたバージョンを表します。音はダイアルアップモデムに基づいています。このような機器がどのような音で鳴るのかご存じない方は、[こちらで試聴できます](https://soundcloud.com/john-pemberton/modem-dialup)。 +> [!NOTE] +> 私たちがこのインストゥルメントを作成したのは、音を良くするためではなく、デモコードを提供するためです。このデモは、そのようなインストの非常に単純化されたバージョンを表します。音はダイアルアップモデムに基づいています。このような機器がどのような音で鳴るのかご存じない方は、[こちらで試聴できます](https://soundcloud.com/john-pemberton/modem-dialup)。 ## 音声コンテキストの作成 @@ -94,7 +96,8 @@ const wave = new PeriodicWave(audioCtx, { }); ``` -> **メモ:** この例では、波動テーブルは非常に多くの値があるため、別個の JavaScript ファイル (`wavetable.js`) で保持されています。 [Google Chrome Labs のウェブオーディオ API の例](https://github.com/GoogleChromeLabs/web-audio-samples/)で得られる[波形テーブルのリポジトリー](https://github.com/GoogleChromeLabs/web-audio-samples/tree/main/src/demos/wavetable-synth/wave-tables)から取りました。 +> [!NOTE] +> この例では、波動テーブルは非常に多くの値があるため、別個の JavaScript ファイル (`wavetable.js`) で保持されています。 [Google Chrome Labs のウェブオーディオ API の例](https://github.com/GoogleChromeLabs/web-audio-samples/)で得られる[波形テーブルのリポジトリー](https://github.com/GoogleChromeLabs/web-audio-samples/tree/main/src/demos/wavetable-synth/wave-tables)から取りました。 ### 発振器 @@ -242,7 +245,8 @@ osc.start(time); osc.stop(time + pulseTime); ``` -> **メモ:** また、作成するどちらの発振器にも既定値の波形テーブルを使用する必要はありません。前と同じように波形テーブルと周期波メソッドを使用できます。最小のノードで、多くの可能性があります。 +> [!NOTE] +> また、作成するどちらの発振器にも既定値の波形テーブルを使用する必要はありません。前と同じように波形テーブルと周期波メソッドを使用できます。最小のノードで、多くの可能性があります。 ### パルスのユーザーコントロール @@ -344,7 +348,8 @@ for (let i = 0; i < bufferSize; i++) { } ``` -> **メモ:** なぜ -1～1 なのでしょうか？ファイルやスピーカーに音を出力する場合、 0dB が上限のスケール（メディアや DAC の固定的な数値の限界）を表す数値が必要です。浮動小数点の音声では、 1 は信号の数学的処理をするために「上限」に割り当てられる便利な数字です。そのため、発振器、ノイズジェネレーター、そして他の音源は、通常 -1 から 1 の範囲の双極信号を出力します。ブラウザーはこの範囲外の値をクランプします。 +> [!NOTE] +> なぜ -1～1 なのでしょうか？ファイルやスピーカーに音を出力する場合、 0dB が上限のスケール（メディアや DAC の固定的な数値の限界）を表す数値が必要です。浮動小数点の音声では、 1 は信号の数学的処理をするために「上限」に割り当てられる便利な数字です。そのため、発振器、ノイズジェネレーター、そして他の音源は、通常 -1 から 1 の範囲の双極信号を出力します。ブラウザーはこの範囲外の値をクランプします。 ### バッファーソースの作成 @@ -370,7 +375,8 @@ noise.start(); ピンクまたはブラウンノイズの範囲にあるものが必要です。高い周波数と単発の低い周波数をカットしたいのです。バンドパスバイクワッドフィルターを選びましょう。 -> **メモ:** ウェブオーディオ API には、 {{domxref("BiquadFilterNode")}} と {{domxref("IIRFilterNode")}} の 2 つの種類のフィルタノードがあります。ほとんどの場合、バイクワッドフィルタで十分です - ローパス、ハイパス、バンドパスなどの様々な種類があります。しかし、もっと特注のものを探しているのであれば、 IIR フィルターが良い選択肢かもしれません。詳しくは [IIR フィルターの使用](/ja/docs/Web/API/Web_Audio_API/Using_IIR_filters)を参照してください。 +> [!NOTE] +> ウェブオーディオ API には、 {{domxref("BiquadFilterNode")}} と {{domxref("IIRFilterNode")}} の 2 つの種類のフィルタノードがあります。ほとんどの場合、バイクワッドフィルタで十分です - ローパス、ハイパス、バンドパスなどの様々な種類があります。しかし、もっと特注のものを探しているのであれば、 IIR フィルターが良い選択肢かもしれません。詳しくは [IIR フィルターの使用](/ja/docs/Web/API/Web_Audio_API/Using_IIR_filters)を参照してください。 この配線は、前に見たのと同じです。 {{domxref("BiquadFilterNode")}} を作成し、必要なプロパティを設定し、グラフを通して接続します。例えば、バンドパス型で周波数を設定するには、中間周波数を調整します。しかし、ローパスでは、一番上の周波数を設定します。 @@ -499,7 +505,8 @@ async function setupSample() { } ``` -> **メモ:** 上記の関数を簡単に変更し、ファイルの配列を引き継いでループさせ、複数のサンプルを読み込むことができます。このテクニックは、より複雑なインストゥルメントやゲームに便利でしょう。 +> [!NOTE] +> 上記の関数を簡単に変更し、ファイルの配列を引き継いでループさせ、複数のサンプルを読み込むことができます。このテクニックは、より複雑なインストゥルメントやゲームに便利でしょう。 We can now use `setupSample()` like so: @@ -574,7 +581,8 @@ function playSample(audioContext, audioBuffer, time) { } ``` -> **メモ:** この音声ファイルは [soundbible.com から引用](https://soundbible.com/1573-DTMF-Tones.html)しました。 +> [!NOTE] +> この音声ファイルは [soundbible.com から引用](https://soundbible.com/1573-DTMF-Tones.html)しました。 ## 時刻に合わせた音声の再生 @@ -582,7 +590,8 @@ function playSample(audioContext, audioBuffer, time) { `for` ループの中で再生するように音色をスケジュールすることもできますが、この場合の最大の問題は再生中に更新することで、そのための UI コントロールはすでに実装しています。また、楽器全体の BPM コントロールを検討するのも実にいいでしょう。音符がいつ演奏されるかを先に見て、それをキューに入れるのです。 `currentTime` プロパティで正確な時刻に始めることができ、変更も考えることができます。 -> **メモ:** この記事は、 [Chris Wilson's A Tale Of Two Clocks (2013)](https://web.dev/audio-scheduling/) の記事を大幅に縮小したもので、このメソッドについてもっと詳しく書かれています。ここですべてを繰り返す意味はありませんが、この記事を読んでこのメソッドを使用することを強くお勧めします。ここでのコードの多くは彼の[メトロノームの例](https://github.com/cwilso/metronome/blob/master/js/metronome.js)から引用しています。彼はこの記事の中で参照しています。 +> [!NOTE] +> この記事は、 [Chris Wilson's A Tale Of Two Clocks (2013)](https://web.dev/audio-scheduling/) の記事を大幅に縮小したもので、このメソッドについてもっと詳しく書かれています。ここですべてを繰り返す意味はありませんが、この記事を読んでこのメソッドを使用することを強くお勧めします。ここでのコードの多くは彼の[メトロノームの例](https://github.com/cwilso/metronome/blob/master/js/metronome.js)から引用しています。彼はこの記事の中で参照しています。 既定の BPM (beats per minute) を設定することから始めましょう。この BPM はユーザーも制御することができます。 diff --git a/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.md b/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.md index b02ffc9f0b2fa1..c4ff470469687a 100644 --- a/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.md +++ b/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.md @@ -19,7 +19,8 @@ slug: Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API 4. 例えばあなたのシステムのスピーカーなど、音声の最終的な行き先の選択。 5. 音声効果を（あるのならば）かけた後、最後に選択した行き先へ届いて終了する、音声源からの接続の確立。 -> **メモ:** 信号上で利用できるオーディオチャンネルの数字は、2.0 や 5.1 のように、しばしば、数値の形式で表現されます。これは[channel notation](https://en.wikipedia.org/wiki/Surround_sound#Channel_notation)と呼ばれます。最初の数値は、該当の信号が含んでいるオーディオチャンネルの数です。ピリオドの後にある数値は、低音増強用出力として確保されているチャンネルの数を示しています。それらはしばしば**サブウーファー**とも称されます。 +> [!NOTE] +> 信号上で利用できるオーディオチャンネルの数字は、2.0 や 5.1 のように、しばしば、数値の形式で表現されます。これは[channel notation](https://en.wikipedia.org/wiki/Surround_sound#Channel_notation)と呼ばれます。最初の数値は、該当の信号が含んでいるオーディオチャンネルの数です。ピリオドの後にある数値は、低音増強用出力として確保されているチャンネルの数を示しています。それらはしばしば**サブウーファー**とも称されます。 ![A simple box diagram with an outer box labeled Audio context, and three inner boxes labeled Sources, Effects and Destination. The three inner boxes have arrow between them pointing from left to right, indicating the flow of audio information.](webaudioAPI_en.svg) @@ -57,7 +58,8 @@ slug: Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API バッファが再生されると、最も左のサンプルフレームが聞こえ、次にそのサンプルフレームのすぐ隣のサンプルフレームが続いてゆきます。ステレオの場合、両方のチャンネルから同時に聴こえます。サンプルフレームは、チャンネルの数とは独立しているため非常に便利であり、正確に音声を取り扱う有効な手段として、時間を表現してくれます。 -> **メモ:** フレーム数から秒数を得るためには、フレーム数をサンプルレートで単に除算するだけです。サンプル数からフレーム数を得るためには、チャンネル数で単に除算するだけです。 +> [!NOTE] +> フレーム数から秒数を得るためには、フレーム数をサンプルレートで単に除算するだけです。サンプル数からフレーム数を得るためには、チャンネル数で単に除算するだけです。 以下はいくつかの単純なサンプルです: @@ -81,7 +83,8 @@ var buffer = context.createBuffer(1, 22050, 22050); この呼び出しをする場合、モノラルバッファーをチャンネル数 1 で取得し、AudioContext 上で 44100Hz にて再生される際に自動で 44100Hz へ*再サンプリングされ*(したがって 44100 フレームとなり)、1 秒間続きます: 44100 フレーム/44100Hz = 1 秒。 -> **メモ:** オーディオの再サンプリングは、画像のサイズ変更と非常に似たものです。例えば 16x16 の画像があり、32x32 のスペースを満たしたいとします。サイズ変更(あるいは再サンプリング)を行い、結果として(サイズ変更アルゴリズムの違いに依存して、ぼやけたりエッジができたりと)画質の低下を伴いますが、スペースを減らすサイズ変更済み画像が作れます。再サンプリングされたオーディオもまったく同じです。スペースを保てるものの、実際には高音域のコンテンツや高音を適切に再現することはできません。 +> [!NOTE] +> オーディオの再サンプリングは、画像のサイズ変更と非常に似たものです。例えば 16x16 の画像があり、32x32 のスペースを満たしたいとします。サイズ変更(あるいは再サンプリング)を行い、結果として(サイズ変更アルゴリズムの違いに依存して、ぼやけたりエッジができたりと)画質の低下を伴いますが、スペースを減らすサイズ変更済み画像が作れます。再サンプリングされたオーディオもまったく同じです。スペースを保てるものの、実際には高音域のコンテンツや高音を適切に再現することはできません。 ### バッファーセクションの平面性対交差性 @@ -363,7 +366,8 @@ Web Audio API は、音声処理に適することを理由に、平面的なバ - {{domxref("AnalyserNode.getByteTimeDomainData()")}} - : 現在の波形データまたはタイムドメインデータを渡された{{domxref("Uint8Array")}}型配列(符号なしバイト配列)にコピーします。 -> **メモ:** より詳しい情報は、Web Audio API 記事中の [Visualizations with Web Audio API](/ja/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API) を参照してください。 +> [!NOTE] +> より詳しい情報は、Web Audio API 記事中の [Visualizations with Web Audio API](/ja/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API) を参照してください。 ## 立体化 @@ -377,7 +381,8 @@ Web Audio API は、音声処理に適することを理由に、平面的なバ ![We see the position, up and front vectors of an AudioListener, with the up and front vectors at 90° from the other.](WebAudioListenerReduced.png) -> **メモ:** より詳しい情報は、[Web audio spatialization basics](/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics) を参照してください。 +> [!NOTE] +> より詳しい情報は、[Web audio spatialization basics](/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics) を参照してください。 ## ファンインとファンアウト diff --git a/files/ja/web/api/web_audio_api/index.md b/files/ja/web/api/web_audio_api/index.md index 41a135f6ef8a05..f97481cdce3727 100644 --- a/files/ja/web/api/web_audio_api/index.md +++ b/files/ja/web/api/web_audio_api/index.md @@ -31,7 +31,8 @@ l10n: ウェブオーディオ API では、立体音響を制御することもできます。*ソースリスナーモデル*に基づいたシステムを使用することで、*パンモデル*を制御し、音源の移動 (またはリスナーの移動) によって引き起こされる*距離に起因する減衰*を処理することができます。 -> **メモ:** ウェブオーディオ API の理論に関する詳細は [ウェブオーディオ API の基本概念](/ja/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API) をご覧ください。 +> [!NOTE] +> ウェブオーディオ API の理論に関する詳細は [ウェブオーディオ API の基本概念](/ja/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API) をご覧ください。 ## ウェブオーディオ API が対象とする人 diff --git a/files/ja/web/api/web_audio_api/using_web_audio_api/index.md b/files/ja/web/api/web_audio_api/using_web_audio_api/index.md index 789dea6229c8ad..652c82538a5caf 100644 --- a/files/ja/web/api/web_audio_api/using_web_audio_api/index.md +++ b/files/ja/web/api/web_audio_api/using_web_audio_api/index.md @@ -46,7 +46,8 @@ const audioContext = new AudioContext(); これを実行するとどうなるのでしょうか。 {{domxref("BaseAudioContext")}} が自動的に生成され、オンライン音声コンテキストに拡張されます。これを行うのは、ライブサウンドを再生しようとしているからです。 -> **メモ:** 音声データを処理したいだけ、例えば、バッファリングとストリーミングのみを行い再生するのでなければ、 {{domxref("OfflineAudioContext")}} を作成するようにしたほうが良いかもしれません。 +> [!NOTE] +> 音声データを処理したいだけ、例えば、バッファリングとストリーミングのみを行い再生するのでなければ、 {{domxref("OfflineAudioContext")}} を作成するようにしたほうが良いかもしれません。 ## 音声の読み込み @@ -56,7 +57,8 @@ const audioContext = new AudioContext(); ``` -> **メモ:** 読み込もうとしている音声ファイルが別なドメインにある場合は、 `crossorigin` 属性を使用する必要があるでしょう。詳しくは[オリジン間リソース共有 (CORS)](/ja/docs/Web/HTTP/CORS) を参照してください。 +> [!NOTE] +> 読み込もうとしている音声ファイルが別なドメインにある場合は、 `crossorigin` 属性を使用する必要があるでしょう。詳しくは[オリジン間リソース共有 (CORS)](/ja/docs/Web/HTTP/CORS) を参照してください。 Web Audio API を使用してできるすばらしいことをすべて利用するためには、この要素で入力元をつかみ、作成したコンテキストに*送り込む*ことが必要です。幸いにもちょうどこれを行うメソッド — {{domxref("AudioContext.createMediaElementSource")}} が存在します。 @@ -68,7 +70,8 @@ const audioElement = document.querySelector("audio"); const track = audioContext.createMediaElementSource(audioElement); ``` -> **メモ:** 上記の `