メインコンテンツへスキップ
Expo サンプルは、フロントカメラの美肌を手早く確認するための React Native アプリです。Android と iOS は同じ画面を使います。呼び出しているのは Android と iOS の SDK で、Web SDK ではありません。 製品への組み込みは Android または iOS を参照してください。このページはサンプルの起動だけを説明します。Expo からこの SDK を呼ぶアプリも、prebuild で作る必要があります。

​
Expo Go と prebuild

Expo にはアプリの起動方法が二つあります。この SDK は prebuild でしか呼べません。 この SDK を動かすなら prebuild の方が速いです。美顔処理はネイティブライブラリの中に残ります。同じ処理を JavaScript で行うとずっと遅く、Expo Go からはライブラリを呼べません。最初の prebuild はネイティブアプリをコンパイルするため、Expo Go を開くより時間がかかります。完了したあとのプレビューはネイティブ SDK です。 リリースビルドも Expo Go ではなく、prebuild したアプリです。この SDK を呼ぶ Expo プロジェクトでは prebuild を使ってください。

​
必要条件

  • Node.js: ^22.13 または ^24.3
  • Android: Android SDK、arm64 の実機またはエミュレータ、API 24 以上
  • iOS: Mac 上の Xcode。フロントカメラは実機を使ってください。

​
サンプルを取得する

GitHub リポジトリをクローンし、demo/expo を開きます。

​
実行

各コマンドは prebuild を実行し、対象プラットフォームのネイティブプロジェクトを生成して、デバッグビルドをインストールします。ネイティブコードまたは JavaScript を変更したあとは、同じコマンドをもう一度実行します。npx expo prebuild はネイティブプロジェクトを生成するだけです。その後は Android Studio または Xcode で開けます。
npx expo start が開くのは Expo Go です。このモードでは本 SDK を読み込めません。

​
パッケージ

どちらも resource.fbd を含みます。サンプルはオプションの 3D パックとボディパックを読み込みません。 同梱の認証情報は上記の識別子に紐づいています。独自のアプリでは、ダッシュボードでパッケージ名または Bundle ID を登録してから app.json を変更してください。認証とライセンスを参照してください。

​
画面

プレビューはフロントカメラで、縦向き、ミラー表示です。下部で Smooth、Tone、Rosy、Blemish、Clarity、Skin only を調整します。右上は直前のフレームの処理時間です。左上は端末名、カメラバッファ、SDK に渡すサイズ、画面上のビューサイズです。カメラバッファがビューよりかなり小さいと拡大され、ぼやけて見えます。