START HERE
WebXRを始める導線
「WebXRとは何か」から「どのブラウザで動くか」「QuestやiPhoneでどう試すか」まで、検索で来た人が最短で目的の情報に届けるように整理しています。
LATEST ARTICLES
最新の技術記事
WebXRのニュース、仕様更新、実機検証を新しい順に読めます
AWE USA 2026から見るWebXR / WebGPU / Android XRの動き
AWE USA 2026のRecapやKeynoteから、WebXR、WebAR、WebGPU、Android XR、Spatial Webに関係する論点を整理します。
PlayCanvas Engine v2.20.0を読む：WebGL / WebGPU / GSplat / サンプル更新
PlayCanvas Engine v2.20.0の更新を、Gaussian Splatting / GSplat、WebGPU、WebGL、XR、サンプル、APIリファレンス、コンポーネント設計の観点で整理します。
three.js r185を読む：WebGPUでWebXRをサポート、HTMLTextureやWebGLも更新
three.js r185で追加されたWebGPURendererのWebXR対応を中心に、WebGPU基盤、XRManagerのfoveation、HTMLTexture、WebGLRenderer、TSL、サンプル、移行時の注意点を整理します。
WHY WEBXR
WebXRは「ブラウザでXRを起動する」だけの話ではありません
WebXRは、VRヘッドセット、スマートフォン、PCブラウザをまたいで、空間コンテンツをWebの配信モデルに乗せるための技術です。URLで共有できる一方で、端末、ブラウザ、入力方式、センサー、権限、描画APIの差がそのまま体験品質に出ます。
そのためBANGEOでは、単に「動くサンプル」を並べるだけでなく、どの環境で何ができるのか、なぜその実装を選ぶのか、どの仕様やissueを追えば判断できるのかまで整理していきます。
こんな疑問から読めます
- ヘッドセットでブラウザだけのVRデモを公開したい
- スマートフォンでXR体験をどう届けるか知りたい
- 既存のWeb向け3DライブラリでWebXRを始めたい
- 新しい描画機能や実験機能の対応状況を追いたい
- DOM Overlay、Hit Test、Depth SensingなどAR機能を整理したい
WebXRはアプリ配布ではなく、URLでXRを届ける技術
WebXRの強みは、VR/AR体験をアプリストアの配布だけに閉じ込めず、URL、検索、SNS、QRコードから起動できる点です。展示、教育、EC、プロトタイプ、技術デモのように「まず触ってもらう」場面で特に効きます。
対応状況はブラウザ名だけでは判断できない
同じChrome系でも、PC、スマートフォン、ヘッドセットでは使える機能が変わります。iPhoneではSafari単体の制約もあるため、WebXRの基本機能、AR機能、描画まわりを分けて確認する必要があります。
実装はライブラリと標準化の両方を見る
ライブラリで動くコードを書くことと、WebXRの仕様やブラウザ実装を理解することは別の課題です。BANGEOでは、サンプルコードだけでなく、仕様、issue、実機差分まで追えるようにします。
デモ
ヘッドセット・スマートフォン・PC で試せます
VRBody Tracking 可視化デモ — 全身関節を点と線で確認
対応ヘッドセットでBody Trackingを開始し、取得できた全身関節を点と線で表示するデモです。PICOなどの対応環境で確認できます。
ARWebXR AR配置デモ — 現実空間に3Dオブジェクトを置く
スマートフォンARやMeta Questのパススルー環境で、床や机などの面を検出し、3Dオブジェクトを現実空間に配置するデモです。
音響WebXR 空間音響デモ — 音の位置をブラウザで試す
WebXRとWeb Audio APIを組み合わせ、ヘッドセットやブラウザ上で音の位置・距離・向きによる聞こえ方を確認する空間音響デモです。
Quest MRプレイエリア境界ビューア — VRの移動範囲を確認
VRヘッドセットのプレイエリア境界や床の基準を可視化し、ルームスケール体験で安全に動ける範囲を確認するデモです。
Quest MRQuest MR Depthデモ — 現実物体との前後関係を確認
Meta Questのパススルー環境で、仮想オブジェクトが現実物体に隠れる・手前に見えるといったMR合成の見え方を確認するデモです。
空間Web3Dモデル表示プレビュー — Webページ内の見え方を確認
PCやスマートフォンのブラウザで、3Dモデル表示と代替表示の見え方を切り替えながら確認できるプレビューデモです。
WEBXR TOPICS
BANGEOで追うWebXRテーマ
WebXRは対応ブラウザ、デバイス、ライブラリ、標準化の動きが密接に絡みます。BANGEOでは実機で試せる情報を軸に、開発者が判断しやすい形で更新していきます。
WebXR Device API
VR/AR/MRセッション、入力、空間トラッキング、ブラウザ実装の標準化を追います。
Three.js / PlayCanvas
WebXR実装で使われる主要ライブラリと、実機で詰まりやすい設定を必要な範囲で整理します。
Meta Quest Browser
ヘッドセット向けブラウザでの動作確認、入力、描画、没入型Webアプリの注意点を扱います。
iPhone / iOS WebXR
Safari単体で難しい領域と、App Clipやネイティブ連携で補う実装方針を扱います。
コミュニティに参加
質問や情報交換は Discord でどうぞ