<p>フリーランスになりたい！</p>
<p>というわけではないですが、このサイトに掲載されているツールはフリーランスに限らず、<br />
普通に便利なツールが載っています。</p>
<p>カラー関連、アイコン関連、フォント関連、写真関連、等々多くのサイトが一覧にまとめられています。</p>
<p>写真関連のサイトが多いですね〜</p>
<p><a href="https://www.hellobonsai.com/best-freelance-tools" class="link" target="_blank">Best Tools for Freelance Designers and Developers | Bonsai</a></p>
<p>以前、デザイナー向けツールのサイトの紹介もしていました。</p>
<p><a href="/designer/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e5%90%91%e3%81%91%e3%83%95%e3%83%aa%e3%83%bc%ef%bc%86%e6%9c%89%e6%96%99%e7%b4%a0%e6%9d%90%e3%81%be%e3%81%a8%e3%82%81%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8cma.html" target="_blank" class="link">デザイナー向けフリー＆有料素材まとめサイト「Makerbook」 | スターフィールド株式会社</a></p>


フリーランスのデザイナー＆プログラマーにとって便利なツールのご紹介

<p>私は結構アナログ人間なところがあり、紙に書いてしまう癖があります。<br />
「あ！あとで見よう！」と思ってブックマークに登録しますが、どんどん詰まっていくと見づらくて見なくなっているサイトもしばしば。（整理しろという文句はまた今度聞きます）<br />
そんな私にピッタリの気になるページやテキスト、動画や画像なんかを残しておく時に便利なChrome拡張を見つけたので使用してみました。</p>
<p>その名も『DashNotes』<br />
こういった記録アプリに関しては、Evernoteとかが有名だと思うのですが、私的にはこっちの方が簡単でシンプルで使いやすいです。</p>
<h2>気になったテキストを選択して右クリックでペタリ</h2>
<p>DashNotesは、気になったテキストや動画・画像などを新しいタブとしてストックする事が出来ます。<br />
イメージ的には、付箋でぺたりと貼ったような感じです。</p>
<h3>右クリックメニューからコンテンツを保存し、新しいタブを作成します。</h3>
<p><a href="/uploads-archive/2016/02/dashnotes_1.jpg" rel="attachment wp-att-9583"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_1.jpg" alt="dashnotes_1" width="600" height="249" class="alignnone size-full wp-image-9583" srcset="/uploads-archive/2016/02/dashnotes_1.jpg 600w, /uploads-archive/2016/02/dashnotes_1-300x125.jpg 300w, /uploads-archive/2016/02/dashnotes_1-228x95.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>選択したコンテンツを画像の赤丸で囲っているコンテキストメニューを選ぶだけでOKです(*´▽｀*)簡単♥<br />
ちなみに動画に関しては、HTML5プレイヤーを使用しているものであれば動画プレイヤーごと保存しておくことが可能。<br />
ただし、外部サイトでの埋め込み再生を禁止している動画に関しては再生が出来ませんので【Youtubeで再生する】から画面遷移する必要がありますのでご注意下さい。</p>
<h3>どんどん新しい情報をペタリ</h3>
<p><a href="/uploads-archive/2016/02/dashnotes_2.jpg" rel="attachment wp-att-9584"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_2.jpg" alt="dashnotes_2" width="800" height="415" class="alignnone size-full wp-image-9584" srcset="/uploads-archive/2016/02/dashnotes_2.jpg 800w, /uploads-archive/2016/02/dashnotes_2-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_2-768x398.jpg 768w, /uploads-archive/2016/02/dashnotes_2-228x118.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>画像はテキストリンクのみとなっていますが、テキストでメモしておけば後日見たい情報をすぐに見つける事ができますよね。<br />
忘れちゃっていた時でも、すぐに確認が出来るので忘れやすい私には本当ありがたいです。</p>
<p>左上にある「＋」からただのメモを残しておくことも可能。<br />
<a href="/uploads-archive/2016/02/dashnotes_1_01.jpg" rel="attachment wp-att-9590"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_1_01.jpg" alt="dashnotes_1_01" width="800" height="415" class="alignnone size-full wp-image-9590" srcset="/uploads-archive/2016/02/dashnotes_1_01.jpg 800w, /uploads-archive/2016/02/dashnotes_1_01-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_1_01-768x398.jpg 768w, /uploads-archive/2016/02/dashnotes_1_01-228x118.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a><br />
<a href="/uploads-archive/2016/02/dashnotes_1_02.jpg" rel="attachment wp-att-9589"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_1_02.jpg" alt="dashnotes_1_02" width="800" height="416" class="alignnone size-full wp-image-9589" srcset="/uploads-archive/2016/02/dashnotes_1_02.jpg 800w, /uploads-archive/2016/02/dashnotes_1_02-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_1_02-768x399.jpg 768w, /uploads-archive/2016/02/dashnotes_1_02-228x119.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<h3>なんかすっごいおしゃれ</h3>
<p><a href="/uploads-archive/2016/02/dashnotes_0_01.jpg" rel="attachment wp-att-9587"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_0_01.jpg" alt="dashnotes_0_01" width="800" height="412" class="alignnone size-full wp-image-9587" srcset="/uploads-archive/2016/02/dashnotes_0_01.jpg 800w, /uploads-archive/2016/02/dashnotes_0_01-300x155.jpg 300w, /uploads-archive/2016/02/dashnotes_0_01-768x396.jpg 768w, /uploads-archive/2016/02/dashnotes_0_01-228x117.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a><br />
<a href="/uploads-archive/2016/02/dashnotes_0_02.jpg" rel="attachment wp-att-9586"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_0_02.jpg" alt="dashnotes_0_02" width="800" height="416" class="alignnone size-full wp-image-9586" srcset="/uploads-archive/2016/02/dashnotes_0_02.jpg 800w, /uploads-archive/2016/02/dashnotes_0_02-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_0_02-768x399.jpg 768w, /uploads-archive/2016/02/dashnotes_0_02-228x119.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a><br />
<a href="/uploads-archive/2016/02/dashnotes_0.jpg" rel="attachment wp-att-9585"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_0.jpg" alt="dashnotes_0" width="800" height="418" class="alignnone size-full wp-image-9585" srcset="/uploads-archive/2016/02/dashnotes_0.jpg 800w, /uploads-archive/2016/02/dashnotes_0-300x157.jpg 300w, /uploads-archive/2016/02/dashnotes_0-768x401.jpg 768w, /uploads-archive/2016/02/dashnotes_0-228x119.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>これは、何も貼り付けていない状態のDashNotesです。<br />
新しいタブを開く度に画像が変更されます。なんだかとってもオシャンティです。<br />
あと右上の秒数カウント付きの時計が地味に嬉しいです。</p>
<p>試しに使ってみたい方は、無料ですので<a href="https://chrome.google.com/webstore/detail/dashnotes/akejfagjhbihofnhibbkdlhmoflckfdk">DashNotes</a>から拡張機能をインストールしてみてください。<br />
もし消したい場合には、google設定から「拡張機能を無効にする」で解除されますよ～。</p>


画像やページを残しておけるChrome拡張「DashNotes」

<p>個人的に、ドキュメントをきれいに作りたいときはillustratorを使っており、</p>
<p>レイアウトや色使いが自由にできるので満足しているのだが、ページ番号をふれない、という大きな問題がある。</p>
<p>数ページのドキュメントであれば手動でふればよいのだが、数十ページともなるとページ番号無しでいいかと妥協してしまう。</p>
<p>この度100ページ超えの資料を作る機会があり、同じ状況に直面。</p>
<p>今回はページ番号をふらなければまずかったので、良い方法が無いか調べてみた。</p>
<p>&nbsp;</p>
<p>結果として、illustratorにページ番号をふる機能は無く、プラグインを作るしか無いという結論に至った。</p>
<p>&nbsp;</p>
<p>illustratorのプラグインについて</p>
<p>言語の仕様としてはjavascriotで作成できるらしい</p>
<p>activeDocumentやlayerなどといったillustrator独自のオブジェクトがあり、これらをjsで操作できるようだ</p>
<p>ちょっとバージョンは古いが、以下のサイトが非常に参考になった</p>
<p><a href="http://www.openspc2.org/book/IllustratorCS4/" target="_blank">http://www.openspc2.org/book/IllustratorCS4/</a></p>
<p>&nbsp;</p>
<p>自分がやった処理は</p>
<ol>
<li>全てのレイヤーを順番に開く</li>
<li>非表示のレイヤーは強制的に表示させる</li>
<li>指定した場所にページ番号を表示させる</li>
<li>全レイヤーに実行したら完了</li>
</ol>
<p>という流れ</p>
<p>具体的には以下のように書いてみた</p>

		<div id="crayon-6495401591a07201117057" 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">JavaScript</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;">
(function(){
	var layerCount = activeDocument.layers.length;
	for (var i = 0; i &lt; layerCount; i++ ) 
	{
		var targetLayer = activeDocument.layers[i];

		if( !targetLayer.visible ) targetLayer.visible = true;

		textObj = targetLayer.textFrames.add();
		textObj.contents = layerCount - i;

		textObj.position = [x座標, y座標];
	}

	alert("完了しました");
})();</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-6495401591a07201117057-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-2">2</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-4">4</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-6">6</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-8">8</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-10">10</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-12">12</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-14">14</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-16">16</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-6495401591a07201117057-1"><span class="crayon-sy">(</span><span class="crayon-t">function</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-6495401591a07201117057-2"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">activeDocument</span><span class="crayon-sy">.</span><span class="crayon-i">layers</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-3"><span class="crayon-h">	</span><span class="crayon-st">for</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span>++<span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-4"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-5"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">activeDocument</span><span class="crayon-sy">.</span><span class="crayon-i">layers</span><span class="crayon-sy">[</span><span class="crayon-i">i</span><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-6">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-7"><span class="crayon-h">		</span><span class="crayon-st">if</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">!</span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">visible</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">visible</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-8">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-9"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">textFrames</span><span class="crayon-sy">.</span><span class="crayon-e">add</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-6495401591a07201117057-10"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-sy">.</span><span class="crayon-i">contents</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-11">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-12"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-sy">.</span><span class="crayon-i">position</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">x</span>座標<span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">y</span>座標<span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-13"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-14">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-15"><span class="crayon-h">	</span><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-s">"完了しました"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-16"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>以下は実際にaiで実行してpdf化したもの</p>
<p><a href="/uploads-archive/2016/02/1-7.pdf" rel="">サンプルPDF</a></p>
<p>&nbsp;</p>
<p>未だ理解が浅いが、jsでとっかかりやすいし便利そうなので、機会があれば今後も使ってみたい</p>

【illustrator】レイヤーに自動でページ番号を付ける方法

<p>３D業界の方とお話しする機会がありました。</p>
<p><a href="http://compe.sterfield.jp/editor/shade3d/">http://compe.sterfield.jp/editor/shade3d/</a><br />
&nbsp;</p>
<p>いま３Dプリンターの利用法は、大きく分けて、ビジネス利用とホビー利用に分けられます。</p>
<p>それぞれの代表的な使い方のご紹介！</p>
<p>&nbsp;</p>
<h2>ビジネス利用</h2>
<ul>
<li>患者の生きた細胞を使って3Dプリンターで移植可能な腎臓を出力</li>
<li>米国のGMとフォードは製品開発に3Dプリンターを使用</li>
<li>宇宙開発。人工衛星の部品やロケットエンジン噴射装置の製造に３Dプリンターを使用（上の3つの<a href="http://byus.me/facts/1010/questions/2220">参考サイト</a>）</li>
<li><a href="http://gigazine.net/news/20151221-download-3d-print-clothes/">服は買わずにダウンロードして3Dプリンターで印刷</a></li>
<li><a href="http://by-s.me/article/126516961052547501"><span style="line-height: 1.5;">世界初”3Dパンケーキプリンター”で何でもパンケーキになっちゃう</span></a></li>
</ul>
<p>&nbsp;</p>
<p>すごいですね。</p>
<p>メリットとしては、現地で出力すればいいので輸送費がかからない、データを書き換えることで簡単に改変可能、３Dプリンターでなければ実現不可能な形状の作成、などが挙げられます。</p>
<p>&nbsp;</p>
<h2>ホビー利用</h2>
<ul>
<li><a href="http://togetter.com/li/763689">3Dプリンターやばい　今後のコミケのトレンドを変えてしまいそう</a></li>
<li>3Dプリンターで作る自家製銃<br />
<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/A8EDr3ZDtL0" frameborder="0" allowfullscreen="allowfullscreen"></iframe></li>
</ul>
<p>&nbsp;</p>
<p>日本で火が付くのはこっち系なような気もします。</p>
<p>&nbsp;<br />
&nbsp;</p>
<h2>しかし業界的にはまだまだ模索中のようです</h2>
<p>さまざまな可能性がある３Dプリンターですが、実は業界のなかの人にとっては、「実際ほんとに便利なの？」というのは耳の痛い問いかけだそうです。</p>
<p>2000年代中盤に特許が切れ、一気に価格が下がった３Dプリンター。</p>
<p>日本でもプチブームがありましたが、本当のブレイクはこれからでしょう！</p>
<p>&nbsp;</p>


可能性しかない！３Dプリンターの未来（ビジネス利用、ホビー利用）

thumbnail_nadeshiko (1).jpg

nadeshiko (1).jpg

プログラムと言う&#8221;言語&#8221;

<p><a href="/blog/product/javascript/reveal-js%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F.html">先週のブログ</a>に引き続き、プレゼンがテーマです。</p>
<p>先日<a href="http://scalamatsuri.org/">ScalaMatsuri 2016</a>というカンファレンスに参加したのですが、<br />
そこで登壇された方が、Scalaのreplを使ったプレゼンテーションをしていて、<br />
私も使用してみたい！と思い、ブログにしてみました。<br />
<small>（※replとは、read-eval-print-loopの略で、対話型実行環境のこと。）</small></p>
<h2>使い方</h2>
<p>下記を参考にしました。<br />
<a href="https://github.com/marconilanna/REPLesent">marconilanna/REPLesent</a><br />
ここで会社では簡単なデモを紹介しましたが、上のgithubにデモ動画が上がっています。下のやつでも確認できます。<br />
<script type="text/javascript" src="https://asciinema.org/a/16690.js" id="asciicast-16690" async></script></p>
<h2>所感</h2>
<h4>メリット</h4>
<ul>
<li>
  スライドの途中にScalaのプログラムを走らせることができる。
  </li>
<li>
  テキストファイルをいじるだけなので、簡単
  </li>
<li>
  絵文字が使える。
  </li>
</ul>
<h4>デメリット</h4>
<ul>
<li>
  日本語を使用すると若干レイアウトが崩れる
  </li>
</ul>
<h2>まとめ</h2>
<p>使用する機会がなさそうですが、いつか使用してみたいです。</p>


Scalaでプレゼン REPLesentを使ってみた

<h2>VRでショッピング　アバターを使って試着する</h2>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/E6lVnGtlqtU" allowfullscreen="allowfullscreen"></iframe></p>
<p>vr開発会社のSixenseはVR店舗の中で買い物をする様子を動画で公開している。</p>
<p>両手にグローブのようなデバイスを握る事で、VR中の商品を持つことができる、さらにアバターを使って試着する事も可能との事。</p>
<h2>車の仮想ショールーム</h2>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/DilzwF90vec" allowfullscreen="allowfullscreen"></iframe></p>
<p>こちらはマイクロソフトが開発したARマウントディスプレイ<a href="https://www.microsoft.com/microsoft-hololens/en-us">hololens</a>を利用したボルボの仮想ショールームを紹介する動画。</p>
<p>仮想ショールームは小さなスペースでの自動車ディーラーを可能にし、顧客に対して車の機能や内部まで説明する事ができる。</p>
<h2>スポーツ観戦はこう変わる！ARが可能にする新感覚</h2>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/oKqzeoMCU0c" allowfullscreen="allowfullscreen"></iframe></p>
<p>先ほどのhololensを活用した未来予想図がこちらの動画。</p>
<p>こんな物があったら、家からでなくなる人がさらに続出しそうだが是非実現してほしい。</p>
<h2>火星に立てる NASAが火星の360°動画を公開</h2>
<h2><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/ME_T4B1rxCg" allowfullscreen="allowfullscreen"></iframe></h2>
<p>NASAの探査機が火星で撮影した画像をつなぎ合わせて作成したVR動画。</p>
<p>これで見た火星は頑張ればなんとか住めそうな気がする。</p>
<h2>製造業の現場でもVRが活躍する!?</h2>
<p><a href="http://daqri.com/" rel="attachment wp-att-9553"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9553" src="/uploads-archive/2016/02/2-1.jpg" alt="2" width="640" height="483" srcset="/uploads-archive/2016/02/2-1.jpg 640w, /uploads-archive/2016/02/2-1-300x226.jpg 300w, /uploads-archive/2016/02/2-1-228x172.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>これはDAQRIが開発したスマートヘルメットというヘルメットとゴーグルが一つになったようなデバイスで、作業における指示などの情報がゴーグルに映し出される。加えて製造現場の安全確保にもつながるとのこと。</p>
<p><a href="http://techcrunch.com/video/daqris-smart-helmet-hands-on/519393284/">Tech Crunch</a>のインタビュー動画を見るとスマートヘルメットがどういうものか良くわかる。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/47H6ul0W1-E" allowfullscreen="allowfullscreen"></iframe></p>
<p>VRというよりはどちらかというとARに分類されるかもしれない。</p>
<p>DaqriのCEOであるBrian Mullinsは</p>
<blockquote><p>産業界に革新的なインパクトを与える重要なとき</p></blockquote>
<p>と語っている。ものづくりがお家芸の日本への影響は大きいかもしれない。</p>
<p>&nbsp;</p>


AR・VRの未来はどうなるのか？今観ておきたい最新AR・VR動画まとめ

<p>photoshop ccやsketchでも使えるというプラグインです。</p>
<p>UI designを助けてくれるという触れ込みです。</p>
<p><a href="http://labs.invisionapp.com/craft" class="link" target="_blank">Craft by InVision LABS</a></p>
<p>以下の流れは基本「Photoshop」での話になりますのでご了承下さい。</p>
<h2>Craftのインストール</h2>
<p>まずは公式HPへリンクし、インストーラーをダウンロードします。<br />
windows/macは自動で判断しますので迷うことはありません。</p>
<p>インストーラーをダウンロードしたら起動します。<br />
そして、「sketch」か「photoshop」のどちらをインストールするか選択します。</p>
<p>これでインストール完了です。<br />
（photoshopを再起動させれば、エクステンションに追加されています。）</p>
<p>こちらのプラグインには、<br />
「Duplicate」「Type」「Photos」<br />
と大きく3つの機能があります。</p>
<p>簡単にはなりますがちょっとずつ説明していきます。</p>
<h3>Duplicate</h3>
<p>要素やシェイプを複製できるもので、ギャラリー等の制作に最適かもしれません。</p>
<p><a href="/uploads-archive/2016/02/6ap6Jo4mVg.gif" target="_blank"><img decoding="async" src="/uploads-archive/2016/02/6ap6Jo4mVg.gif" alt="6ap6Jo4mVg" width="640" class="alignnone size-large wp-image-9541" /></a></p>
<p>まず一つ元となるものを作り、それを選択し、<br />
縦、横にいくつ、<br />
どのくらいのマージンで、<br />
複製をするのかを決める感じです。</p>
<h3>Type</h3>
<p>こちらはあらゆるダミーテキストを一瞬で挿入できます。<br />
名前、見出し、文章、住所、日付、メールアドレス等など&#8230;</p>
<p>こちらも元のテキスト（なんでもOK）を用意し、それを選択しておきます。<br />
パネルを開き、変更したいものをクリックするだけで変更されます。</p>
<p><a href="/uploads-archive/2016/02/93JN3Zl7lD.gif" rel="attachment wp-att-9544"><img decoding="async" src="/uploads-archive/2016/02/93JN3Zl7lD.gif" alt="93JN3Zl7lD" width="640" class="alignnone size-large wp-image-9544" /></a></p>
<p>同じボタンを押してもランダムなので違う内容になります。</p>
<p>惜しいのは英語しかないという点ですね。日本語版があればすごくいいのに。。。</p>
<h3>Photos</h3>
<p>こちらは写真を挿入する機能になります。</p>
<p>ただ写真を貼り付けるだけなのかなと思っていましたが、作ったシェイプに合わせて写真を当て込んでくれるものでした。</p>
<p><a href="/uploads-archive/2016/02/sisGyFJoe1.gif" rel="attachment wp-att-9545"><img decoding="async" src="/uploads-archive/2016/02/sisGyFJoe1.gif" alt="sisGyFJoe1" width="640" class="alignnone size-large wp-image-9545" /></a></p>
<p><a href="https://unsplash.com/" target="_blank">Unsplash</a>というサイトから持ってこれますが、パソコンのフォルダやdropboxも指定できます。</p>
<p>どの場合も写真を選べるわけではなく、ランダムで入れてくれます。<br />
(自身のPCの場合、どこかのフォルダを選ぶと、そのフォルダ内にある写真をランダムで挿入します)</p>
<p>ですので、ダミー写真を用意するのに便利かと思います。</p>
<h2>終わりに</h2>
<p>管理画面、モックアップの作成にかなり使えるプラグインだと思いました。<br />
特に、SNS系、メディア系なんかのサイトに威力を発揮できるかもしれません。</p>
<p>僕は第一校のデザインは、全部同じ写真で出しちゃったりするので、ぜひ使用してみたいと思います。</p>
<p>おまけですが、こちら載せておきます。<br />
<a href="http://photoshopvip.net/ultimate-ps-tip" target="_blank">意外と知らない、Photoshop CCの隠し小技テクニック20個まとめました。 &#8211; PhotoshopVIP</a></p>


Photoshopが便利になるプラグイン「craft」

<p>アクセス解析では最早必須の「Googleアナリティクス」ですが、私も自社のコーポレートサイトからお客様のサイトまで、毎日アクセスを欠かすことがありません。</p>
<p>デフォルトの設定でも十分にアクセス解析を行うことが出来るのですが、逆に高機能過ぎて、様々な設定を使いこなすこと自体に知識と技術が必要であります。</p>
<p>そんな中で、Googleアナリティクスを使いやすくする「Dot metrix」というサービスがリリースされていたので早速使ってみました。</p>
<h2>初期登録</h2>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix" rel="attachment wp-att-9530"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9530" src="/uploads-archive/2016/02/Dot_metrix-300x148.png" alt="Dot_metrix" width="300" height="148" srcset="/uploads-archive/2016/02/Dot_metrix-300x148.png 300w, /uploads-archive/2016/02/Dot_metrix-768x379.png 768w, /uploads-archive/2016/02/Dot_metrix-1024x505.png 1024w, /uploads-archive/2016/02/Dot_metrix-228x112.png 228w, /uploads-archive/2016/02/Dot_metrix.png 1273w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>右上の「Googleログイン」からGmailアドレスでも会社のGoogleAppsドメインでもどちらでも初期登録が行えました。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix-2" rel="attachment wp-att-9537"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9537" src="/uploads-archive/2016/02/Dot_metrix-2-300x188.png" alt="Dot_metrix 2" width="300" height="188" srcset="/uploads-archive/2016/02/Dot_metrix-2-300x188.png 300w, /uploads-archive/2016/02/Dot_metrix-2-768x483.png 768w, /uploads-archive/2016/02/Dot_metrix-2-1024x643.png 1024w, /uploads-archive/2016/02/Dot_metrix-2-228x143.png 228w, /uploads-archive/2016/02/Dot_metrix-2.png 1528w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Auth認証が入り、登録内容を記入します。</p>
<p>会社名と担当者名が必須になっていてすぐに登録は完了します。</p>
<h2>サマリー画面</h2>
<p>登録が終わるとすぐにサマリー画面に遷移します。</p>
<p>このページが重要ですよね。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix_1" rel="attachment wp-att-9531"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9531" src="/uploads-archive/2016/02/Dot_metrix_1-300x258.png" alt="Dot_metrix_1" width="300" height="258" srcset="/uploads-archive/2016/02/Dot_metrix_1-300x258.png 300w, /uploads-archive/2016/02/Dot_metrix_1-768x659.png 768w, /uploads-archive/2016/02/Dot_metrix_1-1024x879.png 1024w, /uploads-archive/2016/02/Dot_metrix_1-228x196.png 228w, /uploads-archive/2016/02/Dot_metrix_1.png 1052w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>過去7日間がデフォルトになっており、折れ線グラフと円グラフが見やすいです。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/%e3%83%a6%e3%83%bc%e3%82%b5%e3%82%99%e3%83%bc_%e3%82%b5%e3%83%9e%e3%83%aa%e3%83%bc_-_google_analytics" rel="attachment wp-att-9532"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9532" src="/uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-300x201.png" alt="ユーザー_サマリー_-_Google_Analytics" width="300" height="201" srcset="/uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-300x201.png 300w, /uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-768x516.png 768w, /uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-228x153.png 228w, /uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae.png 1022w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらは見慣れたGoogleアナリティクスのサマリー画面です。</p>
<p>アナリティクスでは一ヶ月間の数値が基本です。一応各種数値はモザイクかけています。</p>
<p>見比べてみると</p>
<h3>Googleアナリティクスのサマリー</h3>
<ul>
<li>セッション</li>
<li>ユーザー</li>
<li>ページビュー数</li>
<li>ページ/セッション</li>
<li>平均セッション時間</li>
<li>直帰率</li>
<li>新規セッション率</li>
<li>言語</li>
</ul>
<p>Googleアナリティクスは上記8項目が閲覧出来るのに対し</p>
<h3>Dot metrixのサマリー</h3>
<ul>
<li>ページビュー数</li>
<li>訪問数</li>
<li>ユーザー数</li>
<li>平均訪問時間 (秒)</li>
<li>リピーター/新規比率</li>
<li>デバイス比率</li>
<li>地域比率</li>
<li>参照元比率</li>
<li>Googleからの流入キーワード</li>
<li>参照元ページランキング</li>
<li>ページビュー数/訪問数</li>
<li>直帰率</li>
<li>ページ別PVランキング</li>
<li>ページ別離脱率ランキング</li>
<li>ページ別直帰率ランキング</li>
</ul>
<p>15項目さらには各種KPIとこのページだけ毎日見とけという内容を確認することが出来ます。</p>
<p>Googleアナリティクスでは行動のサマリーに行ったり、集客のサマリーに行ったりと最低でも数ページは巡回していたので、非常に楽になりそうです。</p>
<h2>指標分析</h2>
<p>まだまだ使いこなせていないのとデータが取れていないのですが、</p>
<ul>
<li>ファネル分析</li>
<li>コホート分析</li>
<li>LTV分析</li>
<li>A/Bテスト</li>
</ul>
<p>も出来るようです。</p>
<p>Googleアナリティクスを用いてA/Bテストをやろうとすると一手間必要なので、指標分析が簡単に出来るようになっているのはとにかく素晴らしいですね。</p>
<h2>プロパティの追加登録</h2>
<p>アナリティクスで複数管理している方は気になるところだと思いますが、</p>
<p>プロパティ単位で登録が出来ました。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix-3" rel="attachment wp-att-9538"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9538" src="/uploads-archive/2016/02/Dot_metrix-3-300x65.png" alt="Dot_metrix 3" width="300" height="65" srcset="/uploads-archive/2016/02/Dot_metrix-3-300x65.png 300w, /uploads-archive/2016/02/Dot_metrix-3-768x166.png 768w, /uploads-archive/2016/02/Dot_metrix-3-228x49.png 228w, /uploads-archive/2016/02/Dot_metrix-3.png 882w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ロゴ横のセレクトボックスで切り替えと追加が出来ます。</p>
<p>Dot metrixではプロパティをサービスという名称で定義付けているようです。</p>
<h2>まとめ</h2>
<p>「Dot metrix」の真骨頂は、</p>
<ul>
<li>Googleアナリティクスを更に使いやすく</li>
<li>KPIを自動で設定</li>
<li>サマリーをメール通知してくれる「デイリーレポートメールサービス」</li>
</ul>
<p>が無料で利用出来るという点かと思います。</p>
<p>月間1,000万セッション以上は有料のエンタープライズプランとなる、フリーミアムモデルを採用しているようですが、無料での枠が非常に大きいので今後も利用していきたいサービスです。</p>


Googleアナリティクスを拡張する「Dot metrix」の一覧性が素晴らしい！

<p>こんにちは、Kahoです。<br />
入社当時から「2月は売り上げが落ちる」と言われてきて、「そうなのか、でもなんでだろう？」と思い調べてみました。</p>
<h2>まず2月って日数自体が少ないのはなぜ？</h2>
<p>こちら調べてみると、たくさんの記事が出てきました。<br />
有名な話らしいですが、もう2月はそういうものと認識していた私は調べもしなかったので知りませんでした(笑)</p>
<p>きっかけは、はるか昔古代ローマにさかのぼります。<br />
現在使われている暦は、2000年以上も前にローマで作られた暦が約400年前に改良されました。今は1月が1年の始まりですが、当時は、3月から1年が始まりでした。おそらく作物の芽がでる春が1年の始まりにふさわしいと考えられたためだと説が残っています。そうなると2月は1年の最後の月となります。そのため、2月という月は1年の調整のために使われた月なのです。</p>
<h2>現在の暦を定めたローマの独裁者「ユリウス・カエサル」</h2>
<p>私達が過ごしている暦を作り上げた古代ローマの人物です。<br />
彼は、奇数月を31日、偶数月を30日とする暦を定めました。ですが、そうなると2月は30日になってしまい、1年が366日になってしまいます。そこで、閏年は30日にするが、平年は29日にし調整を行ったのです。</p>
<p>ここからはわかりやすくするために、弊社の橋本さんが書いていたように<del datetime="2016-02-08T08:39:00+00:00">パクって</del>会話風にしちゃいます。<br />
※ 画像の人物はイメージです</p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9503" src="/uploads-archive/2016/02/yun_21112-e1454920645784-150x150.jpg" alt="yun_21112" width="150" height="150" /><br />
【カサエル】<br />
今から暦はこのようにすることを決めた！決めた記念に自分の誕生月に名前を残すぞ。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9503" src="/uploads-archive/2016/02/yun_21112-e1454920645784-150x150.jpg" alt="yun_21112" width="150" height="150" /><br />
【カサエル】<br />
私は、7月生まれだ。キンテイリス（5番目の月という意味）をユリウスという名前に変更しよう。あと、3月が1年の始まりではなく1月に変更だ。月の名前と順序がずれるが、まあいいだろう。</p>
<p><strong>～　その後　～</strong></p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9504" src="/uploads-archive/2016/02/a1180_007107-e1454920709132-150x150.jpg" alt="a1180_007107" width="150" height="150" /><br />
【アウグスタス（カサエルの後継者で初代ローマ皇帝）】<br />
カサエルがやったように、私も誕生月に名前を残したい！<br />
私は8月生まれだから、セクステイリス（6番目の月という意味）をアウグスタスに変更だ！</p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9504" src="/uploads-archive/2016/02/a1180_007107-e1454920709132-150x150.jpg" alt="a1180_007107" width="150" height="150" /><br />
【アウグスタス】<br />
ん？8月は30日しかないじゃないか。なぜだ！不愉快だ！どうして1日少ない！<br />
ずらしてしまえばいい！</p>
<p>といったように、自分勝手に自分の名前がつけたいが故に日付をずらしました。<br />
ところがこうしてしまうと、1年の日数が366日となってしまうことになります。そこで仕方なく、2月から1日取ってしまい、このときから2月は平年で28日、閏年で29日となることになりました。</p>
<p>これが、2月は日付が短い理由となります。<br />
さて、ここからは本題の「2月はどうして売り上げが落ちるのか」です！</p>
<h2>二八（にっぱち）は売り上げが落ちる</h2>
<blockquote><p>二八とは、2月と8月に売上が下がる法則を示した俗語である。<br />
2月と8月に売り上げが落ちる理由として、2月は12月から1月まで出費のかさむ行事（クリスマス・正月・忘年会・新年会など）があり、その反動として2月は出費を抑えようとするため売り上げが落ちる。もう一つの理由としては、季節的に<strong>2月は寒いのでお客の購買意欲が下がることも理由</strong>として挙げられる。8月は<strong>季節的に熱いのでお客の購買意欲が下がり、さらにお盆があるためにお店に行かないので売り上げが下がる</strong>。</p></blockquote>
<p>また、これには当てはまる業種と当てはまらない業種があるそうです。</p>
<blockquote><p>この法則に当てはまる業種としては流通業界や建築業界、さらには音楽業界もその時期はリリースが少ないなどさまざまな業種に影響している。</p>
<p>ただし何もかもが当てはまるかと言えばそうではなく、例えば2月ではバレンタインデーがあるため日本のチョコレートの年間消費量の2割程度がこの日に消費される。8月は、お盆があるため公共交通機関を利用し、交通業界の売り上げが上がる。2013年の統計ではJR6社の利用者数は約1256万人の人たちが利用している。全日空と日本航空の国際線では49万人、国内線では264万人が利用している。<br />
また8月では、CLUB BBQの会員に向けた外食アンケートによると、「外食する回数は他の季節と変わらない」と回答した人は84.9％となっている。ただし飲食店での勤務経験がある人では19.3％が客入りが悪いと回答している。</p></blockquote>
<p>参考　<a href="https://ja.wikipedia.org/wiki/%E4%BA%8C%E5%85%AB" target="_blank">wikipedia</a>　から</p>
<p>気になる記事がありましたので、リンク貼りします　ﾍﾟﾀﾍﾟﾀ( ・ω・)ﾉﾉ</p>
<p><a href="http://www.nikkeibp.co.jp/article/column/20130117/337199/?rt=nocnt" target="_blank">売り上げが伸びない「ニッパチ」のために</a></p>
<p><a href="http://ascii.jp/elem/000/000/422/422058/" target="_blank">今年も来た、魔の8月。ニッパチという商売の停滞期にすることとは？！</a></p>
<h2>まとめ</h2>
<p>以上が調べた結果です。<br />
たしかに2月はお財布の紐がきつくなる月ですね。<br />
そのお財布の紐がどうやったら緩むのか考えてみようと思います。</p>


thumbnail_ce9bd041ac1c187d4a294e624868d4e8_s-e1454984598754.jpg

ce9bd041ac1c187d4a294e624868d4e8_s-e1454984598754.jpg

2月はどうして売り上げが落ちるの？

<p>ついに来たかといった印象だが、決済を含む複数のAPIをVISAが直接開発者向けに解放した。</p>
<p>今までPayPalや決済代行会社を介して行っていた決済や認証サービスを<br />
開発者がAPIを使って独自に構築することが可能になった。</p>
<p><a href="https://developer.visa.com/" target="_blank">https://developer.visa.com/</a></p>
<p>&nbsp;</p>
<p>無料ですぐにテストアプリを作れるということで、まずはやってみた。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9519" src="/uploads-archive/2016/02/1.png" alt="1" width="1263" height="593" srcset="/uploads-archive/2016/02/1.png 1263w, /uploads-archive/2016/02/1-300x141.png 300w, /uploads-archive/2016/02/1-768x361.png 768w, /uploads-archive/2016/02/1-1024x481.png 1024w, /uploads-archive/2016/02/1-228x107.png 228w" sizes="(max-width: 1263px) 100vw, 1263px" /></p>
<p>登録を終えログインすると、ダッシュボードに移動する。</p>
<p>アプリを複数作って管理できるようになっている。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9521" src="/uploads-archive/2016/02/2-1.png" alt="2" width="1280" height="1900" srcset="/uploads-archive/2016/02/2-1.png 1280w, /uploads-archive/2016/02/2-1-202x300.png 202w, /uploads-archive/2016/02/2-1-768x1140.png 768w, /uploads-archive/2016/02/2-1-690x1024.png 690w, /uploads-archive/2016/02/2-1-228x338.png 228w" sizes="(max-width: 1280px) 100vw, 1280px" /></p>
<p>&nbsp;</p>
<p>アプリごとにパーミッションを付与する仕組みになっているようだ。</p>
<p>大きく</p>
<p>Payment Methods</p>
<p>Risk and Fraud</p>
<p>General Services</p>
<p>Trials</p>
<p>の4つにわかれている。</p>
<p>これを見る限りでは国内の決済代行会社で提供しているサービスは全てできるようだ。</p>
<p>選択したパーミッションによってはpemが同時に生成されて落ちてくる仕組みになっている。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9522" src="/uploads-archive/2016/02/3.png" alt="3" width="1226" height="538" srcset="/uploads-archive/2016/02/3.png 1226w, /uploads-archive/2016/02/3-300x132.png 300w, /uploads-archive/2016/02/3-768x337.png 768w, /uploads-archive/2016/02/3-1024x449.png 1024w, /uploads-archive/2016/02/3-228x100.png 228w" sizes="(max-width: 1226px) 100vw, 1226px" /></p>
<p>あとはサンドボックスが提供されて</p>
<p>トークンなどがアプリごとに発行される。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9523" src="/uploads-archive/2016/02/4.png" alt="4" width="1217" height="455" srcset="/uploads-archive/2016/02/4.png 1217w, /uploads-archive/2016/02/4-300x112.png 300w, /uploads-archive/2016/02/4-768x287.png 768w, /uploads-archive/2016/02/4-1024x383.png 1024w, /uploads-archive/2016/02/4-228x85.png 228w" sizes="(max-width: 1217px) 100vw, 1217px" /></p>
<p>テストカードやテストデータなどもその場で提供される</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9524" src="/uploads-archive/2016/02/5.png" alt="5" width="1231" height="453" srcset="/uploads-archive/2016/02/5.png 1231w, /uploads-archive/2016/02/5-300x110.png 300w, /uploads-archive/2016/02/5-768x283.png 768w, /uploads-archive/2016/02/5-1024x377.png 1024w, /uploads-archive/2016/02/5-228x84.png 228w" sizes="(max-width: 1231px) 100vw, 1231px" /></p>
<p>ドキュメントも充実</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9525" src="/uploads-archive/2016/02/6.png" alt="6" width="930" height="666" srcset="/uploads-archive/2016/02/6.png 930w, /uploads-archive/2016/02/6-300x215.png 300w, /uploads-archive/2016/02/6-768x550.png 768w, /uploads-archive/2016/02/6-228x163.png 228w" sizes="(max-width: 930px) 100vw, 930px" /></p>
<p>サンプルコードも充実。基本はjsonでのやりとりになるようだ。</p>
<p>&nbsp;</p>
<p>今後は決済会社ではなく開発元の管理画面に集約され、国際的な決済がさらに身近になりそうだ</p>


VISAが開発者向け各種APIを解放

<div>昨年末に行われた会社合宿で、私たちGReeeeNチームは、「<wbr />ビンゴで目標達成のシート」を提案し、惨敗をきしました。</div>
<div></div>
<div>ですが、最近になってビンゴ(方式)<wbr />を使った目標達成シートの存在が多々あることを知りました。<wbr />やっぱビンゴいいじゃんというということで再度お伝えいたします<wbr />。</div>
<div></div>
<div></div>
<div></div>
<div>
<h2>３つのビンゴを使った目標達成シート</h2>
<h3><span style="font-size: medium;">ToDoリストをゲーム風にしたらタスク管理がはかどりすぎた</span></h3>
</div>
<div><a href="https://www.careertrek.com/daily/todo-game/" target="_blank">https://www.careertrek.com/<wbr />daily/todo-game/</a></div>
<div><img decoding="async" class="CToWUd a6T" tabindex="0" src="https://mail.google.com/mail/u/0/?ui=2&amp;ik=cd5ea7b39f&amp;view=fimg&amp;th=152a14bb15ffb5ee&amp;attid=0.1.1&amp;disp=emb&amp;attbid=ANGjdJ92a2lD7oe3IsENkfdYviybIZ7kPLhjmfYoEZ68dve6iK5NqRWZ3zP8eJ4UYCgHX1uz43qtNXyzCyIZFANdWkzBfixXhxbKFhxU6uN3d91nSfRSJJczgQYR1MM&amp;sz=s0-l75-ft&amp;ats=1454405454745&amp;rm=152a14bb15ffb5ee&amp;zw&amp;atsh=1" alt="image1.png" /></div>
<div></div>
<h3>トヨタで学んだ「紙１枚！」にまとめる技術</h3>
<p><a href="http://www.amazon.co.jp/%E3%83%88%E3%83%A8%E3%82%BF%E3%81%A7%E5%AD%A6%E3%82%93%E3%81%A0%E3%80%8C%E7%B4%991%E6%9E%9A-%E3%80%8D%E3%81%AB%E3%81%BE%E3%81%A8%E3%82%81%E3%82%8B%E6%8A%80%E8%A1%93-%E6%B5%85%E7%94%B0%E3%81%99%E3%81%90%E3%82%8B/dp/4763134116/ref=sr_1_1?ie=UTF8&#038;qid=1454406517&#038;sr=8-1&#038;keywords=%E3%83%88%E3%83%A8%E3%82%BF%E3%80%80%E4%B8%80%E6%9E%9A">リンク</a></p>
<div></div>
<h3>大谷式</h3>
<div><a href="/officer/%E7%9B%AE%E6%A8%99%E9%81%94%E6%88%90%E7%94%A8%E7%B4%99%E3%81%AEgoogle%E3%82%B9%E3%83%95%E3%82%9A%E3%83%AC%E3%83%83%E3%83%88%E3%82%99%E3%82%B7%E3%83%BC%E3%83%88%E3%81%A4%E3%81%8F%E3%82%8A%E3%81%BE.html">目崎さんのブログ</a></div>
<div></div>
<div></div>
<div></div>
<h2>なぜビンゴ式がいい？</h2>
<div>なぜビンゴ式がいいのかは疑問が残るところです。</div>
<div></div>
<ul>
<li>一覧性がある</li>
<li>ゲーム性がある</li>
</ul>
<div>今回お伝えした記事のなかでは、<wbr />主にこの2点が利点として挙げられています。</div>
<div></div>
<div>でも、それだけじゃない、きっとそれ以上の理由があるはずです。</div>
<div></div>
<div>GReeeeNチームはさらに研究を進めます(たぶん)</div>


ビンゴで目標を達成はやっぱりアツい！！

<p>この間、テレビで「パラレルワーク」について話題になっていました。<br />
だいぶ前から「パラレルキャリア」という言葉で流行ったみたいですが、最近ではパラレルワークを推奨する企業が増えたと報道されていました。</p>
<h2>パラレルワーク（キャリア）とは？</h2>
<p>パラレル＝平行、並列<br />
端的に言えば本業と同時並行して他の仕事を手がけたり、非営利活動などに参加することを指した新しいライフスタイル</p>
<h2>働き方は人それぞれ</h2>
<p>土日は自営業の作業をする、平日一日だけ違う会社に就業する、といった様々な働き方があります。<br />
報道されていた方は、普段はECサイトの運営をしている企業で正社員として働き、帰宅後or土日では自ら立ち上げたパグ専用の洋服のECサイトを運営しているそうです。</p>
<h3>パラレルワークのメリット</h3>
<p><strong>ライフワークが見つかる</strong><br />
今では定年という概念がなくなりつつあります。<br />
生涯続けていける・いきたいと思うライフワークが見つかる可能性が…？</p>
<p><strong>報酬だけではない（もちろん報酬も）</strong><br />
もちろん報酬も増えますが、現在のパラレルワークでは、いかに自分を磨き心を豊かにするかという軸にシフトしつつあり、一つの企業だけの人間関係や働き方だけではなく、新たなものを構築できる魅力があります。</p>
<p><strong>起業の準備ができる</strong><br />
必ずしもどこかで働かなくてはいけないという事ではありません。<br />
起業の準備をする時間にあてるのもアリです。</p>
<p>実際には、副業を禁止する企業の方がまだまだ多いそうですが、このパラレルワークは中小企業だけではなく、大手の日本IBMや東芝、日立製作所などでも容認しています。また、GREE株式会社やInstagramなどもパラレルワークで生まれた会社というのも有名な話です。</p>
<h3>GREE株式会社</h3>
<p>売上1600億、営業利益800億の急成長企業としてGREE株式会社。実はこの会社、元々は現社長の田中良和氏が楽天で働きながら個人で立ち上げたサイトが始まりだったのです。急成長を遂げ、田中氏は楽天を退社後に法人化。</p>
<h3>Instagram</h3>
<p>ユーザーが最近2億人を突破した大人気写真投稿アプリ、Instagram。今となってはFacebookに10億ドルで買収されるほどの規模となりましたが、元々は収入0円のアプリ。創始者のケヴィン・シストロム氏は本業のマーケティング業の傍ら、夜間に独学でプログラミングを学び立ち上げたというから驚きですね。まさにパラレルキャリアと言えるでしょう。</p>
<h2>まとめ</h2>
<p>今回のニュースを見てから、パラレルワークについて軽く調べてみましたが、無限大の可能性がありますね。自分も老後の事も含め考えてみようと思います…(笑)</p>


2つの仕事を本業にするパラレルワークが熱い

<p>前回に引き続きVRについてです。前回はVRを体験するためのビューア（ゴーグル）についての内容でしたが、今回VRの画像や動画の撮影方法をご紹介します。</p>
<h2>簡単にVRの画像が撮影できる Cardboard Camera</h2>
<p>google cardboardアプリを立ち上げて、「アプリの取得」からVR向けのアプリがダウンロードできます。</p>
<p><a href="/uploads-archive/2016/02/1.jpg" rel="attachment wp-att-9419"><img decoding="async" loading="lazy" class="alignnone wp-image-9419" src="/uploads-archive/2016/02/1.jpg" alt="1" width="305" height="543" srcset="/uploads-archive/2016/02/1.jpg 640w, /uploads-archive/2016/02/1-169x300.jpg 169w, /uploads-archive/2016/02/1-576x1024.jpg 576w, /uploads-archive/2016/02/1-228x405.jpg 228w" sizes="(max-width: 305px) 100vw, 305px" /></a></p>
<p>VR画像を撮影できるアプリは複数あるようですが、まずはCardboard  Cameraをダウンロードしてみてください。</p>
<p><a href="/uploads-archive/2016/02/2.jpg" rel="attachment wp-att-9420"><img decoding="async" loading="lazy" class="alignnone wp-image-9420" src="/uploads-archive/2016/02/2.jpg" alt="2" width="309" height="550" srcset="/uploads-archive/2016/02/2.jpg 640w, /uploads-archive/2016/02/2-169x300.jpg 169w, /uploads-archive/2016/02/2-576x1024.jpg 576w, /uploads-archive/2016/02/2-228x405.jpg 228w" sizes="(max-width: 309px) 100vw, 309px" /></a></p>
<p>Cardboard Carmeraの撮影方法は矢印の向きに360度一回転して撮影します。スピードは結構ゆっくりで、早すぎるとアラートがでます。</p>
<p><a href="/uploads-archive/2016/02/3.jpg" rel="attachment wp-att-9424"><img decoding="async" loading="lazy" class="alignnone wp-image-9424" src="/uploads-archive/2016/02/3.jpg" alt="3" width="313" height="248" srcset="/uploads-archive/2016/02/3.jpg 507w, /uploads-archive/2016/02/3-300x238.jpg 300w, /uploads-archive/2016/02/3-228x181.jpg 228w" sizes="(max-width: 313px) 100vw, 313px" /></a></p>
<p>右下にあるアイコンをタップすると録音もできるので、周辺の音も同時に聞く事で臨場感が増します。</p>
<h2>VR動画の撮影機材</h2>
<p>googleは「JUMP」というオープンソースのVRプラットフォームを去年発表していて、これは16台のカメラをつないで全方向を撮影するとうものになります。</p>
<p>このJUMPに対応した機材がこちらの「Odyssey」。</p>
<p><a href="/uploads-archive/2016/02/4.jpg" rel="attachment wp-att-9434"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9434" src="/uploads-archive/2016/02/4.jpg" alt="4" width="640" height="514" srcset="/uploads-archive/2016/02/4.jpg 640w, /uploads-archive/2016/02/4-300x241.jpg 300w, /uploads-archive/2016/02/4-228x183.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>なんとGo Pro Hero4 Blackを16台つなげたというものです。</p>
<p>Go Pro Hero4 Black自体は4k動画を撮影できるカメラになるのですが、Odysseyは「8K30対応の周囲360度のパノラマステレオビデオ」という事です。</p>
<p>いまいち8K30対応というのがわからないのですが、とにかくすごい容量になってしまう事はわかります。</p>
<p>単なる360度の全方向が綺麗に撮影できるというだけでなく、立体的に見えるという点が、現在販売されている全方向カメラとの違いになります。</p>
<p>このOdysseyは業務用という事で、価格は15000ドルだそうです。今日現在で1台180万円という事です。</p>
<p>おそらくOdysseyで撮影した動画がこちらです。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/AR9_SZtJ_KU" allowfullscreen="allowfullscreen"></iframe></p>
<p>個人でVR動画を作成する場合Odysseyはさすがに高くて手が届かないわけですが、さすがにそれではコンテンツが増えないという事で、どうやらカメラをリグで16台つなぐ事で、画質は別としてVR向けの動画を撮影できるみたいです。</p>
<p>映像の企画やヘッドセットが異なりますがサムスンからもVR向けのカメラが発表されました。価格は未発表のようですがこちらは17台のカメラで撮影する物で、リアルタイムでサムスンのVRヘッドセット「Gear VR」に映像をストリーミングすることもできるそうです。</p>
<p><a href="/uploads-archive/2016/02/5.jpg" rel="attachment wp-att-9469"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9469" src="/uploads-archive/2016/02/5.jpg" alt="5" width="590" height="426" srcset="/uploads-archive/2016/02/5.jpg 590w, /uploads-archive/2016/02/5-300x217.jpg 300w, /uploads-archive/2016/02/5-228x165.jpg 228w" sizes="(max-width: 590px) 100vw, 590px" /></a></p>


VR画像・動画を撮影するには　Cardboard

<h2>HTMLでプレゼンテーションスライドを</h2>
<p>見慣れた方にとっては今更感が強いかもしれませんが、<br />
HTMLでプレゼンテーションのスライドが作成できるJavaScriptのライブラリーを使用してみたく記事にしてみました。</p>
<p><a class="demo" href="/demo/mizutani/03/reveal.js/index.html" target="_blank">デモ</a></p>
<p>使い方はデモに書きました。</p>
<h2>感想</h2>
<ul>
<li>ソフトウェアを使用するより早く作れた気がします。基本的に一つのソースをいじるだけなので、いろんなところをクリックしたりする必要がないのがいいですね。</li>
<li>ソースコードを使ったスライドを作りたいときは良いかもしれません。</li>
</ul>
<h2>参照</h2>
<ul>
<li><a href="http://lab.hakim.se/reveal-js/">reveal.js</a></li>
</ul>


HTMLでスライドを作る　reveal.jsを使ってみた

Excelで見かけるはじめの列を固定させたTableをjQueryで実現してみる

AppleScriptでMac作業を楽にしてみよう

<p>いつでたのかは定かではありませんが、前々からgoogleフォームなるものの存在は知っていても利用することはありませんでした。</p>
<p>弊社で写真全員でブログを書いており、月毎で社員の投票により「<strong>ブログ賞</strong>」というものを決めています。</p>
<p>しかし、しばらくこの投票が行われない時期がありました。</p>
<p>それはなぜか考えた所、「投票が面倒くさい」からだろうと思い、なんかいいのないかなと思い利用したのが<strong>Googleフォーム</strong>でした。</p>
<p>実際に作成してみたところ簡単にできました。<br />
今月から使い初めたので集計がどうなるのかはわかりませんが、きっと便利そうな予感がします。（スプレッドシートに書き出されるのかな？？）</p>
<h2>Googleフォームの概要</h2>
<p>使い方は、まずはgoogleアカウントが必要ですね。<br />
そしてドライブから「<strong>新規</strong>」というボタンを押すと、「<strong>Googleフォーム</strong>」っていうのがあるのでそれをクリックです。</p>
<p>かなり雑な説明ですみません。この辺は大丈夫だと思うのだいぶ省略させていただきました。</p>
<p><a href="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9.png" rel="attachment wp-att-9439"><img decoding="async" loading="lazy" class="alignnone wp-image-9439" src="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-1024x561.png" alt="スクリーンショット 2016-02-02 17.55.10" width="640" height="351" srcset="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-1024x561.png 1024w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-300x164.png 300w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-768x421.png 768w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-228x125.png 228w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9.png 1104w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>そして、フォームのページに遷移後、<strong>右下の＋マーク</strong>を押すと新規で作成できます。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9437" src="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-1024x632.png" alt="screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949" width="640" height="395" srcset="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-1024x632.png 1024w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-300x185.png 300w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-768x474.png 768w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-228x141.png 228w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949.png 1155w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>色は好きな色が選べます。</p>
<p>&nbsp;</p>
<p>質問の項目としては、<br />
<strong>記述式、ラジオボタン、チェックボックス、プルダウン、均等目盛、選択式、日付、時刻</strong>といった要素があります。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9443" src="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-1024x758.png" alt="screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765" width="640" height="474" srcset="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-1024x758.png 1024w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-300x222.png 300w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-768x568.png 768w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-228x169.png 228w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765.png 1150w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>あとは、テキストはもちろん、<strong>画像</strong>や<strong>動画</strong>なんかも挿入できたりします！</p>
<p>回答できるユーザーも選択でき、<br />
全ユーザーであったり、googleアカウントを<strong>要ログイン</strong>であったり、<strong>一回のみ</strong>の回答という設定もできます！</p>
<p>共同で編集することもできます。</p>
<p>こんなに簡単に作れていろいろ設定も出来るとは思ってはいなかったでびっくりでした！！</p>
<p>社内向けアンケートであったり、イベントでのアンケートにぴったりですね！</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/02/17

2016/02/17

2016/02/16

2016/02/10

2016/02/10

2016/02/10

2016/02/10

2016/02/09

2016/02/09

2016/02/09

2016/02/09

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/02/03