Shake

@capgo/capacitor-shakeを使う

@capgo/capacitor-shakeパッケージを使用すると、デバイス上のシェイクジェスチャーを検出できます。このパッケージをCapacitorアプリで使用する方法についてのチュートリアルです。

インストール

パッケージをインストールするには、以下のコマンドを実行します：

npm install @capgo/capacitor-shake
npx cap sync

リスナーを追加

シェイクジェスチャーを検出するには、shakeイベントのリスナーを追加する必要があります。以下はその方法の例です：

import { Plugins } from '@capacitor/core';

const { CapacitorShake } = Plugins;

CapacitorShake.addListener('shake', () => {
  console.log('Shake gesture detected!');
});

この例では、@capacitor/coreからCapacitorShakeプラグインをインポートし、addListenerメソッドを使用してshakeイベントのリスナーを追加します。シェイクジェスチャーが検出されると、コールバック関数が実行されます。

リスナーを削除

shakeイベントリスナーを削除したい場合は、removeAllListenersメソッドを使用できます：

import { Plugins } from '@capacitor/core';

const { CapacitorShake } = Plugins;

CapacitorShake.removeAllListeners('shake');

この例では、removeAllListenersメソッドを使用してすべてのshakeイベントリスナーを削除します。

以上です！@capgo/capacitor-shakeパッケージをCapacitorアプリに正常に統合しました。これでデバイス上のシェイクジェスチャーを検出できるようになりました。