Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebXRでポートフォリオを作ろう/Let's make your portfolio wit...

Avatar for dojineko dojineko
August 03, 2022
Technology
0
180

WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!

Avatar for dojineko

dojineko

August 03, 2022
Tweet

More Decks by dojineko

See All by dojineko
2025-03-12 WebXRのいま(2025Q1) / About WebXR (2025Q1)
Avatar for dojineko dojineko
0
550
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
Avatar for dojineko dojineko
0
78
最近のUnityとVRChat / About Unity and VRChat recently
Avatar for dojineko dojineko
0
170
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
Avatar for dojineko dojineko
1
9.5k
Viteはいいぞ/Vite is Good
Avatar for dojineko dojineko
1
770
はじめてでもできた！VR登壇への道 / Let's VR speech!
Avatar for dojineko dojineko
0
450
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
Avatar for dojineko dojineko
1
970
もう俺には関係なくないTypeScript/Our TypeScript
Avatar for dojineko dojineko
3
370
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
Avatar for dojineko dojineko
2
3.4k

Other Decks in Technology

See All in Technology
クラウドとリアルの融合により、製造業はどう変わるのか？〜クラスメソッドの製造業への取組と共に〜
Avatar for 濱田孝治 hamadakoji
0
350
事業開発におけるDify活用事例
Avatar for KentaroFujii kentarofujii
4
1.3k
今この時代に技術とどう向き合うべきか
Avatar for gree_tech gree_tech
PRO
2
2.1k
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
Avatar for did0es shuta13
2
120
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.2k
映像エッジAIにおけるNode-RED活用事例
Avatar for Ryosuke Matsui emirmatsui
0
130
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
Avatar for hhiroshell hhiroshell
0
130
Copilot Studio ハンズオン - 生成オーケストレーションモード
Avatar for tomoyasasaki tomoyasasakimskk
0
200
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
Avatar for piyonakajima piyonakajima
0
120
「魔法少女まどか☆マギカ Magia Exedra」の多様なバトルの開発を柔軟かつ効率的に実現するためのPure C#とUnityの分離について
Avatar for gree_tech gree_tech
PRO
0
240
初めてのDatabricks Apps開発
Avatar for Takaaki Yayoi taka_aki
1
240
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.8k

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
930
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
353
21k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k

Transcript

  1. WebXRで ポートフォリオを作ろう! 2022-08-03 福岡XR部 @dojineko

  2. どじねこ @dojineko GMOペパボ / よろず屋

  3. 今回お話する内容

  4. None

  5. これをやった話です https://xr.dojineko.dev

  6. もくじ ➔ なんでXR？ ➔ 使ったもの紹介 ➔ 完走した感想

  7. なんでXR？ • 普通にWebサイトでポートフォリオを作るとページになる • 最近は個人的にVR的な活動をしてることが多い ◦ せっかくならそういう要素を盛り込みたい！ ▪ VRChatやClusterもいいけど、 もっと気軽に見れるようにしたい！

    • ・・・いっちょやってみっか〜！

  8. 使ったもの紹介

  9. • モデリング: Blender • フレームワーク: A-Frame • ブラウザ: Google Chrome

    (…これだけ！) 使ったもの紹介
  10. None
  11. None

  12. 簡単な紹介動画をYouTubeにあげてます https://www.youtube.com/watch?v=X7hSph7Uk6c

  13. 完走した感想

  14. 完走した感想 • Blenderをﾁｮｯﾄﾃﾞｷﾙ状態だったので作りたいものはすぐ作れた！ • A-Frameは初めてだったけどBlednerからgLTFで出力したモデルを すぐ取り込めて表示できた！ ◦ 初めてでもすぐにできる手軽さが超魅力！ ◦ ImageTrackingもできるし、VRモードにもすぐ対応できる！

    • 一方で難しい点も ◦ ES ModulesなJavaScriptを使っておうとすると苦労する ◦ 細かいことをしたいなら Three.js か Babylon.js も手の１つ

  15. バーチャルでも表現しよう！

  16. None