ビューフェスジャパン2026
Vue Fes Japan 2026のメインビジュアル。VueをイメージしたVのシルエットと、日の丸をイメージした丸のシルエットが横に並んでいる。色は深い抹茶のような色をしており、丸のシルエットには金色の墨流し模様が描かれている。
大手町プレイス ホール &カンファレンス

Speaker

Vueトラック
15:05 - 15:35
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を扱うためのプラグイン設計についてお話します。

Hal

所属
株式会社LIXIL
肩書き
アプリケーションエキスパート

Hal

所属
株式会社LIXIL
肩書き
アプリケーションエキスパート

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を扱うためのプラグイン設計についてお話します。