<p>ECの需要拡大によるREITの好調は以前の記事で紹介したが、</p>
<p>更なる需要拡大を見込んだ動きが最近増えてきているようなので、主要なニュースをまとめてみた。</p>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>会社名</th>
<th>情報</th>
</tr>
<tr>
<td>伊藤忠商事</td>
<td>3年で1000億円</td>
</tr>
<tr>
<td>住友商事</td>
<td>2015年までに500億円</p>
<p>中長期的に1000億円</td>
</tr>
<tr>
<td>三菱商事</td>
<td>REITを設立し2000億円運用</td>
</tr>
<tr>
<td>三井物産</td>
<td>REITを設立し2000億円運用</td>
</tr>
<tr>
<td>スクロール</td>
<td>化粧品および健康食品通販物流拠点に13億円</td>
</tr>
<tr>
<td>イー・ロジット</td>
<td>12,000坪の物流センター新設</td>
</tr>
<tr>
<td>丸紅</td>
<td>子会社統合し新会社</p>
<p>2018年度に売上500億、経常35億目指す</td>
</tr>
<tr>
<td>グローバル・ロジスティック・プロパティーズ</td>
<td>43,100平米の物流センター新設</td>
</tr>
<tr>
<td>リコーロジスティクス</td>
<td>49,878平米の物流センターを城南島に新設</td>
</tr>
<tr>
<td>アマゾン</td>
<td>200,000平米の物流センターを小田原に新設</td>
</tr>
<tr>
<td>良品計画</td>
<td>105,000平米139億円の物流センターを新設</td>
</tr>
</tbody>
</table>
<p>REIT、物流会社に続けて商社系の大きな資金が入ってくることで</p>
<p>ECにとってはサービス合戦が加速しそうだ。</p>
<p>大規模な物流センターが増えると、配送業者が多様化し、価格は下がるし配送スピードも増しそう。</p>
<p>関東であれば即日、などエリア限定での即日サービスは、配送センターを持っていないEC事業者でも近いうちにできるようになりそうだ</p>


【EC】国内の物流系の投資が活況

<p>HTML5のCanvasではCanvas以外のHTML要素とCSSだけではできないような、</p>
<p>複雑な効果を使ったアニメーションのビジュアルなども、Canvasに対応したブラウザであれば表示することができるというメリットがありますが、</p>
<p>それを実現するためには、高度なJavaScriptや画像処理の知識が必要であったりして、</p>
<p>実際に制作するには若干ハードルが高かったり、</p>
<p>制作のために多くのコードを書かなければならなかったりといった問題があります。</p>
<p>&nbsp;</p>
<p>CanvasなどのHTML5の技術をより扱いやすくするためのJavaScriptのライブラリの一つに、</p>
<p>Adobeの制作したCreateJSがありますが、</p>
<p>FlashのCS6ではFlash上で制作したアニメーションなどを、</p>
<p>CreateJSを使ったHTML5の形式で書き出す拡張機能があります。</p>
<p>さらにFlash CCでは、拡張機能ではなく、HTML5での書き出しを前提とした制作も可能になっているようです。</p>
<p>&nbsp;</p>
<p>この機能を使えば、Flashを通してより簡単にCanvasアニメーション等を制作することができます。</p>
<p>今回はこのFlash CS6で、実際にCanvasアニメーションを作ってみました。</p>
<p>&nbsp;</p>
<p>↓作ってみたもの</p>
<p><a class="demo" href="/demo/ninomiya/51/" target="_blank">DEMO</a></p>
<p>&nbsp;</p>
<h2>方法</h3>
<h3>1.Flash CS6に「Toolkit for CreateJS」が入っているか確認する。</h4>
<p>Flash CS6を最新の状態にアップデートしていれば、今回のHTML5の書き出しに必要な</p>
<p>「Toolkit for CreateJS」という拡張機能が入っているはずなのですが、</p>
<p>入っていない場合は↓<a href="http://www.adobe.com/jp/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html" target="_blank">こちら</a>よりダウンロードして拡張機能をインストールする必要があります。</p>
<p><a class="link" href="http://www.adobe.com/jp/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html" target="_blank">Flash Professional Toolkit for CreateJSの使用</a></p>
<p><a href="/uploads-archive/2014/09/ss01.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5775" src="/uploads-archive/2014/09/ss01-300x190.jpg" alt="ss01" width="300" height="190" srcset="/uploads-archive/2014/09/ss01-300x190.jpg 300w, /uploads-archive/2014/09/ss01-1024x651.jpg 1024w, /uploads-archive/2014/09/ss01-228x145.jpg 228w, /uploads-archive/2014/09/ss01.jpg 1380w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>「ウィンドウ」&gt;「Toolkit for CreateJS」</p>
<p>&nbsp;</p>
<h3>2.Flashアニメーションの制作</h4>
<p>Flash CS6でモーショントゥイーンやActionScript3などを駆使してFlashアニメーションを制作します。</p>
<p>今回DEMOで作ってみたのは、Canvasでないと再現が困難になる、パスのマスクを使ったアニメーションです。</p>
<p><a href="/uploads-archive/2014/09/ss02.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5776" src="/uploads-archive/2014/09/ss02-300x190.jpg" alt="ss02" width="300" height="190" srcset="/uploads-archive/2014/09/ss02-300x190.jpg 300w, /uploads-archive/2014/09/ss02-1024x651.jpg 1024w, /uploads-archive/2014/09/ss02-228x145.jpg 228w, /uploads-archive/2014/09/ss02.jpg 1380w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<h3>3.「Toolkit for CreateJS」でHTML5を書き出し</h4>
<p>「ウィンドウ」&gt;「Toolkit for CreateJS」でToolkit for CreateJSを開き、</p>
<p>パブリッシュをクリックして書き出します。</p>
<p>これで書き出しは完了です。</p>
<p><a href="/uploads-archive/2014/09/ss03.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5778" src="/uploads-archive/2014/09/ss03-300x190.jpg" alt="ss03" width="300" height="190" srcset="/uploads-archive/2014/09/ss03-300x190.jpg 300w, /uploads-archive/2014/09/ss03-1024x651.jpg 1024w, /uploads-archive/2014/09/ss03-228x145.jpg 228w, /uploads-archive/2014/09/ss03.jpg 1380w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Toolkit for CreateJS似寄る書き出しでは「ぼかし」などのフィルターに対応していなかったり、</p>
<p>半透明のマスクはActionScript3を理解していなければ制作ができなかったりするなど、新たな壁も見つかりましたが、</p>
<p>Canvas制作への道が少し開けたような気がします。</p>
<p>&nbsp;</p>


Flash CS6でHTML5のCanvasを書き出す方法

<p>久しぶりにEC-CUBEネタです。</p>
<p>いまさらですが、Bootstrapを勉強したいな〜と幅を広げる意味で漠然と考えていたのですが、なかなかそのきっかけを掴めず取り組んでいなかったのですが、よいものを見つけてしまいました。</p>
<p><a href="http://blog.nagaki.me/practice/released-eccube-bootstrap.html" target="_blank">http://blog.nagaki.me/practice/released-eccube-bootstrap.html</a></p>
<blockquote><p>EC CUBEのデフォルトテーマがイケてないし、イケる予定もなさそうだったので、 &gt;GitとかGitHubとかTwitterBootstrapとかHTML5の勉強も兼ねてテーマを作りました。</p></blockquote>
<p>作者の方の引用ですが、私はまだ、作って頂いたBootstrapのテンプレートを用いての勉強です。<br />
こういったアウトプットが出来るのってすごいなぁと思います。</p>
<p>ちなみに、作者様のサイトでは、</p>
<blockquote><p>使用出来るバージョンは2.12系です</p></blockquote>
<p>とありましたが、2.13系でも問題ありませんでした。</p>
<h2>設定方法</h3>
<p>まずは、こちらのテンプレートの適用の方法が通常とは違います。<br />
レスポンシブウェブデザインとなっておりますので、これもスマートフォン用のテンプレートを出力するデフォルトの仕様とは異なります。<br />
そして、SQLを操作する必要があります。ノンプラグラマの私はphpMyAdminでSQLを実行しましたが、そこら辺は割愛させていただきます。</p>
<h3>テンプレートのダウンロードとアップロード</h4>
<p><a href="https://github.com/nagaki/eccube-bootstrap" target="_blank">https://github.com/nagaki/eccube-bootstrap</a></p>
<p>解凍をすると<br />
data<br />
html<br />
というフォルダが存在します。</p>
<p>通常通りインストールしていれば、そのまま、ルートのディレクトリにアップをすれば問題ないのですが、私のデモ環境は階層を変えていたので、調整してアップします。</p>
<p>基本は、それぞれのデータを以下のディレクトリに格納して下さい。<br />
data\Smarty\templates\<br />
html\user_data\packages\bootstrap</p>
<h3>SQL文</h4>
<p>このままですと、アップロードしただけですので、EC-CUBEのデータベースにBootstrapのテンプレートを認識させるために、以下のSQLを流します。</p>

		<div id="crayon-649540157bd99804374418" 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;">
INSERT INTO dtb_templates VALUES ("bootstrap", 10, "bootstrap", now(), now());</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-649540157bd99804374418-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-649540157bd99804374418-1"><span class="crayon-e">INSERT </span><span class="crayon-e">INTO </span><span class="crayon-e">dtb_templates </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-s">"bootstrap"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">10</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"bootstrap"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">now</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">now</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>テンプレートの適用</h4>
<p><a href="/uploads-archive/2014/09/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5761" src="/uploads-archive/2014/09/screenshot-300x105.png" alt="screenshot" width="300" height="105" srcset="/uploads-archive/2014/09/screenshot-300x105.png 300w, /uploads-archive/2014/09/screenshot-1024x361.png 1024w, /uploads-archive/2014/09/screenshot-228x80.png 228w, /uploads-archive/2014/09/screenshot.png 1037w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>SQLをちゃんと適用すると上図のように、管理画面から選択が出来るようになります。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5762" src="/uploads-archive/2014/09/screenshot1-300x170.png" alt="screenshot" width="300" height="170" srcset="/uploads-archive/2014/09/screenshot1-300x170.png 300w, /uploads-archive/2014/09/screenshot1-228x129.png 228w, /uploads-archive/2014/09/screenshot1.png 979w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>適用するとこのデフォルト画面から</p>
<p><a href="/uploads-archive/2014/09/6e04f4c9acb4cb808d88c0909224dbac.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5763" src="/uploads-archive/2014/09/6e04f4c9acb4cb808d88c0909224dbac-259x300.png" alt="ECサイトのあれこれテストサイト 2014-09-03 15-18-54" width="259" height="300" srcset="/uploads-archive/2014/09/6e04f4c9acb4cb808d88c0909224dbac-259x300.png 259w, /uploads-archive/2014/09/6e04f4c9acb4cb808d88c0909224dbac-885x1024.png 885w, /uploads-archive/2014/09/6e04f4c9acb4cb808d88c0909224dbac-228x263.png 228w, /uploads-archive/2014/09/6e04f4c9acb4cb808d88c0909224dbac.png 1235w" sizes="(max-width: 259px) 100vw, 259px" /></a></p>
<p>スタイリッシュな画面になりました！</p>
<h3>スマートフォンテンプレートへも適用</h4>
<p>このままですとスマートフォンはまだデフォルトのテンプレートを表示してしまいますので、スマートフォンへもこのレスポンシブ対応したBootstrapのテンプレートを表示させるように致します。</p>
<p>こちらも引用となりますが、以下を削除もしくはコメントアウトをすると、スマートフォンの判定をせずにそのままPCのテンプレートを表示します。</p>
<blockquote><p>レスポンシブテーマなので、data/class/SC_Display.phpにあるスマートフォン判定のコードを削除することで使用できます。</p>
<p>// data/class/SC_Display.php:141<br />
function detectDevice() {<br />
$nu = new Net_UserAgent_Mobile();<br />
$su = new SC_SmartphoneUserAgent_Ex(); //削除<br />
if ($nu-&gt;isMobile()) {<br />
return DEVICE_TYPE_MOBILE;<br />
} elseif ($su-&gt;isSmartphone()) { //削除<br />
return DEVICE_TYPE_SMARTPHONE; //削除<br />
} else {<br />
return DEVICE_TYPE_PC;<br />
}<br />
}</p></blockquote>
<p><a href="/uploads-archive/2014/09/screenshot2.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5764" src="/uploads-archive/2014/09/screenshot2-201x300.png" alt="screenshot" width="201" height="300" srcset="/uploads-archive/2014/09/screenshot2-201x300.png 201w, /uploads-archive/2014/09/screenshot2-228x340.png 228w, /uploads-archive/2014/09/screenshot2.png 378w" sizes="(max-width: 201px) 100vw, 201px" /></a></p>
<h2>まとめ</h3>
<p>素晴らしいテンプレートを作ってくれた作者に感謝。</p>
<p>これを機にいろいろ触ってみたいと思います。</p>

EC-CUBEの無料Bootstrapテンプレート

<p>ネットで何かを買う時、店舗側がせっかく「翌日にお届け」としていても、帰宅する時間が遅いという理由で結局週末に配達指定をするなんて人は少なくないはず。そんな人には嬉しいサービスが楽天で始まりました。</p>
<p>その名も「<a href="http://event.rakuten.co.jp/r-box/">楽天ＢＯＸ</a>」、楽天市場で購入した商品を通勤や通学の途中で受け取れるというもの。駅などに設置されたコインロッカーの様なＢＯＸに商品が届き、購入時に送られるパスワードでロッカー開けて商品を受け取る事ができます。（参考：<a href="http://event.rakuten.co.jp/r-box/">http://event.rakuten.co.jp/r-box/</a>）</p>
<p>８月２８日からサービスがスタートし、現時点では西鉄天神大牟田線の西鉄福岡(天神)駅、薬院駅、大阪市営地下鉄なんば駅（予定？）で利用できるようです。</p>
<p>駅なので、もちろん２４時間利用できるわけではないですが福岡では５：３０～２３：３０<span style="color: #000000;">、大阪では５：１５～２４：１５と深夜まで大丈夫。</span></p>
<p><a href="/uploads-archive/2014/09/con03_map.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5752" src="/uploads-archive/2014/09/con03_map.jpg" alt="con03_map" width="707" height="305" srcset="/uploads-archive/2014/09/con03_map.jpg 950w, /uploads-archive/2014/09/con03_map-300x129.jpg 300w, /uploads-archive/2014/09/con03_map-228x98.jpg 228w" sizes="(max-width: 707px) 100vw, 707px" /></a></p>
<p>&nbsp;</p>
<p>利用の手順としては、楽天市場で商品を購入し配送方法を選ぶ際に「楽天ＢＯＸ」を選択。この時に受取で利用する楽天ＢＯＸも指定します。</p>
<p>その後メールでロッカーを開けるパスワードが送られてきて、好きな時間に楽天ＢＯＸに取りに行くという流れです。保管期間は３日間で、やはりサイズ制限があります。（大きい物は家まで配達してもらうと思いますが・・・）</p>
<p>本や小物を購入する時にはかなり使えそうな気がします。</p>
<p>現時点では代引きが使えず、冷蔵・冷凍の商品も利用不可との事です。とはいえ本格的に普及した場合は、代引き支払用の精算機がくっついたり、冷蔵庫っぽいのも出てくるはずです。</p>
<p>現時点では楽天のみのサービスですし、都内に存在しないので、類似したサービスが出てきそうな気がします。駅のすぐそばで荷物受取代行なんてビジネスもありかも、タバコ屋程度の敷地があればできそう。</p>


これなら受け取れる！深夜に帰宅する人に便利な楽天ＢＯＸ

<p>人気のプログラミング言語のランキングの記事を見て興味があったので書いてみました。</p>
<p>ランキングを発表しているところはいくつかありますが、今回は、TIOBE(オランダのTOIBE Software) と RedMonk(産業調査会社) のランキングになります。</p>
<p>&nbsp;</p>
<h5 id="smoothplay1-1">TIOBEによるランキング</h4>
<p>TIOBEによるランキングでは、Google、Bing、Wikipedia、Amazonなどの複数の検索エンジンで言語名で検索数を出し、エンジン毎に集計を行います。</p>
<table class="table table-striped table-top20">
<thead>
<tr>
<th style="font-size: 12px;">Programming Language</th>
<th style="font-size: 12px;">2014/8</th>
<th style="font-size: 12px;">2013/8</th>
<th style="font-size: 12px;">Ratings</th>
<th style="font-size: 12px;">Change</th>
</tr>
</thead>
<tbody>
<tr>
<td>C</td>
<td>1</td>
<td>2</td>
<td>16.401%</td>
<td>+0.43%</td>
</tr>
<tr>
<td>Java</td>
<td>2</td>
<td>1</td>
<td>14.984%</td>
<td>-0.99%</td>
</tr>
<tr>
<td>Objective-C</td>
<td>3</td>
<td>4</td>
<td>9.552%</td>
<td>+1.47%</td>
</tr>
<tr>
<td>C++</td>
<td>4</td>
<td>3</td>
<td>4.695%</td>
<td>-4.68%</td>
</tr>
<tr>
<td>Basic</td>
<td>5</td>
<td>7</td>
<td>3.635%</td>
<td>-0.24%</td>
</tr>
<tr>
<td>C#</td>
<td>6</td>
<td>6</td>
<td>3.409%</td>
<td>-2.71%</td>
</tr>
<tr>
<td>Python</td>
<td>7</td>
<td>8</td>
<td>3.121%</td>
<td>-0.48%</td>
</tr>
<tr>
<td>PHP</td>
<td>8</td>
<td>5</td>
<td>2.864%</td>
<td>-3.83%</td>
</tr>
<tr>
<td>Perl</td>
<td>9</td>
<td>11</td>
<td>2.218%</td>
<td>+0.18%</td>
</tr>
<tr>
<td>JavaScript</td>
<td>10</td>
<td>9</td>
<td>2.172%</td>
<td>+0.08%</td>
</tr>
<tr>
<td>Visual Basic</td>
<td>11</td>
<td>&#8211;</td>
<td>2.014%</td>
<td>+2.01%</td>
</tr>
<tr>
<td>Visual Basic .NET</td>
<td>12</td>
<td>13</td>
<td>1.310%</td>
<td>-0.01%</td>
</tr>
<tr>
<td>Ruby</td>
<td>13</td>
<td>10</td>
<td>1.242%</td>
<td>-0.83%</td>
</tr>
<tr>
<td>F#</td>
<td>14</td>
<td>23</td>
<td>1.096%</td>
<td>+0.56%</td>
</tr>
<tr>
<td>Pascal</td>
<td>15</td>
<td>18</td>
<td>1.044%</td>
<td>+0.42%</td>
</tr>
<tr>
<td>Transact-SQL</td>
<td>16</td>
<td>12</td>
<td>1.043%</td>
<td>-0.35%</td>
</tr>
<tr>
<td>ActionScript</td>
<td>17</td>
<td>38</td>
<td>1.001%</td>
<td>+0.69%</td>
</tr>
<tr>
<td>Delphi/Object Pascal</td>
<td>18</td>
<td>14</td>
<td>0.915%</td>
<td>-0.00%</td>
</tr>
<tr>
<td>Lisp</td>
<td>19</td>
<td>16</td>
<td>0.828%</td>
<td>+0.08%</td>
</tr>
<tr>
<td>PL/SQL</td>
<td>20</td>
<td>17</td>
<td>0.786%</td>
<td>+0.03%</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h5 id="smoothplay1-1">RedMonkによるランキング</h4>
<p>RedMonkによるランキングでは、TOIBEとは異なりオープンソースのプロジェクトホスティングサイトGitHubの利用実態と、プログラミングのQ&amp;AサイトStackOverflowにおける会話の動向を指標としてランキングを作成しています。</p>
<table class="table table-striped table-top20">
<thead>
<tr>
<th style="font-size: 12px;">Programming Language</th>
<th style="font-size: 12px;">2014/6</th>
<th style="font-size: 12px;">2013/6</th>
<th style="font-size: 12px;">Ratings</th>
<th style="font-size: 12px;">Change</th>
</tr>
</thead>
<tbody>
<tr>
<td>Java</td>
<td>1</td>
<td>1</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>JavaScript</td>
<td>2</td>
<td>2</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>PHP</td>
<td>3</td>
<td>3</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Python</td>
<td>4</td>
<td>4</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>C#</td>
<td>5</td>
<td>6</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>C++</td>
<td>6</td>
<td>7</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Ruby</td>
<td>7</td>
<td>5</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>CSS</td>
<td>8</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>C</td>
<td>9</td>
<td>8</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Objective-C</td>
<td>10</td>
<td>9</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Shell</td>
<td>11</td>
<td>10</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Perl</td>
<td>12</td>
<td>11</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>R</td>
<td>13</td>
<td>16</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Scala</td>
<td>14</td>
<td>12</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Haskell</td>
<td>15</td>
<td>14</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Matlab</td>
<td>16</td>
<td>19</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Visual Basic</td>
<td>17</td>
<td>20</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>CoffeeScript</td>
<td>18</td>
<td>17</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Clojure</td>
<td>19</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<td>Groovy</td>
<td>20</td>
<td>18</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>集計方法は各々異なりますが、上位にランクする言語はだいたい共通しているように思います。初めてプログラミング言語を学ばれる方や、新たに言語を学ばれる方など参考にしていただけたらと思います。</p>


プログラミング言語人気ランキング

OpenStreetMapを使ってみた

<p>ふだん、mysql内のプロセスの確認やステータスの確認は、下記コマンドで行えます。</p>

		<div id="crayon-649540157b961398731482" 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;">
mysql&gt; show processlist;</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-649540157b961398731482-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-649540157b961398731482-1"><span class="crayon-i">mysql</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">show </span><span class="crayon-i">processlist</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

		<div id="crayon-649540157b965821639616" 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;">
mysql&gt; show status \g</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-649540157b965821639616-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-649540157b965821639616-1"><span class="crayon-i">mysql</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">show </span><span class="crayon-i">status</span><span class="crayon-h"> </span><span class="crayon-sy">\</span><span class="crayon-i">g</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>また、mysqlサーバーのログは、/var/log/mysqld.logにあります。<br />
mysqlスローログ（実行時間が1秒以上かかるクエリーのログ）が有効化すれば見れますが、<br />
今回紹介したいのは、ある時点から、すべてのクエリーを確認する方法です。</p>
<h3>general_logを「ON」にする</h4>
<p>まずgeneral_logの状態とパスを確認します。<br />
確認できたら、general_logを「ON」にします。</p>

		<div id="crayon-649540157b967693593929" 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;">
mysql&gt; SHOW VARIABLES LIKE "general_log%";

+------------------+----------------------------+
| Variable_name    | Value                      |
+------------------+----------------------------+
| general_log      | OFF                        |
| general_log_file | /var/run/mysqld/mysqld.log |
+------------------+----------------------------+

mysql&gt; SET GLOBAL general_log = 'ON';</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-649540157b967693593929-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b967693593929-2">2</div><div class="crayon-num" data-line="crayon-649540157b967693593929-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b967693593929-4">4</div><div class="crayon-num" data-line="crayon-649540157b967693593929-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b967693593929-6">6</div><div class="crayon-num" data-line="crayon-649540157b967693593929-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b967693593929-8">8</div><div class="crayon-num" data-line="crayon-649540157b967693593929-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b967693593929-10">10</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-649540157b967693593929-1"><span class="crayon-i">mysql</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">SHOW </span><span class="crayon-e">VARIABLES </span><span class="crayon-i">LIKE</span><span class="crayon-h"> </span><span class="crayon-s">"general_log%"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b967693593929-2">&nbsp;</div><div class="crayon-line" id="crayon-649540157b967693593929-3">+------------------+----------------------------+</div><div class="crayon-line crayon-striped-line" id="crayon-649540157b967693593929-4"><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">Variable_name</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">Value</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">|</span></div><div class="crayon-line" id="crayon-649540157b967693593929-5">+------------------+----------------------------+</div><div class="crayon-line crayon-striped-line" id="crayon-649540157b967693593929-6"><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">general_log</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">OFF</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">|</span></div><div class="crayon-line" id="crayon-649540157b967693593929-7"><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">general_log_file</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span>/<span class="crayon-t">var</span>/<span class="crayon-i">run</span>/<span class="crayon-i">mysqld</span>/<span class="crayon-i">mysqld</span><span class="crayon-sy">.</span><span class="crayon-i">log</span><span class="crayon-h"> </span><span class="crayon-sy">|</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b967693593929-8">+------------------+----------------------------+</div><div class="crayon-line" id="crayon-649540157b967693593929-9">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540157b967693593929-10"><span class="crayon-i">mysql</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">SET </span><span class="crayon-m">GLOBAL</span><span class="crayon-h"> </span><span class="crayon-i">general_log</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'ON'</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>確認できたら、general_logを「OFF」にする</h4>
<p>general_logを「ON」にした時点から、クエリーが/var/run/mysqld/mysqld.logに出力できるようになります。<br />
自分が確認したいクエリーを確認できたら、general_logを「OFF」にすることを忘れずに行いましょう。</p>
<p></p>

		<div id="crayon-649540157b968509547022" 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;">
mysql&gt; SET GLOBAL general_log = 'OFF';</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-649540157b968509547022-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-649540157b968509547022-1"><span class="crayon-i">mysql</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-e">SET </span><span class="crayon-m">GLOBAL</span><span class="crayon-h"> </span><span class="crayon-i">general_log</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'OFF'</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【mysql】クエリーの確認方法

<p><strong>TED (Technology, Entertainment, Design)</strong></p>
<p><a href="http://www.ted.com/">TED</a> is a global set of conferences owned by a private non-profit Foundation under the slogan: &#8220;Ideas Worth Spreading&#8221;. The main conference it is hold annually in Vancouver, Canada, although TED events are also held throughout North America, Europe and Asia, offering live streaming talks. Currently there&#8217;s more than 1500 TED Talks, all are subtitled in English, and many in other languages.</p>
<p>Speakers at TED events have a maximum of 18 minutes to share their messages, which are delivered in highly polished speeches.</p>
<p>TED&#8217;s mission is to spread great ideas worldwide, giving an insight into a great variety of topics like: technology, entertainment, design, business, science, global issues, etc.</p>
<p><a href="/uploads-archive/2014/09/la-fi-tn-ted-2013-sergey-brin-talks-google-gla-002.jpeg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5688" src="/uploads-archive/2014/09/la-fi-tn-ted-2013-sergey-brin-talks-google-gla-002-300x210.jpeg" alt="la-fi-tn-ted-2013-sergey-brin-talks-google-gla-002" width="300" height="210" srcset="/uploads-archive/2014/09/la-fi-tn-ted-2013-sergey-brin-talks-google-gla-002-300x210.jpeg 300w, /uploads-archive/2014/09/la-fi-tn-ted-2013-sergey-brin-talks-google-gla-002-228x159.jpeg 228w, /uploads-archive/2014/09/la-fi-tn-ted-2013-sergey-brin-talks-google-gla-002.jpeg 600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><em><span style="color: #888888;">Chris Anderson (Curator of TED conference), (left), and Google&#8217;s Sergey Brin discuss Google Glass at TED 2013.</span></em></p>
<p>&nbsp;</p>
<p>It is one of my favourite sources for inspiration and practical advice. I think TED talks have certainly set a benchmark in recent years and I wanted to share it with the team, as I feel is not that popular in the office.</p>
<p>I like the fact that the speakers bring to learning a lifetime of previously acquired information and experience, exposing with effective video instruction without dumbing down. It is also a good opportunity to have a glimpse of other disciplines you might not be familiar with.</p>
<p><a href="/uploads-archive/2014/09/bill-gates-at-ted-talks-education.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5666" src="/uploads-archive/2014/09/bill-gates-at-ted-talks-education-300x197.jpg" alt="bill-gates-at-ted-talks-education" width="300" height="197" srcset="/uploads-archive/2014/09/bill-gates-at-ted-talks-education-300x197.jpg 300w, /uploads-archive/2014/09/bill-gates-at-ted-talks-education-228x150.jpg 228w, /uploads-archive/2014/09/bill-gates-at-ted-talks-education.jpg 586w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><em><em><span style="color: #888888;">Bill Gates &#8220;Teachers needs real feedback&#8221; at TED 2013</span></em></em></p>
<p><strong>TEDx</strong></p>
<p>In the spirit of “Ideas worth spreading”, alongside <a href="http://www.ted.com/tedx">TEDx</a> is a program designed to give communities, organisations and individuals the opportunity to create their own TED-like events at the local level.</p>
<p>&nbsp;</p>
<p><strong>TEDxTokyo</strong></p>
<p><a href="http://www.tedxtokyo.com/en#about">TEDxTokyo</a> was the first TEDx conference to be held following the US launch event in 2009. TedxTokyo, located in Hikarie building, Shibuya from 2012, has become a powerful platform for bringing together global innovators and creative talent from Japan and around the world.</p>
<p>Nowadays there&#8217;s actually many Tedx hold all over Japan,  if you want to keep updated with TED events hold in Japan here is the <a href="https://www.ted.com/tedx/events?filter=0&amp;autocomplete_filter=japan&amp;when=&amp;month=&amp;year=&amp;go=Go">link.</a> Next one is <a href="https://www.ted.com/tedx/events/12836">TEDxKyoto</a> <span style="color: #3f3f3f;">28th of September, f</span>or next TEDxTokyo we will have to wait until <span style="color: #3f3f3f;">October 8th. </span></p>
<p><a href="/uploads-archive/2014/09/0710_pict001.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5667" src="/uploads-archive/2014/09/0710_pict001-300x152.jpg" alt="0710_pict001" width="300" height="152" srcset="/uploads-archive/2014/09/0710_pict001-300x152.jpg 300w, /uploads-archive/2014/09/0710_pict001-228x116.jpg 228w, /uploads-archive/2014/09/0710_pict001.jpg 704w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><em><em><span style="color: #888888;">TEDxTokyo 2013</span></em></em></p>
<p><strong>Talks</strong></p>
<p>As there&#8217;s tones of Talks, there is available playlists curated by TED  like: &#8220;<a class="ga-link" style="color: #111111;" href="http://www.ted.com/playlists/the_20_most_popular_talks_of_a" data-ga-action="click" data-ga-category="homepage.playlist" data-ga-label="http://www.ted.com/playlists/the_20_most_popular_talks_of_a">20 most popular TED Talks of all time</a>&#8221; , &#8220;<a class="ga-link" style="color: #111111;" href="http://www.ted.com/playlists/kickstart_your_creativity" data-ga-action="click" data-ga-category="homepage.playlist" data-ga-label="http://www.ted.com/playlists/kickstart_your_creativity">Kickstart your creativity</a>&#8220;, &#8220;<a class="ga-link" style="color: #111111;" href="http://www.ted.com/playlists/talks_to_give_you_wanderlust" data-ga-action="click" data-ga-category="homepage.playlist" data-ga-label="http://www.ted.com/playlists/talks_to_give_you_wanderlust">Talks to give you wanderlust</a>&#8220;, etc.</p>
<p>Here are some beautiful and clever talks I&#8217;ve chosen (with Japanese subtitles):</p>
<p><em>“Creativity expert Sir Ken Robinson challenges the way we&#8217;re educating our children.”</em></p>
<p><iframe loading="lazy" width="640" height="360" src="https://embed-ssl.ted.com/talks/lang/ja/ken_robinson_says_schools_kill_creativity.html" frameborder="0" scrolling="no" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe></p>
<p><em>From TEDxIndia. “&#8230;Pranav Mistry invented a wearable device that enables new interactions between the real world and the world of data”.</em></p>
<p><iframe loading="lazy" width="640" height="360" src="https://embed-ssl.ted.com/talks/lang/ja/pranav_mistry_the_thrilling_potential_of_sixthsense_technology.html" frameborder="0" scrolling="no" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe></p>
<p><em>“Psychologist Kelly McGonigal urges us to see stress as a positive.”</em></p>
<p><iframe loading="lazy" width="640" height="360" src="https://embed-ssl.ted.com/talks/lang/ja/kelly_mcgonigal_how_to_make_stress_your_friend.html" frameborder="0" scrolling="no" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe></p>
<p><em>From TEDWomen “Sheryl Sandberg, COO at the helm of Facebook looks at why a smaller percentage of women than men reach the top of their professions.”</em></p>
<p><iframe loading="lazy" width="640" height="360" src="https://embed-ssl.ted.com/talks/lang/ja/sheryl_sandberg_why_we_have_too_few_women_leaders.html" frameborder="0" scrolling="no" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe></p>
<p>&nbsp;</p>
<p>What are your favourite TED Talks?</p>
<p>&nbsp;</p>


TED: Ideas worth spreading

<p>自社のＥＣサイトを構築して販売を行う場合、どんなサイトを参考にすればいいのでしょうか？</p>
<p>運営する側の意見も大事ですが、やはりお客さんが満足する良いサイト・サービスを作るというのが本質だと思います。</p>
<p>2014年8月20日に<span style="color: #3d3d3d;"><a href="http://www.service-js.jp/modules/contents/?ACTION=content&amp;content_id=515">サービス産業生産性協議会</a>が発表した調査の中に通信販売を行う企業に対する顧客満足のランキングが出ています。</span></p>
<p>サイトのみへの評価ではなく企業全体としての評価ですが、参考になると思います。</p>
<blockquote><p>統計的な収集方法による総計１２万人以上の利用者からの回答をもとに調査する日本最大級の顧客満足度調査</p></blockquote>
<p>ということなので信憑性は高いと思います。</p>
<p>結果としては<strong>「Amazon」「オルビス」「ヨドバシ」が同点で第１位</strong>になっています。</p>
<p><a href="http://activity.jpc-net.jp/detail/srv/activity001419/attached.pdf">http://activity.jpc-net.jp/detail/srv/activity001419/attached.pdf</a></p>
<p><span style="color: #3d3d3d;">「出典：２０１４年度ＪＣＳＩ(日本版顧客満足度指数) 第２回調査結果 </span></p>
<p>結果としては「Amazon」「オルビス」「ヨドバシ」が同点で第１位になっています。</p>
<p>意外だったのは楽天、yahooショッピングが上位にランクインしていないことです。amazonを除いたサイトに比べれば、楽天・yahooショッピングは商品数も多いので評価も高そうですが、ロイヤリティの分野で楽天が１３位という結果です。</p>
<p>&nbsp;</p>
<p>「Amazon」はちょっと規模感が違うような気がするで、「オルビス」「ヨドバシ」はどういう所がウケているのか分析する価値がありそうです。</p>
<p>個人的に良いなと思った点を上げてみます。</p>
<p>&nbsp;</p>
<p>yodobahi.com　<a href="http://www.yodobashi.com/index.html">http://www.yodobashi.com/index.html</a></p>
<p>商品検索結果のページに知りたい情報がキチンと表示されています。商品の到着日やポイント還元率など、既に買うものが決まっている場合なら買い物がしやすい印象はやはりします。ページの遷移が少なくて済みそうです。</p>
<p>&nbsp;</p>
<p>オルビス　<a href="http://www.orbis.co.jp/">http://www.orbis.co.jp/</a></p>
<p>サイトでの初回購入で値引きがあったり全商品が送料無料という点も評価されているようですが、個人的には「クチコミ」が豊富で参考にしやすいという印象を受けました。やはり化粧品などは効果に個人差があるのでクチコミは非常に大事だと思います。</p>
<p>合わせてシミ、テカりといった目的別で商品を探したり、年代別で商品を探せたりする部分も使いやすそうな印象です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ＥＣサイト構築で参考にしたいサイトは？顧客満足度が高い企業のサイト

<p>複数の値を１行にまとめて返す、<span style="color: red;">group_concat</span>関数を使用します。</p>
<p>PHPの関数で言うと、implodeと同じ機能になります。</p>
<p>以下２つのテーブルがあります。</p>
<p>Aテーブル</p>
<table style="height: 77px;" width="153">
<tbody>
<tr>
<td>a_id</td>
<td>name</td>
</tr>
<tr>
<td>1</td>
<td>山田</td>
</tr>
<tr>
<td>2</td>
<td>鈴木</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>Bテーブル</p>
<table style="height: 252px;" width="151">
<tbody>
<tr>
<td>b_id</td>
<td>a_id</td>
<td>hobby</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>映画</td>
</tr>
<tr>
<td>2</td>
<td>1</td>
<td>お酒</td>
</tr>
<tr>
<td>3</td>
<td>2</td>
<td>音楽</td>
</tr>
<tr>
<td>4</td>
<td>2</td>
<td><span style="width: 64px;">ショッピング</span></td>
</tr>
<tr>
<td>5</td>
<td>1</td>
<td><span style="width: 64px;">旅行</span></td>
</tr>
<tr>
<td>6</td>
<td>2</td>
<td><span style="width: 64px;">ドライブ</span></td>
</tr>
<tr>
<td>7</td>
<td>1</td>
<td><span style="width: 64px;">カラオケ</span></td>
</tr>
<tr>
<td>8</td>
<td>2</td>
<td><span style="width: 64px;">サッカー</span></td>
</tr>
<tr>
<td>9</td>
<td>2</td>
<td><span style="width: 64px;">温泉</span></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>group_concatを使用してSQLを作成します。</p>

		<div id="crayon-649540157b76e660106605" 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;">
SELECT 
	A.a_id,
	GROUP_CONCAT(B.hobby) as hobby
FROM
	A,B
WHERE 
	A.a_id = B.a_id
GROUP BY 
	A.a_id</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-649540157b76e660106605-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b76e660106605-2">2</div><div class="crayon-num" data-line="crayon-649540157b76e660106605-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b76e660106605-4">4</div><div class="crayon-num" data-line="crayon-649540157b76e660106605-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b76e660106605-6">6</div><div class="crayon-num" data-line="crayon-649540157b76e660106605-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b76e660106605-8">8</div><div class="crayon-num" data-line="crayon-649540157b76e660106605-9">9</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-649540157b76e660106605-1"><span class="crayon-i">SELECT</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b76e660106605-2"><span class="crayon-h">	</span><span class="crayon-i">A</span><span class="crayon-sy">.</span><span class="crayon-i">a_id</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540157b76e660106605-3"><span class="crayon-h">	</span><span class="crayon-e">GROUP_CONCAT</span><span class="crayon-sy">(</span><span class="crayon-i">B</span><span class="crayon-sy">.</span><span class="crayon-i">hobby</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">as</span><span class="crayon-h"> </span><span class="crayon-e">hobby</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b76e660106605-4"><span class="crayon-i">FROM</span></div><div class="crayon-line" id="crayon-649540157b76e660106605-5"><span class="crayon-h">	</span><span class="crayon-i">A</span><span class="crayon-sy">,</span><span class="crayon-i">B</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b76e660106605-6"><span class="crayon-i">WHERE</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157b76e660106605-7"><span class="crayon-h">	</span><span class="crayon-i">A</span><span class="crayon-sy">.</span><span class="crayon-i">a_id</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">B</span><span class="crayon-sy">.</span><span class="crayon-e">a_id</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b76e660106605-8"><span class="crayon-e">GROUP </span><span class="crayon-i">BY</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157b76e660106605-9"><span class="crayon-h">	</span><span class="crayon-i">A</span><span class="crayon-sy">.</span><span class="crayon-i">a_id</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>実行結果はこのようになりました。</p>
<table style="height: 77px;" width="248">
<tbody>
<tr>
<td>a_id</td>
<td>hobby</td>
</tr>
<tr>
<td>1</td>
<td>映画,お酒,旅行,カラオケ</td>
</tr>
<tr>
<td>2</td>
<td>音楽,ショッピング,ドライブ,サッカー,温泉</td>
</tr>
</tbody>
</table>
<p>他にもこんなことができます。</p>
<p>区切り文字を指定できます。（指定しない場合、カンマ区切りになります。）</p>

		<div id="crayon-649540157b772941112264" 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;">
GROUP_CONCAT(B.hobby separator '/')</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-649540157b772941112264-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-649540157b772941112264-1"><span class="crayon-e">GROUP_CONCAT</span><span class="crayon-sy">(</span><span class="crayon-i">B</span><span class="crayon-sy">.</span><span class="crayon-e">hobby </span><span class="crayon-i">separator</span><span class="crayon-h"> </span><span class="crayon-s">'/'</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>昇順・降順に並べられます。</p>

		<div id="crayon-649540157b774895714107" 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;">
GROUP_CONCAT(B.hobby order by B.b_id)</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-649540157b774895714107-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-649540157b774895714107-1"><span class="crayon-e">GROUP_CONCAT</span><span class="crayon-sy">(</span><span class="crayon-i">B</span><span class="crayon-sy">.</span><span class="crayon-e">hobby </span><span class="crayon-e">order </span><span class="crayon-i">by</span><span class="crayon-h"> </span><span class="crayon-i">B</span><span class="crayon-sy">.</span><span class="crayon-i">b_id</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

Mysqlで複数行の結果を一行で出す方法

HTML5のCanvasでレスポンシブなリンク – 多角形編

<p>webフォントを使用するケースが増えております。</p>
<p>webフォントを使用する場合、googleフォントを使うか、<br />
webフォントを提供しているサービスを利用するかですが、サービスを利用するとお値段がかかってしまいます。</p>
<p>そしてもうひとつ、自分でフォントファイルをUPして使用する方法があるかと思います。<br />
ただ、普通のフォントファイルだと、容量が重くサイトの表示スピードに影響がでてしまうこともあると思います。</p>
<p>そこで、商用利用可能なフリーフォント(Webフォントとして利用可能なフォント)を、必要な文字だけを抜粋して、woffというフォントファイルに変換し、サイトで使用する方法をご説明します。</p>
<p>流れとしては以下になります。</p>
<ol>
<li><a href="#link1">フリーフォントを用意する</a></li>
<li><a href="#link2">フリーフォントをサブセットフォントメーカーで必要な文字だけ抜粋する</a></li>
<li><a href="#link3">2で作成されたフォントファイルをwoffに変換する</a></li>
<li><a href="#link4">cssで指定し、フォントを適用させる</a></li>
</ol>
<p>その前にまず、「woff」とはなにかを説明します。<br />
<strong>「woff」 (Web Open Font Format)</strong>とはWebページ埋め込み用フォーマットで、Webフォントとして使われるために作られたフォントファイル形式でほとんどのブラウザで使用できるようです。<br />
古いブラウザに対応しなくてはいけないという場合をのぞき、woff一本で大丈夫そうです。<br />
<a href="http://opentype.jp/woffbrowser.htm" target="_blank">対応Webブラウザ</a></p>
<h3 id="link1">フリーフォントを用意する</h2>
<p>今回は<strong>ロゴたいぷゴシック</strong>というフォントを使用させて頂きました。</p>
<p><a href="http://www.fontna.com/blog/1226/" target="_blank">フリーフォント　ロゴたいぷゴシックのダウンロード</a></p>
<p>いい感じのフォントです。<br />
ちなみに、ttfファイルで4MB程あります。</p>
<h3 id="link2">フリーフォントをサブセットフォントメーカーで必要な文字だけ抜粋する</h2>
<p>以下のサイトでソフトをダウンロードし、変換します。</p>
<p><a href="http://opentype.jp/subsetfontmk.htm" target="_blank">サブセットフォントメーカー</a></p>
<p><img decoding="async" loading="lazy" width="268" height="331" src="/uploads-archive/2014/08/freefont1.gif" alt="freefont1" class="alignnone size-full wp-image-5622" /></p>
<h3 id="link3">2で作成されたフォントファイルをwoffに変換する</h2>
<p>以下のサイトでソフトをダウンロードし、変換します。<br />
2と元の会社さんは同じで、両方ダウンロードしておけば、2から自動的に3へ移行してくれます。</p>
<p><a href="http://opentype.jp/woffconv.htm" target="_blank">WOFFコンバータ</a></p>
<p><img decoding="async" loading="lazy" width="335" height="260" src="/uploads-archive/2014/08/freefont2.gif" alt="freefont2" class="alignnone size-full wp-image-5623" /></p>
<p>今回は文字を「株式会社スターフィールドです。」だけにしましたので、<br />
woffファイルは、<strong>3KB</strong>になりました！軽いですね！</p>
<h3 id="link4">cssで指定し、フォントを適用させる</h2>
<p>3で出力されたファイルを使い、webフォントの設定をします。</p>
<p></p>

		<div id="crayon-649540157b30e915489319" 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">CSS</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;">
@font-face{
  font-family: 'myFont';
  src: url('../myfont.woff') format('woff');
}
.font{
  font-family: 'myFont';
}</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-649540157b30e915489319-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b30e915489319-2">2</div><div class="crayon-num" data-line="crayon-649540157b30e915489319-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b30e915489319-4">4</div><div class="crayon-num" data-line="crayon-649540157b30e915489319-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b30e915489319-6">6</div><div class="crayon-num" data-line="crayon-649540157b30e915489319-7">7</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-649540157b30e915489319-1"><span class="crayon-n">@font-face</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b30e915489319-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'myFont'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157b30e915489319-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../myfont.woff'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'woff'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b30e915489319-4"><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540157b30e915489319-5"><span class="crayon-k ">.font</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b30e915489319-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'myFont'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157b30e915489319-7"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>@font-faceで読み込むフォントを指定します。<br />
@font-face内でfont-familyで好きな命名をしますと、<br />
あとは通常のfont-familyで指定すれば好きな箇所にフォントを適用出来ます！</p>
<p>実際に試してみましたので、デモ画面をご覧下さい。</p>
<p><a href="/demo/abe/45/" class="demo" target="_blank">DEMO</a></p>
<p>必要な文字数だけ設定すればファイルがだいぶ軽くなると思いますので、<br />
決まっている場合はいいですね！</p>

フリーフォントをwebフォントとしてサイトで使用してみる

<p>本日(8月26日)に経済産業省がEC市場調査結果を発表したのでまとめ。</p>
<p>2013年 電子商取引に関する市場調査の結果</p>
<p><a href="http://www.meti.go.jp/press/2014/08/20140826001/20140826001.html" target="_blank"> http://www.meti.go.jp/press/2014/08/20140826001/20140826001.html</a></p>
<p>&nbsp;</p>
<p>ちなみにこれは昨年のまとめ。</p>
<p><a href="/officer/ec%E5%B8%82%E5%A0%B4%E8%A6%8F%E6%A8%A1.html" target="_blank"> /officer/ec%E5%B8%82%E5%A0%B4%E8%A6%8F%E6%A8%A1.html</a></p>
<p>&nbsp;</p>
<h2>国内EC</h3>
<p>・2013年のBtoC市場規模は11.1兆円(前年比 117.4%)</p>
<p>・EC化率は3.67%(前年比 +0.56)</p>
<p>・物販での業種別市場規模は</p>
<p>1位：総合小売業 2兆2,000億円 (前年比 116.4%)</p>
<p>2位：自動車・パーツ、家具・家庭用品・電気製品小売業 1兆6,480億円 (前年比 115.6%)</p>
<p>3位：食品小売業 6,050億円 (前年比 116.7%)</p>
<p>となっており、伸び率は</p>
<p>衣料・アクセサリー小売業 2,200億円 (前年比 125.8%)</p>
<p>が最も高かった。</p>
<p>&nbsp;</p>
<h2>越境EC</h3>
<p>・日本人が米国及び中国からECで購入した額は1,915億円(前年比 1235.4%)</p>
<p>・米国人が日本及び中国からECで購入した額は7,197億円(前年比 950.7%)</p>
<p>・中国人が日本及び米国からECで購入した額は8,072億円(前年比 281.4%)</p>
<p>&nbsp;</p>
<p>以下は2012年調査において、2020年の上記値の予想</p>
<p>・2020年は、日本人が米国及び中国からECで購入した額は427億円</p>
<p>・2020年は、米国人が日本及び中国からECで購入した額は1,732億円</p>
<p>・2020年は、中国人が日本及び米国からECで購入した額は21,022億円</p>
<p>&nbsp;</p>
<p>以下は2013年調査においての2020年の上記値の予想</p>
<p>・2020年は、日本人が米国及び中国からECで購入した額は2,977億円</p>
<p>・2020年は、米国人が日本及び中国からECで購入した額は9,253億円</p>
<p>・2020年は、中国人が日本及び米国からECで購入した額は9,331億円</p>
<p>&nbsp;</p>
<p>・日本の越境EC利用率は10.2%</p>
<p>・米国の越境EC利用率は24.1%</p>
<p>・中国の越境EC利用率は35.4%</p>
<p>&nbsp;</p>
<p>今回は日米中間での購入商品の調査が行われなかった模様。</p>
<p>代わりに使用端末の統計があったが省略。</p>
<p>&nbsp;</p>
<p>全体としては、越境ECが伸びすぎていること。</p>
<p>特に日本人の海外製品に対するニーズは飛躍的にのびている。</p>
<p>バブルにはなってほしくないが、それに近い勢いになっていくであろうことが伺える良い資料となった。</p>


2013年 電子商取引に関する市場調査の結果

<p>ここはメールサーバが踏み台にされたとき、サーバーでの対応を簡単に紹介します。<br />
迷惑メールリストからの解除は割愛いたします（おまけを見てください）。</p>
<h2>サーバーでの対応</h3>
<h3>ユーザのパスワード変更</h4>
<p></p>

		<div id="crayon-649540157b0fb435171372" 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;">
passwd user
newpassword</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-649540157b0fb435171372-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157b0fb435171372-2">2</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157b0fb435171372-1"><span class="crayon-e">passwd </span><span class="crayon-e">user</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157b0fb435171372-2"><span class="crayon-i">newpassword</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>あくまでシステムユーザと連動しているときの例です。</p>
<h3>キューの確認</h4>
<p></p>

		<div id="crayon-649540157b100098953166" 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;">
postqueue -p</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-649540157b100098953166-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-649540157b100098953166-1"><span class="crayon-i">postqueue</span><span class="crayon-h"> </span>-<span class="crayon-i">p</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>postqueueコマンドの使い方を知りたい方は<a href="http://www.postfix-jp.info/trans-2.1/jhtml/postqueue.1.html" target="_blank">こちら</a>。</p>
<h3>キューの削除</h4>
<p></p>

		<div id="crayon-649540157b101003429835" 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;">
postsuper -d ALL</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-649540157b101003429835-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-649540157b101003429835-1"><span class="crayon-i">postsuper</span><span class="crayon-h"> </span>-<span class="crayon-i">d</span><span class="crayon-h"> </span><span class="crayon-i">ALL</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>postqueueコマンドの使い方を知りたい方は<a href="http://www.postfix-jp.info/trans-2.0/jhtml/postsuper.1.html" target="_blank">こちら</a>。</p>
<h3>postfix再起動</h4>
<p></p>

		<div id="crayon-649540157b102463863016" 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;">
service postfix restart</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-649540157b102463863016-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-649540157b102463863016-1"><span class="crayon-e">service </span><span class="crayon-e">postfix </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>CentOS 6での例です。</p>
<h2>おまけ</h3>
<p><a href="https://support.google.com/mail/answer/81126" target="_blank">Googleの一括送信ガイドライン</a><br />
<a href="http://server-setting.info/blog/gmail-spam-check-list.html" target="_blank">GMailでスパムメールになってしまう時にチェックしたいこと</a></p>

【postfix】踏み台にされたときの対応

<p>日々めまぐるしくポジションを変えながら、大きなプロジェクトが始まれば、直接ディレクターになったり、たまには経営的な仕事をしたりというところなのですが、基本的には、営業をしています。</p>
<p>最近では、アウトバウンドの営業は少なくなり、繰り返しお仕事を頂けるクライアント様と何らかの経由のご紹介という形が大半を締めるようになりました。</p>
<p>しかしながら、そういう流ればかりになってしまうとどうしても人脈が硬直してしまう傾向にあるので、定期的に新しい人脈を求めに様々な交流出来る場に参加しています。<br />
それでも、同じ交流会に参加していると参加者が固定されていたりするのですが（笑）</p>
<p>そのような中でちょうどFacebook広告で飛び込んで来たのが、IT勉強会・セミナーなどエンジニアのためのイベント情報検索サービスの「<a href="http://eventdots.jp/">dots.</a>」です。</p>
<p>人材大手のインテリジェンスさんが運営しており、基本はエンジニアの為のイベント検索サイトですが、私のような非エンジニアも有用だったのでご紹介です。</p>
<p><a href="/uploads-archive/2014/08/screenshot1.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5601" src="/uploads-archive/2014/08/screenshot1-300x134.png" alt="screenshot" width="300" height="134" srcset="/uploads-archive/2014/08/screenshot1-300x134.png 300w, /uploads-archive/2014/08/screenshot1-1024x458.png 1024w, /uploads-archive/2014/08/screenshot1-228x101.png 228w, /uploads-archive/2014/08/screenshot1.png 1035w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>新規登録はおなじみソーシャルログイン</p>
<p><a href="/uploads-archive/2014/08/screenshot2.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5602" src="/uploads-archive/2014/08/screenshot2-300x183.png" alt="screenshot" width="300" height="183" srcset="/uploads-archive/2014/08/screenshot2-300x183.png 300w, /uploads-archive/2014/08/screenshot2-228x139.png 228w, /uploads-archive/2014/08/screenshot2.png 1019w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>タグ付けをしておくと、該当のイベントをお知らせしてくれる。<br />
私は、とりあえず、読書会のみ。</p>
<p><a href="/uploads-archive/2014/08/screenshot3.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5603" src="/uploads-archive/2014/08/screenshot3-300x195.png" alt="screenshot" width="300" height="195" srcset="/uploads-archive/2014/08/screenshot3-300x195.png 300w, /uploads-archive/2014/08/screenshot3-1024x667.png 1024w, /uploads-archive/2014/08/screenshot3-228x148.png 228w, /uploads-archive/2014/08/screenshot3.png 1026w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>「非エンジニア」というキーワードで検索をしてみると34件もイベントが出てきました。<br />
特に最初のイベントなんかベストですね。勉強会後に懇親会があるようで、こういう場でクラスタが似た新しい方と出会えたりします。</p>
<p>既に予定が入ってしまっているので、今回は行けませんが。</p>


IT系の勉強会・セミナーのポータルサイト

<p>phpmyadminを使えばインポートできますが、phpで実装したいときの方法です。</p>
<p>今回は、<span style="color: red;"><b>LOAD DATA LOCAL INFILE</b></span>を使っての実装です。</p>
<p>この場合、csvファイルがある場所によって構文が変わってきます。</p>
<p>&nbsp;</p>
<h4>① LOAD DATA INFILE</h6>
<p>インポート先のデータベースがあるサーバーにcsvファイルがある場合</p>
<h4>② LOAD DATA LOCAL INFILE</h6>
<p>クライアントにあるcsvファイルをサーバーのデータベースへ</p>
<p>&nbsp;</p>
<h3>構文</h4>
<p></p>

		<div id="crayon-649540157af08218215461" 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;">
LOAD DATA INFILE "ファイル名" INTO TABLE テーブル名
FIELDS TERMINATED BY '区切り文字' ENCLOSED BY '囲み文字'; </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-649540157af08218215461-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157af08218215461-2">2</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157af08218215461-1"><span class="crayon-e">LOAD </span><span class="crayon-e">DATA </span><span class="crayon-i">INFILE</span><span class="crayon-h"> </span><span class="crayon-s">"ファイル名"</span><span class="crayon-h"> </span><span class="crayon-e">INTO </span><span class="crayon-i">TABLE</span><span class="crayon-h"> </span>テーブル名</div><div class="crayon-line crayon-striped-line" id="crayon-649540157af08218215461-2"><span class="crayon-e">FIELDS </span><span class="crayon-e">TERMINATED </span><span class="crayon-i">BY</span><span class="crayon-h"> </span><span class="crayon-s">'区切り文字'</span><span class="crayon-h"> </span><span class="crayon-e">ENCLOSED </span><span class="crayon-i">BY</span><span class="crayon-h"> </span><span class="crayon-s">'囲み文字'</span><span class="crayon-sy">;</span><span class="crayon-h"> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h3>例</h4>
<p></p>

		<div id="crayon-649540157af0c344711216" 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;">
LOAD DATA INFILE "sample.csv" INTO TABLE table FIELDS TERMINATED BY ',' ENCLOSED BY '"'; </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-649540157af0c344711216-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-649540157af0c344711216-1"><span class="crayon-e">LOAD </span><span class="crayon-e">DATA </span><span class="crayon-i">INFILE</span><span class="crayon-h"> </span><span class="crayon-s">"sample.csv"</span><span class="crayon-h"> </span><span class="crayon-e">INTO </span><span class="crayon-e">TABLE </span><span class="crayon-e">table </span><span class="crayon-e">FIELDS </span><span class="crayon-e">TERMINATED </span><span class="crayon-i">BY</span><span class="crayon-h"> </span><span class="crayon-s">','</span><span class="crayon-h"> </span><span class="crayon-e">ENCLOSED </span><span class="crayon-i">BY</span><span class="crayon-h"> </span><span class="crayon-s">'"'</span><span class="crayon-sy">;</span><span class="crayon-h"> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>上記の構文、例は単なるサンプルですので、必要に応じて下記の引数と組み合わせていくのがいいと思います。</p>
<p>&nbsp;</p>
<p>《LOAD DATA INFILE文の引数》</p>
<table style="height: 304px;" width="812">
<tbody>
<tr>
<td style="width: 150px;">引数名</td>
<td>説明</td>
</tr>
<tr>
<td style="font-size: 11px;">LOW_PRIORITY</td>
<td style="font-size: 11px;">他の処理よりも優先しない。</td>
</tr>
<tr>
<td style="font-size: 11px;">CONCURRENT</td>
<td style="font-size: 11px;">処理実行中に、他のスレッドがこのテーブルからデータを取り出すことを許可。</td>
</tr>
<tr>
<td style="font-size: 11px;">LOCAL</td>
<td style="font-size: 11px;">FILE権限がなくても、ローカルファイルの読み込みを許可。IGNOREと同様、行の重複エラーが発生しても、挿入処理を続行します。</td>
</tr>
<tr>
<td style="font-size: 11px;">REPLACE</td>
<td style="font-size: 11px;">同じユニークキーを持つ既存の行は、新しい行で置換します。</td>
</tr>
<tr>
<td style="font-size: 11px;">IGNORE</td>
<td style="font-size: 11px;">既存の行とユニークキーと重複するキーを持つ新しい行は無視する。</td>
</tr>
<tr>
<td style="font-size: 11px;">IGNORE 数値 LINES</td>
<td style="font-size: 11px;">ファイルの先頭にある行を無視する。</td>
</tr>
<tr>
<td style="font-size: 11px;">FIELDS<br />
[OPTIONALLY]<br />
ENCLOSED BY</td>
<td style="font-size: 11px;">各値のシングルクウォートを制御します。省略した場合、全ての値は ENCLOSED BY で指定した囲い文字で囲まれます。<br />
指定した場合は、CHAR型・VARCHAR型の値（つまり数値以外）が ENCLOSED BY で指定した囲い文字で囲まれます。 ENCLOSED BY で指定した囲い文字が値の両端にある場合は、その文字を削除して囲まれます。</td>
</tr>
<tr>
<td style="font-size: 11px;">ESCAPED BY</td>
<td style="font-size: 11px;">特殊文字をエスケープします。<abbr title="バックスラッシュ（\）">バックスラッシュ</abbr>をエスケープ文字として指定するには、&#8217;<code>\\</code>&#8216;とします。 FIELDS ESCAPED BY を省略した場合は、エスケープ処理は行われません。</td>
</tr>
</tbody>
</table>

CSVファイルをMysqlにインポートする方法

<p>最近人工知能関係のニュースをよく見る。</p>
<p>GoogleやFacebookなど大手IT企業が世界中の人工知能関連の会社を買収している。</p>
<p>IBMが人間の脳をまねた半導体を開発し話題になり、ハード面での技術も進歩している。</p>
<p>日本でもソフトバンクがPepperを発表してから関連ワードをよく見るようになった気がする。</p>
<p>&nbsp;</p>
<p>実際に、人工知能でITはどうなるのか?という疑問に対し、</p>
<p>ラリー・ペイジが「聞く前に答えてくれる夢の検索サービスの実現」と言っているという記事があった。</p>
<p>要はユーザーの行動パターンを学習、予想して最適なコンテンツをレコメンドするということのようだ。</p>
<p>最終的には伝えなくても自動的に反応してくれる仕組みを目指しているとのこと。</p>
<p>Googleはこのような人間の考えるという概念への対応と同時に視覚についての対応もしているそうで</p>
<p>人工知能を応用して画像認識をしているJetPacを買収、またスタンフォード大学と共同で1千万枚の画像を読み込ませ</p>
<p>自力でネコを認識させるという研究に成功しているらしい。</p>


IT業界で人工知能が活況

<p>There are a ton of free Chrome extensions to help make your life easier.</p>
<p>In my eagerness to find good resources and tools for web design I have collected some of them. I hope you find these tools useful and help you get better results on your designs.</p>
<p>&nbsp;</p>
<p><a title="What a font" href="https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm" target="_blank"><strong>What a font</strong></a></p>
<p>Users: 259.649 ; Rate: 4.4</p>
<p><a href="https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm"><img decoding="async" loading="lazy" class="alignnone  wp-image-5561" src="/uploads-archive/2014/08/images.jpeg" alt="images" width="398" height="248" srcset="/uploads-archive/2014/08/images.jpeg 284w, /uploads-archive/2014/08/images-228x142.jpeg 228w" sizes="(max-width: 398px) 100vw, 398px" /></a></p>
<p>It is an easy way to identify fonts on websites.</p>
<p>With this extension, you could inspect web fonts by just hovering on them. This tool identifies the font faster than “Stylifyme”, which I previously posted. “What a font” is that simple and elegant.</p>
<p>&nbsp;</p>
<p><a title="Page Ruler" href="https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn" target="_blank"><strong>Page Ruler</strong></a></p>
<p>Users: 149.326 ; Rate: 4.02</p>
<p><a href="https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn"><img decoding="async" loading="lazy" class="alignnone  wp-image-5562" src="/uploads-archive/2014/08/Screen-Shot-2014-08-19-at-14.05.39-300x155.png" alt="Screen Shot 2014-08-19 at 14.05.39" width="404" height="209" srcset="/uploads-archive/2014/08/Screen-Shot-2014-08-19-at-14.05.39-300x155.png 300w, /uploads-archive/2014/08/Screen-Shot-2014-08-19-at-14.05.39-1024x532.png 1024w, /uploads-archive/2014/08/Screen-Shot-2014-08-19-at-14.05.39-228x118.png 228w" sizes="(max-width: 404px) 100vw, 404px" /></a></p>
<p>This tool allows you to draw a ruler to get pixel dimensions and positioning, and measure elements on any web page. It quickly displays the width, height and position.</p>
<p>The Keyboard shortcut is: Alt + P (For enable/disable page ruler).</p>
<p>&nbsp;</p>
<p><a title="Awesome Screenshot" href="https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce" target="_blank">Awesome Screenshot</a></p>
<p>Users: 1.280.032 ; Rate: 4.73</p>
<p><iframe loading="lazy" width="500" height="375" src="http://www.youtube.com/embed/MUVfhSg7-yE?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Not only allows you to capture the whole page or any portion of it, it also lets you annotate screenshot, blur sensitive info and upload and share content with just one-click.</p>
<p>I would advice to wait until the whole page is uploaded, otherwise is not going to capture properly the site.</p>
<p>* I mentioned in previous post “Screen Capture (by Google)” but it seems it is not working anymore with the latest versions of Chrome.</p>
<p>&nbsp;</p>
<p><a title="Image Downloader" href="https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj" target="_blank"><strong>Image Downloader</strong></a></p>
<p>Users: 168.690 ; Rate: 3.98</p>
<p><a href="https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj"><img decoding="async" loading="lazy" class="alignnone  wp-image-5571" src="/uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.06.16-300x151.png" alt="Screen Shot 2014-08-19 at 17.06.16" width="414" height="208" srcset="/uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.06.16-300x151.png 300w, /uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.06.16-1024x517.png 1024w, /uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.06.16-228x115.png 228w" sizes="(max-width: 414px) 100vw, 414px" /></a></p>
<p>Browse and download images on a web page.</p>
<p>If you need to bulk download images from a web page, with this extension you can see all the images that the page contains. When you press the “Download” button, all selected images are saved to the default download directory of Chrome. If you don’t have one, you will have to manually choose the save location for each image.</p>
<p>&nbsp;</p>
<p><a title="Pin Search" href="https://chrome.google.com/webstore/detail/pin-it-button/gpdjojdkbbmdfjfahjcgigfpmkopogic" target="_blank"><strong>Pin Search</strong></a></p>
<p>Users: 2.371.113 ; Rate: 3.66</p>
<p><a href="https://chrome.google.com/webstore/detail/pin-it-button/gpdjojdkbbmdfjfahjcgigfpmkopogic"><img decoding="async" loading="lazy" class="alignnone  wp-image-5572" src="/uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.10.09-300x150.png" alt="Screen Shot 2014-08-19 at 17.10.09" width="406" height="203" srcset="/uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.10.09-300x150.png 300w, /uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.10.09-1024x512.png 1024w, /uploads-archive/2014/08/Screen-Shot-2014-08-19-at-17.10.09-228x114.png 228w" sizes="(max-width: 406px) 100vw, 406px" /></a></p>
<p>This extension helps you harness the power of Google Search simply using any old image you find on Pinterest. You can use this to track down all sites showing that image, to find more info about the person behind the image, to search for similar images… A surprisingly priceless tool.</p>
<p>&nbsp;</p>
<p><a title="Evernote web clipper" href="https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc" target="_blank"><strong>Evernote web clipper</strong></a></p>
<p>Users: 3.324.994 ; Rate: 4.68</p>
<p><iframe loading="lazy" width="500" height="281" src="http://www.youtube.com/embed/QyuAn1Z_7uM?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Use the Evernote extension to save things you see on the web into your Evernote account.</p>
<p>Evernote Web Clipper is the easiest way to save, mark up and share anything you see online. From clipping pages to taking and annotating screenshots, it lets you capture everything, then access it from anywhere.</p>
<p>Although we might not use it within Sterfield, I think it can be very helpful when it comes to take note of the changes required by the client.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>If you want to keep updated with extensions, here is a website that review chrome extensions and filter the most popular ones:</p>
<p><a href="http://www.extensionaires.com/">http://www.extensionaires.com/</a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/09/09

2014/09/04

2014/09/04

2014/09/03

2014/09/03

2014/09/03

2014/09/03

2014/09/02

2014/08/27

2014/08/27

2014/08/27

2014/08/26

2014/08/26

2014/08/26

2014/08/26

2014/08/20

2014/08/20

2014/08/20