<p>webの開発をしているとキャッシュを消す必要がある時があります。</p>
<p>今まではまるごとキャッシュを削除してたので、関係ないサイトのキャッシュも消えちゃって気分的に削除するのは嫌だったのですが、サイト毎に削除できるということを知りました。</p>
<p>主にChromeを使っているのでChromeのみの話になります。<br />
そしてmacでの話になります。</p>
<p>２つ方法があります。<br />
・設定から消す<br />
・リロードボタンで消す</p>
<p>まずは、設定から消す方法を説明します。</p>
<h2>設定から消す</h2>
<h3>1.設定を開く</h3>
<p>Chromeブラウザの右上のメニューから「設定」を開きます。</p>
<h3>2.詳細設定を表示&#8230;をクリック</h3>
<p>設定を開くと下の方に以下のように「詳細設定を表示&#8230;」があるのでそちらをクリック<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2016/10/622b9bac575def77ca6bc87c297a0962.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-10-11-17-27-38" width="662" height="116" class="alignnone size-full wp-image-12207" srcset="/uploads-archive/2016/10/622b9bac575def77ca6bc87c297a0962.png 662w, /uploads-archive/2016/10/622b9bac575def77ca6bc87c297a0962-300x53.png 300w, /uploads-archive/2016/10/622b9bac575def77ca6bc87c297a0962-228x40.png 228w" sizes="(max-width: 662px) 100vw, 662px" /></p>
<h3>3.プライバシーの「コンテンツの設定&#8230;」をクリック</h3>
<p>「詳細設定を表示&#8230;」をクリックすると下に、以下のような画面が表示されます。<br />
そこで、「コンテンツの設定&#8230;」をクリックします。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/10/94eecc372ecfa6bb4acce11ca0f151b7.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-10-11-17-26-51" width="639" height="387" class="alignnone size-full wp-image-12208" srcset="/uploads-archive/2016/10/94eecc372ecfa6bb4acce11ca0f151b7.png 639w, /uploads-archive/2016/10/94eecc372ecfa6bb4acce11ca0f151b7-300x182.png 300w, /uploads-archive/2016/10/94eecc372ecfa6bb4acce11ca0f151b7-228x138.png 228w" sizes="(max-width: 639px) 100vw, 639px" /></p>
<h3>4.「すべてのCookieとサイト データ&#8230;」をクリック</h3>
<p>「コンテンツの設定&#8230;」をクリックすると、下記の画面がポップアップで表示されます。<br />
そのままの状態で「すべてのCookieとサイト データ&#8230;」のボタンをクリックします。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/10/70738debfb10272b0362430406dc4722.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-10-11-17-27-06" width="642" height="621" class="alignnone size-full wp-image-12210" srcset="/uploads-archive/2016/10/70738debfb10272b0362430406dc4722.png 642w, /uploads-archive/2016/10/70738debfb10272b0362430406dc4722-300x290.png 300w, /uploads-archive/2016/10/70738debfb10272b0362430406dc4722-228x221.png 228w" sizes="(max-width: 642px) 100vw, 642px" /></p>
<h3>5.Cookieとサイト データの画面で削除</h3>
<p>ボタンを押すと以下のようにドメインとデータの内容等が一覧で表示されます。<br />
（画像はfacebookで絞込をしています）</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/10/b7bc20079306efc3caf79e8bb27fa2d2.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-10-11-17-27-22" width="700" height="624" class="alignnone size-full wp-image-12211" srcset="/uploads-archive/2016/10/b7bc20079306efc3caf79e8bb27fa2d2.png 700w, /uploads-archive/2016/10/b7bc20079306efc3caf79e8bb27fa2d2-300x267.png 300w, /uploads-archive/2016/10/b7bc20079306efc3caf79e8bb27fa2d2-228x203.png 228w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>右上のinputに消したいサイトを記入すると検索することができます。</p>
<p>そして、削除したい箇所にホバーすると「✕」が表示されるのでクリックすると削除できます。</p>
<p>これでOKです！</p>
<p>サイト毎にできるのはいいですね！！</p>
<p>ただ、手順がちょっと多いので頻繁に消すような事になってしまう時は面倒くさいかもしれないですね！</p>
<h2>リロードボタンから消す</h2>
<p>こちらの方法はサイト毎なのか？ちゃんと消えてるのかっていうのがちょっと検証できていないのですが一応紹介します。（Cookieまでは消せない感じがします）</p>
<p>こちらはブラウザにあるリロードボタンを長押しすると以下のように表示されます。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/10/2016101810.png" alt="2016101810" width="312" height="119" class="alignnone size-full wp-image-12212" srcset="/uploads-archive/2016/10/2016101810.png 312w, /uploads-archive/2016/10/2016101810-300x114.png 300w, /uploads-archive/2016/10/2016101810-228x87.png 228w" sizes="(max-width: 312px) 100vw, 312px" /></p>
<p>ここで一番下の「キャッシュの消去とハード再読み込み」をクリックすればOKです。</p>
<p>ただし、長押ししてこのメニューが表示されるのには条件があります。</p>
<p>私自身最近まで長押しするとこのメニューが表示される時とされない時があり、どういう時に出てくるがわかっていませんでした。</p>
<p>ただ、気になって調べたらすぐわかりました笑</p>
<p>その条件とは、<strong>「デベロッパーツール」</strong>を開いている時になります。</p>
<p>「デベロッパーツール」の表示は、command + option + uか右クリックメニューの「検証」で表示できます。</p>
<p>こちらのほうが簡単でいいですね！</p>
<p>ただ、このやり方で消せない場合は最初の方法で削除する必要があるかと思います。</p>


Chromeでサイト毎にキャッシュやcookieを消す方法を今更知った

<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が会話をしてみる

<h2>
	弊社移転しました！<br />
</h2>
<p>
	事業拡大に伴い、事業所を移転いたしました。
</p>
<p>
	場所はこれまでと同じ高田馬場でして、「どれだけ高田馬場が好きなんだ」と思われそうですが、高田馬場はいいですよ、ランチも安いです。
</p>
<p>
	移転先は、3階建てのビルの地下と二階と三階と屋上を借りています。
</p>
<p>
	先日は屋上で、社内の人間たちだけで引っ越し記念BBQを行いましたが、開放感と自由度にあふれていて、いつもより盛り上がりました。
</p>
<p style="text-align: center;">
	<img decoding="async" loading="lazy" alt="r_dsc08138" class="aligncenter size-large wp-image-12155" height="479" src="/uploads-archive/2016/10/r_DSC08138-1024x684.jpg" style="" title="" width="717" srcset="/uploads-archive/2016/10/r_DSC08138-1024x684.jpg 1024w, /uploads-archive/2016/10/r_DSC08138-300x200.jpg 300w, /uploads-archive/2016/10/r_DSC08138-768x513.jpg 768w, /uploads-archive/2016/10/r_DSC08138-228x152.jpg 228w" sizes="(max-width: 717px) 100vw, 717px" /> <img decoding="async" loading="lazy" alt="r_dsc08127" class="aligncenter size-large wp-image-12153" height="479" src="/uploads-archive/2016/10/r_DSC08127-1024x684.jpg" style="" title="" width="717" srcset="/uploads-archive/2016/10/r_DSC08127-1024x684.jpg 1024w, /uploads-archive/2016/10/r_DSC08127-300x200.jpg 300w, /uploads-archive/2016/10/r_DSC08127-768x513.jpg 768w, /uploads-archive/2016/10/r_DSC08127-228x152.jpg 228w" sizes="(max-width: 717px) 100vw, 717px" /> <img decoding="async" loading="lazy" alt="r_dsc08128" class="aligncenter size-large wp-image-12154" height="479" src="/uploads-archive/2016/10/r_DSC08128-1024x684.jpg" style="" title="" width="717" srcset="/uploads-archive/2016/10/r_DSC08128-1024x684.jpg 1024w, /uploads-archive/2016/10/r_DSC08128-300x200.jpg 300w, /uploads-archive/2016/10/r_DSC08128-768x513.jpg 768w, /uploads-archive/2016/10/r_DSC08128-228x152.jpg 228w" sizes="(max-width: 717px) 100vw, 717px" /> <img decoding="async" loading="lazy" alt="r_dsc08155" class="aligncenter size-large wp-image-12157" height="479" src="/uploads-archive/2016/10/r_DSC08155-1024x684.jpg" style="" title="" width="717" srcset="/uploads-archive/2016/10/r_DSC08155-1024x684.jpg 1024w, /uploads-archive/2016/10/r_DSC08155-300x200.jpg 300w, /uploads-archive/2016/10/r_DSC08155-768x513.jpg 768w, /uploads-archive/2016/10/r_DSC08155-228x152.jpg 228w" sizes="(max-width: 717px) 100vw, 717px" />
</p>
<h2>
	引っ越しパーティのお知らせ<br />
</h2>
<p>
	こいつら、ものすごいパーティーピーポーだなと思いましたか？
</p>
<p>
	<strong>全然そんなことないですよ！</strong>
</p>
<p>
	<strong>安心してください！</strong>
</p>
<p>
	&nbsp;
</p>
<p>
	さて、そんなこんなで、会社移転のご報告を兼ねまして、 日頃お世話になっている皆様を新オフィスにご招待する会を開きたいと思っています。
</p>
<p>
	写真にあるように屋上で、BBQや軽食、お酒を用意してお待ちしています。
</p>
<p>
	弊社がお世話になっている方たちと言っても、たくさんいらっしゃいますし、脈絡なくお呼びしても混乱すると思いますので
</p>
<p>
	今回は越境EC関係でご協力いただいている方たちをお呼びしたいと思っております。
</p>
<p>
	越境ECには、マーケティングや流通やコンサル、出店代行、決済など様々なプレイヤーがいますが、それらの方たちが一同に集まり、情報交換をし、ともに日本の越境ECを盛り上げていけるきっかけになれば幸いです。
</p>
<p>
	といっても、気楽な集まりなので、気楽な気持ちでふらりと参加して、肉を食べてビールを飲んでいっていただければと思います！入退場自由です！
</p>
<h2>詳細</h2>
<h4>
	とき<br />
</h4>
<p>
	11月16日（水）18：00～
</p>
<h4>
	ところ<br />
</h4>
<p>
	弊社屋上（雨天の場合は地下イベントスペース）<br />
東京都豊島区高田3丁目9&minus;7　ダイワビル<br />
<a href="https://www.google.co.jp/maps/place/%E3%80%92171-0033+%E6%9D%B1%E4%BA%AC%E9%83%BD%E8%B1%8A%E5%B3%B6%E5%8C%BA%E9%AB%98%E7%94%B0%EF%BC%93%E4%B8%81%E7%9B%AE%EF%BC%99%E2%88%92%EF%BC%97/@35.7145879,139.705076,18z/data=!4m5!3m4!1s0x60188d392a26603d:0xeea611bdd8dbe5de!8m2!3d35.7145879!4d139.7061703">アクセス</a>
</p>
<h4>
	参加費<br />
</h4>
<p>
	無料　※手ぶらでお越しください！
</p>
<h4>
	お問い合わせ<br />
</h4>
<p>
	関係各社には私どもから個別にご連絡いたしますが、もし漏れがありましたら申し訳ありません！<br />
こちらに直接ご連絡いただければ幸いです。<br />
info@sterfield.co.jp</p>


引っ越しパーティを行います

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

<p>レスポンシブデザインでは、<br />
PC、タブレット、スマホそれぞれに合わせて、フォントサイズを変更するということが多いと思います。</p>
<p>その際、タイトルなどのアイコンを、<br />
CSSでのアイコンの大きさや背景画像などをpxによって行っていた場合、<br />
フォントサイズごとに指定の変更を行う必要が出てきます。</p>
<p>私はずっとそうしてきたのですが、<br />
そうすると、アイコンが追加になったり、変更になった場合に、多くのCSSコードを追加・変更しなければならなくなるため、<br />
非常に面倒なことになります。</p>
<p>しかし、以下のサイトで、</p>
<p><a class="link" href="http://coliss.com/articles/build-websites/operation/css/resizeable-components-with-relative-units.html" target="_blank" rel="noopener">CSSの単位（em, rem）を使った、これから取り入れていきたい実装テクニックのまとめ | コリス</a></p>
<p>CSSでの単位として、emを積極的に使うことで、<br />
問題が解決されることを知りましたので、試しにやってみました。</p>
<p><a class="demo" href="/demo/ninomiya/121/">DEMO</a></p>
<h2>例</h2>
<p></p>

		<div id="crayon-649540264504a425741992" 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;">
h2::before {
  content: "";
  display: inline-block;
  width: 1.333333em;
  height: 1.333333em;
  margin-right: 0.5em;
  background-image: url(images/icons.png);
  background-size: 10.416667em auto;
  vertical-align: middle;
}
.ttl-chat::before {
  background-position: 0 0;
}
.ttl-pc::before {
  background-position: -1.458333em 0;
}
.ttl-sp::before {
  background-position: -2.916667em 0;
}
.ttl-calender::before {
  background-position: -4.375em 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-649540264504a425741992-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-2">2</div><div class="crayon-num" data-line="crayon-649540264504a425741992-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-4">4</div><div class="crayon-num" data-line="crayon-649540264504a425741992-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-6">6</div><div class="crayon-num" data-line="crayon-649540264504a425741992-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-8">8</div><div class="crayon-num" data-line="crayon-649540264504a425741992-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-10">10</div><div class="crayon-num" data-line="crayon-649540264504a425741992-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-12">12</div><div class="crayon-num" data-line="crayon-649540264504a425741992-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-14">14</div><div class="crayon-num" data-line="crayon-649540264504a425741992-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-16">16</div><div class="crayon-num" data-line="crayon-649540264504a425741992-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-18">18</div><div class="crayon-num" data-line="crayon-649540264504a425741992-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-20">20</div><div class="crayon-num" data-line="crayon-649540264504a425741992-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264504a425741992-22">22</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-649540264504a425741992-1"><span class="crayon-i">h2</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">before</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">content</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">""</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264504a425741992-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">display</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">inline</span>-<span class="crayon-i">block</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">1.333333em</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264504a425741992-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">1.333333em</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">margin</span>-<span class="crayon-i">right</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">0.5em</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264504a425741992-7"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">background</span>-<span class="crayon-i">image</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">url</span><span class="crayon-sy">(</span><span class="crayon-i">images</span>/<span class="crayon-i">icons</span><span class="crayon-sy">.</span><span class="crayon-i">png</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-8"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">background</span>-<span class="crayon-i">size</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">10.416667em</span><span class="crayon-h"> </span><span class="crayon-i">auto</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264504a425741992-9"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">vertical</span>-<span class="crayon-i">align</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">middle</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-10"><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540264504a425741992-11"><span class="crayon-sy">.</span><span class="crayon-i">ttl</span>-<span class="crayon-i">chat</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">before</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-12"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">background</span>-<span class="crayon-i">position</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264504a425741992-13"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-14"><span class="crayon-sy">.</span><span class="crayon-i">ttl</span>-<span class="crayon-i">pc</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">before</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264504a425741992-15"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">background</span>-<span class="crayon-i">position</span><span class="crayon-sy">:</span><span class="crayon-h"> </span>-<span class="crayon-cn">1.458333em</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-16"><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540264504a425741992-17"><span class="crayon-sy">.</span><span class="crayon-i">ttl</span>-<span class="crayon-i">sp</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">before</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-18"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">background</span>-<span class="crayon-i">position</span><span class="crayon-sy">:</span><span class="crayon-h"> </span>-<span class="crayon-cn">2.916667em</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264504a425741992-19"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-20"><span class="crayon-sy">.</span><span class="crayon-i">ttl</span>-<span class="crayon-i">calender</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">before</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540264504a425741992-21"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">background</span>-<span class="crayon-i">position</span><span class="crayon-sy">:</span><span class="crayon-h"> </span>-<span class="crayon-cn">4.375em</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264504a425741992-22"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>今回の例では、</p>
<ol>
<li>width, height</li>
<li>background-size</li>
<li>background-position</li>
</ol>
<p>について、emを使った指定を行ってみました。</p>
<p>設定するときは、pxをemへ置き換えるための計算をしなくていはいけないので、若干手間のように感じますが、<br />
一つ設定してしまえば、あとは、font-sizeごとに設定する必要が無いため、<br />
全体としては手間を減らすことができました。</p>
<p>注意点としては、emで指定する場合、小数点6桁くらいまでは指定しないと、微妙にずれてしまうことがあるようです。</p>
<p>今後はこの方法を使っていきたいと思います。</p>
<p>&nbsp;</p>
<h3>追記(2019.09.10)：</h3>
<p><a href="https://launchcart.jp/blog/img%e3%82%bf%e3%82%b0%e3%81%a7%e8%aa%ad%e3%81%bf%e8%be%bc%e3%82%93%e3%81%a01%e3%81%a4%e3%81%aesvg%e7%94%bb%e5%83%8f%e3%82%92id%e3%81%a7%e5%87%ba%e3%81%97%e5%88%86%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/" target="_blank" rel="noopener">1つのSVGでアイコンを出し分ける方法</a>を紹介しました</p>

【CSS】レスポンシブでは画像を使ったアイコンの指定をemで行う

<p>
	中国語では双十一、日本ではダブルイレブン(W11)、独身の日、シングルデイなどと呼ばれている、 11月11日に行われる世界最大のECの販促イベント。
</p>
<p>
	アリババグループが2009年から行っている。
</p>
<p>
	昨年は11月11日の1日で912億元（約1兆6,000億円）を売り上げたことで世界的なニュースになった。
</p>
<p>
	楽天の2015年1年間の流通総額(トラベル含む)は約2兆7,000億円であり、1日で約60%を売り上げた計算になる。
</p>
<p>
	&nbsp;
</p>
<p>
	年々規模が拡大しており、2016年は1000億元を超えることは間違いないだろうとされている。
</p>
<p>
	アリババグループでは、淘宝網又は天猫に出店する店舗がエントリーする形をとっており、今年も前年以上の参加が予想されているようだ。
</p>
<p>
	以下の図は売り上げの推移で単位は億元。
</p>
<p>
	&nbsp;
</p>
<p>
	<img decoding="async" loading="lazy" alt="graph" class="aligncenter size-full wp-image-12131" height="327" src="/uploads-archive/2016/10/graph.jpg" width="513" srcset="/uploads-archive/2016/10/graph.jpg 513w, /uploads-archive/2016/10/graph-300x191.jpg 300w, /uploads-archive/2016/10/graph-228x145.jpg 228w" sizes="(max-width: 513px) 100vw, 513px" />
</p>
<p>
	&nbsp;
</p>
<p>
	ちなみにこちらは2015年の双十一でのカテゴリ別売り上げ各5位。
</p>
<p>
	http://img.socialbeta.com/upload/2-1447309522.jpg 日本企業だと、ユニクロ(优衣库)が女性・男性服で1位、マタニティで5位と最も目立った活躍をしている。
</p>
<p>
	前回以降でイオンなど大型店舗が開店しているので期待したい。
</p>
<p>
	全体の規模として、前回を上回るという予想の方が多いようだが、一方でいろいろな問題も指摘されてきているようだ。
</p>
<p>
	全て聞いた話だが、以下のような問題があるそうだ。
</p>
<p>
	&#8211; 予想以上に売れたため在庫が無くなり翌年忘れた頃に届いた
</p>
<p>
	&#8211; 直前に価格を引き上げておいて値引率を実際よりも大きく見せる
</p>
<p>
	&#8211; 配送業者が対応できず管理しきれない(紛失、遅延、倉庫不足等)
</p>
<p>
	&#8211; トイレットペーパーを10年分買ってしまって置く場所が無い
</p>
<p>
	&nbsp;
</p>
<p>
	あとちょうど1ヶ月となったので各社の動向に注目していきたい</p>


【双十一】ダブルイレブンとは?

<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

<p>ビジネスフレームワークの更新です。</p>
<p>ダウンロードして下さいとファイル名に明記しているのですが、共有のリクエストが今でも来るのでそこそこ見られているんだな〜と思いながら、まだまだ、6つしか掲載していないので数を増やしていきます。</p>
<p>自分で作るといいですね。</p>
<p>さらっと読んだだけですと、自分の引出しの中に入れることが難しい、いざという時にすぐに取り出しにくいのですが、シートを作りながら理解を深めていくので、記憶への残りかたが全く異なります。</p>
<p>今回も自社への分析を併記しております。</p>
<h2>VRIO分析</h2>
<p>企業の経営資源を分析する際に利用するフレームワーク</p>
<p>	</p>
<h3>価値(Value)</h3>
<p>顧客に価値をもたらすかどうか。</p>
<p>当社の越境ECカートシステム「Launch Cart」であれば、昨今注目されるクロスボーダーEコマース取引の中で更に中国に特化しているという価値がある。これが、国内のみ対応のECカートシステムであれば、価値自体は十分にあると考えられるものの次に続く、希少性、模倣可能性といったところで既に競合他社が先行しているため、価値が薄くなると考えられる。</p>
<p>	</p>
<h3>希少性(Rareness)</h3>
<p>莫大な投資が必要といった理由で競合他社が少ないかどうか。</p>
<p>当社でいえば、中国に特化したカートシステムを提供している会社は現時点で少ない。これは、中国での主流な決済が直近まで解放されていなかったため。今後という意味での希少性は希薄化される。</p>
<p>	</p>
<h3>模倣可能性(Imitability)</h3>
<p>特許や特殊な技術が必要といった理由で模倣が出来るかどうか。</p>
<p>当社のカートシステムのプログラムのみであれば、模倣は容易。しかしながら、自社サイトやモール内店舗を同時に運営し、国内及び中国での販売ノウハウを有している強みは模倣が難しいと思われる。</p>
<p>	</p>
<h3>組織(Organization)</h3>
<p>経営資源を最適化するための組織体制が整っているか。</p>
<p>国内外それぞれでの販売、クライアントサイトを一気通貫で制作出来る体制があるが、競合他社を凌ぐスピードが必要なため、資源の増強が不可欠。</p>
<h2>ダウンロードリンク</h2>
<p><a href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=662362777" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>
<h2>まとめ</h2>
<p>会社全体の事業でも考えてもよいし、事業単位、チーム単位で考えても応用が効くと思われるので有効活用していきたいフレームワーク。</p>

経営資源の「VRIO分析」Googleスプレッドシート

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

<p>台東区で高齢者施設や児童館を運営している台東区社会福祉事業団が今年30週年を迎え、台東区長なども出席する式典が行われました。</p>
<p>弊社はこの式典に合わせて、記念動画や冊子、ロゴマークなどの制作を依頼いただいており、その関係で式典にも出席させていただきました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12075" src="/uploads-archive/2016/09/IMG_0684-300x225.jpg" alt="img_0684" width="600" height="450" srcset="/uploads-archive/2016/09/IMG_0684-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0684-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0684-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0684-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>台東区の花である朝顔の上に老人と子供を描いたロゴマーク。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12079" src="/uploads-archive/2016/09/IMG_0679-300x225.jpg" alt="img_0679" width="600" height="450" srcset="/uploads-archive/2016/09/IMG_0679-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0679-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0679-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0679-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>30周年記念動画。ご高評いただきました。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12080" src="/uploads-archive/2016/09/IMG_0677-300x225.jpg" alt="img_0677" width="600" height="450" srcset="/uploads-archive/2016/09/IMG_0677-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0677-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0677-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0677-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>区長を始め、議員の方や地域の要職にある方が大勢出席していました。</p>
<p>その他にも、事業団を支える街の方もたくさんいらっしゃっていました。</p>
<p>私は本来末席に座るべきでしたが、席が空いていなかったため、前列の真ん中のほうの席に座ってしまいました。</p>
<p>&nbsp;</p>
<p>台東区の福祉を支える事業団が、これからも40年、50年と歴史を刻んでいくことを祈念いたします。</p>


台東区社会福祉事業団30周年記念式典に参加してきました

<p>コンペナビが企画、運営をしました神奈川県小田原市様の「小田原PR動画コンテスト」のクロージング・セレモニーが行われました。</p>
<p>7月1日から動画の募集を始め、8月31日で一旦締め切り。</p>
<p>その後、9月1日から9月25日は一般投票が行えるようにして、お気に入りの動画に投票をしてもらえるシステムでした。</p>
<p>一般投票の結果をふまえて審査員による最終審査を行い、10月2日に小田原ダイナシティのキャナルステージで表彰式を行いました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12112" src="/uploads-archive/2016/10/IMG_0795-1024x768.jpg" alt="img_0795" width="600" height="450" srcset="/uploads-archive/2016/10/IMG_0795-1024x768.jpg 1024w, /uploads-archive/2016/10/IMG_0795-300x225.jpg 300w, /uploads-archive/2016/10/IMG_0795-768x576.jpg 768w, /uploads-archive/2016/10/IMG_0795-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>今回のコンテストは、故・阿藤快さんが去年まで実行委員長を務めていた小田原映画祭とのコラボ企画だったので、表彰式も合同でした。</p>
<p>映画ファンや、関係者、地元メディアなど多くの方が詰めかけていました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12110" src="/uploads-archive/2016/10/IMG_0811-1024x768.jpg" alt="img_0811" width="600" height="450" srcset="/uploads-archive/2016/10/IMG_0811-1024x768.jpg 1024w, /uploads-archive/2016/10/IMG_0811-300x225.jpg 300w, /uploads-archive/2016/10/IMG_0811-768x576.jpg 768w, /uploads-archive/2016/10/IMG_0811-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>コンテストのグランプリ、準グランプリの方たちです。</p>
<p>ショート部門グランプリはなんと地元の高校に通う18歳の女性。</p>
<p>「これまで放送部で動画制作をしていましたが、小田原でコンテストがあると知って、地元の良さを伝える動画を撮りたいと思い参加しました。まさか私がグランプリなんて信じられません。これからも映像を撮っていきたいです」</p>
<p>とインタビューに答えてくださいました。</p>
<p>&nbsp;</p>
<p>コンテスト動画は訴求力、拡散力はあるものの、撮影が大変なためなかなか応募数が集まらない傾向にあります。</p>
<p>今回は全国の300以上の高校、大学にちらしとポスターを配布することより、応募数の半数以上が学生のかたによるものでした。</p>
<p>応募された作品は、今後小田原市の広報に広く使われることになっています。</p>
<p>若い人が考える「小田原の魅力」が広く拡散することを願います。</p>
<p>&nbsp;</p>
<p>応募作品はこちらから見れます！</p>
<p><a href="http://odawara-prmovie.com/">http://odawara-prmovie.com/</a></p>
<p>&nbsp;</p>
<p>すごい蛇足ですが、セレモニーに参加する前に小田原城にも行ってきました。</p>
<p>10月1日にリニューアルされたそうで、すごい賑わいでしたよ！</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12109" src="/uploads-archive/2016/10/IMG_0817-1024x768.jpg" alt="img_0817" width="600" height="450" srcset="/uploads-archive/2016/10/IMG_0817-1024x768.jpg 1024w, /uploads-archive/2016/10/IMG_0817-300x225.jpg 300w, /uploads-archive/2016/10/IMG_0817-768x576.jpg 768w, /uploads-archive/2016/10/IMG_0817-228x171.jpg 228w, /uploads-archive/2016/10/IMG_0817.jpg 1280w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>城にモロ被りした家族写真。</p>


小田原PR動画コンテスト　無事エンドロール！

<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>


WechatPayを使ってみたい！日本で使える店を調べてみた

<p>たまにはミャンマーのことも触れたいなと、そこそこ大きめなミャンマーニュースが続いたのでご紹介です。</p>
<h2>ヤンゴン国際空港新ターミナルに12社</h2>
<p><a href="http://www.travelvision.jp/news/detail.php?id=74559" target="_blank">http://www.travelvision.jp/news/detail.php?id=74559</a></p>
<p>こちらの記事によると、2016年6月28日にソフトオープンした、ヤンゴン国際空港の新ターミナルに新たに乗り入れる航空会社が9社増えて12社になったとのこと。</p>
<p>私が訪緬した7月には既にオープンしていたが、まだ閑散としていて、まだ準備中なのかと思ったほどだったが、店舗も今後増えていくようで、利用してみたいところだが、唯一直通便があるANAは未だに旧ターミナルのようで、タイ経由のエアアジアなど利用しなければならないようである。</p>
<h2>イオン開業</h2>
<p><a href="http://www.aeon.info/news/2016_2/pdf/160929R_3.pdf" target="_blank">http://www.aeon.info/news/2016_2/pdf/160929R_3.pdf</a></p>
<p>続々とミャンマーに外資系企業が参入していますが、イオンが出店してくれるのは嬉しいですね。地場のスーパーですと「city mart」というところが一強ですが、是非どんどん出店して欲しいですね。駐在日本人向けになるのでしょうか？</p>
<p>ダウンタウンからは1時間くらい掛かりそうな距離にあります。</p>
<p>PDFからの抜粋になりますが、海外店舗もマレーシアとタイを筆頭に数多いですね。</p>
<p>今回の地場企業との合弁も多いことがわかりました。</p>
<p style="text-align: right;">(2016年9月30日現在)</p>
<table>
<thead>
<tr>
<th>法人名</th>
<th>合計</th>
<th>GMS</th>
<th>SM</th>
<th>その他*1</th>
<th>HP*2</th>
<th>モール型 SC 運営数</th>
</tr>
</thead>
<tbody>
<tr>
<th>イオンマレーシア</th>
<td>80</td>
<td>32</td>
<td>3</td>
<td>45</td>
<td>&#8211;</td>
<td>24</td>
</tr>
<tr>
<th>イオンビッグマレーシア</th>
<td>25</td>
<td>&#8211;</td>
<td>2</td>
<td>&#8211;</td>
<td>23</td>
<td>1</td>
</tr>
<tr>
<th>イオンタイランド</th>
<td>77</td>
<td>&#8211;</td>
<td>77</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<th>イオンベトナム</th>
<td>4</td>
<td>4</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>4</td>
</tr>
<tr>
<th>イオンカンボジア</th>
<td>1</td>
<td>1</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>1</td>
</tr>
<tr>
<th>イオンインドネシア</th>
<td>1</td>
<td>1</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>1</td>
</tr>
<tr>
<th>AEON Citimart</th>
<td>31</td>
<td>&#8211;</td>
<td>31</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<th>AEON Fivimart</th>
<td>25</td>
<td>&#8211;</td>
<td>25</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<th rowspan="2">アセアン事業計</th>
<td>244</td>
<td>38</td>
<td>138</td>
<td>45</td>
<td>23</td>
<td colspan="7">31</td>
</tr>
</tbody>
</table>


ミャンマーに新ターミナルとイオンが開業

<p>ネットショップの運営をしていると、注文番号や送り状番号などをコピーして管理画面で注文情報を検索するといった作業をよく行うと思います。</p>
<p>商品登録の際にも同じようにコピー&amp;ペーストを繰り返したりしますよね。実際、これが結構面倒くさい。</p>
<p>今回はそんな作業の効率を上げてくれるツールがあるのでご紹介させて頂きます、その名もClibor。</p>
<h2>Clibor クリップボードの履歴が表示される</h2>
<p><a href="/uploads-archive/2016/09/1-1.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12060" src="/uploads-archive/2016/09/1-1.gif" alt="1" width="255" height="100" /></a></p>
<p>どんなツールかというとコピーした履歴が表示されて、ペーストする内容をその中から選択する事ができます。</p>
<p>使い方としてはCliborを立ち上げておき、コピーをします。そしてCtrlを２回押すとクリップボートの履歴が表示されます、該当する内容を選択して後はペーストするだけです。</p>
<p>閉じる時はEscを押します。</p>
<p><a href="/uploads-archive/2016/09/2-1.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12084" src="/uploads-archive/2016/09/2-1.gif" alt="2" width="330" height="282" /></a></p>
<p>さらにクリップボード上で右クリックすれば内容を削除したりもできます。</p>
<p><a href="/uploads-archive/2016/09/3.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12086" src="/uploads-archive/2016/09/3.gif" alt="3" width="180" height="168" /></a></p>
<p>タスクバーから右クリックでCliborを終了できます。</p>
<p>ダウンロードは以下のＵＲＬから可能です。</p>
<p>http://forest.watch.impress.co.jp/library/software/clibor/</p>
<p>CliborはPCにインストールされずに、毎回exeファイルから起動するのでタスクバーなどに固定しておくと便利です。</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>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/10/18

2016/10/12

2016/10/12

2016/10/12

2016/10/12

2016/10/12

2016/10/12

2016/10/11

2016/10/11

2016/10/05

2016/10/05

2016/10/05

2016/10/05

2016/10/05

2016/10/05

2016/09/28

2016/09/28

2016/09/28