プログラミングこんにちわ。ポケモンGOの大ヒットにより一般的にもいよいよ定着してきた「AR」ですが、いよいよiPhone、Androidともにブラウザ上でARが実現できるようになっていたので簡単に紹介したいと思います。Reality」の略で、日本では「拡張現実」とも呼ばれています。ポケモンGOをプレーしたことある方ならご存知ですが、「AR」とはカメラを通して現実の風景にバーチャルの視覚情報を重ねて表示することで仮想空間を作り出すことになります。これまでエンジニアにとって、この「AR」はスマートフォンで言えばポケモンGOのように基本的にネイティブアプリの中での話しでした。Mobile端末向けにブラウザでもAR体験ができる「AR.js」というjavascriptライブラリが公開されました。「AR.js」はオープンソースとしてGithubに公開されており、下記の特徴を持っています。「AR.js」は、上の特徴のようにとても優れたライブラリですが、公表段階ではios端末(iPhone、iPad等)は非対応になっており、正直需要を満たすレベルには達していませんでした。2017年9月にAppleがios11を正式にリリースし、そのios11から「ARKit」というARフレームワークも搭載されるようになったことで、ios端末でも「AR.js」を使用してブラウザでAR体験ができるようになりました。これは日本のようにiPhoneユーザーが圧倒的に多い市場にはとても大きなインパクトになります。実際にiPhoneで公式のデモを試してみるでは、実際にiPhoneでも動くのか、下記の手順通りやってみましょう。こちらの画像をPCのデスクトップにダウンロードこちらのページにsafariからアクセスカメラへのアクセスを許可1でダウンロードした画像を写すこれで下の画像のような立体的なバーチャルな物体が現れると思います。まとめ今回は、ブラウザでもAR体験ができるjavascriptライブラリ「AR.js」を紹介しました。実際に、これまでお客さんからARを駆使したキャンペーン等をブラウザでできないかという相談もあったのですが、「AR.js」を使用すればiosでもブラウザARが実現できることがわかったのでARを活かした簡単な企画等はwebアプリでも出来るようになると思います。拠点にサーフィンとスノーボードが好きなフリーランスのWebクリエイターです。普段はプログラム書いたりデザインしたり映像作ったりしています。いろいろな人の話しを聞くのが好きなので、このブログを通して多くの人と繋がりが出来たら嬉しいです。noteとInstagramもやっているのでフォローしてくれたらありがたいです!noteinstagram詳しく見るプログラミングの記事一覧へ他のブログも見る人気記事2018.01.09FITNESS【ダイエット】確実に痩せたいなら、まずやるべきこと8選。コメントをキャンセルメールアドレスが公開されることはありません。*次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。拠点にサーフィンとスノーボードが好きなフリーランスのWebクリエイターです。普段はプログラム書いたりデザインしたり映像作ったりしています。nori-life.com。