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

Accelerometer

Experimental: これは実験的な機能です。

本番で使用する前にブラウザー互換性一覧表をチェックしてください。

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

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

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

EventTarget Sensor Accelerometer

デバイスAPI

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
Accelerometer
実験的
67
79
67
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
その他
html.elements.iframe.allow.accelerometer
実験的
66
79
66
http.headers.Permissions-Policy.accelerometer
実験的

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

基本構文

JAVASCRIPT 
const accel = new Accelerometer({ frequency: 60 });
accel.addEventListener('reading', () => {
  console.log('X:', accel.x, 'Y:', accel.y, 'Z:', accel.z);
});
accel.start();

実務での使いどころ

  • Accelerometer の活用

    Experimental: これは実験的な機能です。

注意点

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

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク