メインコンテンツへスキップ
@capgo/capacitor-accelerometer デバイス API オープンソース

加速度センサー Capacitor プラグイン

デバイスの加速度センサーを読み取り、モーション検出と向きの追跡を行います

インストール

bun add @capgo/capacitor-accelerometer bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-accelerometer
  • pnpm add @capgo/capacitor-accelerometer
  • yarn add @capgo/capacitor-accelerometer

ガイド

Capacitor で Accelerometer を使用する方法

実機でテストする

Capgo アプリをダウンロードして、QR code をスキャンしてください。

Accelerometer プラグインのプレビューQR code

@capgo/capacitor-accelerometer の使い方

デバイスの加速度センサーを扱うための Capacitor プラグインのコントラクト。

インストール

bun add @capgo/capacitor-accelerometer
bunx cap sync

bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。

インポート

import { CapacitorAccelerometer } from '@capgo/capacitor-accelerometer';

API の概要

メソッド 説明
getMeasurement ネイティブレイヤーで記録された最新の加速度センサーサンプルを取得します。
isAvailable 現在のデバイスに加速度センサーが搭載されているか確認します。
startMeasurementUpdates 加速度センサーの更新をJavaScriptレイヤーへストリーミングする処理を開始します。
stopMeasurementUpdates .経由で開始された加速度センサーのストリーミングを停止します。
checkPermissions モーションデータへのアクセスに関する現在の権限状態を返します。
requestPermissions プラットフォームが対応している場合、モーションデータへのアクセス権限をリクエストします。

例

getMeasurement()

ネイティブレイヤーで記録された最新の加速度センサーサンプルを取得します。

import { CapacitorAccelerometer } from '@capgo/capacitor-accelerometer';

const result = await CapacitorAccelerometer.getMeasurement();
console.log(result);

isAvailable()

現在のデバイスに加速度センサーが搭載されているか確認します。

import { CapacitorAccelerometer } from '@capgo/capacitor-accelerometer';

const result = await CapacitorAccelerometer.isAvailable();
console.log(result);

startMeasurementUpdates()

加速度センサーの更新をJavaScriptレイヤーへストリーミングする処理を開始します。

import { CapacitorAccelerometer } from '@capgo/capacitor-accelerometer';

await CapacitorAccelerometer.startMeasurementUpdates();

stopMeasurementUpdates()

.経由で開始された加速度センサーのストリーミングを停止します。

import { CapacitorAccelerometer } from '@capgo/capacitor-accelerometer';

await CapacitorAccelerometer.stopMeasurementUpdates();

checkPermissions()

モーションデータへのアクセスに関する現在の権限状態を返します。

import { CapacitorAccelerometer } from '@capgo/capacitor-accelerometer';

const result = await CapacitorAccelerometer.checkPermissions();
console.log(result);

requestPermissions()

プラットフォームが対応している場合、モーションデータへのアクセス権限をリクエストします。

import { CapacitorAccelerometer } from '@capgo/capacitor-accelerometer';

const result = await CapacitorAccelerometer.requestPermissions();
console.log(result);

イベントをリッスンする

addListener ハンドルを返します。画面がアンマウントされるときに handle.remove() 画面がアンマウントされるとき、または CapacitorAccelerometer.removeAllListeners() すべてのリスナーを解除します。

完全なリファレンス

「@capgo/capacitor-accelerometer の使用」から続ける

使用している場合 @capgo/capacitor-accelerometer の使い方 ダッシュボードと API の運用を計画するには、これを次と連携させます @capgo/capacitor-accelerometer @capgo/capacitor-accelerometer の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 API の概要 「API の概要」の実装の詳細については、 はじめに はじめにの実装詳細、および API キー API Keys の実装詳細については、

よくある質問

Accelerometer プラグインの FAQ

Capacitor アプリに Accelerometer プラグインをインストールするにはどうすればよいですか?

"bun add @capgo/capacitor-accelerometer"(または "npm install @capgo/capacitor-accelerometer")を実行した後、"bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させてください。その後、アプリの code から "@capgo/capacitor-accelerometer" をインポートします。

@capgo/capacitor-accelerometer は React、Vue、Angular で動作しますか?

はい。Accelerometer は Capacitor パッケージなので、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用できます。

@capgo/capacitor-accelerometer はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-accelerometer は無料のオープンソースですか?

はい。code のソースコードは GitHub の https://github.com/Cap-go/capacitor-accelerometer/ で公開されており、パッケージは npm から無料でインストールできます。バグ報告やプルリクエストも歓迎しています。

App Store の審査なしで、Accelerometer を使用している code をアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずに、加速度センサーの変更をリリース

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める