<p>先日、Neuroonというプロダクトが届き、その<a href="/officer/neuroon%E9%96%8B%E5%B0%81%E3%81%AE%E5%84%80/">開封レビュー</a>をしましたが、その後、実際に使用しましたので、使用レビューをお届けしたいと思います。</p>
<h2>基本スマートフォンアプリで操作</h2>
<p><a href="/uploads-archive/2016/04/IMG_20160418_222358_HDR.jpg" rel="attachment wp-att-10437"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10437" src="/uploads-archive/2016/04/IMG_20160418_222358_HDR-300x225.jpg" alt="IMG_20160418_222358_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_222358_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_222358_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_222358_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_222358_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Neuroonのアイマスク自体には電源ボタン一つしかありませんので、操作は全てBluetoothでペアリングして接続するスマートフォンアプリで行います。</p>
<h2>アプリの使い勝手</h2>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon.png" rel="attachment wp-att-10616"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10616" src="/uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon-233x300.png" alt="Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon" width="233" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon-233x300.png 233w, /uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon-228x293.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon.png 598w" sizes="(max-width: 233px) 100vw, 233px" /></a></p>
<p>グローバルで展開しているプロダクトなので、基本言語に頼らない設計をしているのだと思われますが、パッと見で何を示しているのかまだ分からないので、トップ画面に注釈を加えています。</p>
<p>本当はもっと寝ているはずなのですが、それは後述する内容で。。。</p>
<p>画面左上で押してアラームの時間を設定して、右上の「睡眠を始める」でセットをします。</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon.png" rel="attachment wp-att-10632"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10632" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>トップ画面から右にフリックすると進捗状況（誤訳に近いと思いますが、統計情報のほうが適切だと思います。）</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon.png" rel="attachment wp-att-10633"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10633" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>左にフリックすると活動履歴が確認出来ます。</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon.png" rel="attachment wp-att-10629"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10629" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>左のタブは時差ボケを解消するための設定のようでしてこちらは使っていません。</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon.png" rel="attachment wp-att-10630"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10630" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>右のタブは短時間の仮眠用に設計されています。</p>
<p>LightBoostを試してみるとボヤーッと光が強弱していました。</p>
<p>視覚からゆったりとさせる効果を促し、20分で睡眠に落ちるまでは至りませんでしたがこれがneuroonの真価かと思いました。</p>
<p>アプリは大きくはこの3つのメニューでシンプルに構成されています。</p>
<h2>しかし、個人的に大問題が…</h2>
<p><a href="/uploads-archive/2016/05/g.jpg" rel="attachment wp-att-10594"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10594" src="/uploads-archive/2016/05/g-300x200.jpg" alt="g" width="300" height="200" srcset="/uploads-archive/2016/05/g-300x200.jpg 300w, /uploads-archive/2016/05/g-768x512.jpg 768w, /uploads-archive/2016/05/g-228x152.jpg 228w, /uploads-archive/2016/05/g.jpg 900w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>フリー素材から拝借したものですが、実際に睡眠時に利用し目が覚めると上図のゴーグルのような状態でneuroonが額にあるんですよね。</p>
<p>それでneuroon自身のバイブレーションのみで起きている状態でneuroonが出す光の調整の恩恵など全く受けれていないし、睡眠のデータも正確なものが全く取れていないのだろう。。。</p>
<p>頑張って治せるものならどう解決するのか考えるのですが、睡眠時の無意識の動きなので、これどうしようもないですよね。</p>
<p>そして、子供も生まれて、当分熟睡どころの状況でもないので売ってしまおうかな。</p>
<p><a href="/uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab.png" rel="attachment wp-att-10595"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10595" src="/uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-300x260.png" alt="neuroonで検索した商品一覧_-メルカリ_スマホでかんたん_フリマアプリ" width="300" height="260" srcset="/uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-300x260.png 300w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-768x665.png 768w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-1024x887.png 1024w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-228x197.png 228w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab.png 1031w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>メルカリならまだまだ定価近くで取引されてますね。。。。</p>
<p>&nbsp;</p>
<p>という結論になってしまいました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


neuroon使用レビュー

<p>UGX（ゆうグローバルエクスプレス）という日本郵便が提供する海外配送サービスがあり、普及に力を入れ始めているらしい。</p>
<p>&#8211; 関税元払い、着払いができる</p>
<p>&#8211; 受取日時指定ができる</p>
<p>&#8211; ドアトゥドアで配送してくれる</p>
<p>というのが個人的には最大の特徴と思う。</p>
<p>&nbsp;</p>
<p>EMSと比較すると以下のようになる</p>
<table>
<tbody>
<tr>
<th></th>
<th>EMS</th>
<th>UGX</th>
</tr>
<tr>
<th>集荷</th>
<td>◯</td>
<td>◯</td>
</tr>
<tr>
<th>関税元払い</th>
<td>×</td>
<td>◯</td>
</tr>
<tr>
<th>追跡</th>
<td>◯</td>
<td>◯</td>
</tr>
<tr>
<th>時間指定</th>
<td>×</td>
<td>◯</td>
</tr>
<tr>
<th>不在時保管</th>
<td>△</td>
<td>◯</td>
</tr>
<tr>
<th>ドアトゥドア</th>
<td>△</td>
<td>◯</td>
</tr>
<tr>
<th>最大重量</th>
<td>30kg</td>
<td>相談可</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>ドアトゥドアは、EMSも基本的には対応しているが、一部地域では対応しておらず、UGXはこれにも対応しているようだ。</p>
<p>不在時保管についてはEMSだと戻ってきてしまうケースが少なくないが、UGXでは保管と再配達をしてくれるそうだ。(一部保管料をとられるケースが有り)</p>
<p>また、最大重量については基本的に30kg以上でも送れるらしい。</p>
<p>&nbsp;</p>
<p>気になる送料と配達時間について、送料は正直かなり高め。</p>
<p>例えば中国に1.0kgの物を送る場合の送料は、EMS：1,800円、UGX：5,150円と3倍以上になる。</p>
<p><a href="https://www.post.japanpost.jp/int/UGX/charge.html" target="_blank">https://www.post.japanpost.jp/int/UGX/charge.html</a></p>
<p>配送時間については税関を通すため、一概には言えないようだ。</p>
<p>ただ、税関を通さないEMSよりは遅くなることは間違いないよう。</p>
<p>&nbsp;</p>
<p>ここまでを見るとあまりメリットは無いように思えるが、</p>
<p>荷受人の税逃れ対策を強化する傾向にあるなかで、購入者の手間の削減や、受取拒否に対するリスク軽減の意味での選択肢としてはありがたいサービスだ。</p>
<p>また、法律的には問題ないのだが、倫理的にEMSを使うことを躊躇する企業もあるようで、そういった場合は特に有用だと思う</p>


【越境EC】受取日時指定ができる配送サービス「UGX」

<p>昨日参加したセミナーで、外国人に仕事を発注できるクラウドソーシングサービスを展開している、<br />
ワークシフトの荒木さんのお話を聞いてきました。<br />
とても面白く、かつ、LaunchCartとの相性も良いと思ったので共有します。</p>
<p><a href="https://workshift-sol.com/">https://workshift-sol.com/</a></p>
<h2>日本で唯一！海外特化のクラウドソーシングサービス</h2>
<blockquote><p>ITなどの技術の発展で、先進国はアウトソースによって安価で豊富な両動力を使えるようになった。米国は移民制度やアウトソースで世界中の安価な労働力を活用しているが、日欧はできていない。これが競争力の差だ。<br />
（世銀チーフエコノミスト、日本経済新聞朝刊2016.2.24)</p></blockquote>
<p>とのことで、たしかに海外にいる外国人に日本にいながら仕事を発注するって今の日本では、あんまり身近ではないですよね。<br />
「それが競争力の差だ！」と言われると、「そうかもしれない…」と思ってしまします。<br />
でもなかなかハードル高いですもんね。</p>
<p>ですが、案件ごとに個人的につながれるワークシフトの仕組みなら、いっきに取っ付きやすくなります。<br />
サービス自体はランサーズやクラウドワークスと似ているので、仕組みについてはすんなりと理解できるかと思います。</p>
<p>では、海外在住の個人に仕事を頼むメリットってなんでしょうか。</p>
<h2>メリット</h2>
<p>・やっぱり安価！　<br />
専門用語の翻訳などでも一般の翻訳会社より1/5の費用になった事例も</p>
<p>・海外では兼業が一般的<br />
優秀な人材ほど、多くの仕事を受託。半数が大学卒、1７％が大学院卒</p>
<p>・現地のリアルでライブな感覚<br />
デザインでもキャッチコピーでも、現地に住んでいないと何がウケるかの微妙な判断は付けづらいもの。<br />
この感覚的なところは、日本在住のネイティブに頼むよりも良さそうです。</p>
<p>・日本初のサービスだから、日本人が使いやすい<br />
約２０％のワーカーが日本語を理解。<br />
決済通貨は「円」<br />
親日家多し。</p>
<p>現地在住だからできることってありますよね。<br />
次は、その特徴を活かした事例です。</p>
<h2>事例</h2>
<p>・台湾における漆製品の市場調査</p>
<p>・中国語表記の消費者調査</p>
<p>・現地のデザイナーに現地で伝わるデザインを依頼</p>
<p>・Facebook、youtube、weibo、ブログなどのコンテンツマーケティング</p>
<h2>感想</h2>
<p>普通に使ってみたいなと思いました。</p>
<p>というのも、市場調査や海外SNSの運用代行って、日本にある専門の会社に頼んだらけっこう費用がかかるものです。<br />
専門の会社に頼むほうが楽でしょうし、自分たちで直接外国人に依頼するとディレクション的なところで大変なところはあると思いますが、<br />
費用の安さをいいことに早くトライアンドエラーを繰り返し、ノウハウを一気に吸収することができそうです。</p>
<p>LaunchCartを導入していただいたクライアント様にも、このような手法があることを伝えたいと思いました。</p>


LaunchCartとの相性も抜群？！<br>世界と繋がるクラウドソーシング『ワークシフト』

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  いつもながらの今更な環境整備ブログ備忘録です。<br />
  今回は<br />
  「せっかくの技術を共有しないなんて勿体無い！」<br />
  の我がモットーに従い、やっとこさGitHubでリソース共有してます。</p>
<p>  tmux。<br />
  それは<strong><span style="background-color: #D08080;">黒い画面と戦うソルジャーの見方(ツール)</span></strong>です。</p>
<p>  具体的には同じウィンドウ内で<br />
  画面を分割して並行作業が出来たり、<br />
  タブっぽい表示でプロジェクト毎に作業を行ったり来たりなど。</p>
<p>  隠れ？機能は色々あると思うので導入的な機能に絞ってます。</p></div>
<h3>インストール手順</h3>
<div style="padding-left: 15px;">
  今までMac標準のターミナルを使用していたのをヤメて<span style="background-color: #8080FF;">iTermに変更</span>しました。<br />
  ※ ターミナルからtmuxを使うと<u>マウスの挙動がおかしくなる</u>との情報のため</p>
<p>  <a href="https://www.iterm2.com/">公式サイト</a>からダウンロードするだけです。</p>
<p>  上記はtmuxとは直接は無関係。</p>
<p>  次にtmuxをMacにインストールします。</p>
<p></p>

		<div id="crayon-649540263d55b958018935" 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><span class="crayon-language">Shell</span></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;">
brew install tmux</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-649540263d55b958018935-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-649540263d55b958018935-1"><span class="crayon-e">brew </span><span class="crayon-e">install </span><span class="crayon-i">tmux</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  これでおしまい。</p></div>
<h3>tmuxの設定をカスタマイズする</h3>
<div style="padding-left: 15px;">
  肝心の設定ですが、デフォルトだと筆者は使いづらかったので色々変更しました。</p>
<p>  内容は以下の<u>Githubリポジトリ</u>にあげてあります<br />
  <a href="https://github.com/m-ohba-sterfield/tmux.git" target="_blank">https://github.com/m-ohba-sterfield/tmux.git</a></p>
<p>  カスタマイズした例では&#8221;Ctrolキー+a&#8221;でtmuxのコマンドモードになります。<br />
  通常の入力からtmux独自の命令を呼び出すためのおまじない。</p>
<p>  次に&#8221;Ctrol+a&#8221;,&#8221;-&#8220;をすると、、<br />
<a href="/uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13.png" rel="attachment wp-att-10599"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-300x203.png" alt="スクリーンショット 2016-05-11 15.56.19" width="300" height="203" class="alignnone size-medium wp-image-10599" srcset="/uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-300x203.png 300w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-768x520.png 768w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-1024x694.png 1024w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-228x154.png 228w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13.png 1191w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
  こんな感じに縦分割されます。<br />
  ※ この分割された画面を「ペイン」と呼びます。</p>
<p>  ペイン間の移動は&#8221;Ctrol+a&#8221;,hで左, lで右, jで下, kで上に。<br />
  ペインを閉じたい時は&#8221;Ctrol+a&#8221;,&#8221;x&#8221;,&#8221;y&#8221;の順に入力すれば元に戻ります。</p>
<p>  ちなみに横分割は&#8221;Ctrol+a&#8221;,&#8221;|&#8221;で同様に出来ます。<br />
  ペインから更に分割しまくるとこんな感じになります。<br />
<a href="/uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98.png" rel="attachment wp-att-10600"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-300x181.png" alt="スクリーンショット 2016-05-11 16.00.39_edit" width="300" height="181" class="alignnone size-medium wp-image-10600" srcset="/uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-300x181.png 300w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-768x464.png 768w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-1024x619.png 1024w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-228x138.png 228w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98.png 1703w" sizes="(max-width: 300px) 100vw, 300px" /></a>
</div>
<h3>おまけ</h3>
<div style="padding-left: 15px;">
  <a href="http://blog.takapra.com/2013/01/tmux_moment_pane/">こちら</a>の記事を参考(というかパク..)に<br />
  コマンドから和英・英和の翻訳を出来るようにしてあります。</p>
<p>  &#8220;Ctrl+t&#8221;,&#8221;G&#8221;(Shift+g)で和英、&#8221;Ctrl+t&#8221;,&#8221;g&#8221;で英和のペインが立ち上がります。<br />
<a href="/uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f.png" rel="attachment wp-att-10601"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f.png" alt="スクリーンショット 2016-05-11 16.16.03" width="487" height="67" class="alignnone size-full wp-image-10601" srcset="/uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f.png 487w, /uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f-300x41.png 300w, /uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f-228x31.png 228w" sizes="(max-width: 487px) 100vw, 487px" /></a><br />
<a href="/uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108.png" rel="attachment wp-att-10602"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-300x115.png" alt="スクリーンショット 2016-05-11 16.16.15" width="300" height="115" class="alignnone size-medium wp-image-10602" srcset="/uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-300x115.png 300w, /uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-768x294.png 768w, /uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-228x87.png 228w, /uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108.png 927w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
  ちょっと調べごとしたい時に便利です。</p>
<p>  翻訳のためのw3mというモジュールがMacではインストールされていなかったので以下のコマンドにてインストールしておきます。</p>
<p></p>

		<div id="crayon-649540263d55f118432791" 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><span class="crayon-language">Shell</span></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;">
brew install w3m</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-649540263d55f118432791-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-649540263d55f118432791-1"><span class="crayon-e">brew </span><span class="crayon-e">install </span><span class="crayon-i">w3m</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
</div>
<h3>おまけ2</h3>
<div style="padding-left: 15px;">
  せっかくGithubにあげたので<a href="https://github.com/m-ohba-sterfield/vim.git" target="_blank">vimの設定</a>と<a href="https://github.com/m-ohba-sterfield/zsh.git" target="_blank">zshの設定</a>も共有しておきました。</p>
<p>  <a href="https://github.com/m-ohba-sterfield/zsh.git" target="_blank">https://github.com/m-ohba-sterfield/zsh.git</a><br />
  <a href="https://github.com/m-ohba-sterfield/vim.git" target="_blank">https://github.com/m-ohba-sterfield/vim.git</a>
</div>

tmuxのギークっぽい作業画面に！

<p>なんだか物騒なタイトルですが、要はコンタクトレンズを正しく使用しましょうというお話です。何度かこういった記事は書いていますが、最近知った<strong>アカントアメーバ</strong>という存在を皆さんにお知らせしたいがために書きます。</p>
<h2>アメーバ</h2>
<p>皆さんのアメーバに対するイメージはどういうのでしょうか？アメーバで画像検索してみると</p>
<p><a href="/uploads-archive/2016/05/am.jpg" rel="attachment wp-att-10584"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10584" src="/uploads-archive/2016/05/am.jpg" alt="am" width="800" height="397" srcset="/uploads-archive/2016/05/am.jpg 800w, /uploads-archive/2016/05/am-300x149.jpg 300w, /uploads-archive/2016/05/am-768x381.jpg 768w, /uploads-archive/2016/05/am-228x113.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>･･･サイバーエージェントさん。</p>
<p>何枚かちゃんとしたアメーバの写真もありますね！皆さんのイメージはこの通りだと思います。ちなみにアメーバ自体の生態は以下の通りです。</p>
<blockquote><p>肉質類の原生動物の総称。単細胞で、大きさは0.02～0.5ミリ。増殖は分裂による。たえず形を変えて、仮足とよばれる原形質の突起を伸ばして運動・捕食する。淡水・海水・土壌中に広くすみ、また寄生性で病原性をもつものもある。</p></blockquote>
<h2>アカントアメーバの侵入経路</h2>
<p><iframe loading="lazy" width="400" height="414" src="https://www.youtube.com/embed/-4pzYsNEPjU" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br />
※ こちらの動画にアカントアメーバが登場します。</p>
<p>アカントアメーバは、0.05mm程度の小さなアメーバ（ちなみにコンタクトレンズ直径は、14.0mm～14.5mm）で、肉眼では確認できません。また、一度感染してしまうと眼科医でさえ見つけるのが大変だと言われているコワ～イ生物です。</p>
<p>実はコンタクトレンズを使用している人がかかる 「アカントアメーバ角膜炎」 の感染経路はまだ完全に明らかになっていません。ですが、この微生物達は「水分」を非常に必要とする生物であり、普段は細菌や藻類などを食べながら暮らしています。<br />
1日しか使えないコンタクトレンズは使用後は捨てますので、用法を守れば大丈夫だと思いますが、2週間や1ヶ月のレンズは保存液が必要となります。この保存液を「1日くらいいっか～」とアカントアメーバが生息するといわれている水道水などで賄ってしまうと感染してしまう可能性のひとつと言われています。</p>
<h3>他にも考えられる感染経路</h3>
<p>・手洗いを怠った手で使用<br />
・※1 シストとなったアカントアメーバが空気中に漂うため自然感染（ごく稀）</p>
<p>※1　乾燥から自身を守る状態に変身した状態 堅い膜に覆われており、その中に休眠状態となったアカントアメーバがいる。</p>
<p><a href="/uploads-archive/2016/05/0407-15.jpg" rel="attachment wp-att-10572"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10572" src="/uploads-archive/2016/05/0407-15.jpg" alt="0407-15" width="640" height="233" srcset="/uploads-archive/2016/05/0407-15.jpg 640w, /uploads-archive/2016/05/0407-15-300x109.jpg 300w, /uploads-archive/2016/05/0407-15-228x83.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
<span style="color: #999999;">アカントアメーバのアメーバ状態とシスト状態（神戸大学・洲崎研究室にて撮影）</span></p>
<p>こちらから画像をお借りいたしました！ありがとうございます ⇒<a href="http://www.mishimaga.com/karada-biseibutsu/002.html" target="_blank">からだのなかの微生物</a></p>
<h2>正しく使用しないと本当に怖いコンタクトレンズ</h2>
<p>私の周りでもコンタクトレンズを使用している人は多数いますが、</p>
<p>ワンデーを何日も使っている<br />
水道水を保存液代わりに使用している<br />
ソフトコンタクトレンズの洗浄を水道水で行っている<br />
手洗い十分ではない手で装着している</p>
<p>こういう話は本当に良く聞きます。<br />
アカントアメーバは、目には見えませんが人間と出会う機会の多い微生物の一つです。基本的には、アカントアメーバが人間の体内に侵入しても病気を引き起こすことは滅多にありませんが、アカントアメーバ角膜炎というのは「アカントアメーバが角膜を食べてしまう」から起きる病気です。アカントアメーバが悪さをするというよりは、人間が食べ放題の場所に連れてきてしまったが故です。そりゃ食べますよね。</p>
<p>必ず用法容量守ってコンタクトレンズは正しくお使い下さいね。</p>
<h2>最後に</h2>
<p>アカントアメーバ角膜炎について</p>
<p>【自覚症状】<br />
・強い痛み<br />
・涙目や目脂<br />
・充血<br />
・白濁<br />
・重度状態だと視力障害、失明</p>
<p>【検査方法】<br />
膜の悪くなっている部分（角膜）をこすり取り、アカントアメーバを検出するが特殊な病原体なため大きな総合病院でも検査が困難</p>
<p>【治療方法】<br />
アメーバに対する特効薬がないため、抗真菌薬を使用。それに加えて感染した角膜表面を何度も削る治療が必要<br />
どうしても治らない場合は、角膜移植を余儀なくされる</p>
<p>画像はかなりひどいため、割愛します。どういう状態になるのか気になる方は自己責任でお調べ下さいませ。</p>


知らないと怖い目みるアカントアメーバの脅威

CSSアニメーションでinputに動きをつける

10秒止まってしまうことも…jQueryのセレクタの使い方に気をつけよう

<h3>はじめに</h3>
<div style="padding-left: 15px;">
とうとう出ました。HHKB BT！即ポチしちゃいました！！</p>
<p>、、、と、喜んでる筆者ですが<br />
HHKBって？ハテ？<br />
という方もいらっしゃるかと思います。</p>
<p>HHKBは<u>&#8220;Happy Hacking KeyBoard&#8221;</u>の略称です。</p>
<p>キーボードの東プレに並ぶ老舗ブランドであり、独自の仕様によりエンジニアなどマニアック？な層に大人気です。<br />
Hackingと言うところには特に意味はなさそうなのでご安心を。</p>
<p>MacBookユーザーにはお馴染みの<br />
<strong><span style="background-color: #A0A0FF;">Tabキー(左Shiftの上)の所にCtrollキーがある</span></strong><br />
と言うWindowsユーザーには慣れない仕様で多少有名です。</p>
<p>また、別メーカーの東プレ最上位モデルなどでしか採用されていない<br />
<strong><span style="background-color: #80FF20;">静電容量無接点方式</span></strong><br />
というスイッチ方式を取っています。<br />
「機会的な接点が無いから軽すぎず重すぎずイイ感じ」と思っていただければ大丈夫です。<br />
そんな人気ブランドHHKBに待望の<u>Blue-tooth対応モデル</u>が出ました。(やっと本題)</div>
<h3>外観</h3>
<div style="padding-left: 15px;">
こんな感じです。墨汁のような漆黒。<br />
<a href="/uploads-archive/2016/05/01_overview.jpg" rel="attachment wp-att-10552"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-10552" src="/uploads-archive/2016/05/01_overview-300x200.jpg" alt="01_overview" width="420" height="280" srcset="/uploads-archive/2016/05/01_overview-300x200.jpg 300w, /uploads-archive/2016/05/01_overview-768x512.jpg 768w, /uploads-archive/2016/05/01_overview-1024x683.jpg 1024w, /uploads-archive/2016/05/01_overview-228x152.jpg 228w, /uploads-archive/2016/05/01_overview.jpg 1920w" sizes="(max-width: 420px) 100vw, 420px" /></a></p>
<p>十字キー有りで数字キーは上部のみ(＝テンキーなし)。<br />
CtrolがUNIX配列のShift上に配置。<br />
最下部は左から<br />
Function, CapsLock, Command(Windows), Alt(Option), 無変換, スペース, 変換, かな, Alt(Option), Function, 十字<br />
となっています。</p>
<p>背面はこんな感じ。<br />
<a href="/uploads-archive/2016/05/02_back.jpg" rel="attachment wp-att-10553"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10553" src="/uploads-archive/2016/05/02_back.jpg" alt="02_back" width="474" height="200" srcset="/uploads-archive/2016/05/02_back.jpg 640w, /uploads-archive/2016/05/02_back-300x127.jpg 300w, /uploads-archive/2016/05/02_back-228x96.jpg 228w" sizes="(max-width: 474px) 100vw, 474px" /></a><br />
中央が電池入れ(単三x2で3ヶ月保つとのこと)。<br />
両端から数センチのところに高さ調節。<br />
電池入れの左に電源ボタンの丸凹凸。<br />
右の高さ調節上部にあるのはmicro-USB(type-B)の給電コネクタ。</p>
<p>底面はこちら。<br />
<a href="/uploads-archive/2016/05/03_under.jpg" rel="attachment wp-att-10554"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-10554" src="/uploads-archive/2016/05/03_under-300x169.jpg" alt="03_under" width="474" height="200" /></a></p>
<p>真ん中のシールは、その左上に位置するスイッチの説明です。<br />
上下左右の角に防振・防音？のゴムが若干今までと違う。<br />
これのおかげで大分<strong><span style="background-color: #A0A0FF;"><b>静音</b></span></strong>です！！</div>
<h3>使用感＠MacOS</h3>
<div style="padding-left: 15px;">
最初の使用はMacOSにて。</p>
<p><u>電源ON</u>して<u>Funtion＋Qでペアリング開始</u>してBlue-toothで認識させる。<br />
その後、ランダムな<u>数値6桁ほど入力</u>を促され、その通り入力すれば接続完了。(数値入力は以後なし)</p>
<p>初期状態のままだと無変換／変換キーの認識が上手くいかず。<br />
※ 筆者は無変換＝日本語入力OFF、変換＝日本語入力ONに割り当てここでスイッチ1をMacモードにしてみるも認識せず。</p>
<p>いったん<u>キーボード本体のスイッチをOFF/ON切り替えしたら今まで通り認識しました。</u></div>
<h3>使用感＠Windows7</h3>
<div style="padding-left: 15px;">
次にWindowsにて使用。<br />
ペアリングの流れは同じ。<br />
こちらもスイッチを切り替えて、キーボード本体再起動して日本語入力(と言うより変換／無変換キー)の認識を解決。</p>
<p>このスイッチ切り替えを解決出来れば、Mac/Winの行き来がスムーズで楽になる。。。</p>
<p>ちなみに<u><b>Windows10</b>だと一旦ペアリングしたデバイスは<br />
手動で接続の切り替えが出来ない</u>らしく(？)、複数台運用は厳しいかもしれない。</p>
<p>Macを先にペアリングした状態で、、ですが、PCの行き来は</p>
<ol>
<li>モニタ切り替え</li>
<li>Function+Q (ペアリング開始)</li>
<li>使いたいPC上で接続再開</li>
</ol>
<p>だけで大丈夫でした。</p>
</div>
<h3>まとめ</h3>
<div style="padding-left: 15px;">
総合的に見てBlue-toothであるだけでも充分使い勝手は良いと言って良いでしょう。<br />
途切れたりしないし、従来のProに比べたら大分静か。複数台での行き来はやや課題は残しつつ、即ポチレベルの期待に大いに応えてくれた一品と評価します！</div>


HHKB BT 購入レビュー (IYH

pushState() + AJaxでスムーズなコンテンツの遷移

Git管理でプロジェクト毎に細分化管理してみる

<h2>ECの市場規模どんだけすごい？</h2>
<p>「ECの市場規模は12.8兆円です！」と言われてもピンとこないですよね。</p>
<p>ECが全産業の中でも多くのパイを占めていて、これからも伸びる業界であることを説明するときに、市場規模を持ち出すのですが、これを単体で聞いてもなんの事やらわからないと思います。</p>
<p>実際、ECの市場規模はBtoCに限っても12.8兆円（2014年、経済産業省）とすごいらしいのですが、どうしても「すごいらしい」レベルで終わってしまいます。</p>
<p>ですがここにコンビニエンスストアの市場規模が9.7兆円であると聞いたらどうでしょう(日本フランチャイズチェーン協会調べ）。</p>
<p>街中にあんなにあるコンビニよりもECのほうが規模大きいのか！と一気に現実味がわきました。私の場合。</p>
<p>比較があるとイメージしやすいということが分かり、面白かったので、他の業界の市場規模も調べてみました。</p>
<h2>そもそも市場規模とは？</h2>
<p>…と、その前に、そもそも市場規模とはという説明です。</p>
<blockquote><p>
市場規模とは何か</p>
<p>市場規模とは、「特定の市場において活動している企業の売上の総和のこと」とみなされることが多いでしょう。平たく言えば、全プレーヤーの売上の総和、とでも言えば良いと思います。</p>
<p>市場規模の算定においては、さまざまな手法がとられますが、もっとも簡単なやり方としては、ある企業のシェアと売上の額がわかっていれば、そこから算出することが可能です。<br />
たとえば業界大手企業のシェアがWebサイトや書籍などで調査可能であれば、売上の額から逆算して市場規模を算定することが可能です。<br />
<a href="http://www.bk.mufg.jp/houjin/riseupclub/2015/10/post-218.html?readmore=1#main">http://www.bk.mufg.jp/houjin/riseupclub/2015/10/post-218.html?readmore=1#main</a></p></blockquote>
<p>なるほど！</p>
<h2>意外な市場規模たち</h2>
<p>市場規模マップ2015というのを参考にさせてもらいました。<br />
<a href="http://visualizing.info/cr/market-size-map/domestic/#" target="_blank">http://visualizing.info/cr/market-size-map/domestic/#</a><br />
こちらは、様々な業界の市場規模をビジュアルなマップとして表現したものです。<br />
セルの大きさが市場規模を、セルの色がその前年比を表しています。</p>
<h3>えっ！この2つが同じ市場規模？</h3>
<p><strong>新聞業界、葬儀ビジネスともに約1.8兆円<br />
</strong><br />
（コメント）葬式ってそんなにすごいんだ！</p>
<p><strong>音楽業界と、豆腐業界はともに約5000億円<br />
</strong><br />
（コメント）音楽業界ってカッコよさげだけど、豆腐とおんなじかい！<br />
ちなみに豆乳は504億円です。</p>
<p><strong>インスタントコーヒー1811億円、コンビニカウンターコーヒー1756億円<br />
</strong><br />
（コメント）もうすぐコンビニコーヒーが追い抜く勢い！</p>
<h2>クイズ</h2>
<p>Q. ダンス教室と、宇宙機器産業と、妖怪ウォッチと、ボーイズラブ。<br />
　　この４つのなかで、どれが一番大きな市場規模を持つでしょうか？</p>
<p>↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓<br />
↓</p>
<p>A. ダンス教室　2245億円</p>
<p>（コメント）宇宙機器産業は1869億円、妖怪ウォッチは2200億円、ボーイズラブは212億円。<br />
           ボーイズラブと答えた人は猛省してください。</p>


豆腐業界と音楽業界は同じ市場規模！<br>いろんな市場規模を調べてみた。

<p>音楽を聴くだけで仕事効率が上げられたら良くありませんか？</p>
<p>なぜこの題材なのかといいますと、弊社ではイヤホンをしながら仕事をしている方が沢山います。<br />
みなさんそれぞれどんな音楽or動画を耳にしているのか私には分かりませんが、こういう音楽を聴くことで（仕事に関わらず）作業効率が上がる説というのを今日はご紹介します。</p>
<p>昔から人間の身近にある「音楽」の歴史は、縄文時代にまで遡るといわれています。<br />
現在では、リラックス効果やストレス解消効果、心臓を強くする効果のある音楽がある事が分かっています。音楽ってスゲー。<br />
でも、どんな音楽でも良いというわけではないそうなので、いくつか方法をご紹介いたします。</p>
<h2>音楽の種類を使い分けよう</h2>
<h3>頭を使うタイプには、歌詞のないBGM</h3>
<p>読解力や記憶力を必要とする場面では、歌詞があるようなBGMは合いません。<br />
余計な情報が耳から勝手に入ってきてしまうので、その時は覚えている・考えられていると思っていても時間が経つとぼんやりとしか思い出せなかったりしてしまいます。</p>
<p>そういう時には、小川のせせらぎやそよ風などのBGMを小さな音で聴くのがおすすめです。<br />
俗にいうリラックスBGMには、1/fゆらぎ（エフぶんのいちゆらぎ）という人間の生体に最も合ったリズム（ゆらぎ）が含まれているため、集中・リラックスに最適です。</p>
<p>ちなみにこの1/fゆらぎはピンクノイズともいわれ、自然現象において見られることが多いそうです。</p>
<p>具体例として人の心拍の間隔や、ろうそくの炎の揺れ方、電車の揺れ、小川のせせらぐ音、目の動き方、木漏れ日、物性的には金属の抵抗、ネットワーク情報流、蛍の光り方などが例として挙げられる。</p>
<p>音だけではなく視覚などにも1/fゆらぎがあるんですね。<br />
ちょっとオカルトちっく。オカルト大好き人間の私からしたらたまりません。</p>
<h3>繰り返し行うルーティンワークにはアップテンポな曲</h3>
<p>こちらに限っては、逆に歌詞があったり自分の好きな曲を聴く事をおすすめします。<br />
繰り返し行う作業に関しては、リズムに乗って作業をするだけで作業効率がぐんと上がります。<br />
ただ、テンポがバラバラの曲より同じテンポが繰り返されるような曲の方が良いです。</p>
<p>実際に私も繰り返し行う作業の時には、一定のリズムがあるような曲を聴いています。<br />
無心になれるんですよね、不思議です。</p>
<h3>ちょっと疲れた時には、クラシック</h3>
<p>一度は聞いたことがありませんでしょうか。<br />
あの有名なモーツァルトの曲には、3500ヘルツの高周波音と1/fゆらぎが含まれているのです。そのため、モーツァルトの曲を聴くと、人間の生体機能や生体リズムと共鳴してより効果的なリラックスを得ることが期待されます。</p>
<p>ちなみに、人間の集中力は約40分と言われています。効率良く作業するためには、40分に一回休憩をはさむと良いそうです。学校とかでも一時間の授業には10分休みなどがありましたよね？それはこういう理由があったからなんですよ。</p>
<p>モーツァルト おすすめ曲<br />
・ピアノ協奏曲第21番 第2楽章<br />
・ヴァイオリン協奏曲第4番 K.218 第3楽章</p>
<p>おまけ（リラックス出来る波長があるかは別として）<br />
・愛の夢第３番　リスト<br />
・月の光　ドビュッシー<br />
・愛の挨拶　エルガー</p>
<h3>イヤホンで聴きましょう</h3>
<p>イヤホンやヘッドホンで聴きましょう。<br />
おすすめイヤホンとかの話になると偏見による歪みが生まれると思うのでやめておきます。</p>
<h2>まとめ</h2>
<p>いまいち集中が出来ないという時には、音楽を聴いてみてくださいね。</p>
<p>ちなみに私がいつも聴く集中BGMはこんなラインナップ</p>
<p>・ゲームミュージックサントラ<br />
・ジブリ ピアノメドレー<br />
・ディズニーメドレー<br />
・お経</p>
<p>以上です。</p>


音楽を聴くだけで仕事効率が上がる

<p>Webにてアイコンをフォントで設置する場合、Font Awesomeが使用されますが、Ruby on Railsにて導入する場合を記事にしてみました。<br />
Rails以外でFont Awesomeを設置する場合は、こちらの記事が参考になります。<br />
<a href="/designer/%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AB%E3%81%84%E3%81%84%E3%80%8Cfontawesome%E3%80%8D/" class="link">ちょっとしたアイコンにいい「FontAwesome」</a></p>
<h3>Gemfile</h3>
<p></p>

		<div id="crayon-649540263ca6a538667409" 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">Gemfile</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;">
gem 'font-awesome-rails'</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-649540263ca6a538667409-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-649540263ca6a538667409-1"><span class="crayon-i">gem</span><span class="crayon-h"> </span><span class="crayon-s">'font-awesome-rails'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>Gemfileにfont-awesome-railsを追加し、bundle installを実行する。</p>
<h3>application.css</h3>
<p></p>

		<div id="crayon-649540263ca6f020810100" 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">application.css</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;">
*= require font-awesome</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-649540263ca6f020810100-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-649540263ca6f020810100-1">*=<span class="crayon-h"> </span><span class="crayon-e">require </span><span class="crayon-i">font</span>-<span class="crayon-i">awesome</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>app/assets/stylesheets/application.cssに上記を追加する。</p>
<p>準備は以上で完了です。</p>
<p>使用するときは、htmlタグにて</p>

		<div id="crayon-649540263ca70073838998" 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">class</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;">
&lt;i class="fa fa-twitter" aria-hidden="true"&gt;&lt;/i&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-649540263ca70073838998-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-649540263ca70073838998-1"><span class="crayon-h">&lt;</span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-t">class</span>=<span class="crayon-s">"fa fa-twitter"</span><span class="crayon-h"> </span><span class="crayon-i">aria</span>-<span class="crayon-i">hidden</span>=<span class="crayon-s">"true"</span><span class="crayon-h">&gt;</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">i</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>設置したり、cssのclassにて</p>

		<div id="crayon-649540263ca71958409939" 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">class</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;">
content: "\f164";
font: normal normal normal 14px/1 FontAwesome;</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-649540263ca71958409939-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ca71958409939-2">2</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-649540263ca71958409939-1"><span class="crayon-i">content</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"\f164"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ca71958409939-2"><span class="crayon-i">font</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">normal </span><span class="crayon-e">normal </span><span class="crayon-i">normal</span><span class="crayon-h"> </span><span class="crayon-cn">14px</span>/<span class="crayon-cn">1</span><span class="crayon-h"> </span><span class="crayon-i">FontAwesome</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と設置します。</p>
<p>アイコンを使用したい場所に上記を設置後、<br />
rake assets:precompile<br />
を実行すれば、</p>
<blockquote><p>public/assets/FontAwesome-bcf2323752da19b8cc2695e88722807a803c0a2a9f20d8a7d7cb55846b55b3fa.otf<br />
public/assets/fontawesome-webfont-23f40876f4009dc2b74ad97674c979cd435ff888990d14900f38a1cb36f10bdf.eot<br />
public/assets/fontawesome-webfont-b0387cc7b1ca00f2f04bde2cd508be6e1a17caf0ee713a19627c1f02c638e280.svg<br />
public/assets/fontawesome-webfont-b0387cc7b1ca00f2f04bde2cd508be6e1a17caf0ee713a19627c1f02c638e280.svg.gz<br />
public/assets/fontawesome-webfont-3e8c3cc94dc6261132948b99958b852ff8504c64686bedd6b1505563ed72e4d8.ttf<br />
public/assets/fontawesome-webfont-a4d2c0c031f66c57ec2815079e49e41cad9dc58f0986ba072fb88fff888dca0e.woff<br />
public/assets/fontawesome-webfont-d3ebb498192527b985939ae62cc4e5eb5c108efc1896184126b45d866868e73d.woff2</p></blockquote>
<p>とFontAwesomeが自動的に読み込まれます。<br />
とても便利です。</p>
<h3>注意</h3>
<p>Rails以外のアプリケーションで使用する場合、fontディレクトリを作成し、そこにfont-awesome.min.cssを設置しますが、そのやり方でもできるようです。<br />
ただし、共存しているとうまく読み込まれないこともあるようです。</p>

RailsでFont Awesomeを使用する

<p>ipay88というサービスをご存知だろうか?</p>
<p>恥ずかしながら私は知らず、マレーシア等へのECモール出店支援をしている<a href="http://www.ecport-my.com/" target="_blank">EC-PORT</a>を運営している鹿島さんに教えて頂いた。</p>
<p>ipay88はマレーシアの企業で、主に決済代行を行っている会社だ。</p>
<p>決済代行というよりも、イメージ的にはPaypalのような流れのようで、加盟店サイトからipay88の画面に遷移し、決済するという流れのようだ。</p>
<p>マレーシアでは、クレジットカードは普及しているもののまだ銀行カードが主流のようで、これらにはば広く対応しているところが強みのようだ。</p>
<p>※対応している決済手段は<a href="http://www.ipay88.com/paymentlist.asp" target="_blank">こちら</a></p>
<p>&nbsp;</p>
<p>対応国は</p>
<ul>
<li>マレーシア</li>
<li>シンガポール</li>
<li>インドネシア</li>
<li>フィリピン</li>
<li>タイ</li>
<li>中国</li>
</ul>
<p>で、対応通貨は</p>
<ul>
<li>米ドル</li>
<li>マレーシア・リンギット</li>
<li>シンガポールドル</li>
<li>英ポンド</li>
<li>ユーロ</li>
<li>カナダドル</li>
<li>オーストラリアドル</li>
<li>香港ドル</li>
<li>インド・ルピー</li>
<li>インドネシア・ルピア</li>
<li>タイ・バーツ</li>
<li>フィリピン・ペソ</li>
<li>台湾ドル</li>
</ul>
<p>となっているとのこと。</p>
<p>マレーシアでのシェアは60%を超えてトップとのことだが、それに加えて東南アジアを中心にサービス展開をしているようだ。</p>
<p>特にフィリピンとインドネシア向けには力を入れているように思える</p>
<p>フィリピン：<a href="http://www.ipay88.com.ph/" target="_blank">http://www.ipay88.com.ph/</a></p>
<p>インドネシア：<a href="http://www.ipay88.co.id/" target="_blank">http://www.ipay88.co.id/</a></p>
<p>&nbsp;</p>
<p>サービスとしてはAPIでの連携の他に、ダイレクトリンク決済、メール決済などもある。</p>
<p>LAZADAで導入されていることでも有名とのことだ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>料金体系は</p>
<ul>
<li>SOHO Plan：料率 3.5%</li>
<li>SME Plan：料率 2.9% (月商が4,000リンギット以上)</li>
<li>Enterprise Plan：料率 たぶん都度見積もり (月商が500,000リンギット以上)</li>
</ul>
<p>※料率はクレジットカード決済のもの</p>
<p>の3タイプがあるとのことで、料率としては決して安くはない印象を受ける</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>まだまだ東南アジアのECや決済事情は情報が少ないため、現地で体感する機会を増やさなければならないと痛感した。</p>


【ipay88】マレーシア最大手の決済代行会社

【wordpress】WP_Queryを指定する配列にquery_stringを加える方法

<div class="booklink-box" style="text-align: left; padding-bottom: 20px; font-size: small; /zoom: 1; overflow: hidden;">
<div class="booklink-image" style="float: left; margin: 0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4198641323/sackoh71/" target="_blank"><img decoding="async" style="border: none;" src="http://ecx.images-amazon.com/images/I/51vEEkO%2By3L._SL160_.jpg" alt="" /></a></div>
<div class="booklink-info" style="line-height: 120%; /zoom: 1; overflow: hidden;">
<div class="booklink-name" style="margin-bottom: 10px; line-height: 120%;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4198641323/sackoh71/" target="_blank">君はどこにでも行ける</a></p>
<div class="booklink-powered-date" style="font-size: 8pt; margin-top: 5px; font-family: verdana; line-height: 120%;">posted with <a href="http://yomereba.com" target="_blank" rel="nofollow">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom: 5px;">堀江貴文 徳間書店 2016-03-25</div>
</div>
<div class="booklink-footer" style="clear: left;"></div>
</div>
<p>普段書籍は、あまり購入せず図書館で予約して気長に待って読むスタイルでしたが、堀江さんは本当に好きで、この本は他の人のレビューやコメントなどから今読むべき本だなと感じて、購入し一気に読みました。</p>
<p>我々が今何故、越境ECを取り組むのか、この本を通じて自分自身が確信を持つことが出来たし、多くの人に今の日本の現状として是非広く知って頂きたい内容でした。</p>
<p>特に第１章「日本がどのくらい安くなってしまったのか」は頭のなかに入れておいて損はないです。</p>
<p>2章〜3章では各国をより詳細に紹介し、4章ではそれでも東京は世界最高レベルの都市であると解説して5章でまとめとその後対談という構成になっています。</p>
<p>本書の冒頭でも</p>
<blockquote><p>別に日本にいても不自由はしない。 「若者よ外へ出ろ！」などと思わない。行きたければ行けばいいし、行きたくなければ行かなくていいのだ。 この本では、日本にいようが、海外にいようが、やれることなんて、いくらでもあると伝えたい。まずはその一歩が、日本の現状を知ることだ。</p></blockquote>
<p>と書かれており、やみくもに日本を悲観し、海外を礼賛するようなものでは決してなく、思考のサポートになればとされています。</p>
<p>1億人のまだ世界的には富裕層がいるマーケットというのは非常に大きく、日本国内のドメスティックな関わり方だけでも今の世代は生き抜くことは出来るだろうと思いますし、そのような方が大半です。</p>
<p>しかしながら、現状維持をしているようなつもりになっていても周りが大きく成長していく中で徐々に徐々に認識出来ないくらい相対的に周りから取り残され、ジリ貧になっていくことは目に見えています。</p>
<p>もっと端的にいうと、仕事の単価は徐々に下がっていき、時間や生産量でカバーをしなければならない、はたまた同じ技術を持った周りの国にその仕事が流れていき、仕事がなくなる。これは、ITの技術革新も後押しをしていくものです。</p>
<p>日本が嫌いだからそうするのではなく、むしろ日本が好きだからこの後の世代のことも考え、未来を明るいものにしていきたいと強く思っています。</p>
<p>バブルを経験したこともない我々世代がお隣の経済力を取り入れるべく動く越境ECに取り組む必然性が理解出来るはずで、私は今取り組んでいることが当たり前だと胸を張っていえるそんな気持ちになりました。</p>
<p>我々は2012年世界をもっと身近にという理念を掲げ、ECシステムの開発と自社通販サイトに着手し、2014年にオフショア開発拠点として、ミャンマー法人を立ち上げ、2016年に中国越境ECに舵を切ったECシステムにバージョンアップし、自社通販サイトで培ったノウハウをもって、別サイトの越境ECを開始。</p>
<p>日本で考え、ミャンマーで作り、中国（グローバル）に売るというボーダーレスな流れがようやく出来ました。</p>
<p>まだまだ規模は小さく時間も想定していた何倍も掛かってしまい課題は山積みですが、ようやく5年前に思い描いて決めた法人としての志を実現するためのピースが揃ってきたと感じた2016年にこの本に出会えてよかったです。</p>
<h2>抜粋</h2>
<ul>
<li>私たちはおそらく、いま、先を急ぐのではなく、ここに踏みとどまって、三つの種類の寂しさを、がっきと受け止め、受け入れなければならないのだと私は思っています。一つは、日本は、もはや工業立国ではないということ。もう一つは、もはや、この国は、成長はせず、長い後退戦を戦っていかなければならないのだということ。そして最後の一つは、日本という国は、もはやアジア唯一の先進国ではないということ。</li>
<li>確かに経済の衰退は痛みを伴うことだろう。しかし、少子高齢化を迎えた国家が、経済力を失うのは、必然と言っていい。</li>
<li>まだなにかを諦めるほど、日本は貧しくない。過去に築いたインフラや文化資本の蓄積もある。日本の経済力は衰えても、世界規模で見ても珍しいほど好条件が揃っている。</li>
<li>２０１５年の末、メディアアーティストの落合陽一さんはツイッターで次のようなコメントを書いた。<br />
日本人のセルフイメージって２０１０年のＧＤＰのままな気がする。中国に抜かれたって大きく報じられたから今でも僅差だと思ってる人多すぎる。 　　今日本のＧＤＰはアメリカの約１／４だし、中国の半分以下だし、一人あたりは世界27位の貧しさだ。 （Twitter 2015/12/16）</li>
<li>思想家の東浩紀さんは、次のように反応している。<br />
日本のＧＤＰがいまやアメリカの４分の１中国の半分以下で、一人当たりＧＤＰは世界27位というのは、90年代に20歳代だったぼくの世代にとってまさに屈辱的な数字だけど、より屈辱的なのは、にもかかわらず日本最高とか言い募る若者がいっこうに減らないことだ</li>
<li>日本は観光立国としてアジアで一番、稼ぎまくれるポジションを取っているのだ。またアジアの中で最も早く近代化がうまくいき、現在は成熟期へ移行しつつある。そのおかげで治安はよく、インフラも整い、文化資本も豊かで、サービス業も発達している。これは本当にすごいことだ。</li>
<li>〝ウィンブルドン現象〟というものがある。テニスの全英オープンで自由競争による地元勢の淘汰の末、海外の選手ばかりになり、イギリス人選手がほとんど活躍できなくなったという、皮肉な現象のことだ。 　サッカーでもマンチェスター・ユナイテッドやリバプールなど、古くからある強豪チームのトップでは、自国の選手が極端に少なくなっている。でもそれでいいのだ。</li>
<li>日本でウィンブルドン現象を受け入れて大成功したのは、意外にも国技の大相撲だ。 　数十年前に大相撲は不祥事や、人気力士の相次ぐ引退などで興業の成績が急落、協会存続の絶体絶命の危機にあった。窮余の策として、門戸を閉じていた外国籍の力士のスカウトを解放</li>
<li>ポーランドやオーストリアなど海外マネーや外国人の流入を厳しく制限して、自国の伝統を守ろうとしたヨーロッパの国は、周辺地域からやや取り残されている。北朝鮮などは、取り残された最たる例だろう。 　逆に、大局的な流れをうまく利用できた国は、生き残っている。入ってこようとするものを拒む方法を考えるより、いかに外からの流れを利用するかを、考えていかないとダメだ。</li>
</ul>


君はどこにでもいけるレビュー

<p>ARのコンテンツを作るためには何が必要なのかを調べてみました。</p>
<p>ちょっと前にロゴやQRコードをスマホのカメラ越しに見ると３Dオブジェクトが見えるというアプリを良く目にしたと思いますが、あの類のコンテンツを作る場合にはAR開発用ライブラリを利用するのが主流となっているようです。</p>
<p>そこでARライブラリで良さそうなものを探してみると、Vuforiaという ARライブラリが無料で使用できるという事で記事としてはすぐに出てきました。情報量が多い方が何かと便利ですし、とにかく無料で始める事ができるのでVuforiaを使ってみる事にします。</p>
<p>ちなみに今回作ろうとしているのは、こんな感じのARです。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/AgjHlWGokmI?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>VuforiaはUnity向けの拡張機能が用意されているので、Unityを使ってARを作りたいと思います。</p>
<p>まずはVuforiaのアカウントを作る必要があるので<a href="https://developer.vuforia.com/">https://developer.vuforia.com/</a>を開いてRegisterからアカウントを作ります。</p>
<p><a href="/uploads-archive/2016/04/1-2.jpg" rel="attachment wp-att-10494"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10494" src="/uploads-archive/2016/04/1-2.jpg" alt="1" width="640" height="614" srcset="/uploads-archive/2016/04/1-2.jpg 640w, /uploads-archive/2016/04/1-2-300x288.jpg 300w, /uploads-archive/2016/04/1-2-228x219.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>ちなみにトップページにもあるようにHoloLens向けの開発を行う機能が追加されたようです。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/U6CpD4hVmqc?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>話を戻して、アカウントができたらDevelopのTarget ManegarでAdd Databaseをクリックし、新規のデータベースを作成します。</p>
<p><a href="/uploads-archive/2016/04/2-1.jpg" rel="attachment wp-att-10495"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10495" src="/uploads-archive/2016/04/2-1.jpg" alt="2" width="640" height="379" srcset="/uploads-archive/2016/04/2-1.jpg 640w, /uploads-archive/2016/04/2-1-300x178.jpg 300w, /uploads-archive/2016/04/2-1-228x135.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>すると下のようなポップアップ出てくるのでTypeでSingle Imageを選択し、Fileでマーカーにしたい画像ファイルをアップロードします。</p>
<p><a href="/uploads-archive/2016/04/3-1.jpg" rel="attachment wp-att-10496"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10496" src="/uploads-archive/2016/04/3-1.jpg" alt="3" width="640" height="679" srcset="/uploads-archive/2016/04/3-1.jpg 640w, /uploads-archive/2016/04/3-1-283x300.jpg 283w, /uploads-archive/2016/04/3-1-228x242.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>WidthとNameを入力したらAddでとりあえずデータベースができます。</p>
<p><a href="/uploads-archive/2016/04/4-1.jpg" rel="attachment wp-att-10497"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10497" src="/uploads-archive/2016/04/4-1.jpg" alt="4" width="640" height="372" srcset="/uploads-archive/2016/04/4-1.jpg 640w, /uploads-archive/2016/04/4-1-300x174.jpg 300w, /uploads-archive/2016/04/4-1-228x133.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>チェックを入れればできたデータベースをダウンロードする事ができます。</p>
<p>これをUnitiyへインポートするのですが今日はここまで。次回はUnityを使ってARを完成させたいと思います。</p>


VuforiaとUnityを使ってARを作ってみる

<p>弊社と同じ108ビルディングに入居されているテクノウォーカーさん。<br />
まったく面識がないにも関わらず、前回のブログで勝手に紹介させていただきました。</p>
<p><strong><a href="/blog/twalker/">前回のブログ</a><br />
</strong><br />
怒られないかな…と怯えながら、HPのお問い合わせフォームから「ブログに書かせていただきました」と伝えたところ…</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/04/IMG_9814-300x225.jpg" alt="IMG_9814" width="300" height="225" class="aligncenter size-medium wp-image-10484" srcset="/uploads-archive/2016/04/IMG_9814-300x225.jpg 300w, /uploads-archive/2016/04/IMG_9814-228x171.jpg 228w, /uploads-archive/2016/04/IMG_9814.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>なんと！　社長が来社してくださり、いろいろとお話を伺いました！</p>
<p>テクノウォーカーさんはプログラマーを企業に派遣するのがメイン事業なので<br />
私が「システム会社に入ったけど、ぜんぜんシステムのことがわかりません」と質問したところ、<br />
「研修しないと絶対無理ですよ」との的確なお言葉。</p>
<p>他にも、自分が会社を始めた経緯や、プログラマー育成の秘訣などをお話してくださいました。</p>
<p>また、前回のブログではテクノウォーカーさんのことを「近くて遠い会社」と表現しましたが、社長さんからは「これからは<strong>『近くて親しい会社』</strong>になりましょう」とのお言葉をいただきました！</p>
<p>ほんとに飲み会や勉強会などを共催しちゃいますか！！</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/05/12

2016/05/12

2016/05/12

2016/05/12

2016/05/12

2016/05/11

2016/05/10

2016/05/05

2016/04/27

2016/04/27

2016/04/27

2016/04/27

2016/04/27

2016/04/27

2016/04/27

2016/04/26

2016/04/26

2016/04/20