メインコンテンツにジャンプ
@capgo/capacitor-shake デバイスAPI オープンソース

シェイク Capacitor プラグイン

デバイス上の振動を検出してアクションをトリガーする

インストール

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

ガイド

CapacitorでShakeを使用する方法

デバイスでテスト

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

シェイクプラグインのプレビューQRコードのcode

@capgo/capacitor-shakeを使用

Capacitorシェイクプラグインはモバイルデバイスでシェイクジェスチャーを検出するためのインターフェースです。このプラグインでは、シェイクイベントを検知し、プラグインのバージョン情報を取得できます。

インストール

bun add @capgo/capacitor-shake
bunx cap sync

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

Import

import { CapacitorShake } from '@capgo/capacitor-shake';

APIの概要

Method 概要
addListener デバイス上の振動イベントをリスンします。
getPluginVersion Capacitor を使用したネイティブの Capacitor プラグインのバージョンを取得します。

例

addListener()

デバイス上の振動イベントをリスンします。

import { CapacitorShake } from '@capgo/capacitor-shake';

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

// To remove the listener:
await listener.remove();

getPluginVersion()

Capacitor を使用したネイティブの Capacitor プラグインのバージョンを取得します。

import { CapacitorShake } from '@capgo/capacitor-shake';

const { version } = await CapacitorShake.getPluginVersion();
console.log('Plugin version:', version);

イベントをリスンします。

addListener ハンドルを返します。呼び出し handle.remove() 画面がアンマウントされたときに呼び出します。

詳細

@capgo/capacitor-shake

__CAPGO_KEEP_0__を使用している場合 Using @capgo/capacitor-shake __CAPGO_KEEP_0__と接続してください @capgo/capacitor-shake @capgo/capacitor-shakeの実装詳細について Getting Startedの実装詳細 __CAPGO_KEEP_0__ プラグイン ディレクトリ Capgo プラグイン ディレクトリの製品ワークフロー Capgo プラグイン ( __CAPGO_KEEP_1__ による ) Capacitor プラグイン ( Capgo による ) Capacitor プラグインの実装詳細については、Capgo プラグインを参照してください。 プラグインの追加または更新 __CAPGO_KEEP_0__ プラグインの実装詳細については、プラグインの追加または更新を参照してください。

FAQ

ShakeプラグインFAQ

ShakeプラグインをCapacitorアプリにインストールする方法は?

Run "bun add @capgo/capacitor-shake" (または "npm install @capgo/capacitor-shake")、次に "bunx cap sync" を実行して、iOS と Android のプロジェクトがネイティブ code を取得するようにします。次に、@capgo/capacitor-shake をアプリのcodeからインポートします。

@capgo/capacitor-shakeは、React、Vue、Angularとどのように動作するか?

はい。ShakeはCapacitorパッケージなので、Capacitor内で実行される任意のWebフレームワークと互換性があります。例えば、Ionic、React、Vue、Angular、Svelte、または単純なJavaScriptです。

Which Capacitor version does @capgo/capacitor-shake support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

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

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-shake/ and the package is free to install from npm. Bug reports and pull requests are welcome.

codeを使用しているアプリにShakeをアップデートすることは可能ですか?

codeをインストールまたはアップグレードすると、ネイティブのcodeが変更されるため、ストアのビルドが必要になります。 その後、JavaScript、HTML、CSSの変更がプラグインを呼び出すと、Capgoライブアップデートで即時配信できます。

アプリレビューの待たずにShakeの変更を配信します。

プラグインがストアビルドに追加されたら、Capgoライブアップデートは、JavaScript、HTML、CSSの変更をユーザーに数分でプッシュします。

Capgoから始めます。