<p>webサイトのデザインをする時に、グリッドレイアウトのデザインを作成することがあります。</p>
<p>横幅は○○ピクセルで、マージンはどのくらい空けるか、<br />
3カラム、4カラム、5カラム、どうするかみたいなことを考える時、<br />
たまに電卓を使用して、それぞれ何ピクセルだとぴったり収まるか試行錯誤することがあります。</p>
<p>地味にめんどくさかったりするので、なにか良いツールないかと探したらありました。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/09/a260c304773c438b2d2f30d9af28cfc6-1024x410.png" alt="%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-51-01" width="1024" height="410" class="alignnone size-large wp-image-12042" srcset="/uploads-archive/2016/09/a260c304773c438b2d2f30d9af28cfc6-1024x410.png 1024w, /uploads-archive/2016/09/a260c304773c438b2d2f30d9af28cfc6-300x120.png 300w, /uploads-archive/2016/09/a260c304773c438b2d2f30d9af28cfc6-768x308.png 768w, /uploads-archive/2016/09/a260c304773c438b2d2f30d9af28cfc6-228x91.png 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><a href="http://www.kenjisugimoto.com/gridpx/" target="_blank">Gridpx：グリッドデザイン計算ツール | Webデザイン便利ツール</a></p>
<p>使い方は簡単です。（というかそもそもがそんなに難しいことではないんですが&#8230;笑）<br />
<strong>・コンテンツの幅<br />
・カラム数<br />
・マージンの幅</strong><br />
を入力すると、<br />
<strong>各カラムを何pxで設定</strong>したらいいか計算してくれます。</p>
<p>シンプルなツールですが、地味に便利です！！</p>


グリッドデザイン時の計算に便利なサイト「Gridpx」

<h3>黒背景のターミナルとコニュニケーションを円滑にしてみる</h3>
<div style="padding-left: 15px;">
  ひたすら黒画面の文字たちとキーボードの音を奏でるソルジャーにも会話が欲しい時があります。</p>
<p>  筆者は以前、そんなターミナルでもプチAI的な会話をしてくれる<br />
  アプリがあったのを(15年以上前？)思い出して探してみました。</p>
<p>  結論から言えば見つけたのは全くの別物。</p>
<p>  ですが、導入のフローを備忘録にと。</p></div>
<h3>vimのプラグインを入れてみる</h3>
<div style="padding-left: 15px;">
  ShaberuSay<br />
  と言う、名は体を表するかのごときPluginを発見。</p>
<p>  会話じゃなくてただ発言させるというあまり面白くないものでした。</p>
<p>  でもやってみます。</p></div>
<h3>vimの設定ファイルにpluginの記述を加える</h3>
<div style="padding-left: 15px;">
  以下を .vimrc のプラグイン読み込み部分に加えるだけ。</p>
<p></p>

		<div id="crayon-64954026454d1558705965" 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">Vim</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;">
NeoBundleFetch 'Shougo/neobundle.vim'
NeoBundle 'Shougo/vimproc'
NeoBundle 'supermomonga/shaberu.vim'
let g:shaberu_user_define_say_command = 'saycommand "%%TEXT%%"'
let g:shaberu_user_define_say_command = 'say -v Kyoko "%%TEXT%%"'</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-64954026454d1558705965-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954026454d1558705965-2">2</div><div class="crayon-num" data-line="crayon-64954026454d1558705965-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954026454d1558705965-4">4</div><div class="crayon-num" data-line="crayon-64954026454d1558705965-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64954026454d1558705965-1"><span class="crayon-i">NeoBundleFetch</span><span class="crayon-h"> </span><span class="crayon-s">'Shougo/neobundle.vim'</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954026454d1558705965-2"><span class="crayon-i">NeoBundle</span><span class="crayon-h"> </span><span class="crayon-s">'Shougo/vimproc'</span></div><div class="crayon-line" id="crayon-64954026454d1558705965-3"><span class="crayon-i">NeoBundle</span><span class="crayon-h"> </span><span class="crayon-s">'supermomonga/shaberu.vim'</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954026454d1558705965-4"><span class="crayon-st">let</span><span class="crayon-v"> g:shaberu_user_define_say_command</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'saycommand "%%TEXT%%"'</span></div><div class="crayon-line" id="crayon-64954026454d1558705965-5"><span class="crayon-st">let</span><span class="crayon-v"> g:shaberu_user_define_say_command</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'say -v Kyoko "%%TEXT%%"'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  下2行はMac標準搭載の音声を呼び出すコマンドです。<br />
  その上はプラグインの呼び出し、及びインストール。</p></div>
<h3>実際に使ってみる</h3>
<div style="padding-left: 15px;">
  準備も出来たことですし、コマンドを実行してみます。</p>
<p></p>

		<div id="crayon-64954026454d5762969295" 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">Vim</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;">
  :ShaberuSay おはよう</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-64954026454d5762969295-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-64954026454d5762969295-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">:</span><span class="crayon-i">ShaberuSay</span><span class="crayon-h"> </span>おはよう</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  クォーテーション等は必要ありません。</p>
<p>  はい、ただ喋ってくれるだけです。<br />
  会話と言うかなんというか。初音ミクを買ったはいいものの、使い方が解らず頓挫したときのような哀愁を感じた気がしました。</p></div>

孤独のvimmerが会話をしてみる

RailsにCapistranoによる自動デプロイの導入

<p>
	ここ数年で動画を使ったマーケティングは一般的となり、繰り返し見たくなる凝った映画のような動画やあえて理解不能な内容で話題性を狙った動画が数々制作させています。
</p>
<p>
	例えば・・・
</p>
<p>
	映画並みの動画とか
</p>
<p>
	<iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/tBVLm-e4wg8?feature=oembed" frameborder="0" allowfullscreen></iframe>
</p>
<p>
	話題性を狙った？動画とか
</p>
<p>
	<iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/w-Uk5zkH1C8?feature=oembed" frameborder="0" allowfullscreen></iframe>
</p>
<p>
	上のような動画は観ていて楽しいですよね、youtubeで他のバージョンや続きのエピソードを探してみてしまいます。動画としては良い作品という印象を受けるのですが、このカッコイイ動画、面白い動画がマーケティングにおいてどれだけの効果があるのかを示す事はできるでしょうか？
</p>
<p>
	また質問になりますが、商品が好きになりそうなＣＭ・買いたいと思う動画広告を思い浮かべて下さい。そして、そのＣＭ・動画広告で宣伝している商品をあなた自身が購入したでしょうか？
</p>
<p>
	この答えを調べると、そこには相関関係が無いらしいのです。つまり意識的に良いとする動画と売れる動画はイコールではないという事になります。
</p>
<h2>
	ニューロマーケティング　ＤＯＮＵＴｓ<br />
</h2>
<p>
	<iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/dUXJIeqorXw?feature=oembed" frameborder="0" allowfullscreen></iframe>
</p>
<p>
	サービスを提供しているＮＴＴ DATAによると動画を観た消費者が商品を購入するか否かは、意識的ではなく無意識に決定していて、その無意識にアプローチする必要があると言います。
</p>
<p>
	ＤＯＵＴsは脳情報の解析技術とＡＩによって、動画を観た消費者の無意識の反応を定量化する事ができるんだそうです。
</p>
<p>
	<a href="http://www.nem-sweets.com/">http://www.nem-sweets.com/</a>
</p>
<p>
	上の動画のようにシーンごとに認知した内容をテキスト化・数値化して、制作した動画の広告意図と比較する事ができるというわけです。
</p>
<p>
	この技術によって動画広告の正解パターンが蓄積されると、動画広告の価値は上がるのかもしれません。</p>


本当に売れる動画とは何か？脳科学で動画の効果を数値化するサービスDONUTs

WebSocketを使ってチャットを作ってみる

<h2></h2>
<p>ＥＣサイトの成功例としてできるだけ最近に発表された内容をまとめてみました。</p>
<p>実際ただのリンク集になってしまいましたが、ＥＣサイトを立ち上げる際やテコ入れするにはヒントになると思います。</p>
<h2>大手モール内での上位ストア</h2>
<h3>2016年楽天上半期ランキング　受賞ショップ一覧</h3>
<p><a href="http://ranking.rakuten.co.jp/halfterm/shop/">http://ranking.rakuten.co.jp/halfterm/shop/</a></p>
<p>楽天市場より</p>
<p>&nbsp;</p>
<h3>2016年8月Yahoo!ショッピングベストストア</h3>
<p><a href="http://shopping.yahoo.co.jp/stores/">http://shopping.yahoo.co.jp/stores/</a></p>
<p>yahooショッピングより</p>
<p>&nbsp;</p>
<h3>Yahoo!ショッピングベストストアアワード2015</h3>
<p><a href="http://shopping.yahoo.co.jp/stores/beststores/year/">http://shopping.yahoo.co.jp/stores/beststores/year/</a></p>
<p>yahooショッピングより</p>
<p>&nbsp;</p>
<h2>ＥＣサイト全体でのランキング</h2>
<h3>【最新】EC売上ランキングまとめ2016年版~300社の合計売上は約3.2兆円</h3>
<p><a href="https://netshop.impress.co.jp/node/3532">https://netshop.impress.co.jp/node/3532</a></p>
<p>通信新聞より</p>
<p>&nbsp;</p>
<h3>2016年上半期サイト訪問者数ランキング</h3>
<p><a href="http://markezine.jp/article/detail/24962">http://markezine.jp/article/detail/24962</a></p>
<p>MarkeZineニュースより</p>
<p>&nbsp;</p>
<h3>世界で最もトラフィックが多いECサイトランキング！</h3>
<p><a href="https://benlyexpress.wordpress.com/2016/02/14/%E4%B8%96%E7%95%8C%E3%81%A7%E6%9C%80%E3%82%82%E3%83%88%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%8C%E5%A4%9A%E3%81%84ec%E3%82%B5%E3%82%A4%E3%83%88%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0/">https://benlyexpress.wordpress.com/2016/02/14/%E4%B8%96%E7%95%8C%E3%81%A7%E6%9C%80%E3%82%82%E3%83%88%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%8C%E5%A4%9A%E3%81%84ec%E3%82%B5%E3%82%A4%E3%83%88%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0/</a></p>
<p>BENLY越境ＥＣ最新情報より</p>
<p>&nbsp;</p>
<h2>ＥＣサイト制作企業・コンサル企業が開催する大賞やランキング</h2>
<h3>Eストア　ネットショップ大賞2016Summer</h3>
<p><a href="https://estore.co.jp/award/2016summer/">https://estore.co.jp/award/2016summer/</a></p>
<p>Eストアより</p>
<h3>JECCICA　ECサイトデザイン大賞2016</h3>
<p><a href="https://jeccica.jp/post-2289/">https://jeccica.jp/post-2289/</a></p>
<p>ジャパンEコマースコンサルタント協会より</p>


ネットショップ運営担当のかゆい所に手が届く！地味だけどスゴイ便利なツール Clibor

<p>CentOS6.7にて、SSL VersionをNSSからOpenSSLに変更する際に、curlのバージョンアップが必要があったため、それを記事にしてみました。</p>
<p>現状のバージョンは下記コマンドで確認できます。</p>

		<div id="crayon-6495402644bea586191189" 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;">
curl --version</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-6495402644bea586191189-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-6495402644bea586191189-1"><span class="crayon-i">curl</span><span class="crayon-h"> </span>--<span class="crayon-i">version</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>私が実行した環境では、curl 7.19.7でした。</p>
<p>いくつか必要なモジュールをインストールします。</p>

		<div id="crayon-6495402644bee322939001" 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;">
yum install openssl-devel libmetalink-devel libssh2-devel c-ares-devel lbzip2</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-6495402644bee322939001-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-6495402644bee322939001-1"><span class="crayon-e">yum </span><span class="crayon-e">install </span><span class="crayon-i">openssl</span>-<span class="crayon-e">devel </span><span class="crayon-i">libmetalink</span>-<span class="crayon-e">devel </span><span class="crayon-i">libssh2</span>-<span class="crayon-i">devel</span><span class="crayon-h"> </span><span class="crayon-i">c</span>-<span class="crayon-i">ares</span>-<span class="crayon-e">devel </span><span class="crayon-i">lbzip2</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>curlのソースを落としてきます。<br />
最新のものは<br />
<a href="https://curl.haxx.se/download.html" target="_blank">https://curl.haxx.se/download.html</a><br />
より確認ができます。</p>

		<div id="crayon-6495402644bf0119489904" 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;">
wget https://curl.haxx.se/download/curl-7.50.3.tar.gz</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-6495402644bf0119489904-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-6495402644bf0119489904-1"><span class="crayon-e">wget </span><span class="crayon-i">https</span><span class="crayon-sy">:</span><span class="crayon-c">//curl.haxx.se/download/curl-7.50.3.tar.gz</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>コンパイルし、インストールします。</p>

		<div id="crayon-6495402644bf1315921386" 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;">
tar xfvz curl-7.50.3.tar.gz
 cd curl-7.37.0
./configure --enable-libcurl-option
make
sudo make install</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-6495402644bf1315921386-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644bf1315921386-2">2</div><div class="crayon-num" data-line="crayon-6495402644bf1315921386-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644bf1315921386-4">4</div><div class="crayon-num" data-line="crayon-6495402644bf1315921386-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402644bf1315921386-1"><span class="crayon-e">tar </span><span class="crayon-e">xfvz </span><span class="crayon-i">curl</span>-<span class="crayon-cn">7.50.3.tar.gz</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644bf1315921386-2"><span class="crayon-h"> </span><span class="crayon-e">cd </span><span class="crayon-i">curl</span>-<span class="crayon-cn">7.37.0</span></div><div class="crayon-line" id="crayon-6495402644bf1315921386-3"><span class="crayon-sy">.</span>/<span class="crayon-i">configure</span><span class="crayon-h"> </span>--<span class="crayon-i">enable</span>-<span class="crayon-i">libcurl</span>-<span class="crayon-e">option</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644bf1315921386-4"><span class="crayon-e">make</span></div><div class="crayon-line" id="crayon-6495402644bf1315921386-5"><span class="crayon-e">sudo </span><span class="crayon-e">make </span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>以上で、インストールは終わりです。</p>

		<div id="crayon-6495402644bf2549218699" 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;">
curl --version</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-6495402644bf2549218699-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-6495402644bf2549218699-1"><span class="crayon-i">curl</span><span class="crayon-h"> </span>--<span class="crayon-i">version</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>にて、バージョンが変更されていれば、成功です。</p>

thumbnail_curl-logo.png

curl-logo.png

cURLの最新版をインストールする

<h3>バルクインサート／アップデートとは？</h3>
<div style="padding-left: 15px;">
  一言で言えば「一括でデータの挿入・更新をする」です。</p>
<p>  symfonyではDoctrineというモノを経由して<br />
  データの登録・更新処理をしています。</p></div>
<h3>メリットデメリット</h3>
<div style="padding-left: 15px;">
  メリット<br />
  一括でアプリケーション側から実施するためデータ更新のタイミングがズレない<br />
  一つでも失敗したら全て例外として”実行されない&#8221;</p>
<p>  デメリット<br />
  大量のデータ更新・登録の際にDBへの負荷が大きい<br />
  上記に伴って失敗したら何も更新されない</p></div>
<h3>デメリットの解消法</h3>
<div style="padding-left: 15px;">
  サーバーのスペック等によって一括処理のしきい値をアプリケーションレベルで設定する。</p>
<p>  以下はSymfonyのDoctrineを介した更新時の例</p>
<p></p>

		<div id="crayon-6495402644a10477269043" 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">PHP</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;">
  $em = $this-&gt;get('doctrine')-&gt;getEntityManager();
  $cnt = 0;
  $bulk_num = 10;// 同時に更新するデータの単位
  // 処理
  // 適当なループ
  foreach ($hoges as $hoge) {
      // 登録
      $em-&gt;persist($hoge);
      if (($cnt % $bulk_num) == ) {
          $em-&gt;flush();
      }
      $cnt++;
  }
  $em-&gt;flush();</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-6495402644a10477269043-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-2">2</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-4">4</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-6">6</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-8">8</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-10">10</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-12">12</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-14">14</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-6495402644a10477269043-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$em</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-v">$this</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">get</span><span class="crayon-sy">(</span><span class="crayon-s">'doctrine'</span><span class="crayon-sy">)</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">getEntityManager</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-6495402644a10477269043-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$cnt</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$bulk_num</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">10</span><span class="crayon-sy">;</span><span class="crayon-c">// 同時に更新するデータの単位</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// 処理</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// 適当なループ</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-st">foreach</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$hoges</span><span class="crayon-h"> </span><span class="crayon-st">as</span><span class="crayon-h"> </span><span class="crayon-v">$hoge</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// 登録</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$em</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">persist</span><span class="crayon-sy">(</span><span class="crayon-v">$hoge</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">(</span><span class="crayon-v">$cnt</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-h"> </span><span class="crayon-v">$bulk_num</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>==<span class="crayon-h"> </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-6495402644a10477269043-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$em</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">flush</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$cnt</span>++<span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-13"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-14"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$em</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">flush</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  概要は<br />
  「データ登録毎にカウントしていき、しきい値に達した時点で初めて登録を実行する(flush)」</p></div>

symfonyでバルクインサート・アップデート

<p>もともとCarrierWaveを使用してファイルをサーバーに保存していたものを、S3(Amazon Simple Storage Service)に変更する場合の手続きを記事にしてみました。</p>
<h2>AWS側での設定</h2>
<h3>S3でバケットの作成</h3>
<p>s3でのバケットの作成を行う。</p>
<h3>IAM(Identity and Access Management)にてユーザーの作成</h3>
<p>AWSのIAMにてユーザーの作成を行う。<br />
ユーザー作成を行った際に、Access Key Id、Secret Access Keyが発行されるので保存しておく（csvダウンロードできる）。<br />
また、アクセス許可からポリシーのアタッチができるので、AmazonS3FullAccessの付与を行っておく。</p>
<h2>Rails側での設定</h2>
<h3>Gemfileにfogの追加</h3>
<p>Gemfileに下記を追加。</p>

		<div id="crayon-64954026445ff472658899" 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;">
gem 'fog'</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-64954026445ff472658899-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-64954026445ff472658899-1"><span class="crayon-i">gem</span><span class="crayon-h"> </span><span class="crayon-s">'fog'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>CarrierWaveのUploadクラスの修正</h3>
<h4>storage先の変更</h4>
<p></p>

		<div id="crayon-6495402644603480573714" 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;">
# Choose what kind of storage to use for this uploader:
# storage :file
storage :fog</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-6495402644603480573714-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644603480573714-2">2</div><div class="crayon-num" data-line="crayon-6495402644603480573714-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402644603480573714-1"><span class="crayon-p"># Choose what kind of storage to use for this uploader:</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644603480573714-2"><span class="crayon-p"># storage :file</span></div><div class="crayon-line" id="crayon-6495402644603480573714-3"><span class="crayon-i">storage</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">fog</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>fogを使用する前は、storageがfileになっていると思うので、そちらをコメントアウトし、storage先をfogに変更します。</p>
<h3>CarrierWaveの設定ファイルの修正</h3>
<p>config/initializers/carrierwave.rb<br />
に追記を行う。もし、今までに作成していなければここで作成する（railsでCarrierWave導入時に自動作成はされない）。</p>
<p></p>

		<div id="crayon-6495402644605519607213" 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;">
CarrierWave.configure do |config|
  config.fog_credentials = {
    provider: 'AWS',
    aws_access_key_id: '{{ Access Key Id }}',
    aws_secret_access_key: '{{ Secret Access Key }}',
    region: '{{ region }}'
  }

  config.fog_directory = '{{ bucket name }}'
  config.asset_host = 'https://s3-{{ region }}.amazonaws.com/{{ bucket name }}'
end</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-6495402644605519607213-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-2">2</div><div class="crayon-num" data-line="crayon-6495402644605519607213-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-4">4</div><div class="crayon-num" data-line="crayon-6495402644605519607213-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-6">6</div><div class="crayon-num" data-line="crayon-6495402644605519607213-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-8">8</div><div class="crayon-num" data-line="crayon-6495402644605519607213-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-10">10</div><div class="crayon-num" data-line="crayon-6495402644605519607213-11">11</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-6495402644605519607213-1"><span class="crayon-i">CarrierWave</span><span class="crayon-sy">.</span><span class="crayon-e">configure </span><span class="crayon-st">do</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-i">config</span><span class="crayon-sy">|</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">fog_credentials</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402644605519607213-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">provider</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'AWS'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">aws_access_key_id</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'{{ Access Key Id }}'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495402644605519607213-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">aws_secret_access_key</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'{{ Secret Access Key }}'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">region</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'{{ region }}'</span></div><div class="crayon-line" id="crayon-6495402644605519607213-7"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-8">&nbsp;</div><div class="crayon-line" id="crayon-6495402644605519607213-9"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">fog_directory</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'{{ bucket name }}'</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-10"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">asset_host</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'https://s3-{{ region }}.amazonaws.com/{{ bucket name }}'</span></div><div class="crayon-line" id="crayon-6495402644605519607213-11"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>上記の設定を行う。<br />
{{ Access Key Id }}、{{ Secret Access Key }}　: IAM(Identity and Access Management)にてユーザーの作成にて、取得できる。<br />
{{ region }} :　東京リージョンであれば、ap-northeast-1などとなる。<br />
{{ bucket name }} : s3で作成したバケット名。<br />
開発環境によって、バケット名を変える場合はここで行うこともできる。</p>
<p>以上で設定はおわりで、アプリケーションから画像をアップロードすれば、S3にファイルがアップロードされる。</p>
<h2>おわりに</h2>
<p>carrierwaveやfogを使用しない場合は、aws-sdkを使用することになる。<br />
<a href="http://docs.aws.amazon.com/AWSRubySDK/latest/AWS.html" target="_blank">Module: AWS &#8211; http://docs.aws.amazon.com/AWSRubySDK/latest/AWS.html</a></p>

RailsのアプリケーションからS3にファイルをアップロードする

ストアド・プロシージャを試してみる

<p>仮想環境であるVagrantへ同じwifi環境下にある他の端末から接続する方法を記事にしてみました。</p>
<h2>Vagrantfileの編集</h2>
<p>Vagrantfileを下記のように編集します。</p>

		<div id="crayon-6495402643ce6084678411" 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;">
config.vm.network "public_network"</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-6495402643ce6084678411-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-6495402643ce6084678411-1"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">vm</span><span class="crayon-sy">.</span><span class="crayon-i">network</span><span class="crayon-h"> </span><span class="crayon-s">"public_network"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h2>Vagranの起動・再起動</h2>
<p>vagrantの起動あるいは再起動を行います。<br />
実行すると、下記のように問われるので１を選択します。</p>

		<div id="crayon-6495402643cea378820774" 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;">
==&gt; default: Available bridged network interfaces:
1) en0: Wi-Fi (AirPort)
2) en1: Thunderbolt 1
3) en2: Thunderbolt 2
4) p2p0
5) awdl0
6) bridge0
==&gt; default: When choosing an interface, it is usually the one that is
==&gt; default: being used to connect to the internet.
    default: Which interface should the network bridge to? 1
==&gt; default: Preparing network interfaces based on configuration...</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-6495402643cea378820774-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-2">2</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-4">4</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-6">6</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-8">8</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-10">10</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-11">11</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-6495402643cea378820774-1">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">Available </span><span class="crayon-e">bridged </span><span class="crayon-e">network </span><span class="crayon-i">interfaces</span><span class="crayon-sy">:</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-2"><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">en0</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">Wi</span>-<span class="crayon-e">Fi</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">AirPort</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-3"><span class="crayon-cn">2</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">en1</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">Thunderbolt</span><span class="crayon-h"> </span><span class="crayon-cn">1</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-4"><span class="crayon-cn">3</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">en2</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">Thunderbolt</span><span class="crayon-h"> </span><span class="crayon-cn">2</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-5"><span class="crayon-cn">4</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">p2p0</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-6"><span class="crayon-cn">5</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">awdl0</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-7"><span class="crayon-cn">6</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">bridge0</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-8">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">When </span><span class="crayon-e">choosing </span><span class="crayon-e">an </span><span class="crayon-t">interface</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">it </span><span class="crayon-st">is</span><span class="crayon-h"> </span><span class="crayon-e">usually </span><span class="crayon-e">the </span><span class="crayon-e">one </span><span class="crayon-e">that </span><span class="crayon-st">is</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-9">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">being </span><span class="crayon-e">used </span><span class="crayon-st">to</span><span class="crayon-h"> </span><span class="crayon-e">connect </span><span class="crayon-st">to</span><span class="crayon-h"> </span><span class="crayon-e">the </span><span class="crayon-i">internet</span><span class="crayon-sy">.</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">Which </span><span class="crayon-t">interface</span><span class="crayon-h"> </span><span class="crayon-e">should </span><span class="crayon-e">the </span><span class="crayon-e">network </span><span class="crayon-e">bridge </span><span class="crayon-st">to</span><span class="crayon-sy">?</span><span class="crayon-h"> </span><span class="crayon-cn">1</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-11">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">Preparing </span><span class="crayon-e">network </span><span class="crayon-e">interfaces </span><span class="crayon-e">based </span><span class="crayon-e">on </span><span class="crayon-i">configuration</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>DHCPアドレスの確認</h2>
<p>vagrantに接続し、ifconfigコマンドによりDHCPにより割りあてられたipアドレスを確認します。</p>

		<div id="crayon-6495402643cec778779991" 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;">
ifconfig | grep "inet addr"
          inet addr:10.0.2.15  Bcast:10.0.2.255  Mask:255.255.255.0
          inet addr:192.168.33.101  Bcast:192.168.33.255  Mask:255.255.255.0
          inet addr:192.168.31.223  Bcast:192.168.31.255  Mask:255.255.255.0
          inet addr:127.0.0.1  Mask:255.0.0.0</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-6495402643cec778779991-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cec778779991-2">2</div><div class="crayon-num" data-line="crayon-6495402643cec778779991-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cec778779991-4">4</div><div class="crayon-num" data-line="crayon-6495402643cec778779991-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402643cec778779991-1"><span class="crayon-i">ifconfig</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">grep</span><span class="crayon-h"> </span><span class="crayon-s">"inet addr"</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cec778779991-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">10.0.2.15</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Bcast</span><span class="crayon-sy">:</span><span class="crayon-cn">10.0.2.255</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.255.255.0</span></div><div class="crayon-line" id="crayon-6495402643cec778779991-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.33.101</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Bcast</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.33.255</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.255.255.0</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cec778779991-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.31.223</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Bcast</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.31.255</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.255.255.0</span></div><div class="crayon-line" id="crayon-6495402643cec778779991-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">127.0.0.1</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.0.0.0</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>上の状況の場合、192.168.31.223が割り当てられたアドレスです。</p>
<p>以上で設定は終わりで、他の端末より192.168.31.223にアクセスすることが可能となります。</p>
<h2>参考</h2>
<p><a href="https://www.vagrantup.com/docs/networking/public_network.html">Public Networks &#8211; Networking &#8211; Vagrant by HashiCorp</a></p>

Vagrantのpublic networkを使用する

<h3>多言語対応</h3>
<div style="padding-left: 15px;">
  Symfonyでの国際化対応をした備忘録です。</p>
<p>  データの項目名など対応も可能。</p>
<p>  今回は主にエラー文言に対応しました。</p></div>
<h3>準備</h3>
<div style="padding-left: 15px;">
  特に必要なし</div>
<h3>記述方法</h3>
<div style="padding-left: 15px;">
  同じエラー文言でも記述ファイルが異なることがあります。</p>
<p>  FormTypeなどフォーム入力時に編集するのは</p>

		<div id="crayon-6495402643ac4854253010" 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;">
src/Application/BackendBundle/Resources/translations/validators.ja.yml</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-6495402643ac4854253010-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-6495402643ac4854253010-1"><span class="crayon-i">src</span>/<span class="crayon-i">Application</span>/<span class="crayon-i">BackendBundle</span>/<span class="crayon-i">Resources</span>/<span class="crayon-i">translations</span>/<span class="crayon-i">validators</span><span class="crayon-e">.ja</span><span class="crayon-e">.yml</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>などです。</p>
<p>  拡張子の直前にあるドットで囲まれた文字列が<u>言語識別子</u>です。<br />
  日本語ならja, 英語ならen。</p>
<p>  以下のようにvalidators.ja.ymlでエラーを定義し</p>

		<div id="crayon-6495402643ad3884024846" 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;">
  consumer:
    password:
      not_blank: パスワードは必須入力です</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-6495402643ad3884024846-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad3884024846-2">2</div><div class="crayon-num" data-line="crayon-6495402643ad3884024846-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402643ad3884024846-1"><span class="crayon-h">&nbsp;&nbsp;</span>consumer<span class="">:</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643ad3884024846-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>password<span class="">:</span></div><div class="crayon-line" id="crayon-6495402643ad3884024846-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>not<span class="crayon-sy">_</span>blank<span class="">: パスワードは必須入力です</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  FormType側ではコロンとインデントで句切られた定義文字列を<br />
  ドットで以下のように渡せば言語ごとに上記の validators.{{ language code }}.yml を読み取ってくれます。</p>
<p></p>

		<div id="crayon-6495402643ad5252975328" 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">PHP</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;">
  // ja言語に設定
  $this-&gt;container-&gt;get('translator')-&gt;setLocale('ja');
  $_trans = $this-&gt;container-&gt;get('translator');
  if (empty($consumer-&gt;password)) {
      $form['password']-&gt;addError(new FormError($_trans-&gt;trans('consumer.password.not_blank')));
  }</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-6495402643ad5252975328-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad5252975328-2">2</div><div class="crayon-num" data-line="crayon-6495402643ad5252975328-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad5252975328-4">4</div><div class="crayon-num" data-line="crayon-6495402643ad5252975328-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad5252975328-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402643ad5252975328-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// ja言語に設定</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643ad5252975328-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$this</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">container</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">get</span><span class="crayon-sy">(</span><span class="crayon-s">'translator'</span><span class="crayon-sy">)</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">setLocale</span><span class="crayon-sy">(</span><span class="crayon-s">'ja'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402643ad5252975328-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$_trans</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-v">$this</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">container</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">get</span><span class="crayon-sy">(</span><span class="crayon-s">'translator'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643ad5252975328-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-k ">empty</span><span class="crayon-sy">(</span><span class="crayon-v">$consumer</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">password</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402643ad5252975328-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$form</span><span class="crayon-sy">[</span><span class="crayon-s">'password'</span><span class="crayon-sy">]</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">addError</span><span class="crayon-sy">(</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">FormError</span><span class="crayon-sy">(</span><span class="crayon-v">$_trans</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">trans</span><span class="crayon-sy">(</span><span class="crayon-s">'consumer.password.not_blank'</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 crayon-striped-line" id="crayon-6495402643ad5252975328-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  ラベルなどのバリデーション以外での翻訳は以下のようなファイルです</p>

		<div id="crayon-6495402643ad6065784711" 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;">
src/Application/BackendBundle/Resources/translations/messages.ja.yml</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-6495402643ad6065784711-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-6495402643ad6065784711-1"><span class="crayon-i">src</span>/<span class="crayon-i">Application</span>/<span class="crayon-i">BackendBundle</span>/<span class="crayon-i">Resources</span>/<span class="crayon-i">translations</span>/<span class="crayon-i">messages</span><span class="crayon-e">.ja</span><span class="crayon-e">.yml</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>※ アクティブなBundleや読み込んでいるリソースによって {{ Application/BackendBundle }} 部分は都度変わることあり。</p>
<p>  使用方法は validators と同じです。</p>
<p>  テンプレート(twig)側では</p>

		<div id="crayon-6495402643ad7794125988" 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">PHP</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;">
  {{ consumer.password.not_blank | trans }}</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-6495402643ad7794125988-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-6495402643ad7794125988-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">{</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-i">consumer</span><span class="crayon-sy">.</span><span class="crayon-i">password</span><span class="crayon-sy">.</span><span class="crayon-i">not_blank</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">trans</span><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のように記述すれば同様の言語毎の翻訳文字列が取得可能です。</p></div>

Symfonyでの国際化(i18n)対応

<p>最近何かと話題の「君の名は。」ですが、観た方の多くが口にする言葉は「映像がきれい」です。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/k4xGqY5IDBE?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>私はまだ本編は観てないのですが、予告編を観てみると、確かに今までにないような映像美です。それぞれのシーンに立体感があり、差し込む光も緻密かつ美しく表現されています。映像に携わっている人間としては、こういう美しい背景やシーンはどうしたら再現できるのか？という探求心を強く持ってしまいます。</p>
<p>あくまで私個人の予測ですが、劇中で美しく描かれる光についてはafter effectsのレンズフレアエフェクトのようなものを使って編集しているのではないかなと思います。</p>
<p>実際に「君の名は。」を制作したチームがどのように作っているかは正直わかりませんがafter effectsのレンズフレアエフェクトで近い表現が可能です。</p>
<h2>そもそもレンズフレアってなに？</h2>
<p><a href="/uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11944" src="/uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s.jpg" alt="e69794600596b721f61ab8b7d825cf40_s" width="640" height="480" srcset="/uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s.jpg 640w, /uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s-300x225.jpg 300w, /uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上の写真を見て頂ければ、すぐにわかると思うのですがレンズフレアとは</p>
<blockquote><p>極めて明るい光源が<b>レンズ</b>に向けて当てられている時や、画角内に極めて明るい光源が存在する場合に生じる、暗部への光の漏れ</p></blockquote>
<p>ちょっと堅苦しい説明ですが、つまりは太陽から左下へ伸びているのがレンズフレアです。</p>
<h2>レンズフレアエフェクト</h2>
<p>レンズフレアのエフェクトはその名の通り、レンズフレアを作る事もできますし、それ自体を光源として表現したり、何かに反射した光として表現したりと使い方次第で色々なものを表現できます。</p>
<p>after effectsには標準でレンズフレアのエフェクトが入っています。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/zUqRXjDEvfE?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>プラグインをご紹介</h2>
<p>標準エフェクトだけでもいろいろできるのですが、「君の名は。」のように繊細な表現はプラグインの力を借りる必要があると思います。</p>
<h4>Knoll Light Factory 3</h4>
<p><iframe loading="lazy" src="https://player.vimeo.com/video/45163455" width="500" height="281" frameborder="0" title="Knoll Light Factory 3" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p><a href="http://www.flashbackj.com/red_giant/knoll_light_factory/">http://www.flashbackj.com/red_giant/knoll_light_factory/</a></p>
<h4>Optical Flares</h4>
<p><iframe loading="lazy" src="https://player.vimeo.com/video/24150902" width="480" height="272" frameborder="0" title="光学レンズをリアルにシミュレートするレンズフレア作成プラグイン：Optical Flares" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p><a href="http://www.cvalley.co.jp/ae_plugin/video_copilot/optical_flares/index.html">http://www.cvalley.co.jp/ae_plugin/video_copilot/optical_flares/index.html</a></p>
<h4>Frischluft Flair for AE</h4>
<p><iframe loading="lazy" src="https://player.vimeo.com/video/105528936" width="500" height="281" frameborder="0" title="Frischluft Flair for AE" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p><a href="http://www.flashbackj.com/frischluft/flair/">http://www.flashbackj.com/frischluft/flair/</a></p>
<h4>Light Leaks</h4>
<p>これはちょっと用途が違いますが雰囲気は作れます。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/79sEBERaPoc?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><a href="http://www.flashbackj.com/luca_visual_fx/light_leaks/">http://www.flashbackj.com/luca_visual_fx/light_leaks/</a></p>


small_e69794600596b721f61ab8b7d825cf40_s.jpg

thumbnail_e69794600596b721f61ab8b7d825cf40_s.jpg

e69794600596b721f61ab8b7d825cf40_s.jpg

「君の名は。」みたいな映像が作れるかも!? レンズフレアプラグインまとめ

<p>auditionCS5まではResource Centralというウインドウがあって、メディアブラウザのように効果音やループのBGMをタイムライン上にもってこれたようですがCS6からは無くなってしまいました。</p>
<p>Resource Centralについてはこちらの動画が良くわかります。</p>
<p><a href="http://tv.adobe.com/jp/watch/learn-premiere-pro-cs5/10436/">http://tv.adobe.com/jp/watch/learn-premiere-pro-cs5/10436/</a></p>
<p>adobe CCからauditionを使い始めたので、そもそもResource Centralなんてものがある事は知らなかったのですが、音源のファイルはadobeからダウンロードして使用する事ができます。</p>
<p><a href="/uploads-archive/2016/09/1.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11937" src="/uploads-archive/2016/09/1.gif" alt="1" width="510" height="348" /></a></p>
<p>auditionのヘルプから「サウンドエフェクトなどをダウンロード」をクリックするとこんなページが開きます。</p>
<p><a href="/uploads-archive/2016/09/2.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11938" src="/uploads-archive/2016/09/2.gif" alt="2" width="640" height="382" /></a></p>
<p>ここから、そうとうな数の音源をダウンロードできます。ファイルを整理して置いておけばメディアブラウザからResource Centralのように使用できます。</p>
<p>使用するには</p>


adobe Auditionから効果音やBGMがダウンロードできる

サーバー監視ツールの導入

<p>DHCが豌豆公主(ワンドウ)を使って中国で越境ECを始めるというニュースが出ていた。</p>
<p><a href="http://ascii.jp/elem/000/001/223/1223439/" target="_blank">http://ascii.jp/elem/000/001/223/1223439/</a></p>
<p>中国越境ECアプリといえば、昨年時点だと豌豆公主と2強な雰囲気であったと個人的には思っているが、最近はbolomeの方が有名な気がする。</p>
<p>今後は豌豆公主も巻き返してきそうな感じがしてきたので、今一度豌豆公主について調べてみた。</p>
<p>豌豆公主は中国女性の富裕層をターゲットにしており、日本の化粧品や美容品を主に販売している。</p>
<p>企業との独占販売契約を推し進めているようで、独占販売している商品については在庫を持って販売しているようだ。それ以外の商品については注文ごとに日本企業が豌豆公主の日本国内倉庫に個別納品するという仕組みで、この場合の費用は初期・月額は無料で、売れた時に20%+決済手数料3%のみだという。<br />
独占契約は花畑牧場など10社以上と締結している。</p>
<p>bolomeとの違いは、多数のブランド、商品を個別に丁寧に説明していることで、ライフスタイルの提案から行っていることのようだ。</p>
<p>日本の雑誌と商品レビューを連携して直接購入できることも特徴とのこと。</p>
<p>&nbsp;</p>
<p>個人的には利用することができないのでなんとも言えないが、アプリを触ってみる感じでは、bolomeはライブ中継など派手さというか勢いがある感じがあるが、豌豆公主はしっかりとブランドと提携して着実に売上を伸ばしてくれそうな印象を受ける。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>売上としては、bolomeのサービスインからわずか2ヶ月目でに2億円、6ヶ月で10億円という勢いには届いていない感じがするが、続々と日本の大手企業と提携を進めているようで、今後注目していきたい。</p>
<p>&nbsp;</p>


中国越境ECアプリ「豌豆公主」とは

<p>通常HTTPリクエストが行われる際に、ヘッダーの中にHTTP_ACCEPT_LANGUAGEが送信される。<br />
HTTP_ACCEPT_LANGUAGEの一覧には下記が参考になる。</p>
<p><a href="http://www.metamodpro.com/browser-language-codes">Web browser language identification codes</a></p>
<p>注意すべき点は、英語では、オーストラリア英語(en-au)、シンガポール英語(en-sg)など、中国語でも、台湾(zh-tw)、シンガポール(zh-sg)などといったように、細かく指定される点だろう。</p>
<p>webの設定言語を条件分岐する際は、IPかこのブラウザの設定言語が一般的ではないだろうか。</p>
<h2>参考</h2>
<p><a href="http://easyramble.com/get-language-setting-by-javascript.html">JavaScript でブラウザの言語設定を取得</a><br />
<a href="http://qiita.com/tadsan/items/24cf40f067295df2ffb8">Accept-Languageの実装例</a><br />
<a href="http://testpage.jp/m/tool/ua.php">ブラウザのユーザーエージェント・IPアドレスの確認</a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

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

2016/10/12

2016/10/12

2016/10/12

2016/10/11

2016/10/05

2016/10/05

2016/09/28

2016/09/28

2016/09/28

2016/09/21

2016/09/21

2016/09/14

2016/09/14

2016/09/13

2016/09/09

2016/09/07

2016/09/06

2016/08/31