<p>Railsとwordpressを一つのドメインで使用するという実装を行ったのでその導入方法のログを記事にしてみました。</p>
<p>passenger + apacheを利用している前提です。<br />
Railsアプリとwordpressを全く別のディレクトリに保存することも可能ですが、wordpressと同じディレクトリ内にインストールすれば、gitなど一つのリポジトリで管理できるので、同じディレトリ内に保存する方が楽だと思います。</p>
<h2>1 phpのインストール</h2>
<p>記事作成時点では公式の推奨phpのバージョンは5.6以降でしたので、今回インストールしたバージョンは5.6にいたしました。</p>

		<div id="crayon-649540263ec79405829604" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">add repository</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
rpm -Uvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm
rpm -Uvh http://dl.iuscommunity.org/pub/ius/stable/Redhat/6/x86_64/ius-release-1.0-11.ius.el6.noarch.rpm
rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263ec79405829604-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ec79405829604-2">2</div><div class="crayon-num" data-line="crayon-649540263ec79405829604-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263ec79405829604-1"><span class="crayon-i">rpm</span><span class="crayon-h"> </span>-<span class="crayon-e">Uvh </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ec79405829604-2"><span class="crayon-i">rpm</span><span class="crayon-h"> </span>-<span class="crayon-e">Uvh </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//dl.iuscommunity.org/pub/ius/stable/Redhat/6/x86_64/ius-release-1.0-11.ius.el6.noarch.rpm</span></div><div class="crayon-line" id="crayon-649540263ec79405829604-3"><span class="crayon-i">rpm</span><span class="crayon-h"> </span>-<span class="crayon-e">Uvh </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//rpms.famillecollet.com/enterprise/remi-release-6.rpm</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

		<div id="crayon-649540263ec7d797314086" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">install php 5.6</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
yum -y install --enablerepo=remi-php56 php</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263ec7d797314086-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263ec7d797314086-1"><span class="crayon-i">yum</span><span class="crayon-h"> </span>-<span class="crayon-i">y</span><span class="crayon-h"> </span><span class="crayon-i">install</span><span class="crayon-h"> </span>--<span class="crayon-i">enablerepo</span>=<span class="crayon-i">remi</span>-<span class="crayon-e">php56 </span><span class="crayon-i">php</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>２ wordpressのインストール</h2>
<p>wordpressをインストールしたいディレクトリで<br />
wget https://ja.wordpress.org/wordpress-4.5.2-ja.tar.gz<br />
tar xfvz wordpress-4.5.2-ja.tar.gz<br />
を実行します。インストールするurlは<a href="https://ja.wordpress.org/" target="_blank">公式サイト</a>で新しいものを指定します。<br />
実行すると、wordpressディレトリが生成されます。<br />
用途に応じてwordpressディレクトリを変更します。</p>
<h2>3 apacheの設定</h2>
<p></p>

		<div id="crayon-649540263ec7e397056332" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">edit httpd conf</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
Alias /post "/var/www/html/Railsのアプリ名/wordpressをインストールしたディレクトリ/"
&lt;Directory /var/www/html/Railsのアプリ名/wordpressをインストールしたディレクトリ/&gt;
  PassengerEnabled Off
  AllowOverride All                       
&lt;/Directory&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263ec7e397056332-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ec7e397056332-2">2</div><div class="crayon-num" data-line="crayon-649540263ec7e397056332-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ec7e397056332-4">4</div><div class="crayon-num" data-line="crayon-649540263ec7e397056332-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263ec7e397056332-1"><span class="crayon-i">Alias</span><span class="crayon-h"> </span>/<span class="crayon-i">post</span><span class="crayon-h"> </span><span class="crayon-s">"/var/www/html/Railsのアプリ名/wordpressをインストールしたディレクトリ/"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ec7e397056332-2"><span class="crayon-h">&lt;</span><span class="crayon-i">Directory</span><span class="crayon-h"> </span>/<span class="crayon-t">var</span>/<span class="crayon-i">www</span>/<span class="crayon-i">html</span>/<span class="crayon-i">Rails</span>のアプリ名/<span class="crayon-i">wordpress</span>をインストールしたディレクトリ/<span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540263ec7e397056332-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">PassengerEnabled </span><span class="crayon-e">Off</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ec7e397056332-4"><span class="crayon-e">&nbsp;&nbsp;</span><span class="crayon-e">AllowOverride </span><span class="crayon-i">All</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></div><div class="crayon-line" id="crayon-649540263ec7e397056332-5"><span class="crayon-h">&lt;</span>/<span class="crayon-i">Directory</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>今回はroot_url/postというアドレスにアクセスしたときにrailsではなくwordpressにアクセスするという設定にいたしました。</p>
<p>以上で設定は完了です。root_url/postにアクセスすれば、wordpressのいつものインストール画面が表示されます。</p>

Railsとwordpressを共存させる

<p>無料で3Dファイルをアップロードして公開する事ができる<a href="https://sketchfab.com/">Sketchfab</a>というサイトがあります。</p>
<p>かなりシンプルな手順で公開ができる上に、VRでのプレビューもできるので、動画ファイルでいうところのyoutubeと言った方が伝わりやすいかもしれません。</p>
<p><a href="/uploads-archive/2016/06/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10963" src="/uploads-archive/2016/06/1.jpg" alt="1" width="640" height="384" srcset="/uploads-archive/2016/06/1.jpg 640w, /uploads-archive/2016/06/1-300x180.jpg 300w, /uploads-archive/2016/06/1-228x137.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>今回はこのSketchfabにデモファイルをアップロードしてみたいと思います。</p>
<p><a href="/uploads-archive/2016/06/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10966" src="/uploads-archive/2016/06/3.jpg" alt="3" width="640" height="277" srcset="/uploads-archive/2016/06/3.jpg 640w, /uploads-archive/2016/06/3-300x130.jpg 300w, /uploads-archive/2016/06/3-228x99.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>アップロードの仕方は、これもyoutubeに似ていて右上のUPLOADをクリックしてファイルを選択するだけ、とてもシンプルです。</p>
<p><a href="/uploads-archive/2016/06/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10968" src="/uploads-archive/2016/06/4.jpg" alt="4" width="640" height="383" srcset="/uploads-archive/2016/06/4.jpg 640w, /uploads-archive/2016/06/4-300x180.jpg 300w, /uploads-archive/2016/06/4-228x136.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>アップロードしたページがこちらです。</p>
<p><a href="https://sketchfab.com/models/3df5dc1deeae41cf8f9d850ba184435d">https://sketchfab.com/models/3df5dc1deeae41cf8f9d850ba184435d</a></p>
<p>3dモデルについての説明なども入力できます。</p>
<p>記事に埋め込むとこんな感じになります。</p>
<p><iframe loading="lazy" width="640" height="480" src="https://sketchfab.com/models/3df5dc1deeae41cf8f9d850ba184435d/embed" frameborder="0" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" onmousewheel=""></iframe></p>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4a4a4a;"><a style="font-weight: bold; color: #1caad9;" href="https://sketchfab.com/models/3df5dc1deeae41cf8f9d850ba184435d?utm_medium=embed&amp;utm_source=website&amp;utm_campain=share-popup" target="_blank">Sterfield</a> by <a style="font-weight: bold; color: #1caad9;" href="https://sketchfab.com/launchmovie?utm_medium=embed&amp;utm_source=website&amp;utm_campain=share-popup" target="_blank">launchmovie</a> on <a style="font-weight: bold; color: #1caad9;" href="https://sketchfab.com?utm_medium=embed&amp;utm_source=website&amp;utm_campain=share-popup" target="_blank">Sketchfab</a></p>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4a4a4a;">
<p><iframe loading="lazy" width="600" height="400" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" src="https://sketchfab.com/models/3df5dc1deeae41cf8f9d850ba184435d/embed?autostart=1&amp;transparent=1&amp;autospin=0.2&amp;controls=1&amp;watermark=1"></iframe></p>


3DファイルをSketchfabにアップロードしてみる

<p>当社では<a href="http://launchcart.jp/" target="_blank">越境EC</a>に力を入れている関係上、外国人に限定した採用活動をする場合がある。</p>
<p>有料の媒体はいくつかあるのだが、今回は無料で利用できるサービスをまとめてみた。</p>
<p>&nbsp;</p>
<h2>ハローワーク</h2>
<p>地区によっては外国人を専門に扱う部署がある。</p>
<p>新宿であれば「新宿外国人雇用支援・指導センター」というのがある。</p>
<p><a href="http://tokyo-hellowork.jsite.mhlw.go.jp/list/shinjuku/goriyoujikan_access/shinjukugaisen_map.html" target="_blank">http://tokyo-hellowork.jsite.mhlw.go.jp/list/shinjuku/goriyoujikan_access/shinjukugaisen_map.html</a></p>
<p>&nbsp;</p>
<p>通常と同じ手順で外国人雇用である旨伝えると、外国人が閲覧する用の求人票として扱ってくれる</p>
<p>また、東京だと「東京外国人雇用サービスセンター」という機関がある。</p>
<p><a href="http://tokyo-foreigner.jsite.mhlw.go.jp/home.html" target="_blank">http://tokyo-foreigner.jsite.mhlw.go.jp/home.html</a></p>
<p>&nbsp;</p>
<p>合同企業説明会・面接会や、無給インターンの斡旋などを行っている</p>
<p><a href="http://tokyo-foreigner.jsite.mhlw.go.jp/news_topics/kigyou_minasama/_119746/_119812.html" target="_blank">http://tokyo-foreigner.jsite.mhlw.go.jp/news_topics/kigyou_minasama/_119746/_119812.html</a></p>
<p><a href="http://tokyo-foreigner.jsite.mhlw.go.jp/news_topics/kigyou_minasama/_119737/_119831.html" target="_blank">http://tokyo-foreigner.jsite.mhlw.go.jp/news_topics/kigyou_minasama/_119737/_119831.html</a></p>
<p>&nbsp;</p>
<h2>Facebookグループ</h2>
<p>Part time job japanや留学生 アルバイト、インターンなどのキーワードで簡単に見つけることができる</p>
<p>このような広範囲のものから、</p>
<p><a href="https://www.facebook.com/groups/nsajobhunting/" target="_blank">https://www.facebook.com/groups/nsajobhunting/</a></p>
<p><a href="https://www.facebook.com/groups/1430410577228610/" target="_blank">https://www.facebook.com/groups/1430410577228610/</a></p>
<p>中国に絞ったものも複数ある</p>
<p><a href="https://www.facebook.com/groups/403444786531871/" target="_blank">https://www.facebook.com/groups/403444786531871/</a></p>
<p><a href="https://www.facebook.com/groups/364295343670994/" target="_blank">https://www.facebook.com/groups/364295343670994/</a></p>
<p>これらは承認制だが、承認を受ければ自由に求人情報を投稿して良いところが多い。</p>
<p>&nbsp;</p>
<h2>日本語学校</h2>
<p>学校によっては学生課や学生生活課などが設置されており、</p>
<p>アルバイトの面倒を見ているところも多い。</p>
<p>すごく嫌がられることは無いと思うので、近くの学校に問い合わせてみるのが良いと思う</p>
<p>ちなみに以下は当社近くにある学校で大きいところ10校。</p>
<p>これだけで定員で6千人弱なのでうまくいけばスムーズに見つけられそうだ</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>学校名</th>
<th>定員数</th>
<th>所在地</th>
</tr>
<tr>
<td>ISIランゲージスクール</td>
<td>990</td>
<td>東京都新宿区高田馬場2-14-19</td>
</tr>
<tr>
<td>新宿日本語学校</td>
<td>720</td>
<td>東京都新宿区高田馬場2-9-7</td>
</tr>
<tr>
<td>ヒューマンアカデミー日本語学校</td>
<td>1240</td>
<td>東京都新宿区高田馬場4-9-9</td>
</tr>
<tr>
<td>千駄ヶ谷日本語学校</td>
<td>739</td>
<td>東京都新宿区下落合1-1-6</td>
</tr>
<tr>
<td>東京国際大学付属日本語学校</td>
<td>420</td>
<td>東京都新宿区高田馬場4-23-23</td>
</tr>
<tr>
<td>早稲田EDU日本語学校</td>
<td>520</td>
<td>東京都新宿区高田馬場4-23-33</td>
</tr>
<tr>
<td>東進日本語学校</td>
<td>333</td>
<td>都新宿区高田馬場3-28-1</td>
</tr>
<tr>
<td>ヨシダ日本語学院</td>
<td>256</td>
<td>東京都新宿区西早稲田1-23-14</td>
</tr>
<tr>
<td>早稲田外語専門学校</td>
<td>160</td>
<td>東京都新宿区高田馬場1-23-9</td>
</tr>
<tr>
<td>進和外語アカデミー</td>
<td>311</td>
<td>東京都新宿区高田馬場2-14-30</td>
</tr>
</tbody>
</table>


無料で外国人スタッフを採用する方法

<p>360度動画が流行ってきつつある中で、<br />
弊社でも何人か注目していてちょっと遊んだりしています。</p>
<p>360度で先に思いつくのがTHETAで、<br />
別のものがこんな記事を書いていました。<br />
<a href="/blog/richoh-theta%ef%bc%88%e3%83%aa%e3%82%b3%e3%83%bc%e3%82%b7%e3%83%bc%e3%82%bf%ef%bc%89%e3%81%a7360%e5%ba%a6%e7%94%bb%e5%83%8f%e3%82%92%e6%92%ae%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82%e5%8f%8b/" target="_blank">RICHOH THETA（リコーシータ）で360度画像を撮ってみた。友人結婚式編</a></p>
<p>他にも、<br />
<a href="/designer/cinema4d-%e3%81%a8-vray%e3%81%a7360%e3%81%ae%e4%b8%96%e7%95%8c%e3%82%92%e4%bd%9c%e3%82%8b%e3%80%80%e7%89%a9%e7%8f%8d%e3%81%97%e3%81%84%e3%81%86%e3%81%a1%e3%81%abhero%e5%8b%95%e7%94%bb%e3%81%a8/" target="_blank">cinema4d と vrayで360°の世界を作る　物珍しいうちにhero動画として活用</a></p>
<p>という記事もあり、360度といえばVRということで、</p>
<p><a href="/blog/other/it%e6%a5%ad%e7%95%8c/vr%e7%94%bb%e5%83%8f%e3%83%bb%e5%8b%95%e7%94%bb%e3%82%92%e6%92%ae%e5%bd%b1%e3%81%99%e3%82%8b%e3%81%ab%e3%81%af%e3%80%80cardboard/" target="_blank">VR画像・動画を撮影するには　Cardboard</a></p>
<p>こんな記事もあり、弊社でも注目度は高めな事項です。</p>
<h2>360Channel</h2>
<p>そんな、360度・VRを専門にした動画サイトがありました。</p>
<p>その名も360Channel。</p>
<p><img decoding="async" loading="lazy" width="1024" height="546" src="/uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-1024x546.jpg" alt="360Channel（サンロクマルチャンネル）"  class="alignnone size-large wp-image-10917" srcset="/uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-1024x546.jpg 1024w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-300x160.jpg 300w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-768x409.jpg 768w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919-228x121.jpg 228w, /uploads-archive/2016/06/5da7d304a6d6f15e5349ba3c15003919.jpg 1250w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><a href="https://www.360ch.tv/" class="link" target="_blank">360Channel（サンロクマルチャンネル）</a></p>
<p>現在はまだコンテンツは充実してないものの、ANAの工場見学、アイドルの企画、被災地の様子等々、<br />
360度動画の特製を活かしたラインナップになっております。</p>
<p>今後このサイトがどうなっていくかはわかりませんが、<br />
360動画、VRは今後流行っていくとは思うので注目していきたいですね！</p>
<h2>ここがすごい！</h2>
<p>このサイトを見ていてすごいと思ってしまったのは、<br />
動画撮影、動画編集、プレーヤーがどうなっているんだろうという疑問から、<br />
すべて自前で用意するのはかなり大変なことだろうなと理由です。</p>
<p>自前かどうかはわかりませんが、<br />
例えば最初に挙げたTHETAは、専用のアプリで見るか、THETAのサイトにアップロードしないと見れないので、<br />
このサイトではどういう技術を使っているか学びたいところです。。。</p>
<p>今後はそのような技術や機械も明らかになってくると思うので、<br />
とりあえずそんな情報を待ってみたいと思います。</p>


360度動画専門サイト「360Channel」がすごい

開発環境を統一してみる

<p>Ruby on Railsにbootstrapを使用したいときは、通常<br />
<a class="link" href="https://github.com/twbs/bootstrap-sass#a-ruby-on-rails" target="_blank">Bootstrap for Sass &#8211; GitHub</a><br />
のように、gemを利用することが多いですが、<br />
<em><strong>諸々の事情により</strong></em>、公式サイトよりインストールしたソース（しかもcss）を使用したい場合があるかと思いますが、そのときの設置方法を記事にしました。</p>
<h2>1. ファイルのインストール及び設置</h2>
<p>公式サイトよりダウンロードし、css、javascriptをそれぞれ<br />
app/assets/stylesheet<br />
app/assets/javascript<br />
に設置。また、glyphiconsのフォントを<br />
app/assets/font<br />
配下に配置する。</p>
<p>また、configにてconfig.assets.precompileによりcompileするassetsを指定している場合は、下記を追加する。</p>

		<div id="crayon-649540263e840651931066" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">add config.assets.precompile</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
config.assets.precompile += %w(.eot .ttf .woff .woff2)</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e840651931066-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e840651931066-1"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">assets</span><span class="crayon-sy">.</span><span class="crayon-i">precompile</span><span class="crayon-h"> </span>+=<span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-e">w</span><span class="crayon-sy">(</span><span class="crayon-sy">.</span><span class="crayon-i">eot</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">ttf</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">woff</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">woff2</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>２. cssの書き換えを行う。</h2>
<p>上記のような設置方法の場合、glyphiconsのフォントは読み込まれないので、bootstrap.cssの書き換えを行う必要がある。<br />
まず、bootstrap.cssをbootstrap.css.erbにrenameを行う。<br />
その後、cssにてフォントをしている箇所にて、</p>

		<div id="crayon-649540263e844216893607" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
src: url('../fonts/glyphicons-halflings-regular.eot');</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e844216893607-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e844216893607-1"><span class="crayon-i">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../fonts/glyphicons-halflings-regular.eot'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>から</p>

		<div id="crayon-649540263e846068373465" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
src: url(&lt;%= asset_path 'glyphicons-halflings-regular.eot' %&gt;);</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e846068373465-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e846068373465-1"><span class="crayon-i">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">url</span><span class="crayon-sy">(</span><span class="crayon-ta">&lt;%=</span><span class="crayon-h"> </span><span class="crayon-i">asset_path</span><span class="crayon-h"> </span><span class="crayon-s">'glyphicons-halflings-regular.eot'</span><span class="crayon-h"> </span><span class="crayon-ta">%&gt;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のような書き換えを行う。</p>
<p>以上により、設置は完了です。<br />
こちらを参考に致しました。<br />
<a href="https://gist.github.com/anotheruiguy/7379570" target="_blank" class="link">anotheruiguy/web-fonts-asset-pipeline.md &#8211; GitHub</a></p>

Railsでgemを使わずbootstarpを使用したいとき

<p>近年、広がりを見せるVRですが、Ｅコマースの業界においても徐々にVRの活用事例が出てきましたので、いくつかご紹介してみたいと思います。</p>
<h2>ebayがVR百貨店をオープン</h2>
<p>ebayが5月25日に”バーチャルリアリティのショッピング体験ができる世界初の「バーチャルリアリティ百貨店」（VR百貨店）をオープンした”と発表しました。</p>
<p>google cardboardのようにスマートフォンを利用した簡易のヘッドセットで利用するサービスで、ヘッドセットの名前は「ショプティカル」。</p>
<p>商品を選択したりカートに入れたりする操作は、視点を合わせて行うとの事で、cardboardのアプリに多いUIになっています。</p>
<p>規模については1万2000以上の商品を観覧できるとの事。</p>
<p>こちらがプロモーション映像です。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/yAuiXhJPnr8?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>Trillenium 将来、本当にお店に行く必要がなくなるのでは・・・</h2>
<p>これはまだβ版という事ですが、実際の店舗をそのまま再現していようというのがTrilleniumです。</p>
<p>質感や操作性という面でまだ不足している部分はあるかと思いますが、じっくり商品をみたり買い物そのものを楽しむという、リアル店舗ならではの要素をECが獲得する事によって、リアルとECの差が徐々に無くなっていくのではないでしょうか。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/bNRnyR-Z-bQ?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Oculus Riftやスマホ向けのデモアプリをダウンロードすることもできます。<a href="http://www.trillenium.com/">http://www.trillenium.com/</a></p>
<p>商品を見て頂くと、内装とは若干質感が違うと感じられますが、これは3Dをフォトスキャンで作成しているとの事でした。</p>
<p>ECでVRを活用する際に商品を3D化する際の労力・クオリティーがネックになると個人的に考えていたので、この技術は非常にうれしい発見です。</p>
<p>無料で作成するアプリケーションも存在しているようですので、今後深く掘ってみたいと思います。ちなみに<a href="https://mikaninc.com/3d%E3%83%95%E3%82%A9%E3%83%88%E3%82%B9%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%88%B6%E4%BD%9C%E3%81%95%E3%82%8C%E3%81%9F3d%E3%83%87%E3%83%BC%E3%82%BF%E9%81%94/">フォトスキャンテクノロジーとは</a></p>
<h2>中国から渋谷で買い物 越境ECにVRを取り入れるKABUKIペディア</h2>
<p><a href="/uploads-archive/2016/05/1-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10872" src="/uploads-archive/2016/05/1-1.jpg" alt="1" width="640" height="308" srcset="/uploads-archive/2016/05/1-1.jpg 640w, /uploads-archive/2016/05/1-1-300x144.jpg 300w, /uploads-archive/2016/05/1-1-228x110.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>kabukiペディアは日本に関するブログ・動画・VRといったコンテンツ主導型の越境ECモールで、2017年の春にはVRのモールをオープンする予定との事です。</p>
<p>下のリンクはテレ東で同モールを取材した動画です。</p>
<p><a href="http://www.tv-tokyo.co.jp/mv/nms/netanotane/post_111186/">http://www.tv-tokyo.co.jp/mv/nms/netanotane/post_111186/</a></p>


EC業界でも普及しはじめたVR

checkbox,radioがチェックされた時にちょっとアニメーションさせてみる

<p>Ruby on Railsの管理画面自動生成には、typus等様々なものが存在しますが、今回はrails adminとdeviseを利用した管理画面生成を記事にしてみました。</p>
<h3>1.deviseのインストール</h3>
<p>今回は割愛します。</p>
<h3>2.管理画面を利用したいmodelにdeviseを追加する</h3>
<p></p>

		<div id="crayon-649540263e088954173100" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">add devise to model / generate devise model</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
rails g devise モデル名</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e088954173100-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e088954173100-1"><span class="crayon-i">rails</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-h"> </span><span class="crayon-i">devise</span><span class="crayon-h"> </span>モデル名</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>3.deviseが追加されたmodelの調整を行う</h3>
<p>deviseをmodelに追加された際には、<br />
:database_authenticatable, :registerable,:recoverable, :rememberable, :validatableが自動的に追加されます。<br />
管理画面を生成する際は、:registerable,:recoverable,を削除するのが一般的なようです。<br />
もし、上記を削除した際には、deviseを追加した際に、上記のカラムがmigrationに追加されますが、<br />
Recoverableとreset_password_tokenの部分も同様に削除します。</p>
<p>調整が完了したらrake db:migrateを実行します。</p>
<h3>4.Gemfileにadmin_railsのgemを追加し、bundle installを実行</h3>
<p>そしてそのあと、rails g rails_admin:installを実行し、rails_adminのconfigファイルを生成する。</p>
<h3>5.rails_adminとdeviseの連携を行う</h3>
<p>config/initializers/rails_admin.rb<br />
にて</p>

		<div id="crayon-649540263e08c820769357" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">default rails_admin</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
## == Devise ==
# config.authenticate_with do
#　　 warden.authenticate! scope: :モデル名
# end
# config.current_user_method(&amp;:current_モデル名)</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e08c820769357-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08c820769357-2">2</div><div class="crayon-num" data-line="crayon-649540263e08c820769357-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08c820769357-4">4</div><div class="crayon-num" data-line="crayon-649540263e08c820769357-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e08c820769357-1"><span class="crayon-p">## == Devise ==</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08c820769357-2"><span class="crayon-p"># config.authenticate_with do</span></div><div class="crayon-line" id="crayon-649540263e08c820769357-3"><span class="crayon-p">#　　 warden.authenticate! scope: :モデル名</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08c820769357-4"><span class="crayon-p"># end</span></div><div class="crayon-line" id="crayon-649540263e08c820769357-5"><span class="crayon-p"># config.current_user_method(&amp;:current_モデル名)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と元もとコメントアウトされている部分を外す。</p>
<p></p>

		<div id="crayon-649540263e08e477853773" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">modify rails_admin.rb</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
# == Devise ==
config.authenticate_with do
　　warden.authenticate! scope: :user
end
config.current_user_method(&amp;:current_user)</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e08e477853773-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08e477853773-2">2</div><div class="crayon-num" data-line="crayon-649540263e08e477853773-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08e477853773-4">4</div><div class="crayon-num" data-line="crayon-649540263e08e477853773-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e08e477853773-1"><span class="crayon-p"># == Devise ==</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08e477853773-2"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-e">authenticate_with </span><span class="crayon-st">do</span></div><div class="crayon-line" id="crayon-649540263e08e477853773-3">　　<span class="crayon-i">warden</span><span class="crayon-sy">.</span><span class="crayon-i">authenticate</span><span class="crayon-sy">!</span><span class="crayon-h"> </span><span class="crayon-i">scope</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">user</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08e477853773-4"><span class="crayon-st">end</span></div><div class="crayon-line" id="crayon-649540263e08e477853773-5"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-e">current_user_method</span><span class="crayon-sy">(</span>&<span class="crayon-sy">:</span><span class="crayon-i">current_user</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>６.routeの設定を行う</h3>
<p></p>

		<div id="crayon-649540263e08f243438649" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">add route</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
devise_for :モデル名（sが必要かもしれない）</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e08f243438649-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e08f243438649-1"><span class="crayon-i">devise_for</span><span class="crayon-h"> </span><span class="crayon-sy">:</span>モデル名（<span class="crayon-i">s</span>が必要かもしれない）</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>7.rails consoleより管理画面ユーザーの追加</h3>
<p></p>

		<div id="crayon-649540263e090603294446" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">save email and password</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
m = Model.new
m.email = "example@www.example.com"
m.password = "password"
m.password_confirmation = "password"</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263e090603294446-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e090603294446-2">2</div><div class="crayon-num" data-line="crayon-649540263e090603294446-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e090603294446-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263e090603294446-1"><span class="crayon-i">m</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">Model</span><span class="crayon-sy">.</span><span class="crayon-i">new</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e090603294446-2"><span class="crayon-i">m</span><span class="crayon-sy">.</span><span class="crayon-i">email</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"example@www.example.com"</span></div><div class="crayon-line" id="crayon-649540263e090603294446-3"><span class="crayon-i">m</span><span class="crayon-sy">.</span><span class="crayon-i">password</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"password"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e090603294446-4"><span class="crayon-i">m</span><span class="crayon-sy">.</span><span class="crayon-i">password_confirmation</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"password"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>8.リロードを行い、root_url/adminにアクセスする</h3>
<h2>所感・参考</h2>
<p>30分ぐらいで完成します。</p>
<p><a href="https://github.com/sferik/rails_admin">rails admin git hub</a><br />
<a href="http://rails-admin-tb.herokuapp.com/">rails admin demo site</a></p>

rails admin + deviseを利用して管理画面を自動生成する

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  今回はネタ切れにて、小技にもならない隠された？Macの機能の紹介。</p>
<p>  「システム環境設定」<br />
  の中にある<br />
  「アクセシビリティ」<br />
  を選択し、「ディスプレイ」の項目を表示します。<br />
<a href="/uploads-archive/2016/05/629ca88c64f92f4e3e10c6135d9bc3e3.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/629ca88c64f92f4e3e10c6135d9bc3e3-300x192.png" alt="スクリーンショット 2016-05-24 17.58.24" width="300" height="192" class="alignnone size-medium wp-image-10812" srcset="/uploads-archive/2016/05/629ca88c64f92f4e3e10c6135d9bc3e3-300x192.png 300w, /uploads-archive/2016/05/629ca88c64f92f4e3e10c6135d9bc3e3-228x146.png 228w, /uploads-archive/2016/05/629ca88c64f92f4e3e10c6135d9bc3e3.png 662w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>  この中で「カラーを反転」を押すと、、、</p>
<p>  黒背景で作業してる人が<br />
  薄暗い場所でスクリーンに映し出す時、<br />
  白背景の人が背景真っ白の場所で際立たせたい時(あるか？)、</p>
<p>  見やすくなる気がします(多分)。</p>
<p>　※ 反転後のキャプチャはシステム上では反転されていない状態だったので、お手元のMacにてご確認をしてくださいまし<br />
</dvi></p>


モニタで遊ぶの巻

<p>今盛り上がりを見せている越境ECで、新しいビジネスを見つけました。まるでテレビの通販番組を見ているような、その名も「Bolome（ボロミー）」です。</p>
<p>スマートフォン版の生中継テレビ通販という新しいやり方で、日本の店頭と中国を結び、消費者はテレビショッピングの感覚で買い物が出来ます。生中継画面には利用者のコメント投稿が表示され、それを見てメーカーから直接中国消費者に回答をしてもらえる。</p>
<h2>bolomeは全てスマートフォンで行われる</h2>
<p>日本商品を実演販売する女性がスマートフォンで撮影され、日本語と中国語が混じった実演販売ではあるが、しっかりと画面には中国語の文章が映し出されるので中国の方でもその商品について知る事が可能。ただし、撮影に使う機材も視聴するための機材もすべてスマートフォン。撮影スタッフは、重厚なテレビカメラの替わりに、自撮り用のセルフィースティック片手に出演者を映します。視聴者はライブを見ながら、ボタン一つで商品が購入出来るのです。</p>
<h2>中国に居ながら、まるで日本の店頭で買い物をしているような感覚</h2>
<p>bolomeが取り扱うのは化粧品や食品、日用雑貨など、商品数は5000点で、日本の本物を求める中国消費者の支持を受け、流通総額は月額10億円を突破。毎月20％の勢いで伸びているとか･･･<br />
またbolomeのすごいところは、中国で既に人気の高い商品は取り扱わず「中国で認知度が低い商品を優先的に発掘する」こと。以前テレビ生中継で行った「ノエビア」のNOVシリーズも中国での知名度は乏しく、同社が中国で今後拡販したいと考えていた商品だそうです。（この商品はライブ中に100本の売り上げ、放映後3週間で累計300本が売れた）</p>
<p>商品はbolomeがメーカーから仕入れ、自社の在庫として販売。同社は差額を収益とする。メーカーは出店や返品の手数料を負担する必要がなく、返品のリスクも負わない。</p>
<h2>アプリがとってもきれい</h2>
<p>【インストール直後】<br />
<a href="/uploads-archive/2016/05/Screenshot_2016-05-24-16-05-07-e1464076052905-1-e1464080582110.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/Screenshot_2016-05-24-16-05-07-e1464076052905-1-e1464080582110.png" alt="" width="450" height="800" class="alignnone size-full wp-image-10773" srcset="/uploads-archive/2016/05/Screenshot_2016-05-24-16-05-07-e1464076052905-1-e1464080582110.png 450w, /uploads-archive/2016/05/Screenshot_2016-05-24-16-05-07-e1464076052905-1-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-24-16-05-07-e1464076052905-1-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-24-16-05-07-e1464076052905-1-228x405.png 228w" sizes="(max-width: 450px) 100vw, 450px" /></a></p>
<p>ここは登録画面みたいなものでした。</p>
<p>【トップページ】</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-24-16-06-51-e1464076211249.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/Screenshot_2016-05-24-16-06-51-e1464076211249.png" alt="Screenshot_2016-05-24-16-06-51" width="450" height="800" class="alignnone size-full wp-image-10764" /></a></p>
<p>ここから、直通放送やお買い物が出来る商品が確認出来ます。パッと見た感じでは金額はピンキリで食品も1元で売られていたり日本で有名な美顔器などが人気商品として出ていました。ご興味があったらダウンロードしてみて下さい。<br />
※ ただし、中国版のみの提供となっており、日本の携帯端末からの商品購入はできません。</p>
<h2>おまけ</h2>
<p>社名のbolomeとは、中国で有名な映画の劇中セリフに由来する単語で、瞬間移動する魔法の呪文を意味するそうです。日本と中国を瞬間移動のように商品が買えるって意味合いなんでしょうかね？</p>


まるでテレビの通販番組のような越境ECビジネス「Bolome」

<p>今回はUnityで作成したゲームをwebGLで書き出して（ビルドして）、ブラウザだけどゲームをプレイできるか挑戦してました。</p>
<p>その前にwebGLとは何ぞやという方の為に簡単に説明させて頂きます。</p>
<blockquote><p><b>WebGL</b> (Web Graphics Library) は、互換性がある Web ブラウザでプラグインを使用せずにインタラクティブな 3D グラフィックスや 2D グラフィックスをレンダリングするための JavaScript API</p></blockquote>
<p>つまり、プレイするためのアプリやプレイヤーをインストールせず、ブラウザだけでゲーム等のグラフィックスを表示しプレイできてしまうという事です。上記にあるようにブラウザ上でグラフィックスを動かすためにJavaScriptが使われます。</p>
<h2>webGLが本格的に始動</h2>
<p>以前まではunityのbuild setteing からwebGLを選択する際に「webGL(プレビュー)」とありましたが、バージョン5以降になって、このプレビューが外れています。webGLに関する最近の記事を色々と検索してみたところ、どうやら本格的に利用できる状態になってきているみたいです。</p>
<p>ちなみにブラウザのサポート状況は以下の通り。</p>
<blockquote><p>■PC<br />
・Google Chrome 8 (8は要設定、9から標準で有効)<br />
・Internet Explorer 11<br />
・Mozilla Firefox 4<br />
・Opera 12[3] (12は要設定、15から標準で有効)<br />
・Safari 5.1 (5.1は要設定、8から標準で有効)</p>
<p>■モバイル<br />
・Android ブラウザ &#8211; Android 5.0 以降<br />
・BlackBerry 10<br />
・Firefox for Mobile (Maemoは1.0から, Androidは4から)<br />
・Google Chrome for Android 25 (※注意事項あり)<br />
・Internet Explorer Mobile 11<br />
・Opera Mobile 12 (Android のみ)<br />
・Safari 8 &#8211; iOS 8 以降。5〜7 は iAd の広告のみ対応。<br />
・Tizen 1.0</p>
<p>参照：wikipedia webGL</p></blockquote>
<h2>さっそくwebGLでビルドしてみる</h2>
<p>ビルドするゲームはterrainでフィールドと地形を作って、その上にキャラクターのプレハブからThird Personを置いただけのシーンを作成しました。</p>
<p>こんな感じです。</p>
<p><a href="/uploads-archive/2016/05/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10765" src="/uploads-archive/2016/05/1.jpg" alt="1" width="640" height="405" srcset="/uploads-archive/2016/05/1.jpg 640w, /uploads-archive/2016/05/1-300x190.jpg 300w, /uploads-archive/2016/05/1-228x144.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>build setting でwebGLを選択してビルド開始</p>
<p><a href="/uploads-archive/2016/05/3-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10767" src="/uploads-archive/2016/05/3-1.jpg" alt="3" width="640" height="605" srcset="/uploads-archive/2016/05/3-1.jpg 640w, /uploads-archive/2016/05/3-1-300x284.jpg 300w, /uploads-archive/2016/05/3-1-228x216.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>この時に、webGLをビルドするためのモジュールをインストールしていない場合は「No <a class="keyword" href="http://d.hatena.ne.jp/keyword/WebGL">WebGL</a> module loaded」と出てくるので、unityのインストーラーでモジュールを追加して下さい。</p>
<p>案の定、私も最初にインストールする際にチェックを外していたのでwebGLのモジュールが入っていませんでした。</p>
<p><a class="demo" href="/demo/makabe/12/index.html">demo</a></p>


unityで作ったゲームをwebGLでビルドしてみる

<p><a href="/uploads-archive/2016/05/rds.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/rds-300x300.png" alt="rds" width="300" height="300" class="alignnone size-medium wp-image-10678" srcset="/uploads-archive/2016/05/rds-300x300.png 300w, /uploads-archive/2016/05/rds-150x150.png 150w, /uploads-archive/2016/05/rds-228x228.png 228w, /uploads-archive/2016/05/rds.png 301w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
下記事項をSymfony2を適切な箇所に設定します。</p>

		<div id="crayon-649540263db55271153274" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
database_driver="mysql等ドライバーの指定"
database_host="エンドポイント"
database_port="ポート番号"
database_name="データベース名"
database_user=　"ユーザー"
database_password="パスワード"</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263db55271153274-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db55271153274-2">2</div><div class="crayon-num" data-line="crayon-649540263db55271153274-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db55271153274-4">4</div><div class="crayon-num" data-line="crayon-649540263db55271153274-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db55271153274-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263db55271153274-1"><span class="crayon-i">database_driver</span>=<span class="crayon-s">"mysql等ドライバーの指定"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db55271153274-2"><span class="crayon-i">database_host</span>=<span class="crayon-s">"エンドポイント"</span></div><div class="crayon-line" id="crayon-649540263db55271153274-3"><span class="crayon-i">database_port</span>=<span class="crayon-s">"ポート番号"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db55271153274-4"><span class="crayon-i">database_name</span>=<span class="crayon-s">"データベース名"</span></div><div class="crayon-line" id="crayon-649540263db55271153274-5"><span class="crayon-i">database_user</span>=　<span class="crayon-s">"ユーザー"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db55271153274-6"><span class="crayon-i">database_password</span>=<span class="crayon-s">"パスワード"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>今回はRDSインスタンスの作成は省略させていただきました。<br />
エンドポイントは、データベースの作成完了後、RDSのダッシュボードで確認ができます。<br />
name.abcdefghijklmn.ap-northeast-1.rds.amazonaws.com:3306<br />
のような形で表示されています。</p>
<p>例としては下のようになります。</p>

		<div id="crayon-649540263db5a653332014" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
database_driver="pdo_mysql"
database_host="name.abcdefghijklmn.ap-northeast-1.rds.amazonaws.com"
database_port="３３０６"
database_name="aws_database_name"
database_user=　"user"
database_password="password"</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263db5a653332014-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db5a653332014-2">2</div><div class="crayon-num" data-line="crayon-649540263db5a653332014-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db5a653332014-4">4</div><div class="crayon-num" data-line="crayon-649540263db5a653332014-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db5a653332014-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263db5a653332014-1"><span class="crayon-i">database_driver</span>=<span class="crayon-s">"pdo_mysql"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db5a653332014-2"><span class="crayon-i">database_host</span>=<span class="crayon-s">"name.abcdefghijklmn.ap-northeast-1.rds.amazonaws.com"</span></div><div class="crayon-line" id="crayon-649540263db5a653332014-3"><span class="crayon-i">database_port</span>=<span class="crayon-s">"３３０６"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db5a653332014-4"><span class="crayon-i">database_name</span>=<span class="crayon-s">"aws_database_name"</span></div><div class="crayon-line" id="crayon-649540263db5a653332014-5"><span class="crayon-i">database_user</span>=　<span class="crayon-s">"user"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db5a653332014-6"><span class="crayon-i">database_password</span>=<span class="crayon-s">"password"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>注意点</h2>
<ul>
<li>他サーバー等から接続する場合は、セキュリティユーザーのインバウンドに接続元のIPアドレスを追加する必要があります。（xxx.xxx.xxx.xxx/32等）。
</li>
<li>MySQLのバージョンは5.5以上を選択した方が良さそう。<br />
<a href="/uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-300x94.png" alt="error_aws" width="300" height="94" class="alignnone size-medium wp-image-10695" srcset="/uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-300x94.png 300w, /uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-768x240.png 768w, /uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-228x71.png 228w, /uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2.png 1022w" sizes="(max-width: 300px) 100vw, 300px" /></a>
</li>
</ul>

Symfony2からAmazon RDSへの接続

<p>2016/5/11に株式会社KABUKIがメディアECモール「kabukiペディア」を無料で提供開始することが発表されました。</p>
<h1>注目のメディアECモール</h1>
<h2>記事型コンテンツでECへ集客する</h2>
<p>イメージとしては、楽天市場やyahoo!ショッピングのようなEC事業者が各々記事を作成していくモール型のメディアで、事コンテンツをフックとして国内外からのユーザーを集客できる事が期待できます。</p>
<p>以前こちらの記事 <a href="/designer/%E3%81%84%E3%81%BE%E8%A9%B1%E9%A1%8C%E3%81%AE%E5%A5%B3%E3%81%AE%E5%AD%90%E3%81%AB%E4%BA%BA%E6%B0%97%E3%81%AA%E6%83%85%E5%A0%B1%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E5%8E%B3%E9%81%B8%E3%81%97%E3%81%A6/" target="_blank">いま話題の女の子に人気な情報アプリを厳選してみた</a>　で紹介しています「MERY（メリー）」では、月間PV3億、EC売上は月額数十億円にものぼります。</p>
<p>ECサイトの商品ページではなく記事として掲載することには、記事によって潜在的な需要を興味関心のあるコンテンツメディアによって喚起させ、そのあと同じページ内で商品紹介を行う事によって、ECでの購入につなげる働きがあるのです。</p>
<p>こういった動きは日本国内にとどまらず、中国ではモバイル特化型の越境ECアプリ、アメリカでは「Thrilist」というアプリが同様に展開しているそうです。</p>
<p>（興味があったのですが残念ながらAndroidではアプリは見つかりませんでした。iphoneはありましたが･･･）</p>
<h2>kabukiペディアではどのような事ができるのか</h2>
<p>・記事コンテンツから商品ページが一括登録で記事型のコンテンツを作成できる、商品へのリンクは自社サイトもしくは大手ECモールの商品APIを活用OK<br />
・流入から購入までの効果測定も可能、自社サイトで購入したのか、もしくはモールを利用して購入したのかも把握できる<br />
・<strong>インバウンドも今後はターゲットとするため、多言語システムも備わっている。</strong>直訳はされず、翻訳のサポートも充実しているとの事</p>
<p>kabukiペディアは、今後中国圏の獲得を目指しているそうで、越境ECへの対応後には、中国の旅行会社と提携し記事を提供。反応が良ければ、連携しているSNSWechatで拡散、また中国でSIMカード付きの情報誌を発刊し、「kabukiメディア」に掲載されている商品を掲載する予定だそうです。</p>
<p>さらに買い物意欲を掻き立てる仕組みとして、「VRショッピング＆観光」サービスを2017年春のリリースに向けて米国の開発チームと連携し、サービス構築をスタートしているそうです。</p>
<p>参考記事　「<a href="https://ecnomikata.com/ecnews/strategy/8954/" target="_blank">新時代到来。メディアECモール「kabuki ペディア」誕生　- ECのミカタ &#8211;</a>」</p>
<h2>感想</h2>
<p>この記事を見てから、そういえば記事型のECサイトって多いかもしれないと感じています。それが、メディアECモールという総称というのも初めて知りましたが、普段私が見ているアプリやサイトがソレだとしたら、買い物意欲を自然と掻き立てられているもんなんだな･･･と思いました。<br />
また、弊社も中国に強いECとして<a href="http://http://launchcart.jp/">Launchcart</a>がありますので、kabukiペディアがどの程度、多言語システムが充実しているのかが気になりました。</p>
<p>kabukiペディアさんが行おうとしている「VRショッピング＆観光」は、弊社でも何度か話題になっていますが、こんなに早く実現するとは思ってもみませんでした。自社でも挑戦出来たらいいな～</p>


新時代到来？無料のメディアECモールが越境ECにも対応

<p>ネットショップ・通販の事業を行っている方の多くは、仕入れの際に出る大量の段ボールや梱包材の廃棄で困っているのではないでしょうか。</p>
<p>今は事業者なら段ボールも捨てるのにお金がかかってしまう時代です。（地域によるかもしれませんが）毎回、大量にあるので廃棄するためにコンビニで廃棄用のシールを購入するのもめんどくさいですし、金額も安いわけではありません。</p>
<p>しかし、世の中には無料で古紙・段ボールを回収してくれるという、なんともありがたい業者様が存在しております。まとめましたので、必要な方はぜひご利用下さい。</p>
<h2>業者の回収ルートを確認する</h2>
<p>回収してくれる業者さんは、それぞれ回収時に通るルートが決まっているらしく、ルートから外れていると有料になってしまう場合があります。回収先の住所をまず伝えて確認してもらってください。</p>
<h2>量が少ないと来てくれない</h2>
<p>量が少なすぎると業者さんにとっては、回収に向かっても割に合わなくなってしまうので断られる可能性があります。そういう場合は2週間分などある程度溜まったタイミングでお願いすれば大丈夫だと思います。</p>
<h2>段ボールを無料で回収してくれる業者まとめ</h2>
<h3>明正商会</h3>
<p><a href="http://www.meiseisyoukai.com/">http://www.meiseisyoukai.com/</a></p>
<p>０４８－２６５－８２１７</p>
<p>地域：東京２３区・埼玉</p>
<p>内容：古紙・段ボール無料回収</p>
<p>かなりフットワークが良い業者さんですぐに対応してくれます。私もこちらにお願いをしています。回収は深夜～早朝に行うそうです。</p>
<p>&nbsp;</p>
<h3>練馬リサイクルサポート</h3>
<p><a href="http://www.nerima-recycle.com/">http://www.nerima-recycle.com/</a></p>
<p>地域：東京・埼玉</p>
<p>内容：古紙・段ボール　50キロ以下は有料になるようです。</p>
<h3>東京紙業株式会社</h3>
<p><a href="http://www.tokyo-s.com/recycling/">http://www.tokyo-s.com/recycling/</a></p>
<p>地域：東京埼玉</p>
<p>内容：古紙・段ボール　200キロ以下は有料。ルートに入っていれば無料になるかもしれません。</p>
<h3>株式会社ＤＳＰ</h3>
<p><a href="http://www.dspeco.co.jp/paper/">http://www.dspeco.co.jp/paper/</a></p>
<p>詳しい事は見積もり次第ですが、古紙・段ボールを買い取ってくれるそうです。</p>
<h3>文本商店</h3>
<p><a href="http://www.fumimoto.net/">http://www.fumimoto.net/</a></p>
<p>地域：大坂</p>
<p>内容：古紙・段ボール　アルミなども回収可能だそうです。</p>
<h3>株式会社トヨダ</h3>
<p><a href="http://www.toyoda.co.jp/customer/">http://www.toyoda.co.jp/customer/</a></p>
<p>地域：京都</p>
<p>内容：古紙・段ボール　100キロ以下は有料</p>


ebbb7795e9197aaa8e123fb36c218a3b_s.jpg

経費削減！無料で古紙・段ボールを持って行ってくれる業者まとめ

スマホ時のyahooやgoogleにあるメニューを実装してみる

<p>sitemap.xmlといえば、Search　Engineにウェブサイトをどのようにクロール（巡回）してほしいか、また、効率良くかつすべてのページクロールさせる際の手助けとなるものですが、<br />
今回は、sitemap.xmlが更新されたときに、Search Engineにphpでpingを送信し、sitemapが更新されたことを通知する方法を記事にしてみました。</p>
<p>基本的な構造は以下のようになります。</p>

		<div id="crayon-649540263d75e751439631" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">curl</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$curl = curl_init();
curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 2);
curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_HEADER, TRUE);
curl_setopt($curl, CURLOPT_URL, $url);
curl_getinfo($ch, CURLINFO_HTTP_CODE);
$res = curl_exec($curl); 
$httpCode = curl_getinfo($curl, CURLINFO_HTTP_CODE); // 成功したかどうかは一応ここで判断できる 
curl_close($curl);</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263d75e751439631-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-2">2</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-4">4</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-6">6</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-8">8</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-10">10</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263d75e751439631-1"><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_init</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-2"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_CONNECTTIMEOUT</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-3"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_FOLLOWLOCATION</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-4"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_RETURNTRANSFER</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-5"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_HEADER</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">TRUE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-6"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_URL</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-7"><span class="crayon-e">curl_getinfo</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">ch</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLINFO_HTTP_CODE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-8"><span class="crayon-sy">$</span><span class="crayon-i">res</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_exec</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540263d75e751439631-9"><span class="crayon-sy">$</span><span class="crayon-i">httpCode</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_getinfo</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLINFO_HTTP_CODE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// 成功したかどうかは一応ここで判断できる </span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-10"><span class="crayon-e">curl_close</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>どこの検索サイトに通知するかによって、$urlの部分を変更します。<br />
一般的には、googleとbing(yahoo)に対して、pingを送信することが多いようです。</p>
<p></p>

		<div id="crayon-649540263d762710187754" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title">url</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
// google
$url = "http://www.google.com/webmasters/sitemaps/ping?sitemap=".$sitemapUrl;
// yahoo 
$url = "http://www.bing.com/webmaster/ping.aspx?siteMap=".$sitemapUrl;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540263d762710187754-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d762710187754-2">2</div><div class="crayon-num" data-line="crayon-649540263d762710187754-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d762710187754-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540263d762710187754-1"><span class="crayon-c">// google</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d762710187754-2"><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://www.google.com/webmasters/sitemaps/ping?sitemap="</span><span class="crayon-sy">.</span><span class="crayon-sy">$</span><span class="crayon-i">sitemapUrl</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d762710187754-3"><span class="crayon-c">// yahoo </span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d762710187754-4"><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://www.bing.com/webmaster/ping.aspx?siteMap="</span><span class="crayon-sy">.</span><span class="crayon-sy">$</span><span class="crayon-i">sitemapUrl</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>上記の$sitemapUrlの部分に通知したいsitemap.xmlを入力し、上記curl部分を実行すれば、Search Engineに通知が行きます。</p>
<h2>参考</h2>
<p><a class="link" href="http://www.sitemaps.org/ja/index.html" taget="_blank">sitemaps.org</a></p>

curlコマンドを利用しSearch Engineにpingを送信する

<p>前回、vuforiaからunityにインポートするためのデータベースをダウンロードするところまでを書いたので、その続きです。</p>
<h2>vuforiaからSDKをダウンロードする</h2>
<p><a href="/uploads-archive/2016/05/2.jpg" rel="attachment wp-att-10618"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10618" src="/uploads-archive/2016/05/2.jpg" alt="2" width="640" height="484" srcset="/uploads-archive/2016/05/2.jpg 640w, /uploads-archive/2016/05/2-300x227.jpg 300w, /uploads-archive/2016/05/2-228x172.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>unityでARを構築するためのSDKをダウンロードします。vuforiaのデベロッパー向けページの「ダウンロード」からDownload for Unityを選んでください。</p>
<p>さらにVuforiaのライセンスキーをDevelopのLicense Managerから獲得しておいてください。</p>
<h2>unityにインポートする</h2>
<p><a href="/uploads-archive/2016/05/1.png" rel="attachment wp-att-10617"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10617" src="/uploads-archive/2016/05/1.png" alt="1" width="640" height="553" srcset="/uploads-archive/2016/05/1.png 640w, /uploads-archive/2016/05/1-300x259.png 300w, /uploads-archive/2016/05/1-228x197.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>VuforiaからダウンロードしてきたものをUnityにインポートします。AssetsのImport Package→Custom PackageからデータベースとSDKを選択して下さい。</p>
<p>インポートしたものはAssetsフォルダ内に入ってくれます。</p>
<p><a href="/uploads-archive/2016/05/3.jpg" rel="attachment wp-att-10622"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10622" src="/uploads-archive/2016/05/3.jpg" alt="3" width="640" height="257" srcset="/uploads-archive/2016/05/3.jpg 640w, /uploads-archive/2016/05/3-300x120.jpg 300w, /uploads-archive/2016/05/3-228x92.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>vuforia/prefabsの中にあるARcameraとImageTargetをシーン内にドラッグして追加します。</p>
<p><a href="/uploads-archive/2016/05/4.jpg" rel="attachment wp-att-10623"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10623" src="/uploads-archive/2016/05/4.jpg" alt="4" width="640" height="203" srcset="/uploads-archive/2016/05/4.jpg 640w, /uploads-archive/2016/05/4-300x95.jpg 300w, /uploads-archive/2016/05/4-228x72.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h2>ARcameraの設定</h2>
<p>それぞれシーン内のゲームオブジェクトの設定を行います。まずはARcameraのVuforia Behaviorにライセンスキーをコピペします。</p>
<p>続いてDatebase load Behaviorのload ar_test Databe と Activateにチェックを入れます。</p>
<h2>Image Targetの設定</h2>
<p>Image Target BehaviorのDatabaseとImage Targetのプルダウンがemptyになっているので、Vuforiaで作成したデータベースと画像のファイル名を選択します。WidthとHeightも設定しておきます。</p>
<h2>3Dオブジェクトをインポートする</h2>
<p>先ほどのようにメニューのAssetsからインポートして良いですし、Unityのプロジェクトが保存してあるフォルダ内のAssetsに直接入れても構いません。</p>
<p><a href="/uploads-archive/2016/05/5.jpg" rel="attachment wp-att-10628"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10628" src="/uploads-archive/2016/05/5.jpg" alt="5" width="640" height="368" srcset="/uploads-archive/2016/05/5.jpg 640w, /uploads-archive/2016/05/5-300x173.jpg 300w, /uploads-archive/2016/05/5-228x131.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>インポートした3DオブジェクトはImage Targetの子供にしておいてください。</p>
<h2>Android studioと追加でSDKをインストールする</h2>
<p>後はビルドするだけですが、プラットフォームによってはビルドするためにSDKが必要になります。</p>
<p>今回はAndroid向けのアプリ（apkファイル)として出力するので、それに必要なSDKをPCにインストールします。既に入っていればもちろん必要ありません。</p>
<p>Android SDK 単体でも良いのですが、Android studioの方が色々とできるようなので、ちょっと重いですが今回はstudioをインストールしました。</p>
<p>こちらからダウンロードできます。<a href="http://developer.android.com/intl/ja/sdk/index.html">http://developer.android.com/intl/ja/sdk/index.html</a></p>
<p>今回テストするスマホのAndroidが5.1だったので、Android studioのSDK managerから5.1向けのSDKもインストールしました。</p>
<h2>いよいよビルド</h2>
<p><a href="/uploads-archive/2016/05/6.jpg" rel="attachment wp-att-10631"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10631" src="/uploads-archive/2016/05/6.jpg" alt="6" width="640" height="612" srcset="/uploads-archive/2016/05/6.jpg 640w, /uploads-archive/2016/05/6-300x287.jpg 300w, /uploads-archive/2016/05/6-228x218.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>fileのBuild SettingからAndroidを選んでBuildして下さい。アラートが出たらPlayer Settingsが不十分な場合があります。</p>
<h2>できた！</h2>
<p>書き出されたapkファイルをスマホで開くとこんな感じになります。</p>
<p><a href="/uploads-archive/2016/05/7.jpg" rel="attachment wp-att-10635"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10635" src="/uploads-archive/2016/05/7.jpg" alt="7" width="640" height="360" srcset="/uploads-archive/2016/05/7.jpg 640w, /uploads-archive/2016/05/7-300x169.jpg 300w, /uploads-archive/2016/05/7-228x128.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>次はアニメーションを付けてみたいと思います。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2016/06/08

2016/06/08

2016/06/07

2016/06/01

2016/06/01

2016/06/01

2016/06/01

2016/05/25

2016/05/25

2016/05/25

2016/05/25

2016/05/25

2016/05/18

2016/05/18

2016/05/18

2016/05/18

2016/05/12

2016/05/12