diff options
author | hagiwara takayuki <141513+hagiwaratakayuki@users.noreply.github.com> | 2021-05-29 22:12:57 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-05-29 22:12:57 +0900 |
commit | 28377f692739345c99df9107ac21b9c75fe8f33b (patch) | |
tree | a4fbec773c79f751c77266e8a17e5cc0c2eed840 /files/ja | |
parent | 732e9a4279ca515d90b4b6c99d8b78c378a89f32 (diff) | |
download | translated-content-28377f692739345c99df9107ac21b9c75fe8f33b.tar.gz translated-content-28377f692739345c99df9107ac21b9c75fe8f33b.tar.bz2 translated-content-28377f692739345c99df9107ac21b9c75fe8f33b.zip |
英語版で復旧したweb/events下のファイル復旧(一部) (#957)
files/ja/orphaned/web/guide/events/creating_and_triggering_events/index.html
files/ja/orphaned/web/api/detecting_device_orientation/index.html
files/ja/orphaned/web/guide/events/orientation_and_motion_data_explained/index.html
Co-authored-by: hagiwaratakayuli <hagiwaratakayuli@gmail.com>
Co-authored-by: Masahiro FUJIMOTO <mfujimot@gmail.com>
Diffstat (limited to 'files/ja')
-rw-r--r-- | files/ja/web/events/creating_and_triggering_events/index.html (renamed from files/ja/orphaned/web/guide/events/creating_and_triggering_events/index.html) | 14 | ||||
-rw-r--r-- | files/ja/web/events/detecting_device_orientation/index.html (renamed from files/ja/orphaned/web/api/detecting_device_orientation/index.html) | 33 | ||||
-rw-r--r-- | files/ja/web/events/orientation_and_motion_data_explained/alpha.png | bin | 0 -> 12306 bytes | |||
-rw-r--r-- | files/ja/web/events/orientation_and_motion_data_explained/axes.png | bin | 0 -> 9652 bytes | |||
-rw-r--r-- | files/ja/web/events/orientation_and_motion_data_explained/beta2.png | bin | 0 -> 11290 bytes | |||
-rw-r--r-- | files/ja/web/events/orientation_and_motion_data_explained/gamma.png | bin | 0 -> 12778 bytes | |||
-rw-r--r-- | files/ja/web/events/orientation_and_motion_data_explained/index.html | 2 |
7 files changed, 32 insertions, 17 deletions
diff --git a/files/ja/orphaned/web/guide/events/creating_and_triggering_events/index.html b/files/ja/web/events/creating_and_triggering_events/index.html index 9d2760dce6..8543bc7c77 100644 --- a/files/ja/orphaned/web/guide/events/creating_and_triggering_events/index.html +++ b/files/ja/web/events/creating_and_triggering_events/index.html @@ -1,6 +1,6 @@ --- title: イベントの作成と起動 -slug: orphaned/Web/Guide/Events/Creating_and_triggering_events +slug: Web/Events/Creating_and_triggering_events tags: - Advanced - DOM @@ -8,8 +8,8 @@ tags: - JavaScript - NeedsContent - events -translation_of: Web/Guide/Events/Creating_and_triggering_events -original_slug: Web/Guide/Events/Creating_and_triggering_events +translation_of: Web/Events/Creating_and_triggering_events +original_slug: Web/Events/Creating_and_triggering_events --- <p>この記事では、 DOM イベントを作成して処理する方法を説明します。このようなイベントは、一般に、ブラウザー自体によって起動されたイベントとは対照的に、<strong>合成イベント</strong>と呼ばれます。</p> @@ -140,3 +140,11 @@ textarea.addEventListener('input', function() { <li>{{domxref("EventTarget.dispatchEvent()")}}</li> <li>{{domxref("EventTarget.addEventListener()")}}</li> </ul> + +<section id="Quick_links"> + <ul> + <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/Events">イベントへの入門</a></li> + <li><a href="/en-US/docs/Web/Events/Event_handlers">Event handlers (overview)(en-US)</a></li> + <li><a href="/en-US/docs/Web/Events">イベントリファレンス</a></li> + </ul> +</section> diff --git a/files/ja/orphaned/web/api/detecting_device_orientation/index.html b/files/ja/web/events/detecting_device_orientation/index.html index 484067e66f..b097f43405 100644 --- a/files/ja/orphaned/web/api/detecting_device_orientation/index.html +++ b/files/ja/web/events/detecting_device_orientation/index.html @@ -1,6 +1,6 @@ --- title: デバイスの方向の検出 -slug: orphaned/Web/API/Detecting_device_orientation +slug: Web/Events/Detecting_device_orientation tags: - API - Device Orientation @@ -11,8 +11,8 @@ tags: - Orientation - Reference - WebAPI -translation_of: Web/API/Detecting_device_orientation -original_slug: Web/API/Detecting_device_orientation +translation_of: Web/Events/Detecting_device_orientation +original_slug: Web/Events/Detecting_device_orientation --- <div>{{SeeCompatTable}}</div> @@ -26,8 +26,9 @@ original_slug: Web/API/Detecting_device_orientation <p>方向の変化を受け取り始めるには、{{event("deviceorientation")}} イベントをリッスンします:</p> -<div class="note"> -<p><strong>注記</strong>: <a href="https://github.com/dorukeker/gyronorm.js">gyronorm.js</a> は、モバイルデバイスの加速度センサーやジャイロスコープのデータを正規化するためのポリフィルです。これは、デバイスの方向のサポート状況の違いを克服するのに役立ちます。</p> +<div class="notecard note"> +<h4>注記</h4> +<p><a href="https://github.com/wagerfield/parallax">parallax</a> は、モバイルデバイスの加速度センサーやジャイロスコープのデータを正規化するためのポリフィルです。これは、デバイスの方向のサポート状況の違いを克服するのに役立ちます。</p> </div> <pre class="brush: js">window.addEventListener("deviceorientation", handleOrientation, true); @@ -58,7 +59,7 @@ original_slug: Web/API/Detecting_device_orientation <h3 id="Orientation_values_explained" name="Orientation_values_explained">方向として示される値</h3> -<p>それぞれの軸で報告される値は、標準座標系の軸を中心にした回転量を表します。これらは<a href="/ja/DOM/Orientation_and_motion_data_explained">方向および動きとして示されるデータ</a>の記事で詳しく説明しており、ここでは概要を記載します。</p> +<p>それぞれの軸で報告される値は、標準座標系の軸を中心にした回転量を表します。これらは<a href="/ja/docs/Web/Events/Orientation_and_motion_data_explained">方向および動きとして示されるデータ</a>の記事で詳しく説明しており、ここでは概要を記載します。</p> <ul> <li>{{domxref("DeviceOrientationEvent.alpha")}} の値は z 軸を中心にしたデバイスの動きを表し、0 から 360 の範囲による度数で表されます。</li> @@ -162,7 +163,7 @@ window.addEventListener('deviceorientation', handleOrientation); <h3 id="Motion_values_explained" name="Motion_values_explained">動きとして示される値</h3> -<p>{{domxref("DeviceMotionEvent")}} オブジェクトは Web 開発者に、デバイスの位置や方向が変化した速度の情報を提供します。変化量は 3 つの軸 (詳しくは<a href="/ja/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">方向および動きとして示されるデータ</a>をご覧ください) に沿って表します。</p> +<p>{{domxref("DeviceMotionEvent")}} オブジェクトは Web 開発者に、デバイスの位置や方向が変化した速度の情報を提供します。変化量は 3 つの軸 (詳しくは<a href="/ja/docs/Web/Events/Orientation_and_motion_data_explained">方向および動きとして示されるデータ</a>をご覧ください) に沿って表します。</p> <p>{{domxref("DeviceMotionEvent.acceleration","acceleration")}} および {{domxref("DeviceMotionEvent.accelerationIncludingGravity","accelerationIncludingGravity")}} で対応する軸は以下のとおりです:</p> @@ -203,11 +204,8 @@ window.addEventListener('deviceorientation', handleOrientation); <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> -<div> <h3 id="DeviceMotionEvent"><code>DeviceMotionEvent</code></h3> - - <p>{{Compat("api.DeviceMotionEvent")}}</p> <h3 id="DeviceOrientationEvent"><code>DeviceOrientationEvent</code></h3> @@ -215,7 +213,6 @@ window.addEventListener('deviceorientation', handleOrientation); <div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div> <p>{{Compat("api.DeviceOrientationEvent")}}</p> -</div> <h2 id="See_also" name="See_also">関連情報</h2> @@ -223,7 +220,17 @@ window.addEventListener('deviceorientation', handleOrientation); <li>{{domxref("DeviceOrientationEvent")}}</li> <li>{{domxref("DeviceMotionEvent")}}</li> <li>レガシー化したイベントである <code><a href="/ja/docs/Web/Events/MozOrientation">MozOrientation</a></code></li> - <li><a href="/ja/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a></li> - <li><a href="/ja/docs/Web/Guide/DOM/Events/Using_device_orientation_with_3D_transforms">Using deviceorientation in 3D Transforms</a></li> + <li><a href="/ja/docs/Web/Events/Orientation_and_motion_data_explained">方向および動きとして示されるデータ</a></li> + <li><a href="/en-US/docs/Web/Guide/Events/Using_device_orientation_with_3D_transforms">Using deviceorientation in 3D Transforms</a></li> <li><a href="/ja/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">Cyber Orb: 2D maze game with device orientation</a></li> </ul> + +<section id="Quick_links"> + <ul> + <li><a href="/ja/docs/Web/Events/Orientation_and_motion_data_explained">方向および動きとして示されるデータ</a></li> + <li>{{domxref("DeviceOrientationEvent")}}</li> + <li>{{domxref("DeviceMotionEvent")}}</li> + <li><a href="/en-US/docs/Web/Events/Using_device_orientation_with_3D_transforms">Using deviceorientation in 3D Transforms</a></li> + <li><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Events">イベントへの入門</a></li> + </ul> +</section> diff --git a/files/ja/web/events/orientation_and_motion_data_explained/alpha.png b/files/ja/web/events/orientation_and_motion_data_explained/alpha.png Binary files differnew file mode 100644 index 0000000000..7703f20e09 --- /dev/null +++ b/files/ja/web/events/orientation_and_motion_data_explained/alpha.png diff --git a/files/ja/web/events/orientation_and_motion_data_explained/axes.png b/files/ja/web/events/orientation_and_motion_data_explained/axes.png Binary files differnew file mode 100644 index 0000000000..dc2886d4e7 --- /dev/null +++ b/files/ja/web/events/orientation_and_motion_data_explained/axes.png diff --git a/files/ja/web/events/orientation_and_motion_data_explained/beta2.png b/files/ja/web/events/orientation_and_motion_data_explained/beta2.png Binary files differnew file mode 100644 index 0000000000..299ea0b122 --- /dev/null +++ b/files/ja/web/events/orientation_and_motion_data_explained/beta2.png diff --git a/files/ja/web/events/orientation_and_motion_data_explained/gamma.png b/files/ja/web/events/orientation_and_motion_data_explained/gamma.png Binary files differnew file mode 100644 index 0000000000..f582aa71c5 --- /dev/null +++ b/files/ja/web/events/orientation_and_motion_data_explained/gamma.png diff --git a/files/ja/web/events/orientation_and_motion_data_explained/index.html b/files/ja/web/events/orientation_and_motion_data_explained/index.html index 2f83fd5355..535ae1ae53 100644 --- a/files/ja/web/events/orientation_and_motion_data_explained/index.html +++ b/files/ja/web/events/orientation_and_motion_data_explained/index.html @@ -80,4 +80,4 @@ original_slug: Web/Guide/Events/Orientation_and_motion_data_explained <li><a href="/ja/docs/Web/Events/Using_device_orientation_with_3D_transforms">3D 変換における deviceorientation の使用</a></li> <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/Events">イベントの紹介</a></li> </ul> -</section>
\ No newline at end of file +</section> |