Metaは2026年10月14日、WebXR向けフレームワーク「Immersive Web SDK（IWSDK）」1.0を発表した。IWSDKはWebブラウザ上の3D体験と没入型XR体験を同じWeb技術で構築するためのオープンソースフレームワークで、1.0ではMeta Questに加え、2027年春に出荷予定とされるMeta VR Glasses向けのgaze（視線）+ pinch（ピンチ）入力を開発段階から扱えるようになった。
本記事では、IWSDK 1.0を「新しいVR向けJavaScriptライブラリ」として紹介するだけでなく、デスクトップブラウザで試作し、Questで確認し、HTTPSで配布するまでの実用的な開発フローとして整理する。
出典 - Meta「Immersive Web SDK 1.0: Build for Quest and Meta VR Glasses with AI-Native Web Tools」(2026年10月14日)
https://developers.meta.com/vr/blog/immersive-web-sdk-1-0/
IWSDK 1.0とは何か
IWSDKはWebXRとブラウザベース3Dアプリケーションのためのフレームワークで、描画にはThree.js、アプリケーション構造にはEntity Component System（ECS）を組み合わせている。JavaScriptまたはTypeScriptでシステムや振る舞いを書きつつ、XR入力、ライフサイクル、シーン管理などをIWSDK側に任せられる構成だ。
公式ドキュメントでは、主要機能として以下が挙げられている。
- コントローラーやハンドトラッキングを扱うXR入力
- スムーズ移動、旋回、テレポートなどのロコモーション
- 片手・両手・遠距離でのグラブやポインティング
- Havokによる物理演算
- 空間オーディオ
- 平面・メッシュ検出や環境レイキャスト
- UIKitMLによる空間UI
- デスクトップ上のXRエミュレーション
Havok物理は標準構成では専用Web Workerで実行され、メインのレンダリングスレッドとの競合を減らす設計になっている。IWSDKはThree.js自体を置き換えるものではなく、標準的なThree.jsのオブジェクトや数学APIを利用しながら、その上にXR向けの構造を追加する位置づけである。
出典 - Meta「Immersive Web SDK」(更新: 2026年9月4日)
https://developers.meta.com/vr/documentation/iwsdk/guides/overview/
ヘッドセットなしで最初の試作を始められる
IWSDKの実用上の利点は、最初からヘッドセットを装着して開発する必要がない点にある。公式ドキュメントでは、JavaScript/TypeScript、Node.js、npm、現在のWebブラウザがあれば初期開発を開始でき、同梱されるIWERエミュレーターをデスクトップブラウザで利用できるとしている。
新規プロジェクトは次のコマンドから作成できる。
npm create @iwsdk@latestそのため、まず通常のWebアプリのようにPC上でシーン、UI、インタラクションを作り、XR固有の挙動をエミュレーターで確認し、その後にQuest実機へ移すという段階的な開発が可能になる。
出典 - Meta「Immersive Web SDK」(更新: 2026年9月4日)
https://developers.meta.com/vr/documentation/iwsdk/guides/overview/
1.0の重要点：gaze + pinchを既存インタラクションへ統合
IWSDK 1.0では、world.xr.features.gazeTrackingを通じたgaze-and-pinch入力が追加された。視線で対象を指し、左右どちらかの手のピンチで選択や操作を行う方式である。
重要なのは、gaze向けに完全に別のUIを作り直す方式ではないことだ。Metaのリリースノートによれば、gazeは既存のRayInteractable、Hovered、Pressed、pointer event、grabbingの仕組みへ統合されている。そのため、基本的な対象選択についてはgaze専用コンポーネントやイベントハンドラーを追加しなくても既存インタラクションを再利用できる。
また、フィルタリング、dwell、selection cone、トラッキング消失時の挙動、診断表示、開発用reticleなどの調整項目も提供されている。IWER 2.5ではデスクトップ上でgazeを継続的にエミュレートでき、Quest上ではhead-directed test gazeと視野マスクを用いた開発用プレビューも利用できる。
出典 - Meta「Immersive Web SDK v1.0 Release Notes」(更新: 2026年9月24日)
https://developers.meta.com/vr/downloads/package/immersive-web-sdk/v1.0/?view=full_width
実用的な開発フロー
1. PCブラウザでシーンと操作を作る
最初の段階ではIWERを使い、シーン構成、空間UI、グラブ、レイ操作、gaze + pinchの基本挙動をPC上で確認する。ヘッドセットを毎回装着しなくてよいため、レイアウト調整やロジック修正を通常のWeb開発に近い速度で反復できる。
2. HTTPSで公開してQuest Browserから開く
WebXRアプリはWebサイトとして配布できる。MetaはVercelとのIWSDKテンプレートについて、ブラウザ上でプロジェクトを生成・プレビューし、VercelへHTTPSでデプロイしたURLをQuest Browserから開くワークフローを紹介している。
これはチーム内レビューにも使いやすい。ビルドを端末へ個別配布する代わりにURLを共有し、PC利用者は通常の3Dページとして、Quest利用者は対応する没入モードとして同じプロジェクトを確認できる。
出典 - Meta「Build for Meta VR with v0 by Vercel」(2026年10月8日)
https://developers.meta.com/vr/blog/build-for-meta-vr-with-v0-by-vercel/
3. Questで入力・視野・パフォーマンスを確認する
デスクトップエミュレーターは試作を高速化するが、実際のヘッドセット検証の代わりにはならない。Questでは手・コントローラーの追跡、実際の視野、フレームレート、文字の読みやすさ、ターゲットの押しやすさなどを確認する必要がある。
IWSDK 1.0では--native-xr-controlが追加され、Meta Questのブラウザが所有するimmersive sessionへIWSDKのXR/ECS自動化を接続できる。MetaはAI開発エージェントが接続済みQuest上のアプリを操作・検査・デバッグできることも1.0の特徴として挙げている。
出典 - Meta「Immersive Web SDK v1.0 Release Notes」(更新: 2026年9月24日)
https://developers.meta.com/vr/downloads/package/immersive-web-sdk/v1.0/?view=full_width
4. Webのまま公開するか、PWAとしてストア配布する
IWSDKアプリはURLで提供するだけでなく、インストール可能なPWAとしてパッケージ化し、Meta Horizon Storeへ提出する経路も案内されている。Web公開とストア配布の両方を同じプロジェクトから検討できる点は、短期間のデモから継続運用へ移行する際に有用である。
出典 - Meta「Build for Meta VR with v0 by Vercel」(2026年10月8日)
https://developers.meta.com/vr/blog/build-for-meta-vr-with-v0-by-vercel/
AIネイティブ開発は「アプリにAIを入れる」という意味ではない
IWSDK 1.0でMetaが強く打ち出しているもう一つの要素がAIネイティブな開発ツールだ。各プロジェクトにはMCPサーバーとagent skillsが用意され、対応するコーディングエージェントがシーンの状態を読み、操作し、デバッグできる。Agentic Scene Composerでは、人間とエージェントが同じ編集可能な3Dシーンを扱う設計になっている。
ここでいうAIネイティブは、完成したXRアプリに生成AI機能が必須という意味ではない。開発・検証の工程をAIエージェントから操作可能にするためのツール群であり、アプリ自体は従来どおり通常のWebXRアプリとして構成できる。
出典 - Meta「Immersive Web SDK 1.0: Build for Quest and Meta VR Glasses with AI-Native Web Tools」(2026年10月14日)
https://developers.meta.com/vr/blog/immersive-web-sdk-1-0/
どんな用途に向いているか
製品・施設の3Dショールーム
URLで共有できるため、PCではマウス操作の3Dビュー、Questでは没入表示という一つの導線を作りやすい。製品模型、住宅・施設の案内、展示会向けデモなど、インストール前の閲覧ハードルを下げたい用途と相性が良い。
教育・トレーニングのプロトタイプ
UIKitMLによる空間UI、物理、グラブ、ロコモーションがあらかじめ用意されているため、操作手順を学ぶ簡易トレーニングや教材のプロトタイプを作りやすい。受講者全員に専用アプリを配布する前に、Web版で内容を確認する使い方もできる。
Meta VR Glasses向けUIの先行検証
MetaはVR Glasses向けにgaze + pinchモデルを提供し、実機出荷前からデスクトップやQuestで入力モデルを試せるとしている。未発売ハードウェアの実際の装着感や追跡精度を再現できるわけではないが、ボタンの大きさ、選択対象間の距離、gazeで狙いやすい配置など、入力設計の初期検証には利用できる。
出典 - Meta「Immersive Web SDK 1.0: Build for Quest and Meta VR Glasses with AI-Native Web Tools」(2026年10月14日)
https://developers.meta.com/vr/blog/immersive-web-sdk-1-0/
WebXRだからこそ注意したい点
IWSDKが多くのXR機能をまとめても、Webアプリとしての基本条件は残る。
第一に、対応機能は実行時に検出するべきである。端末名やUser-Agentだけから「この機能が使える」と決め打ちせず、WebXRランタイムが提供する機能を確認して段階的に有効化する設計が安全だ。
第二に、デスクトップエミュレーターの成功を実機性能の証拠にしないことが重要である。入力遅延、レンダリング負荷、視野、可読性、長時間利用時のUXは実機で確認する必要がある。
第三に、Webで簡単に配布できても、3Dアセット容量、シェーダー負荷、ドローコール、物理演算などのパフォーマンス設計が不要になるわけではない。IWSDKはXR開発の土台を提供するが、個々のアプリの性能予算までは自動で解決しない。
出典 - Meta「Immersive Web SDK」(更新: 2026年9月4日)
https://developers.meta.com/vr/documentation/iwsdk/guides/overview/
まとめ
IWSDK 1.0の価値は、WebXRで3Dを表示できること自体よりも、開発から配布までの経路が一本につながっている点にある。
- Three.js + ECSでWeb技術をそのまま活用する
- IWERでヘッドセットなしに初期開発する
- Questで実際のXR入力と表示を検証する
- gaze + pinchを既存インタラクションへ統合する
- AIエージェントからシーンを検査・操作・デバッグする
- HTTPSのURLまたはPWAとして配布する
特に、通常のWebページとしてもXR体験としても動く構成は、社内デモ、教育、ショールーム、短期イベントなど「まず触ってもらう」ことが重要な用途で扱いやすい。Meta VR Glassesの実機評価は出荷後まで待つ必要がある一方、入力モデルと開発ツールについては現在のQuestとデスクトップ環境で先行検証できる。
本記事は2026年10月23日時点のMeta公式公開資料に基づく事実整理です。未発売のMeta VR Glassesについて、実機性能・追跡精度・装着感・発売後のユーザー体験は推測せず、公式に公開された開発仕様とテスト手段のみを扱っています。