<p>web業界等の勉強会やセミナーのイベントを探すサービスを提供している「<a href="http://eventdots.jp/" target="_blank">dots</a>」が2015年8月1日にイベントスペースをオープンしていました。</p>
<p>コワーキングスペースがありつつ、大人数の勉強会・イベントにも対応できるキャパがあるという今までのコワーキングスペースを拡張したような場所です。</p>
<p>8月は無料だったので言ってみたのですが、かなりオシャレでひろびろとした空間でした。<br />
柱がないのですごい開放的に感じました。</p>
<p><a href="https://eventdots.jp/space" target="_blank" class="link">イベント＆コミュニティスペース &#8211; dots.[ドッツ] in 渋谷</a></p>
<p>一部のエリアです。<br />
<img decoding="async" loading="lazy" class="alignnone wp-image-7995" src="/uploads-archive/2015/08/11705351_917950434939110_4427048311893945615_n.jpg" alt="11705351_917950434939110_4427048311893945615_n" width="640" height="360" srcset="/uploads-archive/2015/08/11705351_917950434939110_4427048311893945615_n.jpg 960w, /uploads-archive/2015/08/11705351_917950434939110_4427048311893945615_n-300x169.jpg 300w, /uploads-archive/2015/08/11705351_917950434939110_4427048311893945615_n-228x128.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>今後この場所で勉強会やセミナーが結構開催されそうな予感がしそうですね・・・</p>
<p>利用には<a href="http://eventdots.jp/" target="_blank">dots</a>の会員登録が必要なようです！<br />
9月以降は費用がかかりますが、そこまで高くないので渋谷で空き時間ができた際利用したいですね〜</p>


IT系の勉強会・イベント情報サイトの「dots」が渋谷にイベントスペースを作っていた

<p>ECにおいてレビューの重要性は言わずもがなですが、消費者は何かを購入する前にできるだけ情報を得ようとします、そして商品の値段が高額なほどその傾向は顕著になると思います。<br />
通常商品ページなどにあるレビューは１つあたり数行程度の投稿がほとんどで、もちろん参考にはなりますが情報量が少ない気もします。</p>
<p>しかし、最近はお小遣い目当てのユーチューバーや小売店がレビュー動画を作成していて、<br />
色んな商品のレビュー動画が存在しています。</p>
<p>コメントだけのレビューに比べて動画では商品の質感やサイズが目で見てわかり、<br />
製作者が顔出しで解説していることが多いので信用性も高く感じます。</p>
<p>人気のあるレビュー動画をいくつかピックアップしてみました。</p>
<h3>バイクのレビュー動画　「MOTOBASIC」</h3>
<p><a href="https://www.youtube.com/user/MotoBasic/videos"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7977" src="/uploads-archive/2015/08/3.jpg" alt="3" width="640" height="466" srcset="/uploads-archive/2015/08/3.jpg 640w, /uploads-archive/2015/08/3-300x218.jpg 300w, /uploads-archive/2015/08/3-228x166.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="https://www.youtube.com/watch?v=43qFLq89yig"><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/43qFLq89yig"></iframe></a></p>
<p>こちらはバイクに試乗したレビューをいくつも投稿しています。</p>
<p>バイクは高額ですから、購入を考えている人にとってはとても参考になると思います。</p>
<p>内容はスペックの説明はもちろん、実際にバイクに乗った目線やエンジン音など、かなり説明も詳しくしています。</p>
<p>客観的な立場での解説なので高い信用性を感じます、そのためかチャンネル登録者数は55,739人、全体の<span class="about-stat">視聴回数は <b>25,791,764</b> 回</span> （2015年8月25日現在）とかなり影響力もあるようです。</p>
<p>&nbsp;</p>
<h3>本のレビュー動画　「もっと、本のある生活に。」</h3>
<p><a href="https://www.youtube.com/channel/UCwUx4QvAZeqaKMWds7HWs9w/videos"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7975" src="/uploads-archive/2015/08/1.jpg" alt="1" width="640" height="455" srcset="/uploads-archive/2015/08/1.jpg 640w, /uploads-archive/2015/08/1-300x213.jpg 300w, /uploads-archive/2015/08/1-228x162.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>書籍という物の性質上、レビューはネタバレになる恐れがあるので全ては語られませんが、面白そうな内容をピックアップして紹介しています。映画の告知を観ているような感じで「読んでみようかな」という気にさせてくれます。どうやら本の編集担当者などが出演して解説しているようです。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/1xYpyiMkoh0"></iframe></p>
<p>専門書の場合には下の動画のように著者自身が登場して本の内容や楽しみ方を紹介する場合もあります。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/SNkTmE2ZXgE"></iframe></p>
<p>&nbsp;</p>
<h3>おもちゃのレビュー動画　「かんなあきらCHANNEL」</h3>
<p><a href="https://www.youtube.com/user/potemi926/videos"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7976" src="/uploads-archive/2015/08/2.jpg" alt="2" width="640" height="468" srcset="/uploads-archive/2015/08/2.jpg 640w, /uploads-archive/2015/08/2-300x219.jpg 300w, /uploads-archive/2015/08/2-228x167.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>女の子の姉妹がおもちゃで実際に遊んでいる姿をアップしています。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/mX4TSLCr29w"></iframe></p>
<p>遊んでいる様子を見せているいて、いかにもユーチューバーという感じのＶＴＲです。チャンネル登録者数は8万人を超えていて相当な人が見ているようです。</p>
<p>動画に対する書き込みは海外からのコメントも多く、「どこで購入できるのか？」という質問もあったりします。</p>
<p>おもちゃの購入を考えている親としては、安全な物、発育に良い影響がある物、すぐに子供が飽きない物など色々確認したいという事かもしれません。</p>
<h3>商品を比較する事を想定して動画を作成する</h3>
<p>ECサイトにおける動画の役割を考えた時に、それは複数の商品を比較するための材料をできるだけ提供する事です。</p>
<p>消費者は既にある程度購入の意思をもってサイトに入ってきているので、消費者の希望に最もマッチした商品に導いてあげる事で購入に繋がるはずです。</p>
<p>つまりECサイトにおいての動画は商品を比較する事を想定したつくりにする必要があると思います。</p>
<p>上で紹介した動画に共通するのは、動画の構成がある程度統一されているという事です。</p>
<p>当たり前のようにも感じますが、商品の説明をする際のフォーマットを統一する事はユーザーが商品を比較しやすくなるのでとても重要だと思います。加えて動画を作成する側としてはフォーマットが決まっていた方が効率よく作成できます。</p>
<h3>レビュー動画で返品率を下げる</h3>
<p><a href="http://review.kakaku.com/review/moviereview/PageNo=4/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7987" src="/uploads-archive/2015/08/4.jpg" alt="4" width="640" height="627" srcset="/uploads-archive/2015/08/4.jpg 640w, /uploads-archive/2015/08/4-300x294.jpg 300w, /uploads-archive/2015/08/4-228x223.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>&nbsp;</p>
<p>上は価格.comの動画レビューのページですが、最近は楽天などモールにおけるレビューでも動画を投稿できるようになってきています。</p>
<p>狙いとしては充実した商品ページでコンバージョン率を上げる事に加えて、返品率を下げることにあるようです。動画で商品を見せることで購入してから「イメージと違った」というケースを減らせます。</p>
<p>モールは購入した商品の価格から〇%という形で手数料を取ることで利益を上げているので、返品による手数料の取り損ねを軽減できます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ECでの動画活用「レビュー動画サイトからヒントを探る」

Ansibleを実際に導入してみた (1)

<p>スマホなどで自分で撮影した動画と映画やドラマの映像を比べると、「質感というか雰囲気が違うんだよな」と感じたことはないでしょうか？</p>
<p>そもそもカメラなど撮影機材の差という事もあるのですが、実はほとんど映画やドラマの映像は色味を変える加工が施されています。これをカラーグレーディングといいのですが、この作業をすることでかなり印象が変わってきます。</p>
<p>いくつか例を見て頂くとわかりやすいと思います。下の動画はカラーグレーディングを施していないオリジナルです。</p>
<p><video src="/demo/makabe/10/video/nomal.mp4" controls="controls" width="600" height="300"></video></p>
<h2>悲しい雰囲気</h2>
<p>これに青色を強調したカラーグレーディングを施すとこんな感じになります。<br />
<video src="/demo/makabe/10/video/sad.mp4" controls="controls" width="600" height="300"></video><br />
悲しい印象やこれから悪いことが起こりそうな雰囲気が出ると思います。</p>
<h2>カラーグレーディングで時代・時間をかえる</h2>
<p>カラーグレーディングではを時代かえるしまう事もできちゃいます。</p>
<p><video src="/demo/makabe/10/video/past.mp4" controls="controls" width="600" height="300"></video><br />
ホワイトバランスを変化させる事で過去に起きた出来事や、回想シーンをイメージさせる事ができます。</p>
<p>&nbsp;</p>
<p>次は夕・夜に時間をかえます。</p>
<p>夕方<br />
<video src="/demo/makabe/10/video/early_evening.mp4" controls="controls" width="600" height="300"></video><br />
夜<br />
<video src="/demo/makabe/10/video/night.mp4" controls="controls" width="600" height="300"></video><br />
夜のシーンを実際には明るいうちに撮影して、カラーグレーディングで夜にみせているという事をドラマなどではよくやっているようです。</p>
<h2>インスタグラム風の加工</h2>
<p>青系の色を足して、コントラストを強くします。さらにビネットしているようにまわりを黒くぼかします。<br />
<video src="/demo/makabe/10/video/Instagram.mp4" controls="controls" width="600" height="300"></video><br />
こうした加工でなんてことない動画や画像がちょっとカッコよく見えます。</p>
<p>カラーグレーディングには専用ソフトもありますが、動画編集ソフトでもある程度できます。</p>


カラーグレーディングで動画の印象を変える　インスタグラム風の加工

sessionStorageとlocalStorageについて

<p>ミャンマー国家計画・経済開発省のアウン・ナイン・ウー投資企業管理局長によりますと、2015年４~８月に承認した同国への海外直接投資（ＦＤＩ）が１８億ドル超となり、前年度（２０１３年３月まで）１年間の１４億ドルを上回ったそうです。</p>
<p>承認されたFDIのほとんどはアジア地域からのものだそうです。</p>
<p>ヤンゴン市内では以前より就職チャンスも増えつづあります。<br />
外資系の会社に負けないようにサービス業もすこしつづ、いい方向に向いて発展されていると感じられている。</p>
<p>今年はミャンマーの為にいい変化ができると、みんなが希望していますが、11月に行われる選挙が少し危うい形になっています。</p>
<p>外資系の会社も予定している計画の実地の時期を延長して、<br />
１１月の選挙の状況を待ち望んでいる様子です。</p>
<p>ミャンマーの首都、ネピドーでは１２日夜、与党のＵＳＤＰ＝「連邦団結発展党」の本部が、警察（約200人）によって一時封鎖され、<br />
与党の党首が突然、解任されたことになりました。<br />
ＵＳＤＰの関係者によりますと、党本部では当時、党首のシュエ・マン下院議長が不在のまま、ほかの幹部らによる会合が開かれていて、その場でシュエ・マン下院議長を党首から解任することが決まったということです。<br />
これは元軍事政権のトップにいた、テンシュエさんの命令だそうです。</p>
<p>解任されたシュエ・マン下院議長はアウンサンスチーさんに賛成していて、<br />
「もし、自分は大統領に選ばれたら、アウンサンスチーさんと力をあわせていく」というような話をしていたそうで、<br />
元軍事政権の強い人たちに、注目されています。</p>
<p>突然の出来たことで、通話会社であるMPT、telenor、Oredooなどの電波も落とされていて、<br />
シュエ・マン下院議長と関係がある一つのラジオ局も閉鎖されました。</p>
<p>出来ていることは軍事政権のやり方に一致している。<br />
11月の選挙は正しく平等で行うことができるか、みんな心配している様子です。</p>
<p>11月の選挙結果によて、外資系の企業が動き出したり、一気にFDIの状況が変化していくと思います。</p>


対ミャンマーFDIと政治事情

<p>弊社では今後のwebデザインの底上げを図るために、フォントの拡充を検討したりしています。</p>
<p>そこで、ついでに日本語のwebフォントが使えるサービスを探したので、簡単に紹介します。</p>
<p>&nbsp;</p>
<h2>FONTPLUS｜フォントプラス</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7870" src="/uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-1024x657.jpg" alt="FONTPLUS｜フォントプラス" width="630" height="404" srcset="/uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-1024x657.jpg 1024w, /uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-300x192.jpg 300w, /uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-228x146.jpg 228w, /uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
入会金：10,800円<br />
例)<br />
120万ページビュー（有効期限1年）※月間10万ページビュー目安<br />
12,960円から<br />
という感じで、PV制限があり、目安のPVを超えてしまうと、つかえなくなってしまうようです。<br />
フォントの書類は、780程あります。</p>
<p>&nbsp;</p>
<p><a href="http://webfont.fontplus.jp/" target="_blank" class="link">FONTPLUS｜フォントプラス</a></p>
<p>&nbsp;</p>
<h2>TypeSquare [タイプスクウェア]</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7871" src="/uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-1024x657.jpg" alt="TypeSquare [タイプスクウェア]" width="630" height="404" srcset="/uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-1024x657.jpg 1024w, /uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-300x192.jpg 300w, /uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-228x146.jpg 228w, /uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
あのモリサワのwebフォントのサービスで、こちらもPV制限があり、そして、利用可能書体数やドメインが決められています。<br />
月額2160円からでフォントの種類は600~700程あります。<br />
&nbsp;</p>
<p><a href="http://typesquare.com/" target="_blank" class="link">TypeSquare [タイプスクウェア]</a><br />
&nbsp;</p>
<h2>WEBフォント｜アマナイメージズ</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7872" src="/uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-1024x657.jpg" alt="WEBフォント｜アマナイメージズ" width="630" height="404" srcset="/uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-1024x657.jpg 1024w, /uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-300x192.jpg 300w, /uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-228x146.jpg 228w, /uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
言わずと知れたアマナですが、webフォントのサービスもしているそうです。<br />
540円からと謳っておりますが、その場合、1フォント×1ヶ月のようです。<br />
フォントの種類は336程あります。<br />
webフォント以外にも、ダウンロード、パッケージも扱っています。</p>
<p>&nbsp;<br />
<a href="http://amanaimages.com/font/web/index.aspx" target="_blank" class="link">WEBフォント｜アマナイメージズ</a></p>
<p>&nbsp;</p>
<h2>日本語Webフォントサービス</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7869" src="/uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-1024x657.jpg" alt="日本語Webフォントサービス  316のデザインフォントが手軽に使えます" width="630" height="404" srcset="/uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-1024x657.jpg 1024w, /uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-300x192.jpg 300w, /uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-228x146.jpg 228w, /uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
コースが３つあり、<br />
月額480円(7書体)<br />
月額2980円(316書体)<br />
月額9800円(316書体)※複数人で使用可能</p>
<p>フォントの種類は316程あります。<br />
&nbsp;<br />
<a href="http://www.digitalstage.jp/webfont/" target="_blank" class="link">日本語Webフォントサービス | 316のデザインフォントが手軽に使えます</a></p>
<p>&nbsp;</p>
<h2>Google Noto Fonts</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7868" src="/uploads-archive/2015/08/Google-Noto-Fonts-1024x657.jpg" alt="Google Noto Fonts" width="630" height="404" srcset="/uploads-archive/2015/08/Google-Noto-Fonts-1024x657.jpg 1024w, /uploads-archive/2015/08/Google-Noto-Fonts-300x192.jpg 300w, /uploads-archive/2015/08/Google-Noto-Fonts-228x146.jpg 228w, /uploads-archive/2015/08/Google-Noto-Fonts.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
Googleのwebフォントは広く認知されていると思うのですが、日本語のフォントも対応しているようです！<br />
無料ですが、今は1種類しかないようです。<br />
&nbsp;<br />
<a href="http://www.google.com/get/noto/#sans-jpan" target="_blank" class="link">Google Noto Fonts</a></p>
<p>&nbsp;</p>
<h2>おまけ</h2>
<p>実際にwebフォントが使われているサイトを紹介してくれています。<br />
<a href="http://www.4696.co.jp/blog/9/" target="_blank">日本語Webフォントを使用している60のWebサイト | 株式会社シロクロ</a></p>
<p>実際に使われているのイメージできる上に、見てるだけでもいいですね！</p>


日本語のwebフォントを提供しているサービス5つ

<p>Adobe CCを利用しているのですが、普段はPremiereやAfter effects 、Photoshop、Illustrator くらいしかつかっていません。せっかく利用できるのに勿体ないので他のアプリケーションはどんなものかと触ってみたらEdge Animateがかなり使えそうな感じがしました。</p>
<p><a class="demo" href="/demo/makabe/09/web01/09demo1.html">demo1</a><br />
<a class="demo" href="/demo/makabe/09/web04/09demo02.html">demo2</a></p>
<p>Edge AnimateはWEBアニメーションを作るためのアプリケーションで、動画編集をしているような感覚で作成できるのでPremiereに慣れている人ならすぐ使いこなせると思います。</p>
<p><a href="/uploads-archive/2015/08/01.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7843" src="/uploads-archive/2015/08/01.jpg" alt="01" width="650" height="423" srcset="/uploads-archive/2015/08/01.jpg 650w, /uploads-archive/2015/08/01-300x195.jpg 300w, /uploads-archive/2015/08/01-228x148.jpg 228w" sizes="(max-width: 650px) 100vw, 650px" /></a></p>
<p>jpgやpngの素材をインポートとしてキーフレームなどを使ってアニメーションを付けていくので動画編集と非常に操作が似ています。</p>
<p><a href="/uploads-archive/2015/08/03.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7845" src="/uploads-archive/2015/08/03.jpg" alt="03" width="650" height="430" srcset="/uploads-archive/2015/08/03.jpg 650w, /uploads-archive/2015/08/03-300x198.jpg 300w, /uploads-archive/2015/08/03-228x151.jpg 228w" sizes="(max-width: 650px) 100vw, 650px" /></a></p>
<p>アニメーションを組んだら、編集のパブリッシュで書き出します。</p>
<p><a href="/uploads-archive/2015/08/02.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7844" src="/uploads-archive/2015/08/02.jpg" alt="02" width="650" height="424" srcset="/uploads-archive/2015/08/02.jpg 650w, /uploads-archive/2015/08/02-300x196.jpg 300w, /uploads-archive/2015/08/02-228x149.jpg 228w" sizes="(max-width: 650px) 100vw, 650px" /></a></p>
<p>作成したアニメーションは１つのdivとjavascriptのファイルとして書き出す事ができます。</p>

		<div id="crayon-649540158a0fd826739763" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
	&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"/&gt;
	&lt;title&gt;無題&lt;/title&gt;
&lt;!--Adobe Edge Runtime--&gt;
    &lt;script type="text/javascript" charset="utf-8" src="http://animate.adobe.com/runtime/6.0.0/edge.6.0.0.min.js"&gt;&lt;/script&gt;
    &lt;style&gt;
        .edgeLoad-EDGE-379121079 { visibility:hidden; }
    &lt;/style&gt;
&lt;script&gt;
   AdobeEdge.loadComposition('09demo1', 'EDGE-379121079', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "550px",
    height: "400px"
}, {"dom":{}}, {"dom":{}});
&lt;/script&gt;
&lt;!--Adobe Edge Runtime End--&gt;

&lt;/head&gt;
&lt;body style="margin:0;padding:0;"&gt;
	&lt;div id="Stage" class="EDGE-379121079"&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&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-649540158a0fd826739763-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-2">2</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-4">4</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-6">6</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-8">8</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-10">10</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-12">12</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-14">14</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-16">16</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-18">18</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-20">20</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-22">22</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-23">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-24">24</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-25">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-26">26</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-27">27</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-28">28</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-29">29</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-649540158a0fd826739763-1"><span class="crayon-h">&lt;</span><span class="crayon-sy">!</span><span class="crayon-e">DOCTYPE </span><span class="crayon-i">html</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-2"><span class="crayon-h">&lt;</span><span class="crayon-i">html</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-3"><span class="crayon-h">&lt;</span><span class="crayon-i">head</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-4"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">http</span>-<span class="crayon-i">equiv</span>=<span class="crayon-s">"Content-Type"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"text/html; charset=utf-8"</span>/<span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-5"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">http</span>-<span class="crayon-i">equiv</span>=<span class="crayon-s">"X-UA-Compatible"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"IE=Edge"</span>/<span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-6"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">title</span><span class="crayon-h">&gt;</span>無題<span class="crayon-h">&lt;</span>/<span class="crayon-e">title</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-7"><span class="crayon-h">&lt;</span><span class="crayon-sy">!</span>--<span class="crayon-e">Adobe</span><span class="crayon-h"> </span><span class="crayon-e">Edge</span><span class="crayon-h"> </span><span class="crayon-e">Runtime</span>--<span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">charset</span>=<span class="crayon-s">"utf-8"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"http://animate.adobe.com/runtime/6.0.0/edge.6.0.0.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-ta">&lt;style&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-k ">.edgeLoad-EDGE-379121079 </span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-e ">visibility</span><span class="crayon-sy">:</span><span class="crayon-i ">hidden</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-ta">&lt;/style&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-12"><span class="crayon-ta">&lt;script&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-13"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-i">AdobeEdge</span><span class="crayon-sy">.</span><span class="crayon-e">loadComposition</span><span class="crayon-sy">(</span><span class="crayon-s">'09demo1'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'EDGE-379121079'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">scaleToFit</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"none"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">centerStage</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"none"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">minW</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0px"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">maxW</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"undefined"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-18"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"550px"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-19"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"400px"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-20"><span class="crayon-sy">}</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-s">"dom"</span><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><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-s">"dom"</span><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><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-21"><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-22"><span class="crayon-h">&lt;</span><span class="crayon-sy">!</span>--<span class="crayon-e">Adobe </span><span class="crayon-e">Edge </span><span class="crayon-e">Runtime </span><span class="crayon-st">End</span>--<span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-23">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-24"><span class="crayon-h">&lt;</span>/<span class="crayon-i">head</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-25"><span class="crayon-h">&lt;</span><span class="crayon-e">body </span><span class="crayon-i">style</span>=<span class="crayon-s">"margin:0;padding:0;"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-26"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">div </span><span class="crayon-i">id</span>=<span class="crayon-s">"Stage"</span><span class="crayon-h"> </span><span class="crayon-t">class</span>=<span class="crayon-s">"EDGE-379121079"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-27"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">div</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-28"><span class="crayon-h">&lt;</span>/<span class="crayon-i">body</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-29"><span class="crayon-h">&lt;</span>/<span class="crayon-i">html</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>idがStageとなっているdivがアニメーションになります。1つのdivにまとまってくれるので、HTML上で都合のいい場所に配置できるのでかなり便利です。もちろんflashが動かない環境でも大丈夫ですし、videoタグのように容量もそれほど重くありません。</p>
<p>cssやcanvasを使わずにDOMの操作によってアニメーションを作るのでバグがほとんど起きません、つまりデバイスをあまり気にせずアニメーションを埋め込めるので重宝しそうです。</p>

WEBアニメが動画編集の感覚で作れるAdobe Edge Animate

<p>一眼レフやミラーレス一眼で動画の撮影を行うという事が普通になってきていますが、本来写真をとる機材ということもあり、動画撮影をする際に弱点があります。それは「長時間の撮影」です、限られた時間しか連続撮影ができません。</p>
<p>なぜそんな事になるのかというと、ビデオカメラに比べると一眼レフやミラーレス一眼などは、センサーサイズが大きくなります。</p>
<p>ある程度ちゃんとした一眼の場合は図の一番上のフルサイズセンサーと言われる物がのっています、ミラーレスではAPS-Cというサイズを使っている物もたくさんあります。ではビデオカメラはというと、大きい物でも2/3型（左下）のセンサーサイズでフルＨＤのビデオカメラでもこのサイズです。フルサイズセンサーと2/3型では面積が15倍ほど違う事になります。</p>
<p><a href="https://ja.wikipedia.org/wiki/APS-C%E3%82%B5%E3%82%A4%E3%82%BA"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7811" src="/uploads-archive/2015/07/SensorSizes.svg_.png" alt="SensorSizes.svg" width="300" height="420" srcset="/uploads-archive/2015/07/SensorSizes.svg_.png 300w, /uploads-archive/2015/07/SensorSizes.svg_-214x300.png 214w, /uploads-archive/2015/07/SensorSizes.svg_-228x319.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p><a href="https://ja.wikipedia.org/wiki/APS-C%E3%82%B5%E3%82%A4%E3%82%BA">参照：wikipedia</a></p>
<p>センサーが大きいために繊細で美しい映像が撮れる点も一眼のカメラで動画を撮影する理由なのですが、センサーが大きいが故に長時間撮影し続けるとセンサーが発熱してしまうんです。温度が上がり過ぎると「オーバーヒート」などの表示が出たり、さらに続けると自動で停止してしまいます。機種にもよりますが30分程度でオーバーヒートになってしまうようです。（Panasonic製品には2時間程度撮れるものがあるようです。）</p>
<p>夏の炎天下で動画撮影をする場合はさらにオーバーヒートが起きやすくなってしまうので注意が必要です。熱が逃げない場合30分もたない事もあります。そのまま無視して撮影を続けると、本体内部の機器がダメになってしまうなんてことも実際おきてしまうようです。</p>
<p>じゃあどうすりゃいいのって話なのですが、正直もう構造上の問題なので長時間撮らないようにするしかありません。人によってはカメラ本体を2台持って撮影する人もいるようです。しかし2台持つのは効率的じゃないので、動画を撮るときはビデオカメラを使えという事でsonyのレンズ交換式のビデオカメラなどを使うのが現実的なところです。<a href="http://www.sony.jp/handycam/products/NEX-VG900/">NEX-VG900</a>はセンサーサイズがフルサイズですが約13時間の連続撮影ができると製品情報には書いてありました。</p>
<p><iframe loading="lazy" width="324" height="267" src="//www.youtube.com/embed/Vjxhr6HeTwQ"></iframe></p>
<p>センサーサイズが大きくても技術的に連続撮影が可能なら、一眼のカメラも同じような機能つければ良いんじゃないの？という疑問が残ってしまうのですが理由を調べると、どうやらそれは「関税」との事。ヨーロッパではスチールのカメラよりビデオカメラの方が関税が高く、長時間動画を撮影できる物はビデオカメラに分類されてしまうんだそうです。</p>


夏場の動画撮影で気を付けるべき現象

<h2>Ansibleとは？</h2>
<div style="padding-left: 15px;">構成管理ツールの一つ。Pythonで動くが、Python自体への理解が無くても問題ない。<br />
似た機能を持つソフトウェアにChef, Puppetなどがある</div>
<h2>Ansibleの特徴</h2>
<div style="padding-left: 15px;">サーバーの構築などを一括で管理でき、デプロイ作業が自動化出来る。</div>
<div style="padding-left: 15px;">他の構成管理ツールと違って<strong>エージェントレス</strong>。<br />
命令の送信側が単体で動き、事前に対象のサーバーに<u>動作環境を用意する必要がない。</u></div>
<h2>どうやって使うの？</h2>
<div style="padding-left: 15px;">
<ul>
<li>Ansible動作サーバーにてインストール<br />


		<div id="crayon-6495401589b47438541144" 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;">
yum install -y epel-release
yum install -y ansible</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-6495401589b47438541144-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b47438541144-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-6495401589b47438541144-1"><span class="crayon-e">yum </span><span class="crayon-i">install</span><span class="crayon-h"> </span>-<span class="crayon-i">y</span><span class="crayon-h"> </span><span class="crayon-i">epel</span>-<span class="crayon-e">release</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b47438541144-2"><span class="crayon-e">yum </span><span class="crayon-i">install</span><span class="crayon-h"> </span>-<span class="crayon-i">y</span><span class="crayon-h"> </span><span class="crayon-i">ansible</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>


</li>
<li>主にPlayBookとHostsで構成されyaml形式の記述を編集して実行する実行例：<br />


		<div id="crayon-6495401589b4b325528673" 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;">
ansible-playbook site.yml -i hosts</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-6495401589b4b325528673-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-6495401589b4b325528673-1"><span class="crayon-i">ansible</span>-<span class="crayon-e">playbook </span><span class="crayon-i">site</span><span class="crayon-e">.yml</span><span class="crayon-h"> </span>-<span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-i">hosts</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
site.yml<br />


		<div id="crayon-6495401589b4d156732676" 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">YAML</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;">
---
-vars:
  mysql_port: 3306
- name: Wordpress, MySQL, Nginx, PHP-FPMをインストール
  hosts: wordpress-server
  sudo: yes

  roles:
    - common
    - mysql
    - nginx
    - php-fpm
    - wordpress
    - role: mackerel
      when: mackerel_api_key is defined and mackerel_api_key

- name: insert iptables rule
  lineinfile: dest=/etc/sysconfig/iptables state=present regexp="{{ mysql_port }}"
              insertafter="^:OUTPUT " line="-A INPUT -p tcp --dport {{ mysql_port }} -j ACCEPT"</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-6495401589b4d156732676-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-2">2</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-4">4</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-6">6</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-8">8</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-10">10</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-12">12</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-14">14</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-16">16</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-18">18</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-19">19</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-6495401589b4d156732676-1"><span class="crayon-o">---</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-2">-vars<span class="">:</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-3"><span class="crayon-h">&nbsp;&nbsp;</span>mysql<span class="crayon-sy">_</span>port<span class="">: 3306</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-4">-<span class="crayon-h"> </span>name<span class="">: Wordpress</span><span class="crayon-o">,</span><span class="crayon-h"> </span>MySQL<span class="crayon-o">,</span><span class="crayon-h"> </span>Nginx<span class="crayon-o">,</span><span class="crayon-h"> </span>PHP-FPMをインストール</div><div class="crayon-line" id="crayon-6495401589b4d156732676-5"><span class="crayon-h">&nbsp;&nbsp;</span>hosts<span class="">: wordpress-server</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-6"><span class="crayon-h">&nbsp;&nbsp;</span>sudo<span class="">: yes</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-8"><span class="crayon-h">&nbsp;&nbsp;</span>roles<span class="">:</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>common</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>mysql</div><div class="crayon-line" id="crayon-6495401589b4d156732676-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>nginx</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>php-fpm</div><div class="crayon-line" id="crayon-6495401589b4d156732676-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>wordpress</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>role<span class="">: mackerel</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>when<span class="">: mackerel_api_key is defined and mackerel_api_key</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-16">&nbsp;</div><div class="crayon-line" id="crayon-6495401589b4d156732676-17">-<span class="crayon-h"> </span>name<span class="">: insert iptables rule</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-18"><span class="crayon-h">&nbsp;&nbsp;</span>lineinfile<span class="">: dest=/etc/sysconfig/iptables state=present regexp="</span><span class="crayon-o">{</span><span class="crayon-o">{</span><span class="crayon-h"> </span>mysql<span class="crayon-sy">_</span>port<span class="crayon-h"> </span><span class="crayon-o">}</span><span class="crayon-o">}</span><span class="crayon-i ">"</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-19"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;insertafter="</span>^<span class="">:OUTPUT " line="-A INPUT -p tcp --dport </span><span class="crayon-o">{</span><span class="crayon-o">{</span><span class="crayon-h"> </span>mysql<span class="crayon-sy">_</span>port<span class="crayon-h"> </span><span class="crayon-o">}</span><span class="crayon-o">}</span><span class="crayon-h"> </span>-j<span class="crayon-h"> </span>ACCEPT"</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
hosts<br />


		<div id="crayon-6495401589b4e341205896" 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">YAML</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;">
[wordpress-server]
127.0.0.1</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-6495401589b4e341205896-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4e341205896-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-6495401589b4e341205896-1"><span class="crayon-i ">[wordpress-server]</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4e341205896-2">127<span class="crayon-o">.</span>0<span class="crayon-o">.</span>0<span class="crayon-o">.</span>1</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
&nbsp;</li>
</ul>
<h2>Have a nice Deploy !!</h2>
</div>
<p>&nbsp;</p>
<p>参考URL：</p>
<div style="padding-left: 15px;"><a href="http://knowledge.sakura.ad.jp/tech/3124/">http://knowledge.sakura.ad.jp/tech/3124/</a><br />
<a href="http://labs.opentone.co.jp/?p=6497">http://labs.opentone.co.jp/?p=6497</a></div>
<div style="padding-left: 15px;"><a href="http://dotinstall.com/lessons/basic_ansible/29107">http://dotinstall.com/lessons/basic_ansible/29107</a></div>
<div style="padding-left: 15px;"></div>

Ansible勉強会に行ってきました！

<p>ミャンマーの民間最大手のカンボーザ銀行がクレジットカードの発行を始めた。<br />
ミャンマーでは2003年の金融危機後にクレジットカードサービスが禁止されており、今年の5月に解禁されたばかり。<br />
このサービスは標準的なプランで限度額30万チャット、初年度で5千枚の発行を目指すとのこと。</p>
<p>広く普及すれば、今ではほぼ利用者のいないECの利用者拡大にも影響がありそうだ。<br />
また、ミャンマーといえば完全な現金主義で、家や車を買うのも現金を持参しなければならない。<br />
まずは大きい買い物をする富裕層から利用が広まるかもしれない。</p>
<p>ただ、外資系の店舗や現地の大型店舗では使えるようになってきたが<br />
まだ大多数の店舗ではクレジットカードを使えないのが現状なので、まずは加盟店を増やすのが課題になりそう。<br />
更に、ミャンマーではまだ振込や引き落としが一般的でないので、決済会社が預かった加盟店の売上の支払いはどうするのだろう<br />
など、金融のインフラ的に課題がまだありそうだ。<br />
とはいえ、ミャンマー国内の預金総額は22兆チャットと3年で4倍になっており、ATMの数も各銀行が急ピッチで増やしているという。<br />
ここ数年で大きく変わっていきそうだ。<br />
ミャンマー国内でECを始めるのであれば今がチャンスかもしれない</p>


【ミャンマー】クレジットカードサービスが開始される

<p>少し前からYoutube360°なるものが出ているそうで、ちょっと見てみたらスゴくてっ技術の進化に驚かされます。</p>
<p>けっこう前にRicohのthetaという360°のパノラマ写真が取れるカメラを知る機会があって、軽く不動産関係のお客さんにお薦めしていたのですが、このthetaというカメラを使っても作れるようです。<br />
この写真を撮ることは出来ても、ユーザーとかにどう見せればいいんだろうと思ってたのですが、<br />
Youtubeに載っけてサイトに貼りつければ良さそうですね！</p>
<p>ちなみに、スマホはもちろん、PCブラウザでも見ることが出来ます。chromeやfirefoxで問題なかったのですが、IEはちょっとわかりません。。。<br />
スマホの方が感覚的に見ることが出来るのでぜひ見てみてください！</p>
<h2>カンタス航空</h2>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/lJype_TafRk" frameborder="0" allowfullscreen></iframe></p>
<h2>音楽のライブ</h2>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/jWMSH3ioD88" frameborder="0" allowfullscreen></iframe></p>
<h2>グランドキャニオン</h2>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/W5OgQaFaWKs" frameborder="0" allowfullscreen></iframe><br />
これもう観光した気分になれますね。。。</p>
<h2>予告犯の予告</h2>
<p>日本の映画の予告としても使用されていました。<br />
<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/x3dhMxf7-QM" frameborder="0" allowfullscreen></iframe></p>
<p>最近動画を扱うことが増えてきましたが、<br />
新たにこの360°動画も出てきそうですね！</p>
<p>観光、不動産、イベント、採用関係、等々使えそうなシーンはいろいろありそうです。</p>
<p>今後の発展に期待！！</p>
<p>360°カメラは以下になります。<br />
<a href="https://theta360.com/ja/" target="_blank" class="link">RICOH THETA</a><br />
<a href="http://kodakpixpro.com/Americas/cameras/actioncamera/sp360.php"  target="_blank" class="link">Kodak Digital Cameras | SP360 Action Camera</a></p>
<p>作り方やyoutubeへのアップロードは以下をご覧ください！<br />
<a href="https://theta360.com/ja/howto-youtube/" target="_blank" class="link">RICOH THETAで簡単にYouTubeへアップロードする方法 | RICOH THETA</a><br />
<a href="http://francepresent.com/360-panorama/" target="_blank" class="link">youtubeで360度すべて見渡せる動画が人気。その作り方は？</a></p>


YouTube360°がスゴい！！

キーボードブラウジングでWeb巡回をこなす

<p>AltJSなる言葉を最近知りましたが、よく見たら知っている言語でそんな呼び方をするんだ・・・って感じです。</p>
<p>AltJSとは(Altnative Javascript)ということでその名の通りjavascriptの代替言語ですね！</p>
<p>代替というよりかは、より簡単に書けるツールみたいなイメージなんでしょうか？</p>
<p>それぞれの言語で書いたものをコンパイルとすると、javascriptに変換されるという感じで、<br />
早く、読みやすく書くためのものですね。<br />
CSSのSASSやlessみたいな感じですね〜</p>
<p>それでは早速紹介します！</p>
<p>&nbsp;</p>
<h2>TypeScript</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7739" src="/uploads-archive/2015/07/Welcome-to-TypeScript-1024x539.jpg" alt="Welcome to TypeScript" width="630" height="332" srcset="/uploads-archive/2015/07/Welcome-to-TypeScript-1024x539.jpg 1024w, /uploads-archive/2015/07/Welcome-to-TypeScript-300x158.jpg 300w, /uploads-archive/2015/07/Welcome-to-TypeScript-228x120.jpg 228w, /uploads-archive/2015/07/Welcome-to-TypeScript.jpg 1225w" sizes="(max-width: 630px) 100vw, 630px" /><br />
TypeScriptはマイクロソフトが開発したオープンソースで、出力されたJavaScriptコードはとても読みやすいようです。</p>
<p><a href="http://www.typescriptlang.org/" target="_blank">Welcome to TypeScript</a></p>
<h2>CoffeeScript</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7735" src="/uploads-archive/2015/07/CoffeeScript-1024x539.jpg" alt="CoffeeScript" width="640" height="337" srcset="/uploads-archive/2015/07/CoffeeScript-1024x539.jpg 1024w, /uploads-archive/2015/07/CoffeeScript-300x158.jpg 300w, /uploads-archive/2015/07/CoffeeScript-228x120.jpg 228w, /uploads-archive/2015/07/CoffeeScript.jpg 1225w" sizes="(max-width: 640px) 100vw, 640px" /><br />
コード量を少なく、わかりやすく書けるものでよりシンプルにjavascriptを書きやすくしているようです。<br />
また、構文がRubyと似ていて、Railsに標準でサポートされてるようです。<br />
<a href="http://coffeescript.org/#top" target="_blank">CoffeeScript</a></p>
<h2>Dart</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7736" src="/uploads-archive/2015/07/Dart-1024x539.jpg" alt="Dart" width="640" height="337" srcset="/uploads-archive/2015/07/Dart-1024x539.jpg 1024w, /uploads-archive/2015/07/Dart-300x158.jpg 300w, /uploads-archive/2015/07/Dart-228x120.jpg 228w, /uploads-archive/2015/07/Dart.jpg 1225w" sizes="(max-width: 640px) 100vw, 640px" /><br />
Googleによって開発された言語で、他のものと同じようにコンパイルして利用するのですが、本当の意味で代替になろうとしているようです。javascriptの替りの言語になろうとしているようですが、IEで対応しないそうです。。。<br />
<a href="https://www.dartlang.org/" target="_blank">Dart</a></p>
<h2>Haxe</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7737" src="/uploads-archive/2015/07/Haxe-The-Cross-platform-Toolkit-1024x539.jpg" alt="Haxe - The Cross-platform Toolkit" width="630" height="332" srcset="/uploads-archive/2015/07/Haxe-The-Cross-platform-Toolkit-1024x539.jpg 1024w, /uploads-archive/2015/07/Haxe-The-Cross-platform-Toolkit-300x158.jpg 300w, /uploads-archive/2015/07/Haxe-The-Cross-platform-Toolkit-228x120.jpg 228w, /uploads-archive/2015/07/Haxe-The-Cross-platform-Toolkit.jpg 1225w" sizes="(max-width: 630px) 100vw, 630px" /><br />
ヘックスと呼び、<br />
JavaScript以外にも、ActionScript、C++、Java、PHP等への変換も可能だそうです。<br />
<a href="http://haxe.org/" target="_blank">Haxe &#8211; The Cross-platform Toolkit</a></p>
<h2>JSX</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7738" src="/uploads-archive/2015/07/JSX-a-faster-safer-easier-JavaScript-1024x539.jpg" alt="JSX - a faster, safer, easier JavaScript" width="630" height="332" srcset="/uploads-archive/2015/07/JSX-a-faster-safer-easier-JavaScript-1024x539.jpg 1024w, /uploads-archive/2015/07/JSX-a-faster-safer-easier-JavaScript-300x158.jpg 300w, /uploads-archive/2015/07/JSX-a-faster-safer-easier-JavaScript-228x120.jpg 228w, /uploads-archive/2015/07/JSX-a-faster-safer-easier-JavaScript.jpg 1225w" sizes="(max-width: 630px) 100vw, 630px" /><br />
こちらはDeNAが開発した言語です。<br />
特徴はコンパイル後のjavascriptが早く動作されるようにしているようです。C++にも変換できるような出来ないような感じらしいです・・・<br />
<a href="https://jsx.github.io/" target="_blank">JSX &#8211; a faster, safer, easier JavaScript</a><br />
５つありますが、どれが一番というよりは、ユーザーの得意分野や環境構築によって適したものがあるようです。<br />
ですが、シンプルに代替言語っていう点で見ると、TypeScriptが一歩リードしているようです。<br />
TypeScriptは今後のjavascriptと言われており、JavaScriptの欠点を直したものがTypeScriptであるからです。<br />
また、javascriptのライブラリもそのまま使用できるようなので、まずはTypeScriptから手をつけてみるのがいいかもしれません。</p>
<p>【参考ブログ】<br />
<a href="https://html5experts.jp/clockmaker/2183/" target="_blank">モダンな言語でHTML5を開発しよう！ 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe) | HTML5Experts.jp</a><br />
<a href="http://yohshiy.blog.fc2.com/category28-1.html" target="_blank">altJS(JavaScript代替言語) | プログラマーズ雑記帳</a></p>


javascriptの代替言語となるAltJSの代表5つ

<p>adobeのafter effects CCにはCINEMA 4Dの簡易版であるLiteが入っています。</p>
<p>CINEMA 4Dは3DCGを作成するソフトでハリウッド映画などでも使われる事があるそうです。その辺の分野についてはあまり詳しくはないのですが、after efftectsとの連携がし易い3DCG作成ソフトという事なので今後勉強していくつもりです。</p>
<p>実際、after effectsだけでは難しい事が3DCGを取り入れる事によって可能になり表現の幅が広がります。</p>
<p>3D作成のソフトは他にもmayaや3dsMAXなど色々ありますが、シェアの高いソフトでもかなり高額な物がほとんどです。mayaや3dsMAXはプロも使用するソフトですが何十万という価格帯です。それだけ機能がよくゲームはもちろん映画などでもよく使われているようです。「CGを駆使した映画でmayaを使用していない物はほとんど無い」といった記事を読んだ事があるくらいです。</p>
<p>その反面、Blenderというハイスペックなフリーソフトも存在していますが、私的には映画やゲームのレベルまでの3Dは必要なさそうですので、とにかく作業効率がいいソフトとしてCINEMA 4Dを選択しました。結局はafter effecsを使用している事が主な理由ですが。</p>
<p>という事でafter effectsからCINEMA 4D Liteの立ち上げ方法と日本語表示への切り替えについて書こうと思います。</p>
<h2>after effectsからCINEMA 4D Liteを立ち上げる</h2>
<p>まずは新しいコンポジションを作成します。</p>
<p><a href="/uploads-archive/2015/07/01.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7691" src="/uploads-archive/2015/07/01.jpg" alt="01" width="700" height="507" srcset="/uploads-archive/2015/07/01.jpg 700w, /uploads-archive/2015/07/01-300x217.jpg 300w, /uploads-archive/2015/07/01-228x165.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p>続いてコンポジションで右クリックし新規MAXON CINEMA4Dファイルを選択します。</p>
<p><a href="/uploads-archive/2015/07/02.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7692" src="/uploads-archive/2015/07/02.jpg" alt="02" width="700" height="489" srcset="/uploads-archive/2015/07/02.jpg 700w, /uploads-archive/2015/07/02-300x210.jpg 300w, /uploads-archive/2015/07/02-228x159.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p>CINEMA 4Dファイルに名前をつけて保存すると、続いて CINEMA 4D Liteが立ち上がります。</p>
<p><a href="/uploads-archive/2015/07/03.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7693" src="/uploads-archive/2015/07/03.jpg" alt="03" width="700" height="580" srcset="/uploads-archive/2015/07/03.jpg 700w, /uploads-archive/2015/07/03-300x249.jpg 300w, /uploads-archive/2015/07/03-228x189.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p><a href="/uploads-archive/2015/07/08.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7698" src="/uploads-archive/2015/07/08.jpg" alt="08" width="700" height="555" srcset="/uploads-archive/2015/07/08.jpg 700w, /uploads-archive/2015/07/08-300x238.jpg 300w, /uploads-archive/2015/07/08-228x181.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p><a href="/uploads-archive/2015/07/04.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7694" src="/uploads-archive/2015/07/04.jpg" alt="04" width="700" height="394" srcset="/uploads-archive/2015/07/04.jpg 700w, /uploads-archive/2015/07/04-300x169.jpg 300w, /uploads-archive/2015/07/04-228x128.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<h2> CINEMA 4D Liteを日本語化する</h2>
<p>ヘルプからアップデートを選択して、「japanese Language Pack」を選択してインストールします。</p>
<p>Updatesにない場合はOptionalにある場合もあるようです。</p>
<p><a href="/uploads-archive/2015/07/10.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7703" src="/uploads-archive/2015/07/10.jpg" alt="10" width="700" height="447" srcset="/uploads-archive/2015/07/10.jpg 700w, /uploads-archive/2015/07/10-300x192.jpg 300w, /uploads-archive/2015/07/10-228x146.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p>&nbsp;</p>
<p>インストール完了して再度立ち上げても日本語になっていない場合は一般設定の言語からjapaneseを選択すればOKです。</p>
<p><a href="/uploads-archive/2015/07/07.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7697" src="/uploads-archive/2015/07/07.jpg" alt="07" width="700" height="487" srcset="/uploads-archive/2015/07/07.jpg 700w, /uploads-archive/2015/07/07-300x209.jpg 300w, /uploads-archive/2015/07/07-228x159.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>


after effects CC で CINEMA 4D Lite を使用する

スマホ(iPhoneのsafari)のようにナビをスクロールの方向によって表示したり非表示にしたりする

<p>ジュエリーに限らず、物撮りをする際に被写体を立てたり、角度を固定して撮影したいという場合があると思います。</p>
<p>そんな時はどうしているのかというと、実は単純で固定する為の便利アイテムがあるのです。</p>
<p>それがこちら</p>
<p><a href="/uploads-archive/2015/07/IMG_20150706_200430.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-7663" src="/uploads-archive/2015/07/IMG_20150706_200430.jpg" alt="IMG_20150706_200430" width="700" height="525" srcset="/uploads-archive/2015/07/IMG_20150706_200430.jpg 3264w, /uploads-archive/2015/07/IMG_20150706_200430-300x225.jpg 300w, /uploads-archive/2015/07/IMG_20150706_200430-1024x768.jpg 1024w, /uploads-archive/2015/07/IMG_20150706_200430-228x171.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p>イエローワックスという商品名で売っている代物です。ミツロウのような感じで着脱可能で、指輪などを固定できます。</p>
<p>同じメーカーからホワイトワックスという商品もありますが、イエローワックスの方がある程度重さに耐えることができます。ホワイトワックスについては柔らかいので扱い易いですが、重い物が難しくなります。</p>
<p>使用する時は、ほんの少しだけとって指でこねて扱い易い形に整えます。</p>
<p><a href="/uploads-archive/2015/07/IMG_20150706_200455.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-7664" src="/uploads-archive/2015/07/IMG_20150706_200455.jpg" alt="IMG_20150706_200455" width="700" height="525" srcset="/uploads-archive/2015/07/IMG_20150706_200455.jpg 3264w, /uploads-archive/2015/07/IMG_20150706_200455-300x225.jpg 300w, /uploads-archive/2015/07/IMG_20150706_200455-1024x768.jpg 1024w, /uploads-archive/2015/07/IMG_20150706_200455-228x171.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p>大きさは見切れない程度で整えてください。</p>
<p>見きれないようにつければOKです、これはちょっと見きれていますが（笑）</p>
<p><a href="/uploads-archive/2015/07/IMG_20150707_113634.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7674" src="/uploads-archive/2015/07/IMG_20150707_113634.gif" alt="IMG_20150707_113634" width="700" height="483" /></a></p>
<p><a href="/uploads-archive/2015/07/IMG_20150707_11370.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7672" src="/uploads-archive/2015/07/IMG_20150707_11370.jpg" alt="IMG_20150707_11370" width="700" height="479" srcset="/uploads-archive/2015/07/IMG_20150707_11370.jpg 700w, /uploads-archive/2015/07/IMG_20150707_11370-300x205.jpg 300w, /uploads-archive/2015/07/IMG_20150707_11370-228x156.jpg 228w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p>ある程度の重さに耐えてくれますので、斜めにしたりする事もできます。</p>
<p>粘着力が強いので結構ベトついてしまいますが、撮影のあとはアルコールなどで拭き取れば大丈夫です。</p>


商品の物撮り ジュエリーを立てて撮る方法

<p>今回も書籍の紹介で、「アイデアのつくり方」という本です。<br />
これを読めばどんどんアイデアが出てくるようになる！っていう感じよりは、<br />
アイデアとはなにか？アイデアが生まれる道筋を丁寧に説明してくれています。</p>
<p>企画のアイデアや、デザインのアイデアを思いつかない、もっといいアイデアを思いつくようになりたいと思う方はぜひ読んでみるといいかと思います。</p>
<p>簡単に紹介させて頂きます。</p>
<h2>アイデアとは既存の要素の新しい組み合わせ以外の何ものでもない</h2>
<p>アイデアとは既存のあるものとあるものが組み合わさってできるものっていうのはよく言われていますよね。<br />
「0からなにかを作りたい」って言ってる人がいますが、なかなか0からってのはなくて、<br />
アイデアは既存の要素の組合せっていうことを本書は言ってます。</p>
<p>そしてアイデアが生まれる道筋は、<br />
本書とは違う言葉ですか私的にまとめると、</p>
<p>・材料収集<br />
↓<br />
・情報の整理<br />
↓<br />
・あれこれ思索する(組合せ、集中して考えに考えを重ねる)<br />
↓<br />
・一旦放置、違うことを考える(しかし頭の片隅においておく)<br />
↓<br />
・ふとした瞬間にアイデアが誕生</p>
<p>みたいな感じです。</p>
<p>いわゆるアイデアを思いつきやすいフレームワークを提供してくれるのではなく、<br />
アイデアが思いつく原則原理を流れに沿って説明してくれています。</p>
<p>もっと簡単にいうと、<br />
新しい製品を開発しようとしていて、それについてあれこれ考え、いろいろ試すがいいアイデアがでてこない。<br />
そして一旦離れて、違うことを見ていた・していた時に、ふとその製品のアイデアが生まれるくるみたいな感じです。<br />
前にテレビで全くこの流れと同じようにして生まれた製品があったのですが、忘れてしまいました・・・</p>
<p>この思いつくことを、「セレンディピティ」ともいうようです。（ちょっと違うかもしれませんが）</p>
<p>なにか考え事をしていて、思いつかなくて、<br />
一旦トイレへ行ったりとかお風呂入ったりとかタバコ吸いに行ったりとかすると思いついたみたいなことありませんか？？</p>
<p>それに近いものがあると思います。</p>
<p>ぜひ商品や企画を考える方は一度読むことをお薦めします！</p>
<p><iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=alantrigger-22&#038;o=9&#038;p=8&#038;l=as1&#038;asins=4484881047&#038;ref=qf_sp_asin_til&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

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

2015/08/26

2015/08/25

2015/08/19

2015/08/19

2015/08/19

2015/08/18

2015/08/05

2015/08/04

2015/07/29

2015/07/28

2015/07/28

2015/07/22

2015/07/21

2015/07/15

2015/07/14

2015/07/08

2015/07/07

2015/07/01