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


Appleアフィリエイトプログラム

<p>ECをやっていると、たまにレコメンドエンジンやサイト内検索の話題が出てくる。</p>
<p>勉強のため、良さそうなものを15個ピックアップしてみた。</p>
<p>(あいうえお順)</p>
<p>&nbsp;</p>
<h2>アイジェント・レコメンダー</h3>
<p><a href="http://www.silveregg.co.jp/recommend/aigentrcmnd/index.html" target="_blank"> http://www.silveregg.co.jp/recommend/aigentrcmnd/index.html</a></p>
<p>初期費用：無料?</p>
<p>月額費用：レコメンド経由での売上額×5%</p>
<h2>アールトースター</h3>
<p><a href="http://www.rtoaster.com/" target="_blank"> http://www.rtoaster.com/</a></p>
<p>初期費用：無料?</p>
<p>月額費用：15万円</p>
<h2>ac propoza</h3>
<p><a href="http://www.activecore.jp/service/propoza/index.html" target="_blank"> http://www.activecore.jp/service/propoza/index.html</a></p>
<p>初期費用：30万円</p>
<p>月額費用：10万円</p>
<h2>おまかせ！ログレコメンダー</h3>
<p><a href="http://www.albert2005.co.jp/logreco/index.html" target="_blank"> http://www.albert2005.co.jp/logreco/index.html</a></p>
<p>初期費用：20万円</p>
<p>月額費用：10万円～</p>
<h2>おもてなしレコメンド</h3>
<p><a href="http://biz.taggy.jp/product/omotenashi.php" target="_blank"> http://biz.taggy.jp/product/omotenashi.php</a></p>
<p>初期費用：50万円</p>
<p>月額費用：10万円</p>
<h2>さぶみっと！レコメンド</h3>
<p><a href="http://recommend.submit.ne.jp/" target="_blank"> http://recommend.submit.ne.jp/</a></p>
<p>初期費用；99,000円〜</p>
<p>月額費用；39,000円〜</p>
<h2>jetrunレコメンドエンジン</h3>
<p><a href="http://www.jetrun.co.jp/recommend-engine.html" target="_blank"> http://www.jetrun.co.jp/recommend-engine.html</a></p>
<p>初期費用：20万円</p>
<p>月額費用：17万円</p>
<h2>ZERO-ZONE Recommend</h3>
<p><a href="http://zero-start.jp/products/zero-zone-recommend" target="_blank"> http://zero-start.jp/products/zero-zone-recommend</a></p>
<p>-ライセンス一括購入型</p>
<p>初期費用：1800万円</p>
<p>年間費用：180万円</p>
<p>-ライセンス月額レンタル型</p>
<p>初期費用：60万円</p>
<p>月額比喩：30万円</p>
<h2>チームラボレコメンデーション</h3>
<p><a href="http://www.team-lab.com/products/recommend.html" target="_blank"> http://www.team-lab.com/products/recommend.html</a></p>
<p>初期費用：50万円〜</p>
<p>月額費用；10万円〜</p>
<h2>デクワス</h3>
<p><a href="http://www.deqwas.com/" target="_blank"> http://www.deqwas.com/</a></p>
<p>初期費用：無料?</p>
<p>月額費用：月額15万円 or 成果報酬型</p>
<h2>NaviPlusレコメンド</h3>
<p><a href="http://www.naviplus.co.jp/recommend/" target="_blank"> http://www.naviplus.co.jp/recommend/</a></p>
<p>初期費用：20万円</p>
<p>月額費用：5万円〜</p>
<h2>パーソナライズド・レコメンダー</h3>
<p><a href="http://recommend.appirits.com/index.html" target="_blank"> http://recommend.appirits.com/index.html</a></p>
<p>初期費用：20万円〜</p>
<p>月額費用：5万円〜</p>
<h2>楽レコ</h3>
<p><a href="http://www.luckrec.jp/" target="_blank"> http://www.luckrec.jp/</a></p>
<p>初期費用：5万円</p>
<p>月額費用：2万円</p>
<h2>Reco king</h3>
<p><a href="http://rking.jp/" target="_blank"> http://rking.jp/</a></p>
<p>初期費用：3万円</p>
<p>月額費用：19,800円</p>
<h2>レゾナンス</h3>
<p><a href="http://www.p-id.jp/recommendation/" target="_blank"> http://www.p-id.jp/recommendation/</a></p>
<p>初期費用：40万円</p>
<p>月額費用：30万円</p>


良さそうなレコメンドエンジン15個

【jQuery】デザインしたチェックボックスをラジオボタンのような動きにする

【Symfony2】最近doctrineを使ってあった問題

<p>Google grass をさきがけに今後どんどんウェアラブル端末が出てきそうですが、バッテリーがネックになると色んなところで言われています。</p>
<p>ＥＣにとってもより手軽に商品を注文できるだろうし、感覚的にリアル店舗に近づく方向に進んでほしいと期待していますが、バッテリーがすぐ切れてしまうと、スマホが登場した直後同様、不便でしかたないだろうなと。</p>
<p>バッテリーをポケットに入れて、電波で電源供給するなんて技術も開発中との事ですが、何かカッコ悪いし最終的に目指す所ではない感じなので、他にウェアラブルデバイスを後押しするような技術は無いものか探してみました。</p>
<p>すると、意外にもすでに実用化されつつあるスゴイ技術を見つけました。それは体温発電！</p>
<h3>体温で発電できるフィルムが開発された！</h4>
<p><a href="/uploads-archive/2014/07/kaist-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5216" alt="kaist-1" src="/uploads-archive/2014/07/kaist-1-300x192.jpg" width="300" height="192" srcset="/uploads-archive/2014/07/kaist-1-300x192.jpg 300w, /uploads-archive/2014/07/kaist-1-228x146.jpg 228w, /uploads-archive/2014/07/kaist-1.jpg 400w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>上のフィルムは韓国科学技術院（ＫＡＩＳＴ）の研究グループが開発した技術で、人の体温で発電ができるとの事。フィルム状のガラスファイバー繊維に熱発電装置を印刷する技術で、とても軽いそうです。</p>
<p>どうやって電気を起こすのかというと、外気温と体温との温度差によって発生する熱移動を利用して発電する仕組み。</p>
<p>サイズ的にウェアラブルにピッタリという感じですが問題は発電量です、そこの所どうなんでしょうか？</p>
<p><a href="/uploads-archive/2014/07/kaist-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5217" alt="kaist-2" src="/uploads-archive/2014/07/kaist-2-300x172.jpg" width="300" height="172" srcset="/uploads-archive/2014/07/kaist-2-300x172.jpg 300w, /uploads-archive/2014/07/kaist-2-228x131.jpg 228w, /uploads-archive/2014/07/kaist-2.jpg 400w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>開発した研究グループは10cm四方の熱発電装置で、体温と外気温の温度差が約１７℃程度の状況で、約４０ mWの発電に成功したと実験結果を発表しています。アナログの腕時計くらいなら動かせそうですが、液晶などに電源を供給するには厳しい数字です。</p>
<p>デバイスの電源を全てまかなうのは難しそうですが、少なくともバッテリーを長持ちさせる為には役立ちそうです。ちょっと、期待が薄れてしまいましたが、もう少し調べてみると、この技術を応用して懐中電灯を光らせた天才少女を発見しました。</p>
<h3>手のひらの体温でＬＥＤライトをつける天才少女</h4>
<p><iframe loading="lazy" width="425" height="350" src="http://www.youtube.com/embed/9CCGUMkcbjg" frameborder="0"></iframe></p>
<p>上の女性はカナダの高校生でアン・マコシンスキーさん（１５）、Googleのサイエンスフェアに、体温発電でＬＥＤライトをつけるという研究を出展したそうです。上で紹介したＫＡＩＳＴが開発した技術を利用して発電をしているそうで、発電量を大きくする工夫をしたようです。<strong><br />
</strong></p>
<p>発電量が外気温に左右されるので、温かい場所には向いていないですが、カナダなら寒いから発電量が大きいのかも。</p>
<p>フィルム自体の発電効率など改善の余地はあると思うので、今後期待できそうな技術です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


体温で発電！？ウェラブル端末に搭載されそうなスゴイ技術

<p>スマホの普及とSNS系のサービスが日常化したせいか、個人間でのネット上のやりとりが更に加速しているようで<br />
様々なCtoCのサービスが特に欧米で活発なようだ。</p>
<h2>家：Airbnb‎</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5222" alt="1" src="/uploads-archive/2014/07/1.png" width="656" height="390" srcset="/uploads-archive/2014/07/1.png 656w, /uploads-archive/2014/07/1-300x178.png 300w, /uploads-archive/2014/07/1-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>今や日本でも有名な空き家オーナーと利用者のマッチングサイト。</p>
<p>類似サービスはいくつかあるが、国内ではYahoo!が軽井沢の別荘を予約できるサービスを作り話題になった。</p>
<h2>車：Uber</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5221" alt="2" src="/uploads-archive/2014/07/2.png" width="656" height="390" srcset="/uploads-archive/2014/07/2.png 656w, /uploads-archive/2014/07/2-300x178.png 300w, /uploads-archive/2014/07/2-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>個人がドライバー登録してアプリから呼べるハイヤーサービス。</p>
<p>6月、時価総額が170億ドルとなり非上場企業として最大規模、IT系では最大の評価。</p>
<h2>食：Cookisto</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5223" alt="3" src="/uploads-archive/2014/07/3.png" width="656" height="390" srcset="/uploads-archive/2014/07/3.png 656w, /uploads-archive/2014/07/3-300x178.png 300w, /uploads-archive/2014/07/3-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>家の近くに登録してある提供元から料理を買うことができる。</p>
<p>家庭料理を食べることができ、お小遣い稼ぎになるという。</p>
<h2>知：coconala</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5224" alt="4" src="/uploads-archive/2014/07/4.png" width="656" height="390" srcset="/uploads-archive/2014/07/4.png 656w, /uploads-archive/2014/07/4-300x178.png 300w, /uploads-archive/2014/07/4-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>最近耳にすることが多くなってきた。</p>
<p>ヨガとか占いとか悩み相談とかに長けた人と利用者をマッチングしている。</p>
<p>食べ物まであるというのは知らなかったので驚いたが</p>
<p>そのレベルで個人からものを買うということに対しての信頼性が高まっているというところが興味深い。</p>
<p>どのサービスも運営会社がクレジットカードでの決済を仲介し、売り手側のリスクを最小化している。</p>
<p>ユーザーは売り手側に付けられた評価を参考に購入先を選ぶ。</p>
<p>今まで利権がからんでいたところを企業が入らない = CtoCによって常識が変わりつつあり、<br />
Uberなどは今まさに摩擦が生じているが、法律やユーザーの行動が今後どのようになっていくかは注目していきたい。</p>
<p>個人的には屋外広告のマッチングなどあったらおもしろいと思った。</p>


CtoC 様々なマッチング系サービス

<p>googleが新たなデザインを提唱しているのが耳に入ったので、<br />
それを紹介します。</p>
<p><a href="http://www.google.com/design/#resources" target="_blank">Google Design</a></p>
<p><a href="http://www.google.com/design/spec/material-design/introduction.html" target="_blank">Introduction &#8211; Material Design &#8211; Google design guidelines</a></p>
<p>Material Designという名称でガイドラインが用意されているのですが、<br />
まぁパッと見、フラットデザインに近しい印象があります。</p>
<p>Material というと、「素材,材料,物質」という意味があるように、<br />
かなりざっくりいうと、<br />
1.デザイン要素は現実の物のメタファーを用い、<br />
2.わかりやすく意図的な色使い、グラフィック、タイポグラフィ、<br />
3.意味のあるアニメーションを用いましょう<br />
という感じかと思います。</p>
<p>項目は以下のようになっています。</p>
<p>・アニメーション<br />
・スタイル<br />
・レイアウト<br />
・コンポーネント<br />
・パターン<br />
・ユーザビリティ<br />
・リソース</p>
<p>かなり事細かに説明があり、<br />
原則から始まり、レイアウト、スタイル、コンポーネント等には、<br />
これはOK,これはダメといった指示まであります。<br />
テンプレートも用意されています。</p>
<p>スタイルの項目には、カラーやフォントについての記述があるのですが、<br />
こちらも、リソースとして、カラーパレットやフォントデータを提供してくれています。</p>
<p>細かいことはやはりサイトを見て感じてもらう必要があるかと思います。<br />
今後のデザインを作用しうるものになるかもしれないので、一読の必要性ありかもしれません。</p>
<p>といってもあまりにも従いすぎると、均一したデザインになってしまいますね。<br />
それがGoogleの狙いなのかもしれませんが。</p>
<p><a href="http://www.google.com/design/spec/material-design/introduction.html" target="_blank" class="link">Introduction &#8211; Material Design &#8211; Google design guidelines</a></p>


Googleが新たに提唱しているMaterial Design

<p>最近初めて知りました。</p>
<p>慣れると、一番早く書けるらしいです。</p>
<p>元々は、電子メールやプレーンテキストを装飾するために開発された言語ということで、ブログを書くのに最適なようです。</p>
<p>ちなみに、当ブログはWordpressで構築していて、管理画面では、TinyMCE<br />
という非常に優れたエディターを搭載していますが、見出しを作るために、上部のツールバーをポチポチとやっとりました。</p>
<p>しかしながら、このMarkDown記法では、htmlよりも簡単に記述することができます。<br />
たとえば、</p>
<p>&#8220;#h1&#8221;</p>
<h1>h1</h1>
<p>&#8220;##h2&#8221;</p>
<h2>h2</h2>
<p>&#8220;###h3&#8221;</p>
<h2>h3</h2>
<p>&#8220;####h4&#8221;</p>
<h3>h4</h4>
<p>という具合に＃の数で見出しレベルを設定出来たり、<br />
<strong>強調</strong>は**で文字を囲みます。</p>
<p>確かに、見出しや強調などに特化されていて一定レベルの慣れが必要ですが、ブログに書くには最適かもしれません。</p>
<p>そして、このMarkdown記法に対応したエディタで評価の高いものが、<br />
「Mou」とうエディターです。</p>
<p><a href="http://mouapp.com/">http://mouapp.com/</a></p>
<p>もちろん、現在もMouで書いてます。<br />
こんな風に、左に記述をすると、右にプレビューがでます。</p>
<p><a href="/uploads-archive/2014/07/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5202" alt="screenshot" src="/uploads-archive/2014/07/screenshot-300x207.png" width="300" height="207" srcset="/uploads-archive/2014/07/screenshot-300x207.png 300w, /uploads-archive/2014/07/screenshot-228x157.png 228w, /uploads-archive/2014/07/screenshot.png 928w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>あ、画像も差しめるのですが、画像ファイル自体はWordpressにアップするため、上のキャプチャは、結局Wordpressの管理画面で挿入しちゃいました。</p>
<h2>参考サイト</h3>
<p><a href="http://kojika17.com/2013/01/starting-markdown.html">http://kojika17.com/2013/01/starting-markdown.html</a><br />
<a href="http://qiita.com/Qiita/items/c686397e4a0f4f11683d">http://qiita.com/Qiita/items/c686397e4a0f4f11683d</a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

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

2014/07/16

2014/07/16

2014/07/16

2014/07/09

2014/07/09

2014/07/09

2014/07/08