CINXE.COM

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> <meta name="format-detection" content="telephone=no"> <title>AR（拡張現実）コンテンツを誰でも簡単に制作できるアプリCOCOAR（ココアル）</title> <meta name="keywords" content="AR,作成,制作,サービス,アプリ,マーカー型"/> <meta name="description" content="ARプロモーションツール「COCOAR（ココアル）」は誰でも簡単にARを作成できるクラウドサービスです。作成したARはARアプリ「COCOAR」で公開し、広告やイベント、キャンペーンなどで活用。企画後はログ分析で継続的にプロモーションの質を高められます。"/> <meta property="og:title" content="AR（拡張現実）コンテンツを誰でも簡単に制作できるアプリCOCOAR（ココアル）" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.coco-ar.jp/" /> <meta property="og:image" content="https://www.coco-ar.jp/dcms_media/image/ogp.png" /> <meta property="og:site_name" content="COCOAR" /> <meta property="og:description" content="ARプロモーションツール「COCOAR（ココアル）」は誰でも簡単にARを作成できるクラウドサービスです。作成したARはARアプリ「COCOAR」で公開し、広告やイベント、キャンペーンなどで活用。企画後はログ分析で継続的にプロモーションの質を高められます。" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cloudcircus_inc" /> <meta name="twitter:title" content="AR（拡張現実）コンテンツを誰でも簡単に制作できるアプリCOCOAR（ココアル）"> <meta name="twitter:description" content="ARプロモーションツール「COCOAR（ココアル）」は誰でも簡単にARを作成できるクラウドサービスです。作成したARはARアプリ「COCOAR」で公開し、広告やイベント、キャンペーンなどで活用。企画後はログ分析で継続的にプロモーションの質を高められます。"> <meta name="twitter:image" content="https://www.coco-ar.jp/dcms_media/image/ogp.png"> <link rel="stylesheet" href="/dcms_media/css/base.min.css" /> <link rel="stylesheet" href="/dcms_media/css/layout.purge.min.css" /> <link rel="stylesheet" href="/dcms_media/css/swiper.min.css" /> <link rel="stylesheet" href="/dcms_media/css/original.min.css"> <link rel="stylesheet" href="/dcms_media/css/mtame.min.css"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;800;900&family=Roboto:wght@300;700&display=swap" rel="stylesheet">  <link rel="stylesheet" href="/dcms_media/css/cocoar.purge.min.css">  <link rel="stylesheet" href="/dcms_media/css/modal-video.min.css" /> <style> a.js-modal-video{ display: block; max-width: 960px; height: auto; margin: 0 auto 50px auto; } a.js-modal-video:hover{ cursor: pointer; } .rss_new{background-color: #CA062B;} .cmban{ position: fixed; right: 0; bottom: 40px; width: 390px; height: 390px; z-index: 100; } .cmbanimg{ width: 390px; height: auto; } .cmbanclick{ width: 115px; height: auto; position: absolute; top: 10px; right: 30px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 979px) { .cmban{ width: 200px; height: 200px; } .cmbanimg{ width: 200px; } .cmbanclick{ width: 55px; right: 20px; } } @media only screen and (max-width: 690px) { .cmban { bottom: 0; width: 180px; height: 180px; } .cmbanimg { width: 180px; } .cmbanclick { width: 65px; top: 0; right: 0; } } .hdg-lead { display: flex; justify-content: center; margin-bottom: 50px; text-align: center; } .hdg-lead span{ position: relative; padding: 5px 0 8px; font-size: 24px; display: block; } .hdg-lead span:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ""; background-color: #000; } .tab_contents_inner { margin-bottom: 20px; } @media only screen and (max-width: 690px) { .hdg-lead { max-width: 94%; margin: 0 auto 40px; } } </style> <script src="/dcms_media/js/jquery-1.11.1.min.js"></script> <script src="/dcms_media/js/scrolltopcontrol.js" defer></script> <script src="/dcms_media/js/original.js" defer></script> <script src="/dcms_media/js/swiper.min.js" defer></script> <script src="/dcms_media/js/jquery.matchHeight-min.js" defer></script> <script type="text/javascript" src="/dcms_media/js/jquery-modal-video.min.js" defer></script> <script> var lh = ""; lh = location.href; if (lh.match(/dcmsadm/)){ } else { document.write('<style>header{position:fixed;}</style>'); $(document).ready(function(){ $('.navBtn').click(function () { $('body').toggleClass('sitemapsopen'); }); $('#pagetitle').insertAfter($('header')); $('.bn_2col').wrapAll('<div class="bn_2block"></div>'); $('.mh').matchHeight(); $('.ficon_txt').matchHeight(); $('.cta_txt').matchHeight(); $('.featurepointmid_title').matchHeight(); $('.dl_title').matchHeight(); $('.dl_txt').matchHeight(); $('#locator').prependTo($('.featuremain_block')); //header var $win = $(window), $header = $('header'), headerHeight = $header.outerHeight(), headerH = headerHeight + 10; startPos = 0; $win.on('load scroll', function() { var value = $(this).scrollTop(); if ( value > startPos && value > headerHeight ) { $header.css('top', '-' + headerH + 'px'); } else { $header.css('top', '0'); } startPos = value; }); //sp navi $('.sitemaps_title + ul').prev().after('<div class="ocbtn"></div>'); $('.ocbtn').click(function(){ $(this).next().slideToggle(); $(this).toggleClass('active'); }); var swiper_top_function_thumb = new Swiper ('.top_function_thumb', { slidesPerView: 4, allowTouchMove:false, spaceBetween: 40, loop: false, autoplay: false }); var swiper_top_function = new Swiper ('.top_function', { slidesPerView: 1, allowTouchMove:false, spaceBetween: 0, loop: false, autoplay: false, autoHeight: true, thumbs: { swiper: swiper_top_function_thumb } }); var swiper_top_use_thumb = new Swiper ('.top_use_thumb', { slidesPerView: 3, allowTouchMove:false, spaceBetween: 78, loop: false, autoplay: false }); var swiper_top_use = new Swiper ('.top_use', { slidesPerView: 1, allowTouchMove:false, spaceBetween: 0, loop: false, autoplay: false, autoHeight: true, thumbs: { swiper: swiper_top_use_thumb } }); }); if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) { $(function() { $('.tel').each(function() { var str = $(this).html(); if ($(this).children().is('img')) { $(this).html($('<a>').attr('href', 'tel:' + $(this).children().attr('alt').replace(/-/g, '')).append(str + '</a>')); } else { $(this).html($('<a>').attr('href', 'tel:' + $(this).text().replace(/-/g, '')).append(str + '</a>')); } }); }); } } </script> <script defer> $(document).ready(function () { $('.img-mh').matchHeight(); $('.spcorpnav').on('click', function() { $(this).toggleClass('open'); }); }); </script> <script defer> $(function () { $('.cmbanclick').on('click', () => { $('.cmban').hide(); $('.cmban img').hide(); }); }); </script> <script defer> $(function () { if ($(".js-modal-video").length) { //クラス名js-modal-videoがあれば以下を実行 $(".js-modal-video").modalVideo({ channel: "youtube", youtube: { rel: 0, //関連動画の指定 autoplay: 1, //自動再生の指定 }, }); } }); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "VideoObject", "name": "ARサービス「COCOAR/LESSAR」by Cloud CIRCUS プロモーション動画　ロングver", "description": "エンタメからビジネスまであらゆるシーンの顧客体験価値向上に ARアプリ「COCOAR」／ウェブAR「LESSAR」 3ステップで誰でも簡単にAR作成！・大容量の３DもAR化可能なARアプリ「COCOAR」・アプリ不要でシームレスに体験できるウェブAR「LESSAR」", "thumbnailUrl": "http://img.youtube.com/vi/lpZhk0OV4Wo/sddefault.jpg", "uploadDate": "2022-04-06T08:00:00+09:00）", "duration": "T2M3S", "contentUrl": "https://www.youtube.com/watch?v=lpZhk0OV4Wo" } </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NRWMX6Z');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NRWMX6Z" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="https://kit.fontawesome.com/003d8036b9.js" crossorigin="anonymous"></script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "6l2q215di6"); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "COCOAR（ココアル）とは？", "acceptedAnswer": { "@type": "Answer", "text": "COCOARとは、AR（拡張現実）を活用したプロモーションを行うためのツールです。 ARをイベントや商品販促に活用すれば、オフラインとオンラインを組み合わせた感動体験を提供できます。 COCOARなら3D作成～AR作成が誰でも簡単。施策後にはユーザー属性や体験ログからユーザーの⼼にどのようなことが響いたのかを可視化して、効果測定することができるため、継続的にプロモーションの質を高めていくことができます。<a href=“/index.html”>…続きを読む</a> " } },{ "@type": "Question", "name": "ARとは？", "acceptedAnswer": { "@type": "Answer", "text": "ARとは「Augmented Reality」の略で、日本語では「拡張現実」と呼ばれており、スマートフォンやタブレットで撮影した現実世界にデジタルコンテンツを表示する技術です。<a href=“/index.html”>…続きを読む</a> " } },{ "@type": "Question", "name": "COCOARが作成できるARの種類は？", "acceptedAnswer": { "@type": "Answer", "text": "COCOARが作成できるARの種類は、マーカー型AR、平面認識AR、空間認識AR、ARスタンプラリーの4種類です。この4種類と、GPSやランダム出現設定、リンク遷移設定などを用いることで、様々なARを作ることができます。<a href=“/index.html”>…続きを読む</a> " } },{ "@type": "Question", "name": "COCOARの主な活用方法は？", "acceptedAnswer": { "@type": "Answer", "text": "COCOARは主に、イベント、商品販促・キャンペーン、販促物・広告に活用されています。<a href=“/index.html”>…続きを読む</a> " } }] } </script> <script defer src="https://trace.bluemonkey.jp/trace.js"></script> <meta property="og:title" content="AR（拡張現実）コンテンツを誰でも簡単に制作できるアプリCOCOAR（ココアル）" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.coco-ar.jp/" /> <meta property="og:image" content="https://www.coco-ar.jp/dcms_media/image/ogp.png" /> <meta property="og:site_name" content="COCOAR" /> <meta property="og:description" content="ARプロモーションツール「COCOAR（ココアル）」は誰でも簡単にARを作成できるクラウドサービスです。作成したARはARアプリ「COCOAR」で公開し、広告やイベント、キャンペーンなどで活用。企画後はログ分析で継続的にプロモーションの質を高められます。" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cloudcircus_inc" /> <meta name="twitter:title" content="AR（拡張現実）コンテンツを誰でも簡単に制作できるアプリCOCOAR（ココアル）"> <meta name="twitter:description" content="ARプロモーションツール「COCOAR（ココアル）」は誰でも簡単にARを作成できるクラウドサービスです。作成したARはARアプリ「COCOAR」で公開し、広告やイベント、キャンペーンなどで活用。企画後はログ分析で継続的にプロモーションの質を高められます。"> <meta name="twitter:image" content="https://www.coco-ar.jp/dcms_media/image/ogp.png"> <script> var lh = ""; lh = location.href; if (lh.match(/dcmsadm/)){ } else { document.write('<style>header{position:fixed;}</style>'); $(document).ready(function(){ $('.navBtn').click(function () { $('body').toggleClass('sitemapsopen'); }); $('#pagetitle').insertAfter($('header')); $('.bn_2col').wrapAll('<div class="bn_2block"></div>'); $('.mh').matchHeight(); $('.ficon_txt').matchHeight(); $('.cta_txt').matchHeight(); $('.featurepointmid_title').matchHeight(); $('.dl_title').matchHeight(); $('.dl_txt').matchHeight(); $('#locator').prependTo($('.featuremain_block')); //header var $win = $(window), $header = $('header'), headerHeight = $header.outerHeight(), headerH = headerHeight + 10; startPos = 0; $win.on('load scroll', function() { var value = $(this).scrollTop(); if ( value > startPos && value > headerHeight ) { $header.css('top', '-' + headerH + 'px'); } else { $header.css('top', '0'); } startPos = value; }); //sp navi $('.sitemaps_title + ul').prev().after('<div class="ocbtn"></div>'); $('.ocbtn').click(function(){ $(this).next().slideToggle(); $(this).toggleClass('active'); }); }); if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) { $(function() { $('.tel').each(function() { var str = $(this).html(); if ($(this).children().is('img')) { $(this).html($('<a>').attr('href', 'tel:' + $(this).children().attr('alt').replace(/-/g, '')).append(str + '</a>')); } else { $(this).html($('<a>').attr('href', 'tel:' + $(this).text().replace(/-/g, '')).append(str + '</a>')); } }); }); } } </script> <script> $(document).ready(function () { $('.img-mh').matchHeight(); $('.spcorpnav').on('click', function() { $(this).toggleClass('open'); }); }); </script> <script> $(function () { $('.cmbanclick').on('click', () => { $('.cmban').hide(); $('.cmban img').hide(); }); }); </script> <style> .rss_new{background-color: #CA062B;} .cmban{ position: fixed; right: 0; bottom: 40px; width: 390px; height: 390px; z-index: 100; } .cmbanimg{ width: 390px; height: auto; } .cmbanclick{ width: 115px; height: auto; position: absolute; top: 10px; right: 30px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 979px) { .cmban{ width: 200px; height: 200px; } .cmbanimg{ width: 200px; } .cmbanclick{ width: 55px; right: 20px; } } @media only screen and (max-width: 690px) { .cmban { bottom: 0; width: 180px; height: 180px; } .cmbanimg { width: 180px; } .cmbanclick { width: 65px; top: 0; right: 0; } } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MJDZGS');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJDZGS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="https://kit.fontawesome.com/003d8036b9.js" crossorigin="anonymous"></script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "6l2q215di6"); </script> <meta name="google-site-verification" content="vN-PWKZ-sv6qRdUkb2zVt3r8w40S0SYUwS0i_-SjuJ0" /> </head> <body id="top" class="page_index"> <header class="ar_header fs_header"> <div class="header_top"> <div class="header_top_in"> <figure class="logo"><a href="https://cloudcircus.jp/" target="_blank" rel="noopener"><img src="https://www.coco-ar.jp/dcms_media/img/logo.png" alt="CloudCIRCUS" width="170" height="36" /></a></figure> <div class="spcorpnav"></div> <div class="spcorpnavcon"> <div class="spcorpnavconin"> <ul> <li><a href="https://cloudcircus.jp/about/">Cloud CIRCUSとは</a></li> <li><a href="https://cloudcircus.jp/support/">サポート</a></li> <li><a href="https://cloudcircus.jp/products/">製品</a> <div class="splr"> <div class="splrl"> <div class="mega-menu-logo pc_order1"><a href="https://bow-now.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_bownow.png" alt="BowNow MA（マーケティングオートメーション）" /> <span class="mega-menu-txt"> MA（マーケティングオートメーション） </span> </a></div> <div class="mega-menu-logo pc_order3"><a href="https://bluemonkey.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_bluemonkey.png" alt="BlueMonkey CMS&オウンドメディア構築" /> <span class="mega-menu-txt"> CMS&オウンドメディア構築 </span> </a></div> <div class="mega-menu-logo pc_order2"><a href="https://www.coco-ar.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_cocoar.png" alt="COCOAR アプリAR" /> <span class="mega-menu-txt"> アプリAR </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="https://less-ar.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_lessar.png" alt="LESSAR ウェブAR" /> <span class="mega-menu-txt"> ウェブAR </span> </a></div> </div> <div class="splrr"> <div class="mega-menu-logo pc_order3"><a href="https://www.plus-db.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_plusdb.png" alt="Plusdb データベース構築" /> <span class="mega-menu-txt"> データベース構築 </span> </a></div> <div class="mega-menu-logo pc_order1"><a href="http://actibook.cloudcircus.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_actibook.png" alt="ActiBook 電子ブック・動画共有" /> <span class="mega-menu-txt"> 電子ブック・動画共有 </span> </a></div> <div class="mega-menu-logo pc_order2"><a href="https://cloudcircus.jp/products/fullstar/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_fullstar.png" alt="Fullstar CSM（カスタマーサクセスマネジメントシステム）" /> <span class="mega-menu-txt"> CSM（カスタマーサクセスマネジメントシステム） </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="https://cloudcircus.jp/products/izanai/" target="_blank" rel="noopener"><img src="https://www.coco-ar.jp/dcms_media/image/header_logo_inazai.png" alt="IZANAI チャット接客" /><span class="mega-menu-txt"> チャット接客</span></a></div> <div class="mega-menu-link pc_order5"><a href="https://cloudcircus.jp/products/"> 製品一覧 </a></div> </div> </div> </li> </ul> <div class="loginbtn"><a href="https://cloudcircus.jp/products/">ログイン</a></div> </div> </div> <ul> <li><a href="https://cloudcircus.jp/about/" target="_blank" rel="noopener">Cloud CIRCUSとは</a></li> <li class="header-sec-item mega-menu"><a class="header-sec-item-inner" href="https://cloudcircus.jp/products/" target="_blank" rel="noopener"> 製品 </a>  <div class="mega-menu-area"> <div class="mega-menu-area-in"> <div class="mega-menu-con left"> <div class="mega-menu-logo pc_order1"><a href="https://bow-now.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_bownow.png" alt="BowNow MA（マーケティングオートメーション）" /> <span class="mega-menu-txt"> MA（マーケティングオートメーション） </span> </a></div> <div class="mega-menu-logo pc_order3"><a href="https://bluemonkey.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/other/header_logo_bluemonkey.webp" alt="BlueMonkey CMS&オウンドメディア構築" /> <span class="mega-menu-txt"> CMS&オウンドメディア構築 </span> </a></div> <div class="mega-menu-logo pc_order2"><a href="https://www.coco-ar.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_cocoar.png" alt="COCOAR アプリAR" /> <span class="mega-menu-txt"> アプリAR </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="https://less-ar.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_lessar.png" alt="LESSAR ウェブAR" /> <span class="mega-menu-txt"> ウェブAR </span> </a></div> </div> <div class="mega-menu-con right"> <div class="mega-menu-logo pc_order2"><a href="https://www.plus-db.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_plusdb.png" alt="Plusdb データベース構築" /> <span class="mega-menu-txt"> データベース構築 </span> </a></div> <div class="mega-menu-logo pc_order3"><a href="http://actibook.cloudcircus.jp/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_actibook.png" alt="ActiBook 電子ブック・動画共有" /> <span class="mega-menu-txt"> 電子ブック・動画共有 </span> </a></div> <div class="mega-menu-logo pc_order4"><a href="https://cloudcircus.jp/products/fullstar/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_fullstar.png" alt="Fullstar CSM（カスタマーサクセスマネジメントシステム）" /> <span class="mega-menu-txt"> CSM（カスタマーサクセスマネジメントシステム） </span> </a></div> <div class="mega-menu-logo pc_order5"><a href="https://cloudcircus.jp/products/izanai/" target="_blank" rel="noopener"> <img src="https://www.coco-ar.jp/dcms_media/image/header_logo_inazai.png" alt="IZANAI チャット接客" /> <span class="mega-menu-txt"> チャット接客 </span> </a></div> <div class="mega-menu-link pc_order6"><a href="https://cloudcircus.jp/products/"> 製品一覧 </a></div> </div> </div> </div> </li> <li><a href="https://cloudcircus.jp/support/" target="_blank" rel="noopener">サポート</a></li> </ul> <div class="header-tel"> <img src="/dcms_media/other/icon_phone.svg" class="header-tel_icon" alt=""><span class="header-tel_num"><a href="tel:0353392105" class="sp_telLink">03-5339-2105<br class="sp_tel"><span class="header-tel_time">（問合せ受付：平日 9:30～17:30）</span></a></span> </div> <div class="loginbtn"><a href="https://client.cloud-circus.com/#/login" target="_blank" rel="noopener">ログイン</a></div> </div> </div> <div class="header_bottom"> <div class="header_bottom_in"> <figure class="logo"><a href="/"><img src="https://www.coco-ar.jp/dcms_media/other/ar-logo.webp" alt="COCOAR" width="179" height="56" /></a></figure> <nav class="header_nav"> <div class="header_navinin"> <ul class="header_nav_in"> <li class="header-sec-item mega-menu"><a class="header-sec-item-inner" href="/service/">機能</a> <div class="mega-menu-area"> <ul class="subnab"> <li><a href="/service/vps/">(new!) 空間認識「VPS」</a></li> <li><a href="/service/stamprally/">ARスタンプラリー</a></li> <li><a href="/service/custom/">期間・GPSカスタマイズ</a></li> <li><a href="/service/gps/">GPS</a></li> <li><a href="/service/3da/">３Dモデル作成</a></li> <li><a href="/service/app/">ARアプリ「COCOAR」</a></li> </ul> </div> </li> <li><a href="/activation/">活用シーン</a></li> <li><a href="/cost/">料金</a></li> <li><a class="header-sec-item-inner" href="/media/cases">活用事例</a></li> <li><a href="/media/column/">お役立ち情報</a></li> <li><a href="/contact/">お問い合わせ</a></li> <li class="sp_only btn_white"><a href="/whitepaper/">資料ダウンロード</a></li> <li class="sp_only header_nav_btn"><a href="https://coco-ar.jp/free_form/" target="_blank" rel="noopener"> 無料で始める </a></li> </ul> </div> </nav> <div class="btn-set"> <div class="btn_white"><a href="/whitepaper/">資料ダウンロード</a></div> <div class="btn"><a href="https://coco-ar.jp/free_form/" target="_blank" rel="noopener">無料で始める</a></div> </div> <div class="header_menu_btn"><span class="header_menu_line"> </span> <span class="header_menu_line"> </span> <span class="header_menu_line"> </span></div> </div> </div> </header> <style> .ar_header .header_bottom .header_bottom_in .header_nav li.btn_white a{padding:5px 10px 5px;min-width: 150px} .btn_white a:after{display:none;} .ar_header .header_bottom .header_bottom_in{justify-content:space-between;gap:35px;} .ar_header .btn_white{width:150px;} .ar_header .btn_white a{min-width:150px;padding:5px 15px 5px;} .ar_header .btn-set {display:flex;gap:20px;align-items: center;} @media(min-width:979px) and (max-width:1255px){ .header-sec-item:not(:first-child){ margin-left:0; } } @media(min-width:979px){ .sp_only.btn_white{display:none ;} .ar_header .header_bottom .header_bottom_in .header_nav{width:auto;} } @media(min-width:979px) and (max-width:1191px){ .ar_header .header_bottom .header_bottom_in .header_nav a{ padding:39px 6px; } .ar_header .btn-set{ gap:12px; } .ar_header .header_bottom .header_bottom_in{ gap:0; } } @media(max-width:979px){ .header-sec-item:not(:first-child){ margin-left:0; } .ar_header .header_bottom .header_bottom_in .btn_white{ display:none; } .ar_header .header_bottom .header_bottom_in .header_nav_in li.header_nav_btn{ width:200px; } .ar_header .header_bottom .header_bottom_in .header_nav_in li.header_nav_btn a{ display:block; text-align:center; } .ar_header .header_bottom .header_bottom_in .header_nav li.btn_white{ display: block; position: absolute; top: 80px; right: 30px; width:200px; text-align: center; } .header_nav .mega-menu-area{border:none;} .btn_white a{min-width:initial;} } @media(max-width:767px){ .ar_header .header_bottom .header_bottom_in .header_nav_in li.header_nav_btn, .ar_header .header_bottom .header_bottom_in .header_nav li.btn_white{ width:170px; } } </style> <div class="ar_mainimage"> <div class="spMin"><img src="/dcms_media/image/ar_top_mainimage.jpg" alt="COCOAR" width="1920" height="862" /></div> <div class="sp"><img src="/dcms_media/other/ar-top-mainimage-sp.webp" alt="COCOAR" width="542" height="899" /></div> <div class="main_txt"> <div class="main_txt_inner"> <h1><span class="en">AR</span>でプロモーションに<br />感動と成果を<br /> <span class="main_txt_inner-block"> <img class="main_txt-logo" src="/dcms_media/image/ar_h1image.png" alt="COCOAR" width="264" height="84" /> <span class="jp">（ココアル）</span> </span></h1> <ul class="main_btn"> <li><a title="フリープラン" href="http://www.coco-ar.jp/free_form/?utm_campaign=topfv_free" target="_blank" rel="noopener">無料で使ってみる</a> </li> <li><a title="概要資料DL" href="/whitepaper/gaiyousiryou/">資料ダウンロード</a></li> </ul> </div> </div> </div>  <main id="container">  <div id="dcms_layoutPageBlockPasteArea">  <div id="dcms_layoutPageBlock"> <div class="ar_top_about01"> <h2 class="ar_top_title02">COCOAR（ココアル）とは？</h2> <p class="top_section_description">COCOARはAR（拡張現実）を活用したプロモーションを行うためのツールです。<br />COCOARをイベントや商品販促に活用すれば、オフラインとオンラインを組み合わせた感動体験を提供できます。<br /><br />「他と差別化したい」「企画がマンネリ化している」「キャンペーンの効果が見えない」<br />こんなお悩みを、COCOAR（ココアル）は解決できます。<br /><br />約10年の提供実績、7,100社以上の導入実績があるCOCOARで、<br />新しく、効果的なプロモーションを行いませんか？</p> <div class="ar_video mt50"> <div class="inner"><video style="display: block; margin-left: auto; margin-right: auto;" autoplay="autoplay" loop="loop" muted="" controls="controls" width="100%" height="100%"><source src="/dcms_media/other/video-cocoar-vps.MP4" type="video/mp4"></video></div> </div> </div> <div class="article_section dl-toppage-list"> <h2 class="hdg-lead" style="text-align: center;"><span class="">まずはここから！AR活用お役立ち資料</span></h2> <div class="tab_contents_inner w-narrow"> <div class="service_box col-3 type-wrap type-card"> <div class="col"> <div class="service_box_img txt_c"><a title="cocoar-whitepaper" href="/whitepaper/gaiyousiryou/"><img src="https://www.coco-ar.jp/dcms_media/image/cocoar-wp-cocoar.webp" alt="COCOAR_whitepaper" width="390" height="260" /></a></div> <p class="service_box_title"><span style="font-size: 16pt;"><a title="概要資料ダウンロード" href="/whitepaper/gaiyousiryou/">COCOAR（ココアル）<br />概要資料</a></span></p> <p class="m30 mt10 fs14">7,100社以上が導入する「COCOAR」は、どんなことができるARツールなのかを解説しています。<br />機能・事例・料金プランもまとめました。</p> <div class="btn_white"><a href="/whitepaper/gaiyousiryou/">ダウンロード</a></div> </div> <div class="col"> <div class="service_box_img txt_c"><a title="ARフォトフレーム事例集" href="/whitepaper/ar-photoframe/"><img src="/dcms_media/image/cocoar-wp-photoframe.webp" alt="ARフォトフレーム事例集" width="600" height="338" /></a></div> <p class="service_box_title"><a title="ARフォトフレーム事例集" href="/whitepaper/ar-photoframe/">＼見て楽しい！遊んで楽しい！／<br />ARフォトフレーム活用事例集</a><a title="AR活用事例集" href="/whitepaper/success/"></a></p> <p class="m30 mt10 fs14"><br />販売促進やオンラインイベント、学校・自治体など幅広いARフォトフレームを活用したプロモーション事例を、企画概要から成果まで多数ご紹介。</p> <div class="btn_white"><a title="ARフォトフレーム事例集" href="/whitepaper/ar-photoframe/">ダウンロード</a></div> </div> <div class="col"> <div class="service_box_img txt_c"><a title="ARスタンプラリー事例集" href="/whitepaper/ar-stamprally/"><img src="/dcms_media/image/cocoar-wp-stamprally.webp" alt="ARスタンプラリー事例集" width="600" height="338" /></a></div> <p class="service_box_title"><a title="ARスタンプラリー事例集" href="/whitepaper/ar-stamprally/">＼観光周遊・販売促進に／<br />ARスタンプラリー活用事例集</a><a title="AR活用事例集" href="/whitepaper/success/"></a></p> <p class="m30 mt10 fs14"><br />地域活性化・回遊や、販売促進などのARを活用したデジタルスタンプラリー施策の事例を、企画概要から成果まで多数ご紹介。</p> <div class="btn_white"><a title="ARスタンプラリー事例集" href="/whitepaper/ar-stamprally/">ダウンロード</a></div> </div> </div> </div> <div class="btn_white"><a href="/whitepaper/">他の資料も見る</a></div> </div> <div class="ar_top_use"> <h2 class="ar_top_title02">ARの主な活用方法</h2> <p class="top_section_description">感動の体験を盛り込み、より魅力的なプロモーションに</p> <div class="top_use_thumb"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="thumb">イベント</div> </div> <div class="swiper-slide"> <div class="thumb">商品販促・キャンペーン</div> </div> <div class="swiper-slide"> <div class="thumb">販促物・広告</div> </div> </div> </div> <div class="swiper-container top_use"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="top_use_slide_inner use_slide01"> <div class="ar_use_in"> <div class="top"> <div class="title_area"> <p>現実ではありえないことも、デジタルなら自由に創造可能。<br /> ARで非日常体験をイベントに盛り込むことで、顧客体験価値を高められます。<br /> また、スタンプラリーやくじをARでデジタル化することでより便利で快適なイベント企画が実現できます。</p> </div> <div class="solution"> <div class="title">こんな業界に…</div> <div class="list"> <ul> <li>観光</li> <li>博物館・レジャー施設</li> <li>商業施設・小売店舗・飲食店</li> </ul> <ul> <li>エンタメ（ゲーム・アニメ・音楽等）</li> <li>スポーツ</li> <li>ブライダル</li> </ul> </div> </div> </div> <div class="bottom"> <div class="col"> <h3 class="ttl">ARフォトフレーム</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_img01.png" alt="ARフォトフレーム" width="315" height="235" /></figure> </div> <div class="col"> <h3 class="ttl">限定動画・3D</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_img02.png" alt="限定動画・3D" width="315" height="266" /></figure> </div> <div class="col"> <h3 class="ttl">ARスタプラリー・ARくじ</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_new03.png" alt="ar-stamprally" width="340" height="238" /></figure> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="top_use_slide_inner use_slide02"> <div class="ar_use_in"> <div class="top"> <div class="title_area"> <p>商品の購入特典や購入キャンペーン企画でARを活用いただけます。<br /> 例えば購入特典としてARフォトフレームを提供し、フォトフレームを使った写真をSNSに投稿するフォトコンテストをキャンペーンに盛り込むことで、購買意欲向上・認知度拡大が期待できます。</p> </div> <div class="solution"> <div class="title">こんな業界に…</div> <div class="list"> <ul> <li>お菓子・飲料</li> <li>日用品</li> <li>ギフト</li> </ul> <ul> <li>CD・DVD</li> <li>キャラクターグッズ</li> <li>おもちゃ・玩具</li> </ul> </div> </div> </div> <div class="bottom"> <div class="col"> <h3 class="ttl">ARフォトフレーム</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_img01.png" alt="ARフォトフレーム" width="315" height="235" /></figure> </div> <div class="col"> <h3 class="ttl">限定動画・3D</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_new04.png" alt="限定動画・3D" width="342" height="281" /></figure> </div> <div class="col"> <h3 class="ttl">ARくじ・AR占い</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_img05.png" alt="ARくじ・AR占い" width="315" height="294" /></figure> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="top_use_slide_inner use_slide03"> <div class="ar_use_in"> <div class="top"> <div class="title_area"> <p>たくさんの広告に埋もれてしまわないように、他の広告とは一味違う目を引く「仕掛け」としてARが活用されています。商品の実物大３Dモデルや服のバーチャル試着などサンプル提供のほか、広告の写真が動き出す演出など、実用的で楽しい広告に。</p> </div> <div class="solution"> <div class="title">こんな業界に…</div> <div class="list"> <ul> <li>出版</li> <li>新聞</li> <li>広告</li> </ul> <ul> <li>写真</li> <li>学校・教育</li> <li>BtoB企業</li> </ul> </div> </div> </div> <div class="bottom"> <div class="col"> <h3 class="ttl">動きだす紙面</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_new06.png" alt="動きだす紙面" width="315" height="221" /></figure> </div> <div class="col"> <h3 class="ttl">サンプル</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_new07.png" alt="cocoar-housing" width="315" height="225" /></figure> </div> <div class="col"> <h3 class="ttl">プロモーション動画</h3> <figure class="img img-mh"><img src="/dcms_media/image/ar_top_use_img08.png" alt="プロモーション動画" width="315" height="210" /></figure> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ar_top_use2"> <h2 class="ar_top_title02">こんな業界で活用いただいております</h2> <ul class="ar_use_col5"> <li class="use"> <figure><img src="/dcms_media/image/ar_top_use_img11.png" alt="エンタメ" width="156" height="156" /></figure> <div class="right"> <p class="font_l">エンタメ</p> <p class="font_n">イベント・コンサート・<br class="pc" />スポーツなど</p> </div> </li> <li class="use"> <figure><img src="/dcms_media/image/ar_top_use_img12.png" alt="メディア" width="156" height="156" /></figure> <div class="right"> <p class="font_l">メディア</p> <p class="font_n">印刷・出版・新聞・TVなど</p> </div> </li> <li class="use"> <figure><img src="/dcms_media/image/ar_top_use_img13.png" alt="メーカー" width="156" height="156" /></figure> <div class="right"> <p class="font_l">メーカー</p> <p class="font_n">食料・飲料・家具など</p> </div> </li> <li class="use"> <figure><img src="/dcms_media/image/ar_top_use_img14.png" alt="自治体・観光" width="156" height="156" /></figure> <div class="right"> <p class="font_l">自治体・観光</p> <p class="font_n">町おこし・博物館<br />レジャー施設など</p> </div> </li> <li class="use"> <figure><img src="/dcms_media/image/ar_top_use_img15.png" alt="店舗・商業施設" width="156" height="156" /></figure> <div class="right"> <p class="font_l">店舗・商業施設</p> <p class="font_n">小売店舗・飲食店・<br />デパートなど</p> </div> </li> </ul> <div class="btn_white"><a href="/activation/">活用方法を詳しく見る</a></div> </div> <div class="ar_top_whitepaper"> <h2 class="ar_top_title02"><span style="text-decoration: underline;">詳しく知りたい方へ、お役立ち資料のご案内</span></h2> <p class="top_section_description">初めてのAR作成・AR企画の方必見！まずはこちらから。</p> <div class="ar_top_whitepaper_in"> <div class="col txt_c"><a title="AR活用法がわかる資料3点セット" href="/whitepaper/cocoar-case-sample/"><img src="/dcms_media/image/cocoar-wp-3tenset2.webp" alt="3tenset" width="600" height="338" /></a> <p><span style="font-size: 18pt;">まずはここから！<br />ARとは？COCOARとは？がまるわかり！<br />活用方法・料金プラン・そのままつかえる<br />体験サンプルも！！</span></p> </div> <div class="col"> <h3 class="ar_title03"><span style="font-size: 18pt;">AR活用法がわかる資料 3点セット</span></h3> <p>フォーム入力後に資料ダウンロードできます</p> <div><iframe allowtransparency="true" height="150" src="https://info.cloudcircus.co.jp/l/493131/2023-09-15/5m516k" style="border: 0; height: 700px;" width="100%"></iframe></div> </div> </div> </div> <div class="ar_top_use2"> <h2 class="ar_top_title02">COCOARが選ばれる理由</h2> <p class="top_section_description">ノウハウも予算もないのに、ARを作って、使って、プロモーションできるワケ</p> <ul class="ar_reason_col3"> <li class="reason"> <figure><img src="/dcms_media/image/ar_top_img_point01.png" alt="必要な分だけあとから課金ずっと無料でも使える" width="106" height="106" /></figure> <div class="right"> <p class="font_n">必要な分だけあとから課金</p> <p class="font_l">ずっと無料でも使える</p> <p class="tag">費用対効果を気にしなくていい</p> </div> </li> <li class="reason"> <figure><img src="/dcms_media/image/ar_top_img_point02.png" alt="現場が使いこなせるシンプル設計" width="106" height="106" /></figure> <div class="right"> <p class="font_n">現場が使いこなせる</p> <p class="font_l">シンプル設計</p> <p class="tag">コンテンツを登録するだけ</p> </div> </li> <li class="reason"> <figure><img src="/dcms_media/image/ar_top_img_point03.png" alt="プロモーションアイデア豊富な事例でサポート充実" width="106" height="106" /></figure> <div class="right"> <p class="font_n">プロモーションアイデア</p> <p class="font_l">豊富な事例でサポート充実</p> <p class="tag">日本屈指のAR導入実績7,100社</p> </div> </li> </ul> </div> <div class="ar_top_function"> <h2 class="ar_top_title02">COCOAR活用の流れ・主な機能</h2> <p class="top_section_description">AR作成から効果測定までできる機能が揃ってます。</p> <div class="top_function_thumb"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="thumb"><span class="step">STEP1</span> <span class="title">プロモーション企画・AR作成</span></div> </div> <div class="swiper-slide"> <div class="thumb"><span class="step">STEP2</span> <span class="title">プロモーションの実施</span></div> </div> <div class="swiper-slide"> <div class="thumb"><span class="step">STEP3</span> <span class="title">効果測定・追客</span></div> </div> <div class="swiper-slide"> <div class="thumb"><span class="step">オプション</span> <span class="title">3D作成</span></div> </div> </div> </div> <div class="swiper-container top_function"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="top_function_slide_inner function_slide01"> <p class="top_section_description">まずはユーザーにどのような体験をしてもらいたいか検討し、プロモーション企画を立てましょう。<br /> 作成したいARが決まれば、データをCOCOARの管理画面で登録するだけで<br class="pc" />簡単にARが作成できます。</p> <div class="function-grid"> <div class="col1"> <div class="functiuon-box"> <div class="function-heading">活用する機能</div> <div class="function-body"> <ul class="function-list"> <li>AR作成<br /> (コンテンツ・マーカー登録)</li> </ul> </div> </div> </div> <div class="col1"> <div class="functiuon-box"> <div class="function-heading">登録できるデータ</div> <div class="function-body"> <ul class="function-list"> <li>動画・音声</li> <li>画像・GIFアニメ</li> <li>3Dオブジェクト</li> <li>テキスト</li> <li>URL(リンク)</li> </ul> </div> </div> </div> <div class="col2"> <figure><img src="/dcms_media/image/ar_top_new_function01.png" alt="cocoar-howto-01" width="449" height="371" /></figure> </div> </div> <div class="btn_white"><a href="/service/">機能を詳しく見る</a></div> </div> </div> <div class="swiper-slide"> <div class="top_function_slide_inner function_slide02"> <p class="top_section_description">作成したARをプロモーションで活用しましょう。<br /> まずはウェブサイトやSNS、ポスター等でAR企画を告知し、体験の導線を案内することで、体験を促すことが重要です。<br /> また、ARアプリ「COCOAR」の「ニュース」でARを配信したり、<br class="pc" />ARを体験したユーザーにプッシュ通知で新しいキャンペーンやイベントのお知らせを送るなど、<br class="pc" />ARアプリ「COCOAR」を利用することでマーケティングの幅はより一層広がります。</p> <div class="function-grid"> <div class="col1"> <div class="functiuon-box"> <div class="function-heading">活用する機能</div> <div class="function-body"> <ul class="function-list"> <li>プッシュ通知</li> <li>ニュース配信</li> </ul> </div> </div> </div> <div class="col2"> <figure><img src="/dcms_media/image/ar_top_new_function02.png" alt="プロモーションの実施" width="499" height="302" /></figure> </div> </div> </div> </div> <div class="swiper-slide"> <div class="top_function_slide_inner function_slide03"> <p class="top_section_description">作成したARが「どのようなユーザーに、どこで、どのくらい体験されたのか」など詳細なログ分析が可能です。<br /> ARを通して、プロモーションで利用したチラシやパンフレット等の紙媒体やイベントの成果まで可視化し、<br class="pc" />次のプロモーションで活かすべき点を見つけられます。</p> <div class="function-grid"> <div class="col1"> <div class="functiuon-box"> <div class="function-heading">活用する機能</div> <div class="function-body"> <ul class="function-list"> <li>プッシュ通知</li> <li>ダッシュボード（アクセスログ）</li> </ul> </div> </div> </div> <div class="col2"> <figure><img src="/dcms_media/image/ar_top_new_function03.png" alt="効果測定・追客" width="470" height="334" /></figure> </div> </div> </div> </div> <div class="swiper-slide"> <div class="function_slide04"> <div class="top_function_slide_inner"> <h3 class="option-heading"><span class="sub-text"> 3Dモデルをお持ちでない方におすすめのオプション機能 </span> <span class="main-text"> 3Dモデル作成「MOSYA」 </span></h3> <p class="top_section_description mb0">写真を登録するだけで簡単に3Dモデルが制作できる「COCOAR」のオプション機能です</p> <p class="top_section_description caution">※こちらβ版となっております</p> </div> <ol class="flow_list"> <li class="list"> <p class="step_title"><span class="step">STEP1</span>3D化したい<br class="pc" />データを用意</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_function04_01.png" alt="3D化したいデータを用意" width="162" height="150" /></figure> </div> </li> <li class="list"> <p class="step_title"><span class="step">STEP2</span>COCOAR管理画面へ<br class="pc" />ドラッグ＆ドロップ</p> <div class="step_content"> <figure><img src="/dcms_media/image/cocoar_GIF_03.gif" alt="COCOAR管理画面へドラッグ＆ドロップ" width="221" height="149" /></figure> </div> </li> <li class="list"> <p class="step_title end">3Dモデル完成</p> <div class="step_content"> <figure><img src="/dcms_media/image/cocoar_GIF_04.gif" alt="3Dモデル完成" width="152" height="132" /></figure> </div> </li> </ol> </div> </div> </div> </div> </div> <div class="ar_top_ability"> <h2 class="ar_top_title02">作成できるAR</h2> <ul class="ar_reason_col3"> <li class="reason"> <figure><a title="ARフォトフレーム事例" href="https://www.coco-ar.jp/activation/event/pictureframe/"><img src="/dcms_media/image/ar_top_img_ability01.png" alt="マーカー型AR" width="156" height="156" /></a></figure> <div class="right on-image"> <p class="font_m">ARフォトフレーム</p> <div class="btn_white"><a title="フォトフレーム" href="/activation/event/pictureframe/">事例を見る</a></div> </div> </li> <li class="reason"> <figure><a href="https://www.coco-ar.jp/service/3da/"><img src="/dcms_media/image/ar_top_img_ability02.png" alt="平面認識AR" width="156" height="156" /></a></figure> <div class="right on-image"> <p class="font_m">3Dコンテンツ×AR</p> <div class="btn_white"><a href="/service/3da/">機能を見る</a></div> </div> </li> <li class="reason"> <figure><a title="ARスタンプラリー" href="https://www.coco-ar.jp/activation/event/rally/"><img src="/dcms_media/image/ar_top_img_ability03.png" alt="ARスタンプラリー" width="156" height="156" /></a></figure> <div class="right on-image"> <p class="font_m"><a title="ARスタンプラリー" href="/activation/event/rally/">ARスタンプラリー</a></p> <div class="btn_white"><a title="ARスタンプラリー" href="/activation/event/rally/">事例を見る</a></div> </div> </li> </ul> </div> <div class="ar_top_about02"> <ol class="flow_list"> <li class="list"> <p class="step_title"><span class="step">STEP1</span>AR化したい<br class="pc" />データを用意</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_step01.png" alt="AR化したいデータを用意" /></figure> </div> </li> <li class="list"> <p class="step_title"><span class="step">STEP2</span>COCOAR管理画面へ<br class="pc" />ドラッグ＆ドロップ</p> <div class="step_content"> <figure><img src="/dcms_media/image/cocoar_GIF_01.gif" alt="COCOAR管理画面へドラッグ＆ドロップ" /></figure> </div> </li> <li class="list"> <p class="step_title"><span class="step">STEP3</span>AR完成・公開</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_step03.png" alt="AR完成・公開" /></figure> </div> </li> <li class="list"> <p class="step_title"><span class="step">STEP4</span>ログ分析</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_step04.png" alt="ログ分析" /></figure> </div> </li> </ol> <p class="top_section_description"><br /><span style="font-size: 10pt;">アプリ不要のウェブAR(Web AR)なら、<span style="text-decoration: underline;"><a title="ウェブAR「LESSAR」" href="https://less-ar.jp/" target="_blank" rel="noopener">ウェブAR作成ツール「LESSAR」</a>も</span>ご覧ください。</span></p> </div> <div class="ar_top_experience"> <h2 class="ar_top_title02">AR体験の流れ</h2> <ol class="flow_list"> <li class="list"> <p class="step_title"><span class="step">STEP1</span>ARアプリ「COCOAR」を<br class="pc" />ダウンロード</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_experience01.png" alt="ARアプリ「COCOAR」をダウンロード" width="61" height="112" /></figure> </div> </li> <li class="list"> <p class="step_title"><span class="step">STEP2</span>ARアプリ「COCOAR」を<br class="pc" />起動し、指定のマーカーを<br class="pc" />スキャン</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_experience02.png" alt="ARアプリ「COCOAR」を起動し、指定のマーカーをスキャン" width="184" height="136" /></figure> </div> </li> </ol> </div> <div class="ar_top_about03"><a title="cocoar-how-to-create.mp4" href="/dcms_media/other/cocoar-how-to-create.mp4"> <div class="inner"><video style="display: block; margin-left: auto; margin-right: auto;" autoplay="autoplay" loop="loop" muted="" controls="controls" width="100%" height="100%"><source src="/dcms_media/other/cocoar-how-to-create.mp4" type="video/mp4"></video></div> </a> <br /> <h2 class="ar_top_title02">そもそもARとは？</h2> <p class="top_section_description">ARとは、「Augmented Reality」の略で、日本語では「拡張現実」と呼ばれています。<br /> ARはスマートフォンやタブレットで撮影した現実世界にデジタルコンテンツを表示する技術です。<br />混同しやすいVRやMRとの違いも含め下記のリンク先よりまとめているので、ぜひ参考にしてください。</p> <div class="btn_white"><a href="https://www.coco-ar.jp/media/column/ar-vr-mr/">ARについての解説を見る</a></div> </div> <div class="ar_free_plan"> <h2 class="ar_top_title02"><a href="/free_form/" target="_blank" rel="noopener">フリープランの発行</a></h2> <p class="desc">書類不要！最低利用期間なし！ずっと無料で使えるアカウントを発行。</p> <div class="ar_free_plan_in"> <ul> <ul> <li>1分で登録完了！</li> <li>登録に必要なのはメールアドレス、基本情報の入力だけ！</li> <li>期限なし、ずっと無料で使える！</li> </ul> </ul> </div> <p class="desc">↓まずはライセンス発行！</p> <div class="btn_purple"><a href="/free_form/" target="_blank" rel="noopener">Freeプランを始める</a></div> </div> <div class="ar_top_start_guide"> <h2 class="ar_top_title02">導入ガイド</h2> <p class="top_section_description">ご利用開始まで3分。たった2STEPで「COCOAR」は始められます。</p> <ol class="flow_list"> <li class="list"> <p class="step_title"><span class="step">STEP1</span>Cloud CIRCUSに<br class="pc" />新規登録</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_guide01.png" alt="Cloud CIRCUSに新規登録" width="139" height="139" /></figure> </div> <p class="step-pc-out-caption">※有料プランご検討の方は<br class="pc" />お問い合わせください</p> </li> <li class="list"> <p class="step_title"><span class="step">STEP2</span>管理画面で<br class="pc" />COCOARを選択</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_guide02.png" alt="管理画面でCOCOARを選択" width="157" height="123" /></figure> </div> </li> <li class="list"> <p class="step_title end">運用開始</p> <div class="step_content"> <figure><img src="/dcms_media/image/ar_top_img_guide03.png" alt="AR完成・公開" width="103" height="103" /></figure> </div> <p class="step-pc-out-caption">※3D・AR作成～ログ分析を繰り返し、<br class="pc" />継続的にプロモーションの質を高め<br class="pc" />ていくことができます</p> </li> <li class="add"> <p class="add_title">有料プランの場合は<br class="pc" />企画の無料相談も承ります</p> <div class="add_content"> <figure><img src="/dcms_media/image/ar_top_img_guide04.png" alt="ログ分析" width="236" height="115" /></figure> </div> </li> </ol> </div> <div class="ar_top_whitepaper"> <h2 class="ar_top_title02">お役立ち資料</h2> <p class="top_section_description">初めてのAR作成・AR企画の方必見！まずはこちら</p> <div class="ar_top_whitepaper_in"> <div class="col txt_c"><img src="/dcms_media/image/cocoar-wp-cocoar.webp" alt="cocoar-top-whitepaper" width="600" height="338" /></div> <div class="col"> <h3 class="ar_title03">COCOAR 概要資料</h3> <p class="catch_copy">まずはここから！<br /> ARとは？からCOCOARの事例・活用方法まで<br class="pc" />まるわかり！</p> <div class="btn_purple"><a href="/whitepaper/gaiyousiryou/">ダウンロード</a></div> </div> </div> <div class="btn_white"><a href="/whitepaper/">ほかの資料も見てみる</a></div> </div> <div class="ar_media"> <h2 class="ar_top_title02">最新情報</h2> <p class="top_section_description">COCOARについての最新情報を配信します。</p> <div class="ar_mediain"> <article class="faitem"> <figure class="thumbnail img"> <img src="https://www.coco-ar.jp/dcms_media/image/cocoar-case-takashimaya-sakura.jpg" alt="新宿髙島屋で初のさくらAR！クラウドサーカスのARツール「COCOAR(ココアル)」が採用"> </figure> <div class="faitemtxtA"> <div class="faitemcate"><a class="case" href="https://www.coco-ar.jp/media/cases">活用事例</a></div> <time>2025/02/06</time> <p class="faitemtxt"><a href="https://www.coco-ar.jp/media/cases/250204-takashimaya-sakura">新宿髙島屋で初のさくらAR！クラウドサーカスのARツール「COCOAR(ココアル)」が採用</a></p> </div> </article>  <article class="faitem"> <figure class="thumbnail img"> <img src="https://www.coco-ar.jp/dcms_media/image/cocoar-case-teg-main.jpg" alt="チャットボットで謎を解き、ARで限定コンテンツを体験！初音ミク16th×RED゜TOKYO TOWERコラボイベントの回遊施策に活用、Xでも多くの反響を獲得！"> </figure> <div class="faitemtxtA"> <div class="faitemcate"><a class="case" href="https://www.coco-ar.jp/media/cases">活用事例</a></div> <time>2025/02/06</time> <p class="faitemtxt"><a href="https://www.coco-ar.jp/media/cases/teg-hatsunemiku">チャットボットで謎を解き、ARで限定コンテンツを体験！初音ミク16th×RED゜TOKYO TOWERコラボイベントの回遊施策に活用、Xでも多くの反響を獲得！</a></p> </div> </article>  <article class="faitem"> <figure class="thumbnail img"> <img src="https://www.coco-ar.jp/dcms_media/image/okazakicity_cover.jpg" alt="隠れオンエアバードを探せ！愛知県岡崎市内を巡るARスタンプラリー企画に参加してみた／愛知県岡崎市様"> </figure> <div class="faitemtxtA"> <div class="faitemcate"><a class="case" href="https://www.coco-ar.jp/media/cases">活用事例</a></div> <time>2025/01/10</time> <p class="faitemtxt"><a href="https://www.coco-ar.jp/media/cases/okazakicity-tokaionair">隠れオンエアバードを探せ！愛知県岡崎市内を巡るARスタンプラリー企画に参加してみた／愛知県岡崎市様</a></p> </div> </article>  </div> <ul class="ftopBT"> <li><a href="https://cloudcircus.jp/media/search?schCategory=event&schTag=cocoar" target="_blank" rel="noopener">セミナー情報</a></li> <li><a href="/media/search?schCategory=cases&schTag=cocoar" target="_blank" rel="noopener">導入事例</a></li> <li><a href="https://www.coco-ar.jp/media/tag/about-ar" target="_blank" rel="noopener">コラム記事</a></li> </ul> <ul class="ftopBB"> <li><a href="https://cloudcircus.jp/media/release/" target="_blank" rel="noopener">Cloud CIRCUSのお知らせ</a></li> <li><a href="https://manual.coco-ar.com/" target="_blank" rel="noopener">アップデートのお知らせ</a></li> </ul> </div> </div>  </div>  </main> <div class="ar_bottom_bg_black"> <h2>ARでプロモーションに感動と成果を <br />ARプロモーションツール</h2> <div class="logo_link"> <figure class="logo"><img src="/dcms_media/image/ar_logo_footer.png" alt="COCOAR" /></figure> <div class="link"> <p>\ずっと無料のフリープラン/</p> <a href="https://coco-ar.jp/free_form/" target="_blank" rel="noopener">無料アカウントを発行する</a></div> </div> <ul class="btn_col2"> <li><a href="/whitepaper/">資料ダウンロード</a></li> <li><a href="/contact/">お問い合わせ</a></li> </ul> </div> <div id="locator" class="fs"> <ol class="inner" itemscope itemtype="http://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://cloudcircus.jp/" itemprop="item"><span itemprop="name">TOP</span></a><meta itemprop="position" content="1" /></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://cloudcircus.jp/products/" itemprop="item"><span itemprop="name">製品</span></a><meta itemprop="position" content="2" /></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.coco-ar.jp/" itemprop="item"><span itemprop="name">COCOAR（ココアル）｜AR作成・プロモーションツール</span></a><meta itemprop="position" content="3" /></li></ol> </div> <footer> <div class="ar_footer"> <div class="ar_footer_cc"> <div class="ar_footer_ccname"><a href="https://cloudcircus.jp/">Cloud CIRCUS</a></div> <ul class="ar_footer_cclist"> <li><a href="https://cloudcircus.jp/company/" target="_blank" rel="noopener">運用会社</a></li> <li><a href="https://cloudcircus.jp/support/">サポート体制</a></li> <li><span class="nolink">運用メディア</span> <ul> <li><a href="https://mtame.jp/">エムタメ!</a></li> <li><a href="https://ar-go.jp/">ARGO</a></li> </ul> </li> </ul> <div class="footersns"><a href="https://www.facebook.com/cloudcircus.official/" target="_blank" rel="noopener"><img src="/dcms_media/image/fs_icon_facebook.jpg" alt="facebook" width="30" height="30" /></a> <a href="https://twitter.com/cloudcircus_inc" target="_blank" rel="noopener"><img src="/dcms_media/image/fs_icon_twitter.jpg" alt="twitter" width="30" height="30" /></a> <a href="https://www.youtube.com/channel/UClfarZi2fyjvk2ukn0CCdlQ" target="_blank" rel="noopener"><img src="/dcms_media/image/fs_icon_youtube.jpg" alt="youtube" width="30" height="30" /></a></div> </div> <div class="ar_footer_ab"> <div class="ar_footer_abname"><a href="/">COCOAR</a></div> <div class="ar_footer_abin"> <ul> <li><a href="/service/">機能</a></li> <li><a href="/activation/">場面別の活用シーン</a></li> <li><a href="/cost/">料金</a></li> <li><a href="/media/search?schCategory=cases&schTag=cocoar">活用事例</a></li> <li><a href="/media/search?schCategory=column&schTag=cocoar">お役立ち情報</a></li> <li><a href="/whitepaper/" target="_blank" rel="noopener">資料ダウンロード</a></li> </ul> <ul> <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a> <ul> <li><a href="/contact/general_contact/" target="_blank" rel="noopener">総合お問い合わせ</a></li> <li><a href="https://cloudcircus.jp/support/CS_BtoC/" target="_blank" rel="noopener">技術的なお問い合わせ</a></li> </ul> </li> <li><a href="https://manual.coco-ar.com/" target="_blank" rel="noopener">マニュアルサイト</a></li> </ul> <ul class="otherlist"> <li><a href="https://cloudcircus.jp/privacy/" target="_blank" rel="noopener">個人情報保護方針</a></li> <li><a href="https://cloudcircus.jp/security/" target="_blank" rel="noopener">情報セキュリティ基本方針</a></li> <li><a href="https://cloudcircus.jp/mynumber/" target="_blank" rel="noopener">特定個人情報取扱方針</a></li> <li><a href="https://cloudcircus.jp/company/info/agreement_soft/cocoar/" target="_blank" rel="noopener">COCOAR（ココアル）使用許諾約款</a></li> <li><a title="cookie等の利用について" href="https://www.coco-ar.jp/cookie/" target="_blank" rel="noopener">cookie等の利用について</a></li> </ul> </div> </div> </div> <div class="ar_footer_copyright"> <figure class="logo"><a href="https://cloudcircus.jp/"><img src="/dcms_media/image/fs_f_bottom_logo.jpg" alt="CloudCIRCUS" /></a></figure> <small>Copyright © Cloud CIRCUS Inc. All rights reserved.</small></div> </footer>  </body>   </html>

CINXE.COM

AR（拡張現実）コンテンツを誰でも簡単に制作できるアプリCOCOAR（ココアル ）

AR（拡張現実）コンテンツを誰でも簡単に制作できるアプリCOCOAR（ココアル）