Vue FesJapan 2026
The main visual of Vue Fes Japan 2026. It features a silhouette of a V, representing Vue, and a circle, representing the Japanese flag, side by side. The colors are deep matcha-like shades derived from the two colors, and the circle features a Japanese gold marbling pattern.
OtemachiPlace Hall & Conference

Speaker

Vue Track
15:05 - 15:35
Hal

Building Spatial Analysis Apps with Vue.js, and the Data Bridge for Capacitor Plugins

Have any of you ever built a native app with Vue.js?

With the recent emergence of Lynx supporting Vue 3, and Capacitor — which, despite being WebView-based, offers robust native-layer support — the bar for web engineers to get started with mobile app development has dropped significantly, thanks to the advance of native frameworks that let you leverage your existing web app experience.

At the same time, it's also true that support for accessing certain native APIs, like AVCaptureDevice or ARKit, often isn't sufficient.

So does that mean we have no choice but to give up and use Flutter or Swift/Kotlin?

No — let's just build a plugin that accesses the native layer ourselves.

That said, the data handled at the native layer can sometimes be massive. For example, with 3D scan point cloud data collected using LiDAR, the volume of binary data transferred between JavaScript and native is large, and without efficient communication, the whole thing falls short of being practical.

In this session, centered on spatial analysis apps using AR and LiDAR, I'll talk about making JS↔native transfers more efficient, and about plugin design for handling native APIs efficiently from a web framework.

Hal

Affiliation
LIXIL
Title
Application Expert

Hal

Affiliation
LIXIL
Title
Application Expert

Building Spatial Analysis Apps with Vue.js, and the Data Bridge for Capacitor Plugins

Have any of you ever built a native app with Vue.js?

With the recent emergence of Lynx supporting Vue 3, and Capacitor — which, despite being WebView-based, offers robust native-layer support — the bar for web engineers to get started with mobile app development has dropped significantly, thanks to the advance of native frameworks that let you leverage your existing web app experience.

At the same time, it's also true that support for accessing certain native APIs, like AVCaptureDevice or ARKit, often isn't sufficient.

So does that mean we have no choice but to give up and use Flutter or Swift/Kotlin?

No — let's just build a plugin that accesses the native layer ourselves.

That said, the data handled at the native layer can sometimes be massive. For example, with 3D scan point cloud data collected using LiDAR, the volume of binary data transferred between JavaScript and native is large, and without efficient communication, the whole thing falls short of being practical.

In this session, centered on spatial analysis apps using AR and LiDAR, I'll talk about making JS↔native transfers more efficient, and about plugin design for handling native APIs efficiently from a web framework.