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
WebXR で Web をもっと楽しもう
Search
qst_exe
March 16, 2024
Technology
0
300
WebXR で Web をもっと楽しもう
「ゆるやかな合同WEB勉強会2024」で LT した内容です
https://markmeizan.connpass.com/event/310718/
qst_exe
March 16, 2024
Tweet
Share
More Decks by qst_exe
See All by qst_exe
Roblox であそぼ
qst_exe
0
97
Apple Vision Pro であそぼ in さくらじまハウス
qst_exe
0
30
Google I/O 2024 Firebase のアップデート内容
qst_exe
0
190
Babylon.js で始めるヘッドレス CMS/A headless CMS on Babylon.js
qst_exe
0
240
今年のメタバースについての取り組みとこれから
qst_exe
0
310
今年のメタバースについての取り組みとこれから
qst_exe
0
86
visionOSアプリ開発について
qst_exe
0
180
visionOSアプリ開発のすゝめ
qst_exe
0
180
EDDのすゝめ 〜LT大会に参加しませんか?〜
qst_exe
0
78
Other Decks in Technology
See All in Technology
[MIRU25] NaiLIA: Multimodal Retrieval of Nail Designs Based on Dense Intent Descriptions
keio_smilab
PRO
1
130
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
200
生成AIによる情報システムへのインパクト
taka_aki
1
200
モバイルゲームの開発を支える基盤の歩み ~再現性のある開発ラインを量産する秘訣~
qualiarts
0
640
今日からあなたもGeminiを好きになる
subaruhello
1
660
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.8k
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
8
590
Expertise as a Service via MCP
yodakeisuke
1
160
Datasets for Critical Operations by Dataform
kimujun
0
120
分散トレーシングによる コネクティッドカーのデータ処理見える化の試み
thatsdone
0
270
LLMでAI-OCR、実際どうなの? / llm_ai_ocr_layerx_bet_ai_day_lt
sbrf248
0
220
Amazon CloudWatchのメトリクスインターバルについて / Metrics interval matters
ymotongpoo
3
290
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.4k
BBQ
matthewcrist
89
9.8k
Visualization
eitanlees
146
16k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Designing for humans not robots
tammielis
253
25k
It's Worth the Effort
3n
185
28k
The Language of Interfaces
destraynor
158
25k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Transcript
W e b X R で W e b を
も っ と 楽 し も う 2024-03-16 Hedgehog.exe LLC kusutan
顔出し撮影OK なので、 「# まーくなう」で SNS 投稿お願いします!
01 プ ロ フ ィ ー ル self-introduction 02 事
例 紹 介 Results of Activities 03 W e b X R に つ い て Learning through activities 04 今 後 の 展 望 Future prospects 05 ま と め summary CONTENTS 目 次
く す た ん 鹿屋市・鹿児島市在住 ヘッジホッグ.exe 合同会社 代表 株式会社ユニマル Rockstar
KUSUTAN 自 己 紹 介 01
ヘ ッ ジ ホ ッ グ . e x e
2022年に設立。 モバイルアプリ開発やメ タバースに関する事業開 発を行っています。 01 ユ ニ マ ル Rockstar として参画。 フロントエンドをメイン に Workbench やOSS開 発などに従事。 02 鹿 児 島 . m k 参加者が250名を超える鹿 児島最大のエンジニアコミ ュニティ。 03 自 己 紹 介 01
スマホでの体験を 最適化する
02 事 例 紹 介 Section
24/365 つながることのできるメタ バースコミュニティ 『BirdgeSpace』を設立しました。 エンジニアを中心としたコミュニテ ィ活動や新規事業の壁打ち等を行っ ています。 B r i
d g e S p a c e 事 例 紹 介 02
LPからメタバースへの導入を丁寧に することで、 CVR が大幅に向上し ました (※ 前提条件あり) メ タ バ
ー ス ・ へ ス テ ィ バ ル 事 例 紹 介 02
メタバース内で完結するデザイナー スカウトサービスです。 2月からテスト運用を始めて、既に2 件の案件の受注が発生しています。 T S U K U D
D O 事 例 紹 介 02
03 W e b X R に つ い て
Section
03 W e b X R に つ い て
WebXRは、ウェブ上で拡張現実(AR)と仮想現実(VR)の体験を提供 するためのAPIで、これらの技術を組み合わせて複合現実(MR)または クロス現実(XR)と呼びます。WebXRはウェブコンテンツが複合現実ハ ードウェアとインターフェースするために使用されます。 WebXRとWebVRの主な違いは、WebXRがVRだけでなくARにも対応し、 より高度な入力コントローラーにも対応している点です。 MDN より https://developer.mozilla.org/ja/docs/Web/API/WebXR_Device_A PI/Fundamentals
03 W e b X R に つ い て
03 W e b X R に つ い て
<!-- MetaPress tag start --> <script src="https://xrapid-proto-001.web.app/bundle.js" defer></script> <div id="MetaPress" class="MetaPress"></div> <script> document.addEventListener('DOMContentLoaded', _ => { new MetaPress('xxx'); }); </script> <!-- MetaPress tag end -->
03 W e b X R に つ い て
03 W e b X R に つ い て
04 今 後 の 展 望 Section
日 常 化 自然に没入感のあるメタ バースを体験できる (WebXR) 01 民 主 化
VisionPro 等のVRデバイ スのコンテンツを充実 (visionOSアプリ開発) 02 付 属 化 既存事業の付加価値とし てメタバースを活用する (小売商店 + Web = EC) 03 今 後 の 展 望 04
XR のコンテンツを自然にWebに溶け込ま せるサービスです。既存のWebサイトに 対して XR を埋め込むことで、 XR への敷 居を下げつつ、既存の資産を有効活用す ることができます。
M e t a P r e s s 今 後 の 展 望 04
THANK YOU! あ り が と う ご ざ い
ま し た