Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2025-03-12 WebXRのいま(2025Q1) / About WebXR (2025Q1)
Search
dojineko
March 12, 2025
Technology
0
650
2025-03-12 WebXRのいま(2025Q1) / About WebXR (2025Q1)
dojineko
March 12, 2025
Tweet
Share
More Decks by dojineko
See All by dojineko
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
100
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
180
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
200
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
9.9k
Viteはいいぞ/Vite is Good
dojineko
1
800
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
460
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
1k
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
380
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3.4k
Other Decks in Technology
See All in Technology
データの整合性を保ちたいだけなんだ
shoheimitani
8
3.2k
1,000 にも届く AWS Organizations 組織のポリシー運用をちゃんとしたい、という話
kazzpapa3
0
150
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
400
プロダクト成長を支える開発基盤とスケールに伴う課題
yuu26
4
1.4k
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
770
CDKで始めるTypeScript開発のススメ
tsukuboshi
1
540
配列に見る bash と zsh の違い
kazzpapa3
3
170
AIが実装する時代、人間は仕様と検証を設計する
gotalab555
1
190
ECS障害を例に学ぶ、インシデント対応に備えたAIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
iselegant
3
300
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
msysh
3
180
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
bicstone
3
130
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
170
Featured
See All Featured
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Leo the Paperboy
mayatellez
4
1.4k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
170
Practical Orchestrator
shlominoach
191
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.3k
How to train your dragon (web standard)
notwaldorf
97
6.5k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
77
Transcript
WebXRのいま(2025Q1) 今年こそはVR/AR元年 2025-03-12 Mirrativ LT Party Q1 @dojineko
dojineko • フロントエンドエンジニア • たまにVRにいる猫 • トトロはいるんだってマジマジ
今回は軽さ重視!
おしながき ➔ ココ最近のXRトピック ➔ WebXRとは ➔ これがデキルよWebXR ➔ ここがムズイよWebXR ➔
まとめ
None
ココ最近のXRトピック ➔ 「Android XR」爆誕 ◆ Google が公式にメンテする XR 用 OS
が誕生 ◆ HTC VIVE チームの一部が戦略的統合 ➔ MetaがQuestのOSをサードパーティに開放 ◆ Quest エコシステムを他のデバイスでも利用できるように ➔ Apple visionOSが2.0にアップデート ◆ すげぇやつがよりすごくなった...ハズ ➔ PICO 4 Ultra と PICO Motion Tracker が安くてスゴい
WebXRとは
WebXRとは ➔ 実はWebブラウザでVR/AR(まとめてXR)できます ➔ WebXR API という名前で標準化されている技術です ➔ HMDだけでなくスマホなどのブラウザでも動作します ➔
デバイスやOSの機能拡充で できることがじわじわ増えています
これがデキルよWebXR
WebXR API を使ったコンテンツの例 - テスト用なのでシンプル https://immersive-web.github.io/webxr-samples/
これがデキルよWebXR ➔ ブラウザさえあれば一瞬でARとVRを身近に体験できる! ◆ デジタルフィギュアを作って展示したり ◆ バーチャルな家具を設置してみたり ➔ ひとまずスマホさえあれば体験できる! ◆
特別なアプリもデバイスもいらない手軽さがウリ
これがツライよWebXR
立ちはだかるiOSのWebXRのサポートの壁 (iOS18の例)
ここがツライよWebXR ➔ スマホでも使える標準化されたAPIのハズだったのに… ◆ iOS 16 で WebXR API 実験的なサポートが実現
◆ iOS 17 で WebXR API のサポートが削除… • VR機能もまとめて使えなくなった ◆ 一方 visionOS で WebXR が有効な状態 (VR機能のみ使える) ➔ ブラウザのAPIは標準化されているが実装が追いついていない ◆ iOS 対応をごく限定的にするなら広く使える状態にある
じゃあどうしようね? ➔ iOSを含んだ条件で使うのは現状難しいかも ◆ Safariの独自機能を使ってモデルを表示する方法はある ◆ 使い分けで切り抜ける手段もありそう ➔ モデルやアセット守りたいシーンでは注意 ◆
Unity や Godot を使ってプレーヤーを実装する手法が多そう ◆ アプリやプレーヤーにすれば完全に守れるわけでもない ◆ WebXRで公開するのはWebサイトと同じくらいの 温度感のデータでないと相性が悪いかも
VRに特化するのであればアプリでもブラウザでもARと比較して代替手段は多め
まとめ ➔ 今人類に最も身近なXRデバイスは手に持っているスマホ ➔ Android XR の登場でますますもりあがる…かも…? ◆ Meta Horizon
OS 勢も拡大中 ◆ Apple visionOS はゆっくりだが順当に進化している ➔ 手軽にコンテンツを作って公開するならWebXRはアリなんだが... ◆ iOSでWebXRが丸ごと無効化されている現状がキビシイ ◆ 標準APIにこだわりがなければ道は残されている
おまけ:VRHMDは何買ったらいいですか? ➔ ズバリ Meta Quest 3 か PICO 4 Ultra
◆ VRだけでなくARも触れられる機種がメジャーになった ➔ 単機で Beat Saber がしたい ◆ Meta Quest 3 (節約したいなら Quest 3S) ◆ Steam なら PICO4 Ultra でも遊べるよ ➔ 最安でそこそこのフルトラがしたい ◆ PICO 4 Ultra + PICO Motion Tracker ◆ よくセットで売ってるのでセールを狙おう
永遠に喋り続けてるので #z_club_vr に遊びに来てね
None