{"categories":["AR.js","Three.js","React"],"blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","provider_name":"Hatena Blog","title":"AR.js + Three.js + React.js \u3067WebAR\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u3064\u304f\u308b\u3068\u304d\u306e\u305f\u3081\u306e\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u3064\u304f\u308b \ud83d\udd28","author_url":"https://blog.hatena.ne.jp/kimizuka/","provider_url":"https://hatena.blog","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20220302/20220302114750.jpg","height":"190","description":"AR.js + Three.js + Next.js\uff08React.js\uff09 \u3067WebAR\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u308b\u969b\u3001AR.js\u306e\u8aad\u307f\u8fbc\u307f\u3092\u3069\u3046\u3059\u308b\u306e\u304c\u30b9\u30de\u30fc\u30c8\u306a\u306e\u304b\u3001\u305a\u30fc\u3063\u3068\u60a9\u3093\u3067\u3044\u305f\u306e\u3067\u3059\u304c\u3001\u3068\u308a\u3042\u3048\u305a\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002 \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9 useMakerAr.js import { useEffect, useState } from 'react'; export default function useMakerAr({ THREE, scriptUrl, cameraParametersUrl, patternUrl }) { const [ THREEx, setTHREEx ] \u2026","version":"1.0","url":"https://blog.kimizuka.org/entry/2022/03/01/163300","blog_url":"https://blog.kimizuka.org/","published":"2022-03-01 16:33:00","author_name":"kimizuka","width":"100%","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2022%2F03%2F01%2F163300\" title=\"AR.js + Three.js + React.js \u3067WebAR\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u3064\u304f\u308b\u3068\u304d\u306e\u305f\u3081\u306e\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u3064\u304f\u308b \ud83d\udd28 - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}