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
160

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

Avatar for dojineko

dojineko

August 03, 2022
Tweet

More Decks by dojineko

See All by dojineko
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
Avatar for dojineko dojineko
0
54
最近のUnityとVRChat / About Unity and VRChat recently
Avatar for dojineko dojineko
0
140
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
Avatar for dojineko dojineko
1
9.2k
Viteはいいぞ/Vite is Good
Avatar for dojineko dojineko
1
730
はじめてでもできた！VR登壇への道 / Let's VR speech!
Avatar for dojineko dojineko
0
410
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
Avatar for dojineko dojineko
1
910
もう俺には関係なくないTypeScript/Our TypeScript
Avatar for dojineko dojineko
3
340
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
Avatar for dojineko dojineko
2
3.3k
Hosting meets .NET / hosting-meets-dotnet
Avatar for dojineko dojineko
0
690

Other Decks in Technology

See All in Technology
AWS LambdaをTypeScriptで動かして分かった、Node.jsのTypeScriptサポートの利点と課題
Avatar for Makky12 smt7174
1
860
golang-migrate VS Atlas !? 技術選定のポイントと学び ~DBマイグレーションツール選定の実例を通して~ / golang-migrate vs Atlas ! What is the point of technology selection and what you can learn from the examples of DB migration tool selection?
Avatar for NTT Communications nttcom
0
110
KubeCon + CloudNativeCon Europe 2025 Recap: The GPUs on the Bus Go 'Round and 'Round / Kubernetes Meetup Tokyo #70
Avatar for Preferred Networks pfn
PRO
0
170
若手中心の内製アジャイル開発で研究開発に挑戦 / 20250517 Nobuhiro Kawamura & Dami Lee & Tomohiko Tanikawa
Avatar for SHIFT EVOLVE shift_evolve
1
150
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
Avatar for Awarefy awarefy
3
17k
正解のない未知(インボイス制度対応)をフルサイクル開発で乗り越える方法 / How to overcome the unknown invoice system with full cycle development
Avatar for CARTA Engineering carta_engineering
0
170
WindowsでGenesisに挑戦した話
Avatar for Minoru Natsutani natsutan
0
130
テストコードにはテストの意図を込めよう(2025年版) #retechtalk / Put the intent of the test 2025
Avatar for nihonbuson nihonbuson
PRO
14
2.3k
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
3
740
SaaS公式MCPサーバーをリリースして得た学び
Avatar for ryo kawamataryo
5
1.5k
本番環境への影響リスクが低い Real Application Testing (SQL Performance Analyzer) の実施方法の検討と実践
Avatar for Yuichiro Narita jri_narita
0
230
AWS_MCP_Servers入門.pdf
Avatar for naotoiso naotoiso
0
210

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
720
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
75
5.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
122
52k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
344
40k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k

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