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
130
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
今年のメタバースについての取り組みとこれから
qst_exe
0
130
今年のメタバースについての取り組みとこれから
qst_exe
0
42
visionOSアプリ開発について
qst_exe
0
77
visionOSアプリ開発のすゝめ
qst_exe
0
76
EDDのすゝめ 〜LT大会に参加しませんか?〜
qst_exe
0
28
オンラインイベントの失敗談と対応 〜「コロナ禍の鹿児島」のそれから〜
qst_exe
0
79
メタバースコミュニティ「BridgeSpace」の紹介
qst_exe
0
180
Webアプリエンジニアにこそ知ってほしい Flutterでのモバイルアプリ開発について
qst_exe
0
24
コロナ禍の地方のエンジニアコミュニティのあり方
qst_exe
0
79
Other Decks in Technology
See All in Technology
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
3
560
ServiceNow Knowledge Learning Rise up
manarobot
0
210
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
180
JSON攻略法.pdf
miyakemito
8
5.1k
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
370
DMM.com アルファ室採用案内資料
hsugita
1
170
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
380
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
150
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
110
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
400
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
1
260
現代CSSフレームワークの内部実装とその仕組み
poteboy
8
3.7k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
337
39k
How to Ace a Technical Interview
jacobian
272
22k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
A better future with KSS
kneath
231
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
What's in a price? How to price your products and services
michaelherold
237
11k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Thoughts on Productivity
jonyablonski
58
3.8k
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! あ り が と う ご ざ い
ま し た