開発

WebXRの概要

更新日時: 2026/05/11

このセクションには、ブラウザー用のWebXRエクスペリエンスの開発に関する情報が含まれています。

WebXRデバイスAPIを使用すると、Web上での没入感あふれるVRエクスペリエンスを開発できます。このAPIは複数のブラウザーでサポートされています。詳細については、WebXR ホームページ(https://immersiveweb.dev/⁠)をご覧ください。

WebXRの解説コンテンツには、WebXRデバイスAPIのデザインと使用法について、背景情報と技術情報が掲載されています。https://immersive-web.github.io/webxr/explainer.html

WebXRとネイティブ開発の比較

WebXRは、ネイティブ開発に比べて参入障壁が低い一方、いくつかの制限があります。以下の表は、プロジェクトに適切なアプローチを選択するための主な違いをまとめたものです。

機能	WebXR	ネイティブ(Unity、Unreal、ネイティブSDK)
配信	Meta Horizonストア経由のウェブURLまたはPWA	Meta Horizonストア
設定が必要	ブラウザーのみ、SDKのインストールなし	エンジンとMeta XR SDKの設定
レンダリングパフォーマンス	ブラウザーのオーバーヘッドによる制限あり	GPUへのフルアクセス、パフォーマンスの上限が高い
ジェスチャーコントロール	WebXRハンドインプットを介してサポート	ジェスチャーによるフルジェスチャーコントロール
パススルー / MR	WebXR複合現実を介してサポート	パススルーAPIへのフルアクセス
空間アンカー	サポートされていません	対応
シーン認識	サポートされていません	シーンAPIへのフルアクセス
Depth API	サポートされていません	対応(Quest 3以降)
Platform SDKの機能	制限あり(IAPのデジタル製品API)	フルアクセス(アチーブメント、リーダーボード、ソーシャル)
オフラインサポート	制限あり(サービスワーカーが必要)	完全なオフライン機能
グラフィックAPI	WebGL 2.0	Vulkan、OpenGL ES
マルチスレッドレンダリング	サポートされていません	サポート対象
ファイルシステムへのアクセス	サンドボックス化	フルアクセス

WebXRは、軽量な体験、プロトタイプ、ウェブベースの配信を活用するコンテンツに最適です。処理負荷の高いアプリ、プラットフォームとの密接な統合を必要とするアプリ、またはシーンAPIやDepth APIのような空間コンピューティング機能を使用するアプリの場合は、ネイティブ開発をおすすめします。

トピック	説明
WebXR開発フロー	WebXR開発プロセスの仕組みに関するツールとガイダンス
VRのベストプラクティス	WebXRに関連する一般的なVRのベストプラクティスへのポインター
WebXRレイヤー	WebXRでコンポジターレイヤーを使ってメディアを高品質かつ高性能に表示する方法
ジェスチャーコントロール	WebXRエクスペリエンスでジェスチャーコントロールを使う方法
ブラウザーでの複合現実サポート	WebXR複合現実サービスのブラウザーサポートについての説明
WebXRアプリのシステムキーボード	ブラウザーでWebXRのシステムキーボード連携機能を使用する方法
パフォーマンス最適化	WebXRエクスペリエンスがブラウザー上でスムーズに実行されるようにするためのガイダンス
WebVRからWebXRへの移植	レガシーWebVRのコンテンツをWebXR対応に移行する方法についての説明
アプリを配信する	Meta HorizonストアでWebXRアプリを配信する方法について説明しています。