この記事を読むのに必要な時間は約 9 分です。
最先端の「AR」
そもそもARとは?VRとARの違い。
WebARとは、Webプラウザで使うARのことです。
アプリをインストールしなくても、ウェブ上にARを表示できる技術です。
![](https://honnoippo.com/wp-content/uploads/2021/09/face_smile_man2.png)
そもそも「AR」がよく分からない
という人が多いかと思います。
こう言う私も「AR(拡張現実)」と「VR(仮想現実)」の違いをよく分かっていませんでした。
AR(拡張現実)の身近な例は「ポケモンGO」で、
スマホをかざすと「現実世界」の上に「ポケモンの映像」が表示されます。
現実が拡張されるから「拡張現実(Augmented Reality)」と呼ばれるようです。
![](https://honnoippo.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-02-21.09.21-800x1219.png)
![](https://honnoippo.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-02-21.09.21-800x1219.png)
VR(仮想現実)の身近な例は「VRゴーグル」で、
VRゴーグルを装着すると「現実世界0%」で、完全に「CGの世界」に入ります。
ここが、「現実世界のプラスαのAR」と「完全なCGの世界のVR」の違いです。
![](https://honnoippo.com/wp-content/uploads/2021/09/image1-800x430.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/image1-800x430.png)
![](https://supership.jp/wp-content/uploads/2020/05/image2.png)
![](https://supership.jp/wp-content/uploads/2020/05/image2.png)
専用アプリが必要ない「WebAR」
「ポケモンGO」のAR技術では「アプリ」が必要でしたが
「WebAR」ではアプリがなくても、ウェブサイト上でARが利用できます。
「ネイティブアプリ(ポケモンGO)」と「WebAR」の違いです。
![](https://webar-lab.palanar.com/wp-content/uploads/2021/06/whatisAR_maincapture-768x512-1.jpg)
![](https://webar-lab.palanar.com/wp-content/uploads/2021/06/whatisAR_maincapture-768x512-1.jpg)
![](https://xr-hub.com/wp-content/uploads/2018/06/maxresdefault-2-500x250.jpg)
![](https://xr-hub.com/wp-content/uploads/2018/06/maxresdefault-2-500x250.jpg)
実際に、プログラム言語なしでWebARをつくってみました
WebARは誰でも簡単につくれる。
そしてURLで簡単に共有できるという記事を読んだので、実際にWebARを作ってみました。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.29.45-800x574.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.29.45-800x574.png)
この記事で紹介されていた株式会社palanが提供する「palanAR(パラナル)」というWebAR制作ウェブサービスを使って、WebARを作成してみました。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.56.16-800x402.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.56.16-800x402.png)
palanAR(パラナル)を使うには、まずメールアドレスなどを記入して、アカウント登録する必要があります。
無料会員でも「3つまでWebAR」を作成可能です。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.45.13-800x1373.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.45.13-800x1373.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.47.40-800x774.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.47.40-800x774.png)
無料でも無期限で、WebARをつくることが可能です。
palanAR(パラナル)の使い方は公式サイト上でチュートリアルがありますので、
そちらをご参照ください。
「画像」や「動画」をどこに配置するかを、マウス操作で微調整すれば完成です。
画像の大きさ、角度を調整するだけなので5分〜10分あれば作れると思います。
![](https://palanar.com/assets/top/ogp-564785cd19ad2bf149faac50009c670a21cc8f3d24310462cfb524fe0a4777c7.jpg)
![](https://palanar.com/assets/top/ogp-564785cd19ad2bf149faac50009c670a21cc8f3d24310462cfb524fe0a4777c7.jpg)
「WebARの四角い枠」から飛び出る画像に「動き」も加えることが可能です。
「画像」をタッチしたら「リンク先」に移動する機能や、
「画像」をタッチするごとに「次の画像」に切り替わる機能もあります。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.57.47-800x913.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.57.47-800x913.png)
以下の画像は、
実際に私がWebARを作成している画像です。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.59.19-800x582.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.59.19-800x582.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.59.45-800x1065.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.59.45-800x1065.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.59.56-800x732.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-20.59.56-800x732.png)
私の作ったWebARで「パンをかじる犬」を紹介させていただきました
![](https://honnoippo.com/wp-content/uploads/2021/09/パンのスマホから飛び出す「WebAR」パン.001-800x450.jpeg)
![](https://honnoippo.com/wp-content/uploads/2021/09/パンのスマホから飛び出す「WebAR」パン.001-800x450.jpeg)
【WebARの使い方と手順】
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.11.46-800x257.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.11.46-800x257.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.20.28-800x213.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.20.28-800x213.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/IMG_8016-500x667.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/IMG_8016-500x667.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.15.47-800x358.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.15.47-800x358.png)
実際に以下の画像を
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.37.00-800x445.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.37.00-800x445.png)
印刷して、スマホでかざしてみました。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.53.12-800x521.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.53.12-800x521.png)
その実際の映像がこちらです。
![](https://honnoippo.com/wp-content/uploads/2021/09/download-1.gif)
![](https://honnoippo.com/wp-content/uploads/2021/09/download-1.gif)
WebARの「四角い枠」=「ARマーカー」にスマホをかざすと
動画と音声が再生されるようになっています。
紹介させていただいたのは動画は、川田さんのInstagramです。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.11.28-800x708.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.11.28-800x708.png)
palanAR(パラナル)で作成した「WebAR」は「SNSでも共有可能」です。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.51.43-800x724.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.51.43-800x724.png)
「名刺」や「ポスター」だけではなく
TwitterやInstagramで「WebARの画像」を投稿することも可能です。
「WebAR」でスマホ画面から飛び出た「画像」や「動画」は訴える力は大きいと思います。
WebARのもっと良い活用法がないか研究してみます。
WebAR「おにぎりをかじる犬」も作成してみました。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.34.15-800x450.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.34.15-800x450.png)
このWebARは、Instagram:犬たちにおにぎりを丸ごとあげてみた❣️の動画を紹介するWebARです。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.14.52-800x707.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.14.52-800x707.png)
「QR一体型のAR」に改良してみました
![](https://honnoippo.com/wp-content/uploads/2021/09/1-800x800.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/1-800x800.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/2-800x800.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/2-800x800.png)
使い方は以下の動画で解説してみました。
「QR一体型のAR」の作り方
「QRのススメ」のサイトにアクセス
![](https://qr.quel.jp/images2/capture.png)
![](https://qr.quel.jp/images2/capture.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.18.08-800x947.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.18.08-800x947.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.19.10-800x916.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.19.10-800x916.png)
QRコードに「アイコン」や「文字」を入れれます。
※アイコンや文字なしのQRコードも作成可能です。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.19.32-800x1350.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.19.32-800x1350.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/パンをかじる犬QR_289211.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/パンをかじる犬QR_289211.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.29.40-800x430.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.29.40-800x430.png)
「作成したQRコード」を選択
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.33.44-800x706.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.33.44-800x706.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.37.06-800x864.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.37.06-800x864.png)
インスタ風のデザインにするには?
無料でおしゃれなSNSの画像やYouTubeのサムネ画像を「CANVA」で簡単に作成できます。
センスのない私でも、好きなデザインを選んで「文字」を入力するだけでインスタっぽい画像を簡単に作れます。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.40.45-800x719.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.40.45-800x719.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.41.05-800x634.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-23-0.41.05-800x634.png)
CANVAの使い方は以下のサイトなどをご参照ください。
![](https://blog.bestprints.biz/wp-content/uploads/2020/12/523420818814c19e1a2ee740d3a5d8b1-1-780x470.png)
![](https://blog.bestprints.biz/wp-content/uploads/2020/12/523420818814c19e1a2ee740d3a5d8b1-1-780x470.png)
犬も人も幸せになる生き方とは
今回、紹介させていただいた5匹の犬たちは、鶏ガラを骨ごと食べて、病気知らずで活力に漲っています。
![](https://rapt-plusalpha.com/wp-content/uploads/2021/03/IMG_1108-scaled.jpg)
![](https://rapt-plusalpha.com/wp-content/uploads/2021/03/IMG_1108-scaled.jpg)
ミニチュアダックスの「フィレモン」も仲間に加わりました。
![](https://honnoippo.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-02-21.02.49-800x1052.png)
![](https://honnoippo.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-02-21.02.49-800x1052.png)
![](https://honnoippo.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-02-21.03.01-800x951.png)
![](https://honnoippo.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-02-21.03.01-800x951.png)
室内で飼われるミニチュアダックスですが、屋外で飼われている他の4匹の先輩に負けじ劣らずパワフルです。
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.34.21-800x654.png)
![](https://honnoippo.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-22.34.21-800x654.png)
フィレモンは狂犬病ワクチンを接種していないことも、
全力で100%毎日を生きておられる飼い主の姿を見て育っているから、
小型犬だと思えない力強い走りができると考えられます。
![](https://rapt-plusalpha.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-18.51.28.png)
![](https://rapt-plusalpha.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-18.51.28.png)
今まで常識だと思っていたことが、常識ではなかったことを
ミニチュアダックスのフィレモンの成長する姿から日々学ばせていただいています。
この場を借りて、5匹の犬の飼い主であるRAPT氏に感謝します。
私もフィレモンのように、毎日全力で生きて、毎日変化し、成長し、出来ないことを出来るように成長していきます。
最後まで読んで下さり、ありがとうございます。
コメント