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
160
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
63
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
150
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
9.2k
Viteはいいぞ/Vite is Good
dojineko
1
740
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
430
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
930
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
350
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3.3k
Hosting meets .NET / hosting-meets-dotnet
dojineko
0
710
Other Decks in Technology
See All in Technology
2025-06-26 GitHub CopilotとAI駆動開発:実践と導入のリアル
fl_kawachi
1
240
MySQL5.6から8.4へ 戦いの記録
kyoshidaxx
1
300
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
200
急成長を支える基盤作り〜地道な改善からコツコツと〜 #cre_meetup
stefafafan
0
150
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
780
怖くない!はじめてのClaude Code
shinya337
0
290
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
360
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
310
Geminiとv0による高速プロトタイピング
shinya337
0
190
rubygem開発で鍛える設計力
joker1007
2
270
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
4
1.3k
本が全く読めなかった過去の自分へ
genshun9
0
710
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
YesSQL, Process and Tooling at Scale
rocio
173
14k
How to Ace a Technical Interview
jacobian
277
23k
Making Projects Easy
brettharned
116
6.3k
Side Projects
sachag
455
42k
Optimizing for Happiness
mojombo
379
70k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
It's Worth the Effort
3n
185
28k
Designing for humans not robots
tammielis
253
25k
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