<p>I have gathered together some interesting tools, that i found out to be really useful when it comes to get an overview of the style guide of other great websites.</p>
<p><strong><a href="http://www.wirify.com">Wirify</a></strong></p>
<p><a href="/uploads-archive/2014/08/Wirify.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5408" alt="Wirify" src="/uploads-archive/2014/08/Wirify-300x173.png" width="400" height="273" /></a></p>
<p>The first tool will help you to see the internal structure of a website, to get inspired by the layouts of other well designed sites, turning any website you like to a wireframe, with just one click.</p>
<p>I would recommend to wait until the whole page is completely loaded before you attempt to “wirify” it. To return to the original page simply click anywhere on the wireframe.</p>
<p>The best way to keep the wireframe and use it afterwards is to save the whole page as an image, using a browser add-on or extension, like the following ones:</p>
<ul>
<li><a title="Download Google Chrome Screen Capture extension by Google" href="https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg"> Screen Capture extension</a> for Google Chrome</li>
</ul>
<p>&nbsp;</p>
<ul>
<li><a title="Download Screengrab Firefox Add-on by Andy M" href="https://addons.mozilla.org/en-US/firefox/addon/1146/"> Screengrab add-on</a> for Firefox.</li>
</ul>
<p>&nbsp;</p>
<p>Check how Wirify works in this video:</p>
<p><iframe loading="lazy" width="500" height="375" src="http://www.youtube.com/embed/XgzPHFRx-xM?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><b> </b></p>
<p><strong><a href="http://stylifyme.com/">Stylifyme</a></strong></p>
<p><a href="/uploads-archive/2014/08/Stylifyme.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5409" alt="Stylifyme" src="/uploads-archive/2014/08/Stylifyme-300x186.png" width="400" height="286" /></a></p>
<p>Stylifyme was created to help designers gain an overview of the style guide of a site, including colours, fonts, sizing and spacing. Just copy the link of any particular site you like, and simply paste it in Stylifyme site and you will get the results in a couple of seconds.</p>
<p><b> </b></p>
<p><strong><a href="http://lokeshdhakar.com/projects/color-thief/">Color Thief</a></strong><b> </b></p>
<p><a href="/uploads-archive/2014/08/Color-thief.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5410" alt="Color thief" src="/uploads-archive/2014/08/Color-thief-300x221.png" width="400" height="321" /></a></p>
<p>This simple tool helps you to grab the colour palette from an image.</p>
<p>Give it a try, scroll down the site and drag an image inside, Colour thief is going to reveal the dominant colour on top and the full colour palette.</p>


Visual tools for web designers

<p>Yahoo！ショッピングが主催するセミナーに参加する機会があり、そこでYahoo!の担当者が今後彼らが目指す方向性を語っていました。その内容が興味深かったので書こうと思います。</p>
<p>参加したセミナーは売上向上策に関するよくあるセミナーだったのですが、余談としてモール自体を今後変化させていくという話がありました。</p>
<p>キーワードとしては大きく３つあり、「パーソナライズ」「キュレーション」「検索の進化」として紹介していました。これらの言葉に関しては、ＷＥＢやネットショップに詳しい方ならすでにご存じのワードかもしれませんが説明させて頂きます。</p>
<h3>パーソナライズ</h4>
<p>パーソナライズとは商品の購入時に年齢や性別、職業、趣味などの情報からモールを訪問した際に関連の高いと思われる商品をおすすめ商品として大きく表示したりする事です。</p>
<p>過去に購入した商品を表示する場合もあります。楽天などでは既に行われています。</p>
<p>つまりユーザーの好みにあった商品や店舗がすぐ見つけられ、使いやすさを向上するということです。逆を返すと商品を売る側からすれば、より買ってもらいやすくなったりリピート率が向上するなど、どちらにもプラスになります。</p>
<p>yahoo！ショッピングもこのパーソナライズをさらに強くするようです。</p>
<h3>キュレーション</h4>
<p>博物館や図書館などの管理者や館長を意味する「Curator(キュレーター)」からきている言葉のようです。何か商品を買う時に知識が豊富な人が推薦するものなら信用が持てると思います。</p>
<p>例えば長年営んでいる八百屋さんが選んだ野菜と、その辺の主婦が選んだ野菜があったら、多くの人は八百屋さんが選んだ野菜を購入すると思います。</p>
<p>yahoo！ショッピングの担当者は、そうしたプロの目利きを参考に買い物ができる仕組みを作りたいという趣旨の話をしていました。</p>
<h3>進化した検索</h4>
<p>どう進化させるのかというと、パーソナライズと若干近いのかもしれませんが、検索結果が人によって異なる物にしたいという事です。年齢や性別などによって求めているもは違うので、モール内の検索に関しても個人の趣味嗜好にあった結果を出せるようにしたいのだそうです。</p>
<p>例えば１０代の女性と４０代の男性が『カバン』と検索した時に同じ検索結果は好ましくないという事です。商品名など細かい情報をいれなくても、ユーザーに沿った検索結果が表示されるなら、かなり便利だと思います。検索エンジンを運営するyahoo!の強みを出すならこういう所なのかもしれません。</p>
<p>&nbsp;</p>
<p>ユーザーにとって使いやすいモールはおそらく売り上げも良くなるはずなので、yahoo!ショッピングには頑張って頂きたいなと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Yahoo！ショッピングが目指すモールの形とは？

HTML5のCanvasでレスポンシブなリンク &#8211; 矩形(四角)編

<p>In the age of information overload&#8230;<a href="https://dragdis.com">Dragdis </a>is the ultimate bookmarking tool that pulls it all together.</p>
<p>This extension helps you curate and organize your resources as soon as you come across them thanks to an extremely simple sidebar.</p>
<p>Launched early March this year, Dragdis works by installing browser extension that adds this bookmarking functionality when you need it.</p>
<p>It goes without saying that there are plenty of tools and utilities, which do this job, like Evernote, Pinterest, Springpad, Finland’s Kippt and Pocket. But none of them focus on easing the process, most of the bookmarking tools you need to do a lot of actions to save anything. However with Dragdis all you need to do is simply drag and drop any link, text, image or video into a folder in the Dragdis bar that appears on the right side of your browser once you start dragging. Very neat.</p>
<p>Once in Dragdis, everything is stored in the cloud. They currently support Chrome, Safari and Firefox. You can have access to your selected apps too, like Facebook, Twitter, Dropbox, Google Drive, Evernote and Pinterest, for example.</p>
<p>The Lithuanian-based startup was founded back in 2012 by first-time entrepreneurs, Domas Sabockis, Karolis Malcevičius and Eugenijus Jusas. Sabockis explains he got the idea for the service while working in an ad agency as a creative, where he was constantly losing images, videos, links he found on the internet. After trying different tools and not finding one he really liked, he decided to quit his job to build Dragdis.</p>
<p>Check out this Dragdis video and see it in action.</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="560" height="315" src="//www.youtube.com/embed/HLEAA_tIpbY" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>Interested users can sign up <a href="https://dragdis.com/">here</a>.</p>
<p>What do you think of this simple application?</p>


Dragdis:　The ultimate Bookmarking service

<p>find_in_set()という便利な関数を見つけたのでご紹介いたします。</p>
<h3>find_in_set()</h4>
<p>N 個の部分文字列で構成されるリスト strlist に、文字列 str が含まれている場合は、1 から N までのいずれかの値を返す。<br />
文字列のリストは、それぞれの間を カンマ‘,’文字で区切られた各部分文字列で構成される文字列である。<br />
最初の引数が定数文字列で、2 番目の引数が SET 型のカラムの場合、FIND_IN_SET() 関数はビット演算を使用するよう最適化される。<br />
str が strlist に含まれていない場合や、strlist が空の文字列の場合は、0 を返す。どちらの引数も NULL の場合は、NULL を返す。<br />
最初の引数に カンマ‘,’ が含まれていると、この関数は正しく動作しない。</p>
<table id="table-01" style="width: 343px; height: 134px;">
<tbody>
<tr>
<th>id</th>
<th>number</th>
</tr>
<tr>
<td>1</td>
<td>1,3,5,6,7</td>
</tr>
<tr>
<td>2</td>
<td>2,4,5,7</td>
</tr>
<tr>
<td>3</td>
<td>1</td>
</tr>
<tr>
<td>4</td>
<td>4,12</td>
</tr>
<tr>
<td>5</td>
<td>15,17</td>
</tr>
</tbody>
</table>
<p>上記テーブルより「カラム numberに &#8220;1&#8221; がある」という条件でレコード抽出を行うとします。</p>
<p>SELECT文のWHERE句でnumber = 1 を指定してもid 3　のデータしかヒットしません。</p>
<p>そこでfind_in_set() を使います。</p>
<p>テーブルの名前をsampleとします。</p>

		<div id="crayon-6495401579dbe375105180" 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 * FROM sample WHERE FIND_IN_SET('1', number);</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-6495401579dbe375105180-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-6495401579dbe375105180-1"><span class="crayon-e ">SELECT *</span><span class="crayon-h"> </span><span class="crayon-e">FROM </span><span class="crayon-e">sample </span><span class="crayon-e">WHERE </span><span class="crayon-e">FIND_IN_SET</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-i">number</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こうすることにより、id　1　と 3 のデータがヒットします。</p>

MySQL :: find_in_set() 関数

<p>最近ネット上で新しい決済手段についてのニュースがたまに出てくる。</p>
<p>その中で気になったのがこの2つ</p>
<p>http://japan.cnet.com/news/business/35051351/</p>
<p>http://japan.zdnet.com/mobile/analysis/35051435/</p>
<p>1つめが、アップルがモバイル決済サービスを始めるかもしれないというニュースだ。</p>
<p>2つめは、Visaが従来型のカードではなく、トークンによるアカウントの認証で決済する方法を提供するというものだ。</p>
<p>どう見てもウェアラブル対策にしか思えない。</p>
<p>ウェアラブル端末をきかっけに、モバイル決済が飛躍的に普及すると予想しているようだ。</p>
<p>今までも便利なモバイル決済機能はいくつかあったが、これを機にいっきに普及させる上での覇権争いが始まりつつ有るのかもしれない。</p>
<p>例えば、アップルからすると、自社のウェアラブル端末にモバイル決済機能をプリインストールし、<br />
アップルIDに紐付いたクレジットカード情報から引き落とすのは簡単だと思う。</p>
<p>要はクレジットカード会社から顧客の口座情報を仕入れているわけで、これを独自でやることによって手数料収入を得ようとしているのかもしれない。</p>
<p>ここで得た情報をiTunesやAppStoreでも使えるようにしたらかなりの収益アップに繋がりそう。</p>
<p>Visaは、このような川上の利権をアップルなどのハートメーカーに握られるのを防ぐための対応策なのかもしれない。</p>
<p>いずれにせよ、クレジットカードが前提であった構造が、これを機に変わっていくかもしれない</p>


新しい決済手段

small_css.jpg

thumbnail_css.jpg

css.jpg

意外に知らなかったCSSの「content」プロパティの使い方

<h2>ネームスペースの定義</h3>
<p>app/autoload.phpに、サードパーティバンドルのフォルダを追加すればいいです。<br />
複数ある場合は、配列で定義します。</p>
<p></p>

		<div id="crayon-6495401579973810655548" 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;">
$loader = new UniversalClassLoader();
$loader-&gt;registerNamespaces(array(
...
'Imagine'          =&gt; __DIR__.'/../vendor/imagine/lib',
'Avalanche'        =&gt; __DIR__.'/../vendor/bundles',
'Endroid'  =&gt; array(__DIR__.'/../vendor/endroid/qrcode-bundle/', __DIR__.'/../vendor/endroid/qrcode/src/'),
...
));
...</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-6495401579973810655548-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-2">2</div><div class="crayon-num" data-line="crayon-6495401579973810655548-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-4">4</div><div class="crayon-num" data-line="crayon-6495401579973810655548-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-6">6</div><div class="crayon-num" data-line="crayon-6495401579973810655548-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-8">8</div><div class="crayon-num" data-line="crayon-6495401579973810655548-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-6495401579973810655548-1"><span class="crayon-sy">$</span><span class="crayon-i">loader</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-e">UniversalClassLoader</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-6495401579973810655548-2"><span class="crayon-sy">$</span><span class="crayon-i">loader</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">registerNamespaces</span><span class="crayon-sy">(</span><span class="crayon-t">array</span><span class="crayon-sy">(</span></div><div class="crayon-line" id="crayon-6495401579973810655548-3"><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-6495401579973810655548-4"><span class="crayon-s">'Imagine'</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/imagine/lib'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579973810655548-5"><span class="crayon-s">'Avalanche'</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/bundles'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579973810655548-6"><span class="crayon-s">'Endroid'</span><span class="crayon-h">&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/endroid/qrcode-bundle/'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/endroid/qrcode/src/'</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579973810655548-7"><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-6495401579973810655548-8"><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579973810655548-9"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※Symfony2.1以降では、composerを使って自動更新で、自分でネームスペースを定義する必要がなくなりました。<br />
仕組みとして、app/autoload.phpではなく、vendor/autoload.phpでサードパーティバンドルのネームスベースを定義し、vendor/composer/autoload_real.phpを毎回更新しているのようです。</p>
<h2>バンドルの有効化</h3>
<p>app/AppKernel.phpに、追加したいバンドルを$bundlesの配列に書けばいいです。</p>
<p></p>

		<div id="crayon-6495401579977918534833" 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;">
    public function registerBundles()
    {   
        $bundles = array(
...
            new Avalanche\Bundle\ImagineBundle\AvalancheImagineBundle(),
            new Endroid\Bundle\QrCodeBundle\EndroidQrCodeBundle(),
...
        );
...
        return $bundles;
    }
...</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-6495401579977918534833-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-2">2</div><div class="crayon-num" data-line="crayon-6495401579977918534833-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-4">4</div><div class="crayon-num" data-line="crayon-6495401579977918534833-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-6">6</div><div class="crayon-num" data-line="crayon-6495401579977918534833-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-8">8</div><div class="crayon-num" data-line="crayon-6495401579977918534833-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-10">10</div><div class="crayon-num" data-line="crayon-6495401579977918534833-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-12">12</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-6495401579977918534833-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-m">public</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">registerBundles</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">{</span><span class="crayon-h">&nbsp;&nbsp; </span></div><div class="crayon-line" id="crayon-6495401579977918534833-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-i">bundles</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-4"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div><div class="crayon-line" id="crayon-6495401579977918534833-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-i">Avalanche</span><span class="crayon-sy">\</span><span class="crayon-i">Bundle</span><span class="crayon-sy">\</span><span class="crayon-i">ImagineBundle</span><span class="crayon-sy">\</span><span class="crayon-e">AvalancheImagineBundle</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-6495401579977918534833-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-i">Endroid</span><span class="crayon-sy">\</span><span class="crayon-i">Bundle</span><span class="crayon-sy">\</span><span class="crayon-i">QrCodeBundle</span><span class="crayon-sy">\</span><span class="crayon-e">EndroidQrCodeBundle</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579977918534833-7"><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-6495401579977918534833-8"><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" id="crayon-6495401579977918534833-9"><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-6495401579977918534833-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">bundles</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579977918534833-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-12"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【symfony2】サードパーティバンドルの追加

<p>ドメイン＝お名前.com、サーバ＝さくらのレンタル、メール＝GoogleApps</p>
<p>このパターン、実際多いのではないかなと思います。</p>
<p>そして、面倒なのが、ネームサーバーの設定ですね。ネットワークに詳しい人であれば、当たり前じゃんと思われるかもしれないのですが、そもそもメールサーバの運用などをGoogleAppsに任せちゃおう！という考えで導入をするわけですから、この初期設定に詰まってしまいます。</p>
<p>執筆時点の2014年7月現在の管理画面の項目などをベースに紹介します。</p>
<p>なお、契約や初期登録などは割愛します。</p>
<p>以下を応用すれば、他社ドメイン⇔他社サーバ⇔GoogleAppsの連携も比較的容易になると予想します。</p>
<h2>お名前.comの管理画面</h3>
<p>管理画面＞ドメインの設定＞DNS関連機能の設定</p>
<p>DNSレコード設定を利用するを選択し該当のドメインを選択</p>
<p><a href="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5347" alt="ドメインNavi" src="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-300x273.jpg" width="300" height="273" srcset="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-300x273.jpg 300w, /uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-228x207.jpg 228w, /uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391.jpg 672w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>上記は設定済のものですが、ご参照下さい。</p>
<p>ここでTYPEに注目します。</p>
<p>NSは、お名前.comがデフォルトで入れているものですので、編集削除は不可です。</p>
<p>AとCNAMEは一旦飛ばしてMXレコードはGoogleAppsの管理コンソールから確認が出来る以下の値を1行ずつ入れて下さい。</p>
<p>TTLは適度に短くすれば問題ありません。今回は300。</p>
<table>
<tbody>
<tr>
<th>MX サーバー アドレス</th>
<th>優先順位</th>
</tr>
<tr>
<td>ASPMX.L.GOOGLE.COM.</td>
<td>10</td>
</tr>
<tr>
<td>ALT1.ASPMX.L.GOOGLE.COM.</td>
<td>20</td>
</tr>
<tr>
<td>ALT2.ASPMX.L.GOOGLE.COM.</td>
<td>20</td>
</tr>
<tr>
<td>ASPMX2.GOOGLEMAIL.COM.</td>
<td>30</td>
</tr>
<tr>
<td>ASPMX3.GOOGLEMAIL.COM.</td>
<td>30</td>
</tr>
</tbody>
</table>
<h2>さくらのレンタルサーバ管理画面</h3>
<p>ここで先ほど、飛ばした、AレコードとCNAMEレコードについてです。</p>
<p>管理画面＞サーバ情報の表示</p>
<p><a href="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5348" alt="さくらインターネットサーバコントロールパネル" src="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-300x247.jpg" width="300" height="247" srcset="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-300x247.jpg 300w, /uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-228x188.jpg 228w, /uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4.jpg 518w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>にて契約のサーバの情報が表示されます。</p>
<p>上記表のホスト名をCNAMEに。</p>
<p>IPアドレスをAにそれぞれ追記します。</p>
<p>以上の設定で、メール関連のMXレコードはGoogleApps、サーバ関連のA、CNAMEはさくらレンタルサーバへとそれぞれを向けることが出来ます。</p>
<p>設定が終わったら、NS Lookupと検索して今、DNSがどのような状態になっているかを調べて確認をします。</p>
<p>詳しいレコードの意味などはご自身で調べて下さい。</p>
<h2>注意事項</h3>
<p>さくらレンタルサーバの管理画面で他社で取得したドメインを追加する時、DNSは以下のように設定と出てきますが、これは無視して下さい。</p>
<p>最初はこれにハマりました。以下のdnsを設定してしまうとメール関連もろともさくらに向いてしまうため、お名前.comでMXレコードを追記しても処理をしてくれません。</p>
<table>
<tbody>
<tr>
<th>プライマリネームサーバ</th>
<td>ns1.dns.ne.jp</td>
<td>210.188.224.9</td>
</tr>
<tr>
<th>セカンダリネームサーバ</th>
<td>ns2.dns.ne.jp</td>
<td>210.224.172.13</td>
</tr>
</tbody>
</table>
<p>構造が分かっている方は、当たり前だと思うのでしょうが、以下のような挙動になります。</p>
<p><span style="line-height: 1.5em;">誤）ドメイン→さくら管理DNS→さくらサーバ</span></p>
<p>正）ドメイン→お名前.com管理DNS→さくらサーバ＆GoogleApps</p>
<p>上記はさくら管理DNSでMXレコードを追記出来れば解決もするかもしれませんが、現状では出来ないためです。</p>


ドメイン＝お名前.com、サーバ＝さくらのレンタル、メール＝GoogleAppsの設定方法

CentOS6.5にMysql5.5をインストール

<p>今回ご紹介するのは、</p>
<p>HTML5のスライドアニメーションが作れるサイトです。</p>
<p>サインアップの必要なく作れますが、登録して、プランも色々あるようですが、</p>
<p>出来る事が増えて行く感じです。</p>
<p>&nbsp;</p>
<p>作る画面は、以下のような感じです。</p>
<p><a href="/uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5325" alt="HTML5 MAKER Editor  html5maker.com" src="/uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-1024x582.jpg" width="643" height="365" srcset="/uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-1024x582.jpg 1024w, /uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-300x170.jpg 300w, /uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_-228x129.jpg 228w, /uploads-archive/2014/07/HTML5-MAKER-Editor-html5maker.com_.jpg 1249w" sizes="(max-width: 643px) 100vw, 643px" /></a></p>
<p>直感的にできますね。</p>
<p>写真を追加して、アニメーションの設定を右側で好きなようにできます。</p>
<p>最後、右上の「PUBLISH」を押すと、html一式がダウンロードできます。</p>
<p>&nbsp;</p>
<p>こんなサービスがどんどんできてきてますね。</p>
<p>HTMLに詳しくない人でもwebサイトを作れてしまう環境がどんどん出来上がりつつありますね・・・</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://html5maker.com/" class="link">Create HTML5 Animation | Free Banner Maker </a></p>
<p>&nbsp;</p>


HTML5のスライドアニメーションを直感的に作れるサイト「HTML5 MAKER」

twigのテンプレートで設置したtwitterボタンが動かない場合の対処法

<p>最近GoogleもＥＣ事業に力を入れてきているようです。</p>
<p>これまでGoogleショッピングという形で広告サービスを行ってきたGoogleですが、アメリカではモールとしてのサービスを始めているようです。</p>
<h3>Google shopping express</h4>
<p>ニューヨーク、ロサンゼルス、サンフランシスコなどの一部と展開している地域は限定されていますが、注文をした当日に商品が届くというサービスをGoogleが開始しました。</p>
<p>Googleと提携しているコストコやトイザラスなどの小売チェーンの商品がサイトで購入でき、19時までに注文すれば当日中に届くそうです。仕組みとしては、amazonのように倉庫に大量の在庫を持つのではなく、提携している店舗にGoogleが注文商品を受け取りに行き顧客まで届けるという形です。どちらかというと、買い物代行に近い感じもしますが、在庫もなく、もちろん倉庫も必要ないので流石Googleという感じです。</p>
<p><a href="/uploads-archive/2014/07/costco.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5314" alt="costco" src="/uploads-archive/2014/07/costco-300x207.jpg" width="300" height="207" srcset="/uploads-archive/2014/07/costco-300x207.jpg 300w, /uploads-archive/2014/07/costco-228x157.jpg 228w, /uploads-archive/2014/07/costco.jpg 400w" sizes="(max-width: 300px) 100vw, 300px" /></a> <a href="/uploads-archive/2014/07/walgreens.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5315" alt="walgreens" src="/uploads-archive/2014/07/walgreens-300x207.jpg" width="300" height="207" srcset="/uploads-archive/2014/07/walgreens-300x207.jpg 300w, /uploads-archive/2014/07/walgreens-228x157.jpg 228w, /uploads-archive/2014/07/walgreens.jpg 400w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>https://www.google.com/shopping/express/<span style="line-height: 1.5em;">#HomePlace:s=0&amp;c=24&amp;mall=SanFrancisco</span></p>
<p>送料は1店舗につき4.99ドルかかりますが、最低購入金額も設けられていないのでユーザー目線では、ちょっとした買い物もお願いできて便利だなという印象です。</p>
<p>当日に届くという点が欠如するとユーザー的にはAmazonで買い物をするの場合と変わりが無いので配達する距離が長くなる地方では成功するのか疑問がありますが、アメリカでこのサービスが広がれば日本での展開開始もありえそうです。Googleが展開するサービスだけにＥＣ業界が大きく変わってしまう可能性を秘めた動きなので、今後も注目していきたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


当日に商品が届く！ＥＣ事業を強化するGoogle

<p>2週間前ほどに、CentOS 7がリリースされたというニュースが耳に入りました。<br />
ちょっと遅れていますが、今回はそちらを詳しく見てみましょう。</p>
<h2>主要ソフトワーアのバージョン</h3>
<p>・apache 2.4.6<br />
・PHP 5.4.16<br />
・MySQL 5.5.37<br />
など<br />
ちなみに、kernelのバージョンは3.10.0。</p>
<h2>変更点</h3>
<p>・IPv6をdisableすることをおすすめしないこと（SELinuxとコンフリクトそうです）。<br />
・32bit CPUにはインストールできない<br />
など</p>
<h2>注目したい変化</h3>
<p>管理ツールの、systemctlとsystemadmが追加されました。<br />
いままでchkconfig、serviceなどのコマンドを使ってきましたが、大きな変化になりそうです。<br />
例えば、</p>

		<div id="crayon-649540157933c736192798" 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 httpd 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-649540157933c736192798-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-649540157933c736192798-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>が</p>

		<div id="crayon-6495401579340259031636" 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;">
systemctl restart httpd.service</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-6495401579340259031636-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-6495401579340259031636-1"><span class="crayon-e">systemctl </span><span class="crayon-e">restart </span><span class="crayon-i">httpd</span><span class="crayon-sy">.</span><span class="crayon-i">service</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>になるそうです。</p>
<h2>参考リンク</h3>
<p><a href="http://blog.yuryu.jp/2014/07/centos-7.html" target="_blank">http://blog.yuryu.jp/2014/07/centos-7.html</a><br />
<a href="http://www.slideshare.net/moriwaka/red-hat-enterprise-linux-7" target="_blank">http://www.slideshare.net/moriwaka/red-hat-enterprise-linux-7</a><br />
<a href="http://wiki.centos.org/FAQ/CentOS7#head-8984faf811faccca74c7bcdd74de7467f2fcd8ee" target="_blank">http://wiki.centos.org/FAQ/CentOS7#head-8984faf811faccca74c7bcdd74de7467f2fcd8ee</a><br />
<a href="http://www.howtoforge.com/apache_php_mysql_on_centos_7_lamp" target="_blank">http://www.howtoforge.com/apache_php_mysql_on_centos_7_lamp</a><br />
<a href="http://liquidat.wordpress.com/2014/07/17/howto-upgrading-centos-6-to-centos-7/" target="_blank">http://liquidat.wordpress.com/2014/07/17/howto-upgrading-centos-6-to-centos-7/</a></p>

CentOS 7がリリースされました

<p>最近お仕事をご一緒させて頂いているお客様が利用されていてとても便利だったので、ご紹介です。</p>
<h2>従来のスクリーンショット（画面キャプチャー）共有方法</h3>
<p>今までですと、以下のような手順でスクリーンショットを取っていたかと思います。</p>
<ol>
<li>様々なツールやOS標準ショートカット（Windowsで[Print Screen]キー、Macで[コマンド]キー+[Shift]キー+[3]キーなど）を使って、スクリーンショット（画面キャプチャー）を取得</li>
<li>ペイントなどの画像編集系のソフトを使って、画像(jpg)化し保存</li>
<li>メールなどに画像を直接添付し共有</li>
</ol>
<h2>Gyazoによるスクリーンショット共有方法</h3>
<ol>
<li>Gayazoを起動し、範囲指定</li>
<li>自動でアップ、ブラウザでURLが開かれる。</li>
<li>URLを添付し共有</li>
</ol>
<p>手順自体は3ステップあり同じように見えるのですが、実際に手順を試して見ると非常に簡単なことが分かります。特に、従来の画像化して保存のあたりが、面倒だったりするのですが、画像のアップまでが自動で1ステップになっており、非常に簡単です。</p>
<p>世界最高のスクリーンショットサービスと謳うあたりは伊達ではないと思いました。</p>
<p>Windows、Mac共に対応したソフトですし、今後の発展にますます期待です。</p>


スクリーンショット（画面キャプチャー）のツールはGyazoで決まり！

<p>リアルな店舗では天候によって売上が作用されると言われていますが、ＥＣにおいても同様に天候の影響を受けるのでしょうか。</p>
<p>リアル店舗においては商材にもよりますが、やはり張れている日の方が売り上げが伸びる傾向にあると言われています。理由は単純に晴れている日は外出する人の数が多くなるという事です。このロジックですとＥＣにおいては、その逆で外出しにくい天候の方が売り上げが伸びそうな気がします。</p>
<p>しかし、<a href="http://searchengineland.com/does-weather-affect-site-traffic-sem-performance-166851">search engine land</a>に掲載された調査では興味深い結果が出ています。アメリカの東海岸で家電用品などを扱う小売店３社のサイトで売上と気温の関係を調べたところ、気温が高い方が物が売れるという結果になったそうです。</p>
<p><a href="/uploads-archive/2014/07/NewImage25.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5249" alt="NewImage25" src="/uploads-archive/2014/07/NewImage25-300x175.png" width="300" height="175" srcset="/uploads-archive/2014/07/NewImage25-300x175.png 300w, /uploads-archive/2014/07/NewImage25-228x133.png 228w, /uploads-archive/2014/07/NewImage25.png 600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>注意すべきは天気ではなく気温と売上に関係があるという事です。</p>
<p>気温なので外出しやすいかどうかとは直接関係づけが行いにくいですが、もしかするとリアル店舗同様にＥＣにおいても天候が良い方が売上が高くなるという事なのかもしれません。</p>
<h3>もしかしてＥＣも天気が良いと売れる！？</h4>
<p>上の調査は海外での事例ですし、どんな商材を扱うかによっても天候・気温の影響は異なると思うので、私が担当するサイトではどうなのか調べてみました。</p>
<p><a href="/uploads-archive/2014/07/e172e7ed7d26a218871aeba881d1c84c.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5256" alt="天気と売上" src="/uploads-archive/2014/07/e172e7ed7d26a218871aeba881d1c84c-300x300.jpg" width="300" height="300" srcset="/uploads-archive/2014/07/e172e7ed7d26a218871aeba881d1c84c-300x300.jpg 300w, /uploads-archive/2014/07/e172e7ed7d26a218871aeba881d1c84c-150x150.jpg 150w, /uploads-archive/2014/07/e172e7ed7d26a218871aeba881d1c84c-228x228.jpg 228w, /uploads-archive/2014/07/e172e7ed7d26a218871aeba881d1c84c.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>上の図は2014年6月の天候・気温と売上の関係です。</p>
<p>グラフは最高気温（東京）と売上額の散布図です。データの質が微妙ですが、やはり気温が高い方が売上が伸びる傾向にあるように見えます。その日の天気と売上に関して調べてみると、1日の平均売上に対して晴れている方が売上が伸びています。</p>
<p>これはきちんとした調査ではないので自分でも疑わしいのですが、今回の結果は正直予想外でした。今後、きちんと調べて広告を打つタイミングなどに活かせそうです。</p>
<p>ちなみにEC-CUBE向けですが天気と連動して、バナーを変更するようなプラグインも出ていました。</p>
<p><a href="http://www.ec-cube.net/products/detail.php?product_id=731"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5261" alt="04081747_5343b798ae6ab" src="/uploads-archive/2014/07/04081747_5343b798ae6ab-300x223.png" width="300" height="223" srcset="/uploads-archive/2014/07/04081747_5343b798ae6ab-300x223.png 300w, /uploads-archive/2014/07/04081747_5343b798ae6ab-228x169.png 228w, /uploads-archive/2014/07/04081747_5343b798ae6ab.png 338w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>商材によっては逆の結果が出るものもあるかもしれませんが、天気の影響はあるはずです。うまく利用する手はないなと思いました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://searchengineland.com/does-weather-affect-site-traffic-sem-performance-166851"> </a></p>
<p>&nbsp;</p>


ＥＣにおける天気と売上の関係は？

<p>Bootstrapとは、以前流行った(?)twitter bootstrapのことで、<br />
前はそんな風に呼んでいたみたいですが、今は、「Bootstrap」という名称になっているようです。</p>
<p>そんなBootstrapのテーマを専門的に販売しているサイトが「BootstrapBay」です。<br />
管理画面用から、一般のサイトまで様々なカテゴリーがあります。<br />
E-Commerceのカテゴリもありますが、今現在はないようですね(2014年7月15日)。</p>
<p><a href="http://bootstrapbay.com/" target="_blank">BootstrapBay &#8211; Bootstrap Themes &amp; Templates</a></p>
<p>そもそも「Bootstrap」って？という人は以下のリンクをご覧下さい。</p>
<p><a href="http://ascii.jp/elem/000/000/795/795948/" target="_blank">いまさら聞けない「Twitter Bootstrap」とは？ (1/2)｜Webサービス開発者のためのTwitter Bootstrap入門</a></p>
<p>そしてさらに、こちらもご覧頂けると基本的な使い方はもうOKです。</p>
<p><a href="http://www.atmarkit.co.jp/ait/articles/1403/19/news034.html" target="_blank">Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) &#8211; ＠IT</a></p>
<p>本家のサイトを見てみますと、確かにもう「Bootstrap」の表記になってますね。</p>
<p><a href="http://getbootstrap.com/2.3.2/" target="_blank">Bootstrap</a></p>
<p>今回初めて知ったのですが、bootstrapのカラーテーマの変更できるものが用意されているようです。</p>
<p><a href="http://bootswatch.com/" target="_blank">Bootswatch: Free themes for Bootstrap</a></p>
<p>これは最初にご紹介した物とは違い、カラーテーマのバリエーションしかないですね。</p>
<p>Bootstrapは、今後もいろいろと活躍しそうな感じですね〜</p>
<p>他にも、Bootstrapをベースにして、作成されたフレームワーク、テンプレートがありますので、<br />
最後にご紹介します。</p>
<p><a href="http://designmodo.github.io/Flat-UI/" target="_blank">Flat UI &#8211; Free Bootstrap Framework and Themes</a></p>
<p><a href="http://www.flatstrap.org/" target="_blank">Flatstrap by Littlesparkvt.com</a></p>


Bootstrapのテーマを販売している「BootstrapBay」

<p><span style="line-height: 1.5em;">Appleもアプリやitunesの音楽、ブックなどのアフィリエイトを実施しているんですよね。</span></p>
<p>しかし、情報が少ないので、苦労しました。</p>
<p>本ブログでも時々本の紹介をする際にAmazonのアフィリエイトリンクを乗せてますが数冊売れていたりで何だか嬉しいです。<br />
といっても、マージンが3%前後で本は1000円前後のものですから本当に雀の涙程度ですね。最低の換金基準にも到達するのもいつになることやらという感じです。<br />
余談ですが、ブロガーとして食べて行くというのはよほどですよ。</p>
<p>2013年10月にアフィリエイトプログラムに変更があり、</p>
<blockquote><p><a href="http://www.apple.com/itunes/affiliates/resources/blog/important-affiliate-program-changes.html">Important Affiliate Program Changes</a>（英語）</p></blockquote>
<p>正式な名称はPHG（Performance Horizon Group）というのですが、単語としては、ピンとこないので<strong>Appleアフィリエイト</strong>や<strong>itunesアフィリエイト</strong>という名称であればいいと思うのです。</p>
<h2>登録方法</h3>
<p><a href="https://www.apple.com/jp/itunes/affiliates/" target="_blank">https://www.apple.com/jp/itunes/affiliates/</a></p>
<p>こちらから申し込むだけです。</p>
<p>ブログやサイトを運営している必要がありますが、よほどのことがなければリジェクトなどはされないようです。</p>
<p>私は数日で審査結果がメールで届き、問題なく登録が出来ました。</p>
<h2>ツール</h3>
<p><a href="/uploads-archive/2014/07/ITMS_Link_Maker.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5255" alt="ITMS_Link_Maker" src="/uploads-archive/2014/07/ITMS_Link_Maker-300x276.jpg" width="300" height="276" srcset="/uploads-archive/2014/07/ITMS_Link_Maker-300x276.jpg 300w, /uploads-archive/2014/07/ITMS_Link_Maker-228x210.jpg 228w, /uploads-archive/2014/07/ITMS_Link_Maker.jpg 1012w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>上記のリンクメーカーやウィジェットビルダーなど様々なツールを使ってリンクすることが出来ます。</p>
<p>&nbsp;</p>
<h2>参考リンク</h3>
<p><a href="https://www.apple.com/itunes/affiliates/resources/documentation/faq_jp.html">よくある質問</a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/08/05

2014/07/30

2014/07/30

2014/07/30

2014/07/30

2014/07/30

2014/07/30

2014/07/29

2014/07/29

2014/07/23

2014/07/23

2014/07/23

2014/07/23

2014/07/23

2014/07/22

2014/07/16

2014/07/16

2014/07/16