Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

Accelerometer

Sensor APIs の Accelerometer インターフェイスは、デバイスの 3 軸それぞれにかかっている加速度の計測値を提供します。

このセンサーを使用するには、ユーザーが 権限 API により 'accelerometer' デバイスセンサーの使用を許可することが必要です。

この機能は、サーバーで設定された 権限ポリシー によりブロックされる可能性があります。

EventTarget Sensor Accelerometer

デバイス・センサー

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
Accelerometer
実験的
67
79
67
HTML 属性
allow (accelerometer)
実験的
66
79
66
DOM API
Accelerometer
実験的

Accelerometer() コンストラクターは、取得時点でデバイスの 3 軸それぞれにかかっている加速度を返す新しい Accelerometer オブジェクトを生成します。
67
79
67
x
実験的

Accelerometer インターフェイスの読み取り専用プロパティ x は、デバイスの x 軸方向の加速度を表す数値を返します。
67
79
67
y
実験的

Accelerometer インターフェイスの読み取り専用プロパティ y は、デバイスの y 軸方向の加速度を表す数値を返します。
67
79
67
z
実験的

Accelerometer インターフェイスの読み取り専用プロパティ z は、デバイスの z 軸方向の加速度を表す数値を返します。
67
79
67
GravitySensor

Sensor APIs の GravitySensor インターフェイスは、デバイスの 3 軸それぞれにかかっている重力の測定値を提供します。
91
91
91
GravitySensor

GravitySensor() コンストラクターは、デバイスの 3 軸それぞれにかかっている重力の測定値を提供する新しい GravitySensor オブジェクトを生成します。
91
91
91
LinearAccelerationSensor

Sensor APIs の LinearAccelerationSensor インターフェイスは、デバイスの 3 軸それぞれにかかっている加速度の測定値を、重力の影響を除いて提供します。
67
79
67
LinearAccelerationSensor

LinearAccelerationSensor() コンストラクターは、デバイスの 3 軸それぞれにかかっている加速度の測定値を、重力の影響を除いて提供する新しい LinearAccelerationSensor オブジェクトを生成します。
67
79
67
permission_accelerometer
実験的

加速度計`の許可
62
79
62
その他
accelerometer
実験的

HTTP の Permissions-Policy ヘッダーにおける accelerometer ディレクティブは、現在の文書が Accelerometer インターフェイスを通じて端末の加速度に関する情報を収集することを許可するかどうかを制御します。
88
88
88
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT 
const acl = new Accelerometer({ frequency: 60 });
acl.addEventListener("reading", () => {
  console.log(`Acceleration along the X-axis ${acl.x}`);
  console.log(`Acceleration along the Y-axis ${acl.y}`);
  console.log(`Acceleration along the Z-axis ${acl.z}`);
});

acl.start();

実務での使いどころ

  • Accelerometer の活用

    Sensor APIs の Accelerometer インターフェイスは、デバイスの 3 軸それぞれにかかっている加速度の計測値を提供します。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

実装メモ

  • 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。

参考リンク