Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
みなさんはVue.jsでネイティブアプリを作ったことがありますか?
昨今Vue3をサポートしたLynxの登場や、WebViewベースでありながらネイティブレイヤーのサポートが手厚いCapacitorなど、Webアプリの経験を活かせるネイティブフレームワークの発展によりWebエンジニアのモバイルアプリ開発を始めるハードルは大きく下がっています。
一方でAVCaptureDeviceやARKitのような特定のネイティブAPIへアクセスする機能が十分でないことも事実です。
では諦めてFlutterやSwift/Kotlinを使うしかないのか?
いえ、ネイティブレイヤーへアクセスするプラグインを作ってしまいましょう。
とはいえネイティブレイヤーで扱うデータは膨大になることがあります。
例えばLiDARを用いて収集した3Dスキャンの点群データはJavaScript< — >ネイティブのバイナリ転送量が大きく、効率的な通信を行われなければ実用性に欠けてしまいます。
このセッションではARやLiDAR等を用いた空間解析アプリを主軸にJS< — >ネイティブ間の転送効率化、およびWebフレームワークで効率よくネイティブAPIを扱うためのプラグイン設計についてお話します。
Hal
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
みなさんはVue.jsでネイティブアプリを作ったことがありますか?
昨今Vue3をサポートしたLynxの登場や、WebViewベースでありながらネイティブレイヤーのサポートが手厚いCapacitorなど、Webアプリの経験を活かせるネイティブフレームワークの発展によりWebエンジニアのモバイルアプリ開発を始めるハードルは大きく下がっています。
一方でAVCaptureDeviceやARKitのような特定のネイティブAPIへアクセスする機能が十分でないことも事実です。
では諦めてFlutterやSwift/Kotlinを使うしかないのか?
いえ、ネイティブレイヤーへアクセスするプラグインを作ってしまいましょう。
とはいえネイティブレイヤーで扱うデータは膨大になることがあります。
例えばLiDARを用いて収集した3Dスキャンの点群データはJavaScript< — >ネイティブのバイナリ転送量が大きく、効率的な通信を行われなければ実用性に欠けてしまいます。
このセッションではARやLiDAR等を用いた空間解析アプリを主軸にJS< — >ネイティブ間の転送効率化、およびWebフレームワークで効率よくネイティブAPIを扱うためのプラグイン設計についてお話します。
