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

シェイク Capacitor プラグイン

デバイスのシェイク動作を検知し、Undo(元に戻す)やフィードバックなどのアクションを実行します

インストール

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 をスキャンしてください。

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

@capgo/capacitor-shakeの使い方

Capacitor Shake Pluginは、モバイルデバイスでのシェイクジェスチャーを検知するためのインターフェースです。このプラグインを使用すると、シェイクイベントのリスニングやプラグインのバージョン情報の取得が可能です。

インストール

bun add @capgo/capacitor-shake
bunx cap sync

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

インポート

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

API の概要

メソッド 説明
addListener デバイスのシェイクイベントを検知します。
getPluginVersion ネイティブの 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 プラグインのバージョンを取得します。

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

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

イベントをリッスンする

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

完全なリファレンス

@capgo/capacitor-shake の使用方法から続けてください

使用している場合 @capgo/capacitor-shakeの使い方 ネイティブプラグインの作業を計画するには、次と連携してください: @capgo/capacitor-shake @capgo/capacitor-shake の実装の詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo プラグインディレクトリ Capgo プラグインディレクトリのプロダクトワークフローについては、 Capgo による Capacitor プラグイン Capgo による Capacitor Plugins の実装詳細、および プラグインの追加または更新 プラグインの追加または更新に関する実装詳細についてはこちら。

よくある質問

Shake pluginに関するよくある質問

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

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

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

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

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

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

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

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

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

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

アプリの審査を待たずに Shake の変更をリリース

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

Capgo から始める