START HERE
WebXRを始める導線
「WebXRとは何か」から「どのブラウザで動くか」「QuestやiPhoneでどう試すか」まで、検索で来た人が最短で目的の情報に届けるように整理しています。
LATEST ARTICLES
最新の技術記事
WebXRのニュース、仕様更新、実機検証を新しい順に読めます
PlayCanvasのVision Pro向けWebXR修正案：描画の揺れと視線＋ピンチ入力を読み解く
Vision Proで報告されたWebGPU XR描画と入力の修正案を解説。再投影用の深度、最初のXRフレーム、transient-pointer、移動操作の確認方法を整理します。
Safari 27のHTML model要素とは何か──Webページに3Dモデルを置く新しい標準
Safari 27 betaでiOS、iPadOS、macOSにも広がったHTML model要素を解説。USDZ、sourceフォールバック、ready promise、orbit操作、AR Quick Look、Spatial Webでの位置づけを整理します。
WebXR実装を読む：ChromiumのAR安定性修正、Layersの両眼課題、Linux OpenXRの確認点
平面追跡の復帰とAR内文字入力を改善するChromium変更を解説。Layersのステレオ仕様課題とLinux OpenXRの過去更新も、配布状況を分けて整理します。
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 で試せます
準備中
デモはこれから順次公開します
未完成のデモはいったん外しています。公開できる品質まで整ったものから、ここに 1 件ずつ追加していきます。
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 でどうぞ