<p>jQuery UIに、datepickerとdatetimepickerがありますが、意外とmonthpickerがありません。<br />
今回はその漏れたmonthpickerのプラグインを紹介したいと思います。</p>
<p><a href="/demo/jeff/monthpicker.html" class="demo" target="_blank">デモ</a>を見てください。</p>
<p></p>

		<div id="crayon-649540157c390390069490" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;link rel="stylesheet" href="css/jquery-ui-1.10.4.custom.min.css"&gt;
&lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/jquery.mtz.monthpicker.js"&gt;&lt;/script&gt;&lt;script&gt;
$(function() {
    // monthPick
    var currentTime = new Date();
    var year = currentTime.getFullYear();
    var year2 = parseInt(year)+10;
    var op = {
            pattern: 'yyyy-mm',
            selectedYear: year,
            startYear: year,
            finalYear: year2,
            monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
        };
    $(".monthPick").monthpicker(op);
});
&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157c390390069490-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-2">2</div><div class="crayon-num" data-line="crayon-649540157c390390069490-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-4">4</div><div class="crayon-num" data-line="crayon-649540157c390390069490-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-6">6</div><div class="crayon-num" data-line="crayon-649540157c390390069490-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-8">8</div><div class="crayon-num" data-line="crayon-649540157c390390069490-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-10">10</div><div class="crayon-num" data-line="crayon-649540157c390390069490-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-12">12</div><div class="crayon-num" data-line="crayon-649540157c390390069490-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-14">14</div><div class="crayon-num" data-line="crayon-649540157c390390069490-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-16">16</div><div class="crayon-num" data-line="crayon-649540157c390390069490-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157c390390069490-18">18</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-649540157c390390069490-1"><span class="crayon-h">&lt;</span><span class="crayon-e">link </span><span class="crayon-i">rel</span>=<span class="crayon-s">"stylesheet"</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-s">"css/jquery-ui-1.10.4.custom.min.css"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157c390390069490-2"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-649540157c390390069490-3"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.mtz.monthpicker.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span><span class="crayon-ta">&lt;script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157c390390069490-4"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157c390390069490-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// monthPick</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157c390390069490-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">currentTime</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-r">Date</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157c390390069490-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">year</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">currentTime</span><span class="crayon-sy">.</span><span class="crayon-e">getFullYear</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-649540157c390390069490-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">year2</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">parseInt</span><span class="crayon-sy">(</span><span class="crayon-i">year</span><span class="crayon-sy">)</span>+<span class="crayon-cn">10</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157c390390069490-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">op</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157c390390069490-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">pattern</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'yyyy-mm'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540157c390390069490-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">selectedYear</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">year</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157c390390069490-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">startYear</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">year</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540157c390390069490-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">finalYear</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">year2</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157c390390069490-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">monthNames</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">'1月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'2月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'3月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'4月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'5月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'6月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'7月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'8月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'9月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'10月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'11月'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'12月'</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-649540157c390390069490-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157c390390069490-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">".monthPick"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">monthpicker</span><span class="crayon-sy">(</span><span class="crayon-i">op</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157c390390069490-17"><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-649540157c390390069490-18"><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>jquery.mtz.monthpicker.jsが<a href="https://github.com/lucianocosta/jquery.mtz.monthpicker" target="_blank">github</a>からダウンロードできます。</p>

【jQuery】monthpicker

<p>１０月２８日からヤマト運輸が「国際クール宅急便」を開始すると発表しました。</p>
<p>日本と香港との間でサービスを利用でき、国内で展開されているクール宅急便と同様に冷蔵と冷凍の荷物を送る事ができるという事です。</p>
<p>日本の魚介類や和牛はアジアで人気ですから、このサービスを利用すれば食品の生産者や、小規模に展開する加工業者が海外を相手にビジネスを展開できます。</p>
<h4>午前中に集荷で翌日香港へ届く</h6>
<p><a href="/uploads-archive/2014/09/kokusai_cool_flow.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5821" src="/uploads-archive/2014/09/kokusai_cool_flow.jpg" alt="kokusai_cool_flow" width="680" height="288" srcset="/uploads-archive/2014/09/kokusai_cool_flow.jpg 680w, /uploads-archive/2014/09/kokusai_cool_flow-300x127.jpg 300w, /uploads-archive/2014/09/kokusai_cool_flow-228x96.jpg 228w" sizes="(max-width: 680px) 100vw, 680px" /></a></p>
<p>参考：<a href="http://www.kuronekoyamato.co.jp/kokusaicooltakkyubin/kokusaicooltakkyubin_b.html">クロネコヤマト国際クール宅急便</a>より</p>
<p>日本から荷物を送る場合は沖縄を経由して香港に届けられるという経路になります。荷物を午前中に集荷あるいは持ち込みすれば、翌日の午後２時以降には荷物が届くそうです。沖縄からなら夕方までに集荷・持ち込みで大丈夫。</p>
<p>ほとんど国内に発送するのと変わらないスピードです。ただ送料がやはり高い！</p>
<p>最も小さいサイズの６０サイズ（縦・横・高さの３辺の合計６０ｃｍ以内、重さ２キロまで）でも送料６０５０円、１２０サイズ（計１２０ｃｍ以内、重さが１５キロまで）だと送料２６９５０円。</p>
<p>富裕層相手に単価の高い物を送るというスタイルしか通販では難しい感じです。ブランド牛なんかを扱えば勝算があるかも。</p>
<h4>配送状況も確認できる</h6>
<p>国をまたぐ場合、荷物が今どこにあるのかを状況を確認することは困難です。海外旅行に行った際に同じ飛行機に乗っていたはずの自分の荷物が行方不明になるなんて事もざらにあるくらいです。</p>
<p>単価の高い商品を香港へ販売しても、ちゃんと届かないなんて事があったら損失大です。しかし国際クール宅急便は、香港にあるヤマト運輸と日本のヤマト運輸のみで荷物の配送が行われるので、荷物がどこにあるのか配送状況を確認もできるそうです。</p>
<p>&nbsp;</p>
<p>国際宅急便はすでにシンガポール、マレーシア、台湾、中国（上海）で展開しているので、国際クール宅急便も今後さらにサービスを利用できる地域が広がると思われます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


アナタも香港に向けて生鮮品やスイーツを販売できる！？

<h2>概要</h2>
<p>通常、WEBアプリケーションには外部からの入力などに応じて表示が変化する箇所があり、この部分のHTML生成の実装に問題があると、悪意のあるjavascriptコードをHTMLやCSSに埋め込まれ、XSSという脆弱性が生じます。</p>
<p>WEBアプリケーションにXSS脆弱性がある場合には、以下の影響があります。</p>
<ul>
<li>サイト利用者のブラウザ上で、攻撃者の用意したスクリプトの実行によりクッキー値を盗まれ、成りすましの被害にあう。</li>
<li>ブラウザ上で、スクリプトを実行させられ、サイト利用者の権限でWEBアプリケーションの機能を悪用される。</li>
<li>WEBサイト上に偽の入力フォームが表示され、フィッシングにより利用者が個人情報を盗まれる。</li>
</ul>
<h2>対策</h2>
<h3>HTML文字参照によりエスケープする</h4>
<p>外部から入力された文字列を表示する直前にhtmlspecialchars()関数でエスケープします。</p>

		<div id="crayon-649540157c1b2371306002" 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;">
htmlspecialchars('文字列',ENT_QUOTES,'文字エンコード');</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-649540157c1b2371306002-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-649540157c1b2371306002-1"><span class="crayon-e">htmlspecialchars</span><span class="crayon-sy">(</span><span class="crayon-s">'文字列'</span><span class="crayon-sy">,</span><span class="crayon-i">ENT_QUOTES</span><span class="crayon-sy">,</span><span class="crayon-s">'文字エンコード'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こうすると、&lt;は&amp;lt;に、&gt;は&amp;gt;に、&amp;は&amp;amp;に、”は&amp;quote;に、’は&amp;#39;に変換されます。</p>
<p>htmlspecialchars()関数の第2引数は必ずENT_QUOTESを指定します。これを使用しないとシングルコーテーションが変換されず、脆弱性が残る可能性があります。属性値については、ダブルコーテーションで囲んでエスケープします。</p>
<p>&nbsp;</p>
<h3>HTTP レスポンスヘッダーに文字コードを指定する</h4>
<p>HTTP のレスポンスヘッダーのContent-Type フィールドには、「Content-Type: text/html; charset=UTF-8」のように、文字コード(charset)を指定します。</p>
<p>HTML の META タグでも、Content-Type で charset を指定できますが、ブラウザの挙動に依存するため、確実に正しい文字コードで表示できるように、HTTP のレスポンスヘッダーで文字コードを指定するようにします。</p>
<p>&nbsp;</p>
<h3>URL は「http://」か「https://」で始まるもののみ出力する</h4>
<p>URL は 「http://」や「https://」だけでなく、JavaScript を実行できる「javascript:」という記述もできます。スクリプトが注入されないように、URL は「http://」と「https://」から始まるもののみ出力します(ホワイトリスト方式)。正規表現などでURLかどうかチェックするのが望ましいです。</p>
<p>&nbsp;</p>
<h3>javascript<script></script>要素の内容を動的に生成しない</h4>
<p>&lt;script&gt;&lt;/script&gt; 要素内容の動的な生成は、安全な形でエスケープするのは非常に難しいため、動的に生成しないようにしてください。</p>

XSS(クロスサイト・スクリプティング)

<p>現在２つ程気になっているweb制作をサポートしてくれるようなwebサービスがあります。</p>
<p>まだ試せてないのですが、いずれ試してみたいと思うものなのでとりあえず忘れないように書いておきます。</p>
<p>&nbsp;</p>
<h2><a href="https://c9.io/" target="_blank">Cloud9 &#8211; Your development environment, in the cloud</a></h2>
<p>ひとつはCloud9というサービス(ツール)です。</p>
<p><a href="https://c9.io/" target="_blank"><img decoding="async" loading="lazy" class="alignnone wp-image-5805" src="/uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-1024x609.jpg" alt="Cloud9 - Your development environment, in the cloud" width="640" height="381" srcset="/uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-1024x609.jpg 1024w, /uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-300x178.jpg 300w, /uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud-228x135.jpg 228w, /uploads-archive/2014/09/Cloud9-Your-development-environment-in-the-cloud.jpg 1192w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>これはブラウザ上で使用できるツールで以下のような特徴があります。</p>
<p>&nbsp;</p>
<ul>
<li>そもそも高機能テキストエディタである</li>
<li>ブラウザチェックができる（IEにも対応！）</li>
<li>リアルタイムエラーチェック機能(HTMLやjavascript等)</li>
<li>バージョン管理</li>
<li>画像加工(リサイズ、トリミング、回転)</li>
</ul>
<p>&nbsp;</p>
<p>いろんな機能が混ざっていてすごいです。。。</p>
<p>&nbsp;</p>
<p>詳しく知りたい方は以下もご覧下さい！</p>
<p><a href="http://plus.appgiga.jp/masatolan/2014/08/19/53354/" target="_blank">無料で300以上のクロスブラウザチェックを搭載した「Cloud9」エディタの神進化が話題に！ | APPGIGA!!（アプギガ）</a><br />
&nbsp;</p>
<h2><a href="http://universions.com/" target="_blank">Webクリエイターのためのファイル管理コラボレーションツール｜universions</a></h2>
<p>そして2つめは、いわゆるgitのようなツールの「universions」です。</p>
<p>&nbsp;</p>
<p><a href="http://universions.com/" target="_blank"><img decoding="async" loading="lazy" class="alignnone wp-image-5806" src="/uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-1024x609.jpg" alt="Webクリエイターのためのファイル管理コラボレーションツール｜universions" width="640" height="381" srcset="/uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-1024x609.jpg 1024w, /uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-300x178.jpg 300w, /uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160-228x135.jpg 228w, /uploads-archive/2014/09/6a7e5161f99e6818e443589452ce5160.jpg 1192w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>こちらの特徴は、</p>
<p>&nbsp;</p>
<ul>
<li>ファイル管理(バージョン管理)</li>
<li>チャット</li>
<li>タスク管理</li>
<li>プレビュー機能(AIやPSDも見れる！)</li>
<li>Wiki</li>
</ul>
<p>&nbsp;</p>
<p>バージョン管理とプレビューでAIとPSDが見れるのはいいですね！</p>
<p>&nbsp;</p>
<p>以上、今後試してみたいサービスでした。</p>


気になるweb制作サポートサービス

【Symfony2】サーバー別でパラメーターを設定

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


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

<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で複数行の結果を一行で出す方法

<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>ここはメールサーバが踏み台にされたとき、サーバーでの対応を簡単に紹介します。<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>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>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>


Great extensions for Web designers:

<p>タイトルにアメブロとありますが、基本的には外部ブログサイトってことでも大丈夫かとは思いますが、RSSをから自身のサイトに表示することをやりましたので、そちらの方法をご紹介します。</p>
<p>ご紹介といっても、調べて参考にさせていただいた記事の通りやったらすんなり成功できたので簡単な紹介になってしまいますが。</p>
<p>いろいろと方法はあるようですが、僕が見た中では3つの方法がありました。</p>
<p>その中で実際に使ったのは、<br />
<a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS</a>を使って表示する方法です。</p>
<h2>Magpie RSSを使ってサイトに表示する</h3>
<p>参考にさせていただいたのは、こちらです。<br />
<a href="http://senoweb.jp/mt/weblog/2012/07/php-amebablog-rss.html" target="_blank">【転載】アメブロ対応::phpで外部ブログRSSを自サイトに組み込んじゃおう</a></p>
<p>本当に書いてある通りですが、僕の場合のスクリプトを一応記載しておきます。</p>
<p></p>

		<div id="crayon-649540157ad11453110703" 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;">
&lt;?php
require_once("magpierss/rss_fetch.inc");
define("MAGPIE_CACHE_AGE", 60*30);
define("MAGPIE_CACHE_DIR", "/path/2/cache/");
define("MAGPIE_OUTPUT_ENCODING","UTF-8");
 
// 取得したいRSSのurl 例：アメブロ
$url = "http://feedblog.ameba.jp/rss/ameblo/○○○○/rss20.xml";
$rss = fetch_rss( $url );
$max_lines = 5;
$line = 0;
foreach ($rss-&gt;items as $item) {
    $link = mb_convert_encoding($item['link'],"UTF-8","auto");
    $title = mb_convert_encoding($item['title'],"UTF-8","auto");
    $date = date("Y/m/d", intval($item['date_timestamp']));
    if (preg_match("/^PR:.+$/", $title) != 0) continue;
    if ($line++ == $max_lines) break;
    echo "&lt;dl&gt;&lt;dt&gt;$date&lt;/dt&gt;&lt;dd&gt;&lt;a href=\"$link\" target=\"_blank\"&gt;$title&lt;/a&gt;&lt;/dd&gt;&lt;/dl&gt;";
}
 
?&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157ad11453110703-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-2">2</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-4">4</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-6">6</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-8">8</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-10">10</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-12">12</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-14">14</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-16">16</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-18">18</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157ad11453110703-20">20</div><div class="crayon-num" data-line="crayon-649540157ad11453110703-21">21</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-649540157ad11453110703-1"><span class="crayon-ta">&lt;?php</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-2"><span class="crayon-k ">require_once</span><span class="crayon-sy">(</span><span class="crayon-s">"magpierss/rss_fetch.inc"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-3"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_CACHE_AGE"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">60</span>*<span class="crayon-cn">30</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-4"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_CACHE_DIR"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"/path/2/cache/"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-5"><span class="crayon-e">define</span><span class="crayon-sy">(</span><span class="crayon-s">"MAGPIE_OUTPUT_ENCODING"</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-6"><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157ad11453110703-7"><span class="crayon-c">// 取得したいRSSのurl 例：アメブロ</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-8"><span class="crayon-v">$url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://feedblog.ameba.jp/rss/ameblo/○○○○/rss20.xml"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-9"><span class="crayon-v">$rss</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">fetch_rss</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-v">$url</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-10"><span class="crayon-v">$max_lines</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">5</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-11"><span class="crayon-v">$line</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 crayon-striped-line" id="crayon-649540157ad11453110703-12"><span class="crayon-st">foreach</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$rss</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">items </span><span class="crayon-st">as</span><span class="crayon-h"> </span><span class="crayon-v">$item</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$link</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">mb_convert_encoding</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'link'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">,</span><span class="crayon-s">"auto"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$title</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">mb_convert_encoding</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'title'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-s">"UTF-8"</span><span class="crayon-sy">,</span><span class="crayon-s">"auto"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$date</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">"Y/m/d"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">intval</span><span class="crayon-sy">(</span><span class="crayon-v">$item</span><span class="crayon-sy">[</span><span class="crayon-s">'date_timestamp'</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">preg_match</span><span class="crayon-sy">(</span><span class="crayon-s">"/^PR:.+$/"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-v">$title</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">continue</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$line</span>++<span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-v">$max_lines</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">break</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-18"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">"&lt;dl&gt;&lt;dt&gt;$date&lt;/dt&gt;&lt;dd&gt;&lt;a href=\"$link\" target=\"_blank\"&gt;$title&lt;/a&gt;&lt;/dd&gt;&lt;/dl&gt;"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157ad11453110703-19"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157ad11453110703-20"><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540157ad11453110703-21"><span class="crayon-ta">?&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>あとは、<br />
<a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS</a>でダウンロードしたフォルダを「magpierss」としてindex.phpの下の階層にアップロードするだけでOKです。</p>
<h2>wordpressを使ってサイトに表示する</h3>
<p>wordpressを使用しているサイトならコチラの方法がいいかもしれないですね。</p>
<p><a href="http://kyasper.com/wordpress-rss/" target="_blank">WordPress（ワードプレス）RSSを使って、外部サイトの更新情報を自分のサイトに表示する | 福島県郡山市のホームページ制作、Web制作　Kyasper Web Design キャスパーウェブデザイン</a></p>
<h2>Google AJAX Feed APIを使ってサイトに表示する</h3>
<p>ページを.htmlでやりたい！という方はこちらがいいと思います。<br />
Googleさんが提供しているapiを使用する方法になります。</p>
<p><a href="http://www.magical-remix.co.jp/magicalog/archives/1570" target="_blank">Google AJAX Feed APIでフィードを読み込む | Magicalog</a></p>
<p><a href="http://zxcvbnmnbvcxz.com/jquery-google-feed-api/" target="_blank">簡単！RSS（XML）を取得&amp;表示させる方法 – jQuery + Google Feed APIを使用してFeedを表示させる方法 | Stronghold</a></p>
<p>前にxmlを読み込んで表示させたことはあったのですが、<br />
rssとなると方法は変わってくるんですね〜</p>

アメブロのブログ記事をRSSで取得し、サイトに表示する方法

<p>MacOS X 10.9.5から、v2署名したアプリしか使えなくなる<a href="http://readwrite.jp/archives/11485" target="_blank">記事</a>を見ましたので、<br />
自分のMacにインストールしたアプリの署名バージョンを調べてみました。</p>
<p></p>

		<div id="crayon-649540157ab2c905824050" 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;">
find /Applications ~/Applications -maxdepth 3 -name "*.app" | while read a ; do echo; echo -n "$a ___ "; codesign -vd "${a}" 2&gt;&amp;1 | awk '/version/ {print $3}'; done | awk -F'___' '{print $2 " " $1}' | sort -u</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-649540157ab2c905824050-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-649540157ab2c905824050-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">Applications</span><span class="crayon-h"> </span><span class="crayon-sy">~</span>/<span class="crayon-i">Applications</span><span class="crayon-h"> </span>-<span class="crayon-i">maxdepth</span><span class="crayon-h"> </span><span class="crayon-cn">3</span><span class="crayon-h"> </span>-<span class="crayon-i">name</span><span class="crayon-h"> </span><span class="crayon-s">"*.app"</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-st">while</span><span class="crayon-h"> </span><span class="crayon-i">read</span><span class="crayon-h"> </span><span class="crayon-i">a</span><span class="crayon-h"> </span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-st">do</span><span class="crayon-h"> </span><span class="crayon-i">echo</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">echo</span><span class="crayon-h"> </span>-<span class="crayon-i">n</span><span class="crayon-h"> </span><span class="crayon-s">"$a ___ "</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">codesign</span><span class="crayon-h"> </span>-<span class="crayon-i">vd</span><span class="crayon-h"> </span><span class="crayon-s">"${a}"</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-h">&gt;</span><span class="crayon-sy">&amp;1 | awk '/version/ {print $3}';</span><span class="crayon-h"> </span><span class="crayon-i">done</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">awk</span><span class="crayon-h"> </span>-<span class="crayon-i">F</span><span class="crayon-s">'___'</span><span class="crayon-h"> </span><span class="crayon-s">'{print $2 " " $1}'</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">sort</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>結果として、v1署名のものがけっこうありまして、署名なしのものもありました。<br />
このまま10.9.5にアップデータしたら、いきなり使えなくなる可能性がありますので、<br />
アプリをresignしたアップデータを待つか、アップルが仕様を変更するを待つかしかないと思います。</p>

MacOS X 10.9.5にアップデータを注意

<p>今年の6月から日本郵便の新たなサービスとして「ゆうパケット」なるものをはじめました。 ヤマトや佐川が値上げを進める中、低コスト化を謳ったサービスのようなので、もし本当にコストが下がるならゆうパケットを利用するのもありかなと調べてみました。</p>
<p><a href="/uploads-archive/2014/08/20140521yubin.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5511" src="/uploads-archive/2014/08/20140521yubin.jpg" alt="20140521yubin" width="300" height="95" srcset="/uploads-archive/2014/08/20140521yubin.jpg 300w, /uploads-archive/2014/08/20140521yubin-228x72.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>そもそもゆうパック（宅配便）とゆうメール（メール便）があるのに、なぜに新サービスという事ですが、私が担当する通販サイトも含めて、扱っている商品によっては上記の２サービスはサイズの条件が微妙だったりします。</p>
<p>コスメやファッション小物、コンタクトレンズなどはメール便で送る場合に厚みの制限に引っ掛かり、しかたなく宅配便を使ったりしている場合があります。</p>
<p>宅配便の送料は大口でも１個４００円以上はするので、送料無料があたりまえになってきている楽天・yahooショッピングなどのモールでは、かなり頭を悩ませるところです。サイズ的にメール便に入ったとしても、配送が遅かったり、追跡ができなかったりと顧客満足度に影響する要素があります。</p>
<p>おそらく「ゆうパケット」はそういったＥＣ事業者をターゲットにしているのだと思います、つまり宅配便とメール便の丁度中間というイメージです。料金的には宅配便より安価でメール便よりも早く届けられるという事なのでしょう。</p>
<p>メール便は厚みの条件が２センチ以内というものが多いですが、ゆうパケットは３センチまで大丈夫のようです、３辺の合計が６０センチを超えなければいいようなので、ある程度自由が利きそうです。</p>
<p>加えて追跡が可能なので、「届かないけど、どうなっているの？」というお客さんがいた場合でも状況を確認できます。メール便（ゆうメール）では追跡ができないので苦労する事が多々ありますが、そこは解消できそうです。</p>
<p>とはいえ一番大事な料金ですが、一体いくらなんだと日本郵便のホームページやらリリースを探し回りましたがのっておらず、結局のところ集配担当になる近くの郵便局と相談の上、料金がきまるようです。ゆうパケットについて書いている記事なんかを見ると１００円～３００円程度となっているようです。</p>
<p>早速、担当となる郵便局の窓口に電話してみましたが、郵便局のスタッフさんは「ゆうパケット？、そんなのあるんですか？」と逆に聞かれてしまいました。郵便局の中でも定着していないような気がしますが、まだ始まって３か月弱という事で、そんなものなのかもしれません。</p>
<p>送料は個数・重さ・サイズによって幅があるようで、個数によっては下げられそうな感じです。ただ1年間に５００個以上という条件があるとの事。</p>
<p><a href="/uploads-archive/2014/08/b2_img01.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5513" src="/uploads-archive/2014/08/b2_img01.jpg" alt="b2_img01" width="680" height="518" srcset="/uploads-archive/2014/08/b2_img01.jpg 680w, /uploads-archive/2014/08/b2_img01-300x228.jpg 300w, /uploads-archive/2014/08/b2_img01-228x173.jpg 228w" sizes="(max-width: 680px) 100vw, 680px" /></a></p>
<p>&nbsp;</p>
<p><strong>ＥＣでの存在感を強める日本郵便</strong></p>
<p>配送サービスでの新しい展開に加えて、ＥＣ-CUBEとの連携も始めたようです。</p>
<p><a href="/uploads-archive/2014/08/5e2ba2041e10013c988debadc5918945.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5518" src="/uploads-archive/2014/08/5e2ba2041e10013c988debadc5918945.png" alt="いよいよEC本格始動！ ゆうびんポータル連携支援パートナー募集   ECサイト構築・リニューアル ECオープンプラットフォームEC CUBE" width="366" height="45" srcset="/uploads-archive/2014/08/5e2ba2041e10013c988debadc5918945.png 366w, /uploads-archive/2014/08/5e2ba2041e10013c988debadc5918945-300x36.png 300w, /uploads-archive/2014/08/5e2ba2041e10013c988debadc5918945-228x28.png 228w" sizes="(max-width: 366px) 100vw, 366px" /></a></p>
<p>EC-CUBEで買い物をする場合は会員登録が必要になりますが、日本郵便が運営するサイトの「ゆうびんポータル」のＩＤでもログインができ、商品を購入できるそうです。</p>
<p>※ゆうびんポータルとは・・・</p>
<blockquote><p><span style="color: #222222;">メールアドレスや住所等を登録して会員になれば、「</span><b style="color: #222222;">ゆうびん</b><span style="color: #222222;">ID」（お客さまID）を取得し、集荷や再配達のお申し込みをはじめとした日本郵便</span><span style="color: #222222;">の各種サービスを利用できる</span></p></blockquote>
<p><a href="http://www.ec-cube.net/jp/partner.php">http://www.ec-cube.net/jp/partner.php</a></p>
<p>&nbsp;</p>
<p>さらに通販事業者からの荷受け増加を目指して、「通販ワンストップ通販ソリューション」なる、サイトの構築、受注、出荷、決済、マーケティングまでをトータル的に請け負うサービスも始めるとのことです。アマゾンFBAのような商品を預かる倉庫もあり、コールセンター運営も行うそうです。</p>
<p>本格的に日本郵便がＥＣ業界に参入する形になりそうです、今後ＥＣ業界における配送サービスの中心的な存在にもなりうるので、どんな展開をみせるのか注意してみていく必要がありそうです。</p>
<p><a href="/uploads-archive/2014/08/www.post_.japanpost.jp-service-tsuhan_solution-pdf-jp_sol.pdf.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5519" src="/uploads-archive/2014/08/www.post_.japanpost.jp-service-tsuhan_solution-pdf-jp_sol.pdf.png" alt="www.post.japanpost.jp service tsuhan_solution pdf jp_sol.pdf" width="800" height="572" srcset="/uploads-archive/2014/08/www.post_.japanpost.jp-service-tsuhan_solution-pdf-jp_sol.pdf.png 903w, /uploads-archive/2014/08/www.post_.japanpost.jp-service-tsuhan_solution-pdf-jp_sol.pdf-300x214.png 300w, /uploads-archive/2014/08/www.post_.japanpost.jp-service-tsuhan_solution-pdf-jp_sol.pdf-228x163.png 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p><a href="http://www.post.japanpost.jp/service/tsuhan_solution/pdf/jp_sol.pdf">http://www.post.japanpost.jp/service/tsuhan_solution/pdf/jp_sol.pdf</a></p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

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

2014/09/17

2014/09/10

2014/09/10

2014/09/10

2014/09/10

2014/09/03

2014/09/03

2014/09/03

2014/09/02

2014/08/27

2014/08/27

2014/08/26

2014/08/26

2014/08/20

2014/08/20

2014/08/20

2014/08/20

2014/08/19