Slackコミュニティに
無料で参加する
Flutterラボの
プレミアム会員になる
現役エンジニアが開発する拡張現実(AR) 【勤勉エンジニアの怠惰ブログ】
2022.03.08
仮想現実(AR)とは
AR(Augmented Reality)は日本語で拡張現実と訳され、スマホやゲームデバイスのカメラを通して、現実世界に3Dオブジェクトを重ね合わせて表示する技術です。
使用例としては、購入前に家具を部屋に配置して雰囲気を確かめたり、町中にARオブジェクトを配置してユーザーに収集してもらうアクティビティなどを行うことが可能です。
このようにARは使い方次第で我々の生活をより豊かにできる技術といえます。
ARサービスが作成できるツール・フレームワーク
SparkAR
![](https://assets.st-note.com/img/1646756462080-j5uglmPFC4.png)
Spark ARはMeta(旧Facebook)社が提供するARエフェクト作成サービスです。Spark AR Studioを使用して、InstagramやFacebook内で使用できるオリジナルエフェクトを利用することができます。
簡単なエフェクトならプログラミングの知識なしで作成することが可能で、クリエイターの方ならすぐに参入できる分野だと思います。
化粧フィルターを作成してみたり、ARゲームを作成してリリースしてみてみるのも良いかもしれませんね。
Unity
![](https://assets.st-note.com/img/1646756436187-NlqVSS0f1r.png)
Unityはモバイル向けのARアプリを作成することが可能です。
ARサービス構築用のAR Foundationを利用することで平面を検知してオブジェクトを配置したり、人間顔を検知してAR Effectでマスクを被せるなど様々な機能が用意されています。
AR.js
![](https://assets.st-note.com/img/1646756398605-bApFVvDxlz.png)
AR.jsはJavascriptを使用してARコンテンツを作成することが可能なJSライブラリーです。
画像認識や、位置情報からオブジェクトを配置したりとJSのみで構成されているとは思えない量の機能構成となっております。
HTMLを使用してUI構築を行うことができるので初心者の方や、既にJSに精通している方にはおすすめです。
まとめ
本記事では拡張現実(AR)技術の解説とARを作成するためのツールやフレームワークの紹介を行いました。
ARについて興味を持っていた方の参考になれば幸いです。
最後に
我々Flutterラボは、大阪の梅田にあるコワーキングスペース『ONthe UMEDA』の料金プランとしてモバイルアプリ開発が学べるプログラミングスクールを運営しております。
オンラインではなく対面で学びたい方におすすめです。
※オンラインをご希望の方はFlutterラボのオンラインスクールをおすすめします。
以下のような方に適したプログラミングスクールです。
大阪でFlutterを学びたい方
オフラインで現役エンジニアに教わりたい方
プログラミングの基礎から学びたい方
アプリを開発してみたい方
初心者からスマホアプリをリリースしたい方
スタンダードコース
Flutter学習用のカリキュラムに合わせて、プログラミングの基礎からアプリ開発の応用まで学べるコースです。
プロコース
ご自身で開発したいアプリを、設計からリリースまですべてサポートするコースです。
無料体験をご用意しておりますので、ぜひ気軽にTwitterのDMか、特設WEBサイトからお問い合わせください。
![3日でできるFlutterアプリ開発入門](https://firebasestorage.googleapis.com/v0/b/flutter-labo.appspot.com/o/course%2Fflutter_beginner_thumbnail.png?alt=media&token=2759a8cf-dd9c-41f8-8f81-5c1c32d9006c)
208min
プレミアム会員
見放題
3日でできるFlutterアプリ開発入門
2024.04.11
¥3,600
ソースコード ダウンロード可
![【Dart】Stringからint, double, DateTimeに変換する](https://assets.st-note.com/production/uploads/images/34579094/rectangle_large_type_2_57f8b9d22b8edd5dd7bcca6d883ef3fb.jpeg)
【Dart】Stringからint, double, DateTimeに変換する
2020.09.14
![【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ](https://assets.st-note.com/production/uploads/images/34640890/rectangle_large_type_2_9cd3518ec86a8d45eb0db093426082d1.jpeg)
【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ
2020.09.18
![【Dart】【Flutter】DateTime型についてのまとめ](https://assets.st-note.com/production/uploads/images/35816882/rectangle_large_type_2_5d153bec6a1387e9a7cd068fa193bae4.jpeg)
【Dart】【Flutter】DateTime型についてのまとめ
2020.10.01
![【Dart】Map型の使い方とよく使うメソッドまとめ](https://assets.st-note.com/production/uploads/images/34593663/rectangle_large_type_2_444b0971465392f471f0be9b1ce9b91b.jpeg)
【Dart】Map型の使い方とよく使うメソッドまとめ
2020.09.13