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でポートフォリオを作ろう/Let's make your portfolio wit...
Search
dojineko
August 03, 2022
Technology
0
150
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
August 03, 2022
Tweet
Share
More Decks by dojineko
See All by dojineko
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
35
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
120
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
0
8.8k
Viteはいいぞ/Vite is Good
dojineko
1
700
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
380
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
860
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
320
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3.2k
Hosting meets .NET / hosting-meets-dotnet
dojineko
0
660
Other Decks in Technology
See All in Technology
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
170
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
140
OPENLOGI Company Profile for engineer
hr01
1
20k
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
120
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.3k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
19k
Change Managerを活用して本番環境へのセキュアなGUIアクセスを統制する / Control Secure GUI Access to the Production Environment with Change Manager
yuj1osm
0
110
Охота на косуль у древних
ashapiro
0
120
データモデルYANGの処理系を再発明した話
tjmtrhs
0
140
ウォンテッドリーのデータパイプラインを支える ETL のための analytics, rds-exporter / analytics, rds-exporter for ETL to support Wantedly's data pipeline
unblee
0
140
Platform Engineeringで クラウドの「楽しくない」を解消しよう
jacopen
4
100
20250304_赤煉瓦倉庫_DeepSeek_Deep_Dive
hiouchiy
2
110
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Statistics for Hackers
jakevdp
797
220k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fireside Chat
paigeccino
35
3.2k
For a Future-Friendly Web
brad_frost
176
9.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Transcript
WebXRで ポートフォリオを作ろう! 2022-08-03 福岡XR部 @dojineko
どじねこ @dojineko GMOペパボ / よろず屋
今回お話する内容
None
これをやった話です https://xr.dojineko.dev
もくじ ➔ なんでXR? ➔ 使ったもの紹介 ➔ 完走した感想
なんでXR? • 普通にWebサイトでポートフォリオを作るとページになる • 最近は個人的にVR的な活動をしてることが多い ◦ せっかくならそういう要素を盛り込みたい! ▪ VRChatやClusterもいいけど、 もっと気軽に見れるようにしたい!
• ・・・いっちょやってみっか〜!
使ったもの紹介
• モデリング: Blender • フレームワーク: A-Frame • ブラウザ: Google Chrome
(…これだけ!) 使ったもの紹介
None
None
簡単な紹介動画をYouTubeにあげてます https://www.youtube.com/watch?v=X7hSph7Uk6c
完走した感想
完走した感想 • Blenderをチョットデキル状態だったので作りたいものはすぐ作れた! • A-Frameは初めてだったけどBlednerからgLTFで出力したモデルを すぐ取り込めて表示できた! ◦ 初めてでもすぐにできる手軽さが超魅力! ◦ ImageTrackingもできるし、VRモードにもすぐ対応できる!
• 一方で難しい点も ◦ ES ModulesなJavaScriptを使っておうとすると苦労する ◦ 細かいことをしたいなら Three.js か Babylon.js も手の1つ
バーチャルでも表現しよう!
None