aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/devicemotionevent/index.html
blob: b3d7fc6eb48135aa083da1cf9b7459b5bb768190 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
---
title: DeviceMotionEvent
slug: Web/API/DeviceMotionEvent
tags:
  - API
  - Device Orientation
  - Experimental
  - Mobile
  - Motion
  - Orientation
translation_of: Web/API/DeviceMotionEvent
---
<p>{{apiref("Device Orientation Events")}}{{SeeCompatTable}}</p>

<h2 id="サマリー">サマリー</h2>

<p><code>DeviceMotionEvent</code> はウェブ開発者にデバイスの位置と向きの変更スピードの情報を提供します。</p>

<div class="warning">
<p><strong>警告:</strong> 現在、Firefox と Chrome は同じ方法で座標を処理しません。これらを使用する際は、注意してください。</p>
</div>

<h2 id="コンストラクター">コンストラクター</h2>

<dl>
 <dt>{{domxref("DeviceMotionEvent.DeviceMotionEvent","DeviceMotionEvent.DeviceMotionEvent()")}}</dt>
 <dd>新しい <code>DeviceMotionEvent</code> を生成します。</dd>
</dl>

<h2 id="プロパティ">プロパティ</h2>

<dl>
 <dt>{{domxref("DeviceMotionEvent.acceleration")}} {{readonlyinline}}</dt>
 <dd>3 つの軸 X、Y、Z 上のデバイスの加速度を与えるオブジェクトです。加速度は <a href="https://en.wikipedia.org/wiki/Meter_per_second_squared">m/s<sup>2</sup></a> で表されます。</dd>
 <dt>{{domxref("DeviceMotionEvent.accelerationIncludingGravity")}} {{readonlyinline}}</dt>
 <dd>X、Y、Z 上のデバイスの加速度を重力度込みで与えるオブジェクトです。加速度は <a href="https://en.wikipedia.org/wiki/Meter_per_second_squared">m/s<sup>2</sup></a> で表されます。</dd>
 <dt>{{domxref("DeviceMotionEvent.rotationRate")}} {{readonlyinline}}</dt>
 <dd>3つの方向軸アルファ、ベータ、ガンマ上のデバイスの向きの変化率を与えるオブジェクトです。回転速度は 1 秒あたりの度数で表されます。</dd>
 <dt>{{domxref("DeviceMotionEvent.interval")}} {{readonlyinline}}</dt>
 <dd>デバイスからデータを取得する間隔(ミリ秒)を表す数値です。</dd>
</dl>

<h2 id="例"></h2>

<pre class="brush: js">window.addEventListener('devicemotion', function(event) {
  console.log(event.acceleration.x + ' m/s2');
});</pre>

<h2 id="仕様">仕様</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">ステータス</th>
   <th scope="col">コメント</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('Device Orientation')}}</td>
   <td>{{Spec2('Device Orientation')}}</td>
   <td>初期定義。</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2>



<p>{{Compat("api.DeviceMotionEvent")}}</p>

<h2 id="関連項目">関連項目</h2>

<ul>
 <li>{{ event("deviceorientation") }}</li>
 <li>{{ domxref("DeviceMotionEvent") }}</li>
 <li>{{ event("devicemotion") }}</li>
 <li><a href="/ja/docs/WebAPI/Detecting_device_orientation" title="/ja/docs/WebAPI/Detecting_device_orientation">デバイスの方向検出</a></li>
 <li><a href="/ja/DOM/Orientation_and_motion_data_explained" title="向きと動作データの説明">向きと動作データの説明</a></li>
</ul>