<h2>クレショフ効果</h2>
組合せ①
<a href="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6699" src="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg" alt="f31bb40bb3430abf631e2272745089b6_s" width="235" height="355" srcset="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg 424w, /uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s-198x300.jpg 198w, /uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s-228x344.jpg 228w" sizes="(max-width: 235px) 100vw, 235px" /><img decoding="async" loading="lazy" class="alignnone wp-image-6700" src="/uploads-archive/2015/01/f067ea0290cc244b066bd6f37a64e212_s.jpg" alt="f067ea0290cc244b066bd6f37a64e212_s" width="234" height="355" /></a>
組合せ②
<a href="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6699" src="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg" alt="f31bb40bb3430abf631e2272745089b6_s" width="235" height="355" srcset="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg 424w, /uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s-198x300.jpg 198w, /uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s-228x344.jpg 228w" sizes="(max-width: 235px) 100vw, 235px" /></a><a href="/uploads-archive/2015/01/c8752b03ac9ac93f7b3d1d64881c788d_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6720" src="/uploads-archive/2015/01/c8752b03ac9ac93f7b3d1d64881c788d_s.jpg" alt="c8752b03ac9ac93f7b3d1d64881c788d_s" width="236" height="356" srcset="/uploads-archive/2015/01/c8752b03ac9ac93f7b3d1d64881c788d_s.jpg 424w, /uploads-archive/2015/01/c8752b03ac9ac93f7b3d1d64881c788d_s-198x300.jpg 198w, /uploads-archive/2015/01/c8752b03ac9ac93f7b3d1d64881c788d_s-228x344.jpg 228w" sizes="(max-width: 236px) 100vw, 236px" /></a>
組合せ③
<a href="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6699" src="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg" alt="f31bb40bb3430abf631e2272745089b6_s" width="235" height="355" srcset="/uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s.jpg 424w, /uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s-198x300.jpg 198w, /uploads-archive/2015/01/f31bb40bb3430abf631e2272745089b6_s-228x344.jpg 228w" sizes="(max-width: 235px) 100vw, 235px" /></a><a href="/uploads-archive/2015/01/77cfb2e14a2226ab3f307983ede4d21c_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6703" src="/uploads-archive/2015/01/77cfb2e14a2226ab3f307983ede4d21c_s.jpg" alt="77cfb2e14a2226ab3f307983ede4d21c_s" width="350" height="232" srcset="/uploads-archive/2015/01/77cfb2e14a2226ab3f307983ede4d21c_s.jpg 640w, /uploads-archive/2015/01/77cfb2e14a2226ab3f307983ede4d21c_s-300x198.jpg 300w, /uploads-archive/2015/01/77cfb2e14a2226ab3f307983ede4d21c_s-228x151.jpg 228w" sizes="(max-width: 350px) 100vw, 350px" /></a>
組合せ①～③で女性はどんな心境でしょうか？
きっと左側の女性の表情がそれぞれ違って見えてくるはずです。
女性がどんな心境にいるのか読み取ろうとすると、右側の写真の影響で無意識にバイアスがかかってイメージができてしまうんですね。
これを「クレショフ効果」というそうです。
&nbsp;
実際どんな場合に応用できるかというと、商品の説明ページにおいてシチュエーションを具体的に想像させることで購買意欲をかき立てるとのこと。
例えば「恋人と美味しいワインを一緒に飲みたい」と思わせたり、「パーティーに良いお酒を持っていたったらウケるかな」と想像するように促すというものです。
<a href="/uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6707" src="/uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s.jpg" alt="7a89c5ccdc01da94c6fc2b9faf827dd2_s" width="234" height="353" srcset="/uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s.jpg 424w, /uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s-198x300.jpg 198w, /uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s-228x344.jpg 228w" sizes="(max-width: 234px) 100vw, 234px" /></a><a href="/uploads-archive/2015/01/86652d58125e3dd0ff1294f809a379d8_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6708" src="/uploads-archive/2015/01/86652d58125e3dd0ff1294f809a379d8_s.jpg" alt="86652d58125e3dd0ff1294f809a379d8_s" width="233" height="350" srcset="/uploads-archive/2015/01/86652d58125e3dd0ff1294f809a379d8_s.jpg 427w, /uploads-archive/2015/01/86652d58125e3dd0ff1294f809a379d8_s-200x300.jpg 200w, /uploads-archive/2015/01/86652d58125e3dd0ff1294f809a379d8_s-228x341.jpg 228w" sizes="(max-width: 233px) 100vw, 233px" /></a>
<a href="/uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6707" src="/uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s.jpg" alt="7a89c5ccdc01da94c6fc2b9faf827dd2_s" width="234" height="353" srcset="/uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s.jpg 424w, /uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s-198x300.jpg 198w, /uploads-archive/2015/01/7a89c5ccdc01da94c6fc2b9faf827dd2_s-228x344.jpg 228w" sizes="(max-width: 234px) 100vw, 234px" /></a><a href="/uploads-archive/2015/01/8d30a20398ac40f75c7d2d457adb4a42_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6710" src="/uploads-archive/2015/01/8d30a20398ac40f75c7d2d457adb4a42_s.jpg" alt="8d30a20398ac40f75c7d2d457adb4a42_s" width="414" height="276" srcset="/uploads-archive/2015/01/8d30a20398ac40f75c7d2d457adb4a42_s.jpg 640w, /uploads-archive/2015/01/8d30a20398ac40f75c7d2d457adb4a42_s-300x200.jpg 300w, /uploads-archive/2015/01/8d30a20398ac40f75c7d2d457adb4a42_s-228x152.jpg 228w" sizes="(max-width: 414px) 100vw, 414px" /></a>
イメージ付したい画像を近くに置くことで、お客さんは無意識にワインに対してロマンティックなイメージや、楽しいイメージを想像する可能性が高くなります。
商品単体の画像にこだわるもの大切ですが、商品画像のまわりに配置する画像も大切という事ですね。
&nbsp;
商品自体が無機質なものほど、商品単体の画像より同時に掲載する画像が大切になってきます。
<a href="/uploads-archive/2015/01/8cbd08a2054cd53bb901e366da701c27_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6711" src="/uploads-archive/2015/01/8cbd08a2054cd53bb901e366da701c27_s.jpg" alt="8cbd08a2054cd53bb901e366da701c27_s" width="374" height="249" srcset="/uploads-archive/2015/01/8cbd08a2054cd53bb901e366da701c27_s.jpg 640w, /uploads-archive/2015/01/8cbd08a2054cd53bb901e366da701c27_s-300x200.jpg 300w, /uploads-archive/2015/01/8cbd08a2054cd53bb901e366da701c27_s-228x152.jpg 228w" sizes="(max-width: 374px) 100vw, 374px" /></a>
食器を扱っている場合であれば下のようなシンプルな画像に加えて、実際に使っているシーンの画像や大きさが伝わる画像を加える事でより具体的に商品をイメージできます。
<a href="/uploads-archive/2015/01/21bc994c0698e4e07948bfb02f0e56e1_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6712" src="/uploads-archive/2015/01/21bc994c0698e4e07948bfb02f0e56e1_s.jpg" alt="21bc994c0698e4e07948bfb02f0e56e1_s" width="332" height="221" srcset="/uploads-archive/2015/01/21bc994c0698e4e07948bfb02f0e56e1_s.jpg 640w, /uploads-archive/2015/01/21bc994c0698e4e07948bfb02f0e56e1_s-300x200.jpg 300w, /uploads-archive/2015/01/21bc994c0698e4e07948bfb02f0e56e1_s-228x152.jpg 228w" sizes="(max-width: 332px) 100vw, 332px" /></a><a href="/uploads-archive/2015/01/540bb370edfd70c57b1b8bae053c0b32_s.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6714" src="/uploads-archive/2015/01/540bb370edfd70c57b1b8bae053c0b32_s.jpg" alt="540bb370edfd70c57b1b8bae053c0b32_s" width="329" height="219" srcset="/uploads-archive/2015/01/540bb370edfd70c57b1b8bae053c0b32_s.jpg 640w, /uploads-archive/2015/01/540bb370edfd70c57b1b8bae053c0b32_s-300x200.jpg 300w, /uploads-archive/2015/01/540bb370edfd70c57b1b8bae053c0b32_s-228x152.jpg 228w" sizes="(max-width: 329px) 100vw, 329px" /></a>

ECサイトのデザインに役立つ心理学2

お仕事もご一緒させて頂いている知人が携わっている会社でインバウンドECのサービスを開始致しました。
<a href="http://bizmakoto.jp/makoto/articles/1501/14/news129.html" target="_blank">日本郵便と中国最大の旅行サービスが提携、訪日客のホテルに商品配達</a>
弊社では越境ECを掲げていますが、グローバルに展開、外貨を稼ぐという手段のもう一つにインバウンドECがあります。
越境ECとインバウンドECの違いは以下のようになります。
<a href="/uploads-archive/2015/01/bfb477adedcc62811dfe122a22e07935.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-6692" src="/uploads-archive/2015/01/bfb477adedcc62811dfe122a22e07935-300x126.png" alt="越境ECインバウンドEC" width="300" height="126" srcset="/uploads-archive/2015/01/bfb477adedcc62811dfe122a22e07935-300x126.png 300w, /uploads-archive/2015/01/bfb477adedcc62811dfe122a22e07935-228x95.png 228w, /uploads-archive/2015/01/bfb477adedcc62811dfe122a22e07935.png 999w" sizes="(max-width: 300px) 100vw, 300px" /></a>
&nbsp;
両方共、外貨を獲得するということに変わりはないのですが、お客様のいる場所が異なります。
越境ECは文字通り日本から越境してお客様のいる国にモノを運びます。
インバウンドECは日本に来たお客様向けにECを提供します。商品の受取は訪日中に滞在するホテルや空港、店頭での受取ということになるでしょう。
<h2>越境ECインバウンドECのメリットデメリット</h2>
ここで、両者のメリットデメリットというところを考えてみたいと思います。
<ul>
<li>越境ECの最大の障壁はローカライズが必要ということ。中国では、基本チャットベースで交渉をしながら決済までいきます。</li>
<li>物流においては、インバウンドECが圧倒的な優位性があります。どこから運んでも1日2日で納品することが可能でしょう。</li>
<li>2014年過去最高を記録してもインバウンドECのマーケットは1400万人。越境ECであれば、世界中の人がターゲットになります。</li>
</ul>
<h2>まとめ</h2>
以上は考えられる程度ではありますが、先ほどのリリース文を見ると、訪日中国人200万人のマーケットに対して、30億円の売上目標ということでインバウンドECでも十分なマーケット規模はあることが伺い知れます。
まだ、サイト自体は公開されていないようなので、引き続き、期待をしてウォッチしていきたいと思います。

訪日観光客向けのインバウンドEC

テキストで括弧の横の余分なスペースを軽減するjQueryコード

なんてタイトルですが、 
設定していないわけではないんですよね。
基本的には大抵横幅960pxと設定してサイトのデザインをするのですが、 
そうではなく、ウィンドウ幅に合わせてサイトをデザインしているサイトのご紹介になります。
ちなみに、すべてレスポンシブです。(このデザインでは当たり前ですね・・・)
<h2>CKD 空気圧機器 制御機器 自動機械装置 総合メーカー</h2>
<a href="http://www.ckd.co.jp/" target="_blank"><img decoding="async" loading="lazy" class="alignnone wp-image-6651" src="/uploads-archive/2015/01/adc21716ea7107c1e81ce6f6606b5748-1024x704.jpg" alt="CKD 空気圧機器 制御機器 自動機械装置 総合メーカー" width="600" height="413" srcset="/uploads-archive/2015/01/adc21716ea7107c1e81ce6f6606b5748-1024x704.jpg 1024w, /uploads-archive/2015/01/adc21716ea7107c1e81ce6f6606b5748-300x206.jpg 300w, /uploads-archive/2015/01/adc21716ea7107c1e81ce6f6606b5748-228x156.jpg 228w, /uploads-archive/2015/01/adc21716ea7107c1e81ce6f6606b5748.jpg 1101w" sizes="(max-width: 600px) 100vw, 600px" /></a>
<a class="link" href="http://www.ckd.co.jp/" target="_blank">CKD 空気圧機器 制御機器 自動機械装置 総合メーカー</a>
<h2>二本松物流株式会社</h2>
<a href="http://www.nihonmatsu.co.jp/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-6653" src="/uploads-archive/2015/01/df99cf4351e17c302856aa4718f41d2b-1024x704.jpg" alt="チルド配送 小口配送 食品流通｜二本松物流株式会社" width="600" height="413" srcset="/uploads-archive/2015/01/df99cf4351e17c302856aa4718f41d2b-1024x704.jpg 1024w, /uploads-archive/2015/01/df99cf4351e17c302856aa4718f41d2b-300x206.jpg 300w, /uploads-archive/2015/01/df99cf4351e17c302856aa4718f41d2b-228x156.jpg 228w, /uploads-archive/2015/01/df99cf4351e17c302856aa4718f41d2b.jpg 1101w" sizes="(max-width: 600px) 100vw, 600px" /></a>
<a href="http://www.nihonmatsu.co.jp/" target="_blank" class="link">チルド配送 小口配送 食品流通｜二本松物流株式会社</a>
<h2>WENT Coffee Co.</h2>
<a href="http://went.tokyo/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-6652" src="/uploads-archive/2015/01/WENT-Coffee-Co.-1024x704.jpg" alt="WENT Coffee Co." width="600" height="413" srcset="/uploads-archive/2015/01/WENT-Coffee-Co.-1024x704.jpg 1024w, /uploads-archive/2015/01/WENT-Coffee-Co.-300x206.jpg 300w, /uploads-archive/2015/01/WENT-Coffee-Co.-228x156.jpg 228w, /uploads-archive/2015/01/WENT-Coffee-Co..jpg 1101w" sizes="(max-width: 600px) 100vw, 600px" /></a>
<a href="http://went.tokyo/" target="_blank" class="link">WENT Coffee Co.</a>
<h2>産科婦人科 佐川クリニック</h2>
<a href="http://www.sagawa-clinic.com/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-6655" src="/uploads-archive/2015/01/11ae9f919045eb3d93e0c6235608142f-1024x704.jpg" alt="産科婦人科 佐川クリニック" width="600" height="413" srcset="/uploads-archive/2015/01/11ae9f919045eb3d93e0c6235608142f-1024x704.jpg 1024w, /uploads-archive/2015/01/11ae9f919045eb3d93e0c6235608142f-300x206.jpg 300w, /uploads-archive/2015/01/11ae9f919045eb3d93e0c6235608142f-228x156.jpg 228w, /uploads-archive/2015/01/11ae9f919045eb3d93e0c6235608142f.jpg 1101w" sizes="(max-width: 600px) 100vw, 600px" /></a>
<a href="http://www.sagawa-clinic.com/" target="_blank" class="link">産科婦人科 佐川クリニック</a>
<h2>47株式会社</h2>
<a href="http://47co.jp/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-6650" src="/uploads-archive/2015/01/bbf335ff0c9ee09eb10cce23d1e0291a-1024x704.jpg" alt="47株式会社 もっと暮らしやすくなるための日本づくり" width="600" height="413" srcset="/uploads-archive/2015/01/bbf335ff0c9ee09eb10cce23d1e0291a-1024x704.jpg 1024w, /uploads-archive/2015/01/bbf335ff0c9ee09eb10cce23d1e0291a-300x206.jpg 300w, /uploads-archive/2015/01/bbf335ff0c9ee09eb10cce23d1e0291a-228x156.jpg 228w, /uploads-archive/2015/01/bbf335ff0c9ee09eb10cce23d1e0291a.jpg 1101w" sizes="(max-width: 600px) 100vw, 600px" /></a>
<a href="http://47co.jp/" target="_blank" class="link">47株式会社 | もっと暮らしやすくなるための日本づくり</a>
<h2>KITOTE</h2>
<a href="http://kitote.jp/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-6656" src="/uploads-archive/2015/01/836e34f27a4ed5e6b0a8edab4b6b3cca-1024x704.jpg" alt="天然木と手仕事の建具『KITOTE』" width="600" height="413" srcset="/uploads-archive/2015/01/836e34f27a4ed5e6b0a8edab4b6b3cca-1024x704.jpg 1024w, /uploads-archive/2015/01/836e34f27a4ed5e6b0a8edab4b6b3cca-300x206.jpg 300w, /uploads-archive/2015/01/836e34f27a4ed5e6b0a8edab4b6b3cca-228x156.jpg 228w, /uploads-archive/2015/01/836e34f27a4ed5e6b0a8edab4b6b3cca.jpg 1101w" sizes="(max-width: 600px) 100vw, 600px" /></a>
<a href="http://kitote.jp/" target="_blank" class="link">天然木と手仕事の建具『KITOTE』</a>
<h2>株式会社アトラエ</h2>
<a href="http://atrae.co.jp/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-6654" src="/uploads-archive/2015/01/dd73a0b7be8e988f2053dfff0048e2aa-1024x695.jpg" alt="株式会社アトラエ Atrae, Inc." width="600" height="413" /></a>
<a href="http://atrae.co.jp/" target="_blank" class="link">株式会社アトラエ | Atrae, Inc.</a>

横幅なんて設定しない！ウィンドウ幅ピッタリのサイト7つ

ミャンマー大統領、総選挙へスー・チー氏らと会談
<a href="http://www.nikkei.com/article/DGXLASGM12H7D_S5A110C1FF8000/" target="_blank">http://www.nikkei.com/article/DGXLASGM12H7D_S5A110C1FF8000/</a>
&nbsp;
ミャンマー、2014年の観光客は300万人11億3,500万ドル
<a href="http://www.myanmar-news.asia/news_acx6yrmJfq.html" target="_blank">http://www.myanmar-news.asia/news_acx6yrmJfq.html</a>
&nbsp;
インフレ率10%
<a href="http://jinjibu.jp/news/detl/8670/" target="_blank">http://jinjibu.jp/news/detl/8670/</a>
<a href="http://jinjibu.jp/news/detl/8670/" target="_blank"> </a>
ミャンマーが「ASEAN観光フォーラム2015」のホスト国に
<a href="http://www.myanmar-news.asia/news_abUlMaL7OC.html" target="_blank">http://www.myanmar-news.asia/news_abUlMaL7OC.html</a>
<a href="http://www.myanmar-news.asia/news_abUlMaL7OC.html" target="_blank"> </a>
住商がミャンマーで中型火力 16年稼働、工業団地に供給
<a href="http://www.nikkei.com/article/DGXLASDZ25I0N_V21C14A2TJ2000/" target="_blank">http://www.nikkei.com/article/DGXLASDZ25I0N_V21C14A2TJ2000/</a>
<a href="http://www.nikkei.com/article/DGXLASDZ25I0N_V21C14A2TJ2000/" target="_blank"> </a>
ミャンマー鉄道、ヤンゴン市環状線を電化へ
<a href="http://myanmarjapon.com/newsdigest/2015/01/09-000617.php" target="_blank">http://myanmarjapon.com/newsdigest/2015/01/09-000617.php</a>
<a href="http://myanmarjapon.com/newsdigest/2015/01/09-000617.php" target="_blank"> </a>
対ミャンマー投資、1.7倍 8400億円
<a href="http://www.nikkei.com/article/DGXLASGM03H2R_W5A100C1FF1000/" target="_blank">http://www.nikkei.com/article/DGXLASGM03H2R_W5A100C1FF1000/</a>
<a href="http://www.nikkei.com/article/DGXLASGM03H2R_W5A100C1FF1000/" target="_blank"> </a>
総選挙、10月下旬から11月初旬までに実施
<a href="http://www.nikkei.com/article/DGXLASGM02H2F_S5A100C1FF8000/" target="_blank">http://www.nikkei.com/article/DGXLASGM02H2F_S5A100C1FF8000/</a>
<a href="http://www.nikkei.com/article/DGXLASGM02H2F_S5A100C1FF8000/" target="_blank"> </a>
日本通運がミャンマー進出
<a href="http://www.myanmar-news.asia/news_aartZQzjGu.html" target="_blank">http://www.myanmar-news.asia/news_aartZQzjGu.html</a>
<a href="http://www.myanmar-news.asia/news_aartZQzjGu.html" target="_blank"> </a>
日本取引所と大和総研、ミャンマー証取と23日に合弁契約
<a href="http://www.nikkei.com/article/DGXLASGC19H15_Z11C14A2EE8000/" target="_blank">http://www.nikkei.com/article/DGXLASGC19H15_Z11C14A2EE8000/</a>
<a href="http://www.nikkei.com/article/DGXLASGC19H15_Z11C14A2EE8000/" target="_blank"> </a>
ミャンマーの携帯電話事情
<a href="http://wirelesswire.jp/Global_Trendline/201501051830.html" target="_blank">http://wirelesswire.jp/Global_Trendline/201501051830.html</a>

最近のミャンマー関連ニュースまとめ

SVGとCSS3でできる筆記体のアニメーションをやってみる

コンビニやスーパーマーケットでの商品配置はお客さんの行動心理を読み取った配置になっているとよく聞きます。繁盛している雰囲気を出すために、コンビニの雑誌売り場を外から見える場所に配置して立ち読み客を賑やかしになってもらうというのは有名です。
小売店において行動心理を応用した配置はとても一般的になっているので、リアル店舗同様、ＥＣサイトのデザインにも行動心理を考慮するのは必須だと思います。運営サイトの売上を伸ばすためにせっかくなので利用しようと思ったものをまとめてみます。
<h2>画像の配置</h2>
<a href="/uploads-archive/2015/01/center_effect.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6632" src="/uploads-archive/2015/01/center_effect.jpg" alt="center_effect" width="703" height="133" /></a>
上に並んでいるのは「おせち」の写真ですが、あなたはどのおせちを選びますか？
&nbsp;
このように水平に画像を並べた場合、中央に配置された画像を選ぶ傾向が強くなるそうです、これは「センターステージエフェクト」と呼ばれます。
上の画像は横並びですが、これを縦に配置した場合でも同様に中央が選ばれる傾向が強くなるとの事です。
売りたい商品の画像は中央に置く方が良さそうです。
&nbsp;
<h2>価格差がある場合</h2>
通常のＥＣサイトではそれぞれ商品ごとに価格が異なるので、まずは価格がどの商品を選ぶかの主な理由になります。
&nbsp;
例えば、WEB上で画像素材を提供するサービスがあったとします。
下の二つのプランがあった場合、ユーザーは基本的に無料のプランを選ぶ傾向にあります。
ユーザーの内、有料プランを選ぶユーザーはひとにぎりなので、収益を上げにくく、価格を上げざるを得ない状態になり悪循環に陥る可能性もあります。
<a href="/uploads-archive/2015/01/center_effect4.gif"><img decoding="async" loading="lazy" class="alignnone wp-image-6658" src="/uploads-archive/2015/01/center_effect4.gif" alt="center_effect4" width="630" height="231" /></a>
しかし 下のようにさらに高額なプランを作った場合はどうでしょうか。
２つしかプランがなかった時に比べて格段に有料プランを選ぶユーザーの数が増える傾向にあると言われています。
<img decoding="async" loading="lazy" class="alignnone wp-image-6644" src="/uploads-archive/2015/01/center_effect2.gif" alt="center_effect2" width="621" height="233" />
昔から日本人は松竹梅の竹を選ぶと言われますが、日本人に限らず海外でも同じ傾向があるようです。

ECサイトのデザインに役立つ行動心理

In terms of creating a website (corporate or personal) it do not have to be coded from scratch anymore. Thanks to many kind and generous designers / developers, high quality web templates are distributed freely over the Internet.
There are tonnes of templates sites out there, that makes searching for a free yet high quality templates hard and tedious, so I attempted to collect and showcase you some of really good ones. Here, I present 8 High Quality Free Web Templates and Layouts.
I&#8217;m sure you&#8217;ll a find a gem or two that will absolutely ease your workflow!
&nbsp;
<a href="https://dribbble.com/shots/1819180-Free-Dashboard-Ecommerce-Admin">ECommerce Dashboard Template</a>  (PSD).
<a href="/uploads-archive/2015/01/monthly_freebie_dc_23.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6614 " src="/uploads-archive/2015/01/monthly_freebie_dc_23.jpg" alt="monthly_freebie_dc_23" width="660" height="260" /></a>
&nbsp;
<a href="https://www.behance.net/gallery/21521941/Creative-Agency-Web-Template">Creative Agency Web Template</a>  (PSD).
<a href="/uploads-archive/2015/01/Screen-Shot-2015-01-13-at-16.00.36.png"><img decoding="async" loading="lazy" class="alignnone wp-image-6626 " src="/uploads-archive/2015/01/Screen-Shot-2015-01-13-at-16.00.36-1024x582.png" alt="Screen Shot 2015-01-13 at 16.00.36" width="663" height="372" /></a>
<a href="http://graphicsbay.com/item/bj-rn-multipurpose-landingpage/380">BJÖRN Multipurpose Landing Page</a>  (PSD).
<img decoding="async" loading="lazy" class="alignnone wp-image-6613 " src="/uploads-archive/2015/01/monthly_freebie_dc_20.jpg" alt="monthly_freebie_dc_20" width="660" height="266" srcset="/uploads-archive/2015/01/monthly_freebie_dc_20-300x120.jpg 300w, /uploads-archive/2015/01/monthly_freebie_dc_20-228x91.jpg 228w" sizes="(max-width: 660px) 100vw, 660px" />
<a href="https://dribbble.com/shots/1802406-Freebie-Moderno-Creative-Simple-Portfolio-Page">Moderno Creative Simple Portfolio Page</a>  (PSD).
<a href="/uploads-archive/2015/01/monthly_freebie_dc_24.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6615 " src="/uploads-archive/2015/01/monthly_freebie_dc_24.jpg" alt="monthly_freebie_dc_24" width="658" height="278" /></a>
<a href="http://www.mightydeals.com/deal/free-resume-template-by-fernando-bez.html">Resume Template</a>  (PSD).
<a href="/uploads-archive/2015/01/monthly_freebie_dc_21.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6616 " src="/uploads-archive/2015/01/monthly_freebie_dc_21.jpg" alt="monthly_freebie_dc_21" width="655" height="340" /></a>
<a href="http://www.robertbrodziak.com/en/free-wordpress-themes/daily-theme/">Daily</a>  (WordPress Theme).
<a href="/uploads-archive/2015/01/monthly_freebie_dc_25.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6617 " src="/uploads-archive/2015/01/monthly_freebie_dc_25.jpg" alt="monthly_freebie_dc_25" width="655" height="263" srcset="/uploads-archive/2015/01/monthly_freebie_dc_25.jpg 750w, /uploads-archive/2015/01/monthly_freebie_dc_25-300x120.jpg 300w, /uploads-archive/2015/01/monthly_freebie_dc_25-228x91.jpg 228w" sizes="(max-width: 655px) 100vw, 655px" /></a>
<a href="http://www.daniel-klose.com/online-services/life-is-good-wordpress-theme/">Life Is Good</a>  (WordPress Theme).
<a href="/uploads-archive/2015/01/monthly_freebie_dc_26.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6618 " src="/uploads-archive/2015/01/monthly_freebie_dc_26.jpg" alt="monthly_freebie_dc_26" width="655" height="242" /></a>
<a href="http://themehybrid.com/themes/yarn">Yarn</a>  (WordPress Theme).
<a href="/uploads-archive/2015/01/monthly_freebie_dc_27.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6619 " src="/uploads-archive/2015/01/monthly_freebie_dc_27.jpg" alt="monthly_freebie_dc_27" width="653" height="279" /></a>
<a href="https://themeisle.com/themes/zerif-lite/">Zerif Lite</a>  (WordPress Theme).
<a href="/uploads-archive/2015/01/monthly_freebie_dc_28.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6620 " src="/uploads-archive/2015/01/monthly_freebie_dc_28.jpg" alt="monthly_freebie_dc_28" width="649" height="273" /></a>
&nbsp;

Free Web Templates &#038; Themes

取り上げるのが少し遅くなってしまいましたが、経済産業省が推し進める「クールジャパン」プロジェクトの一環ということで、 
「クールジャパンストア」が先月オープンしていました。
<a href="https://iroya.jp/specials/cool-japan" target="_blank">https://iroya.jp/specials/cool-japan</a>
紹介記事
<a href="http://www.fashionsnap.com/news/2014-12-04/iroya-cooljapan/" target="_blank">http://www.fashionsnap.com/news/2014-12-04/iroya-cooljapan/</a>
<h2>「クールジャパンストア」の特徴</h2>
<ul>
<li>「IROYA」というECサイトの中に一つのカテゴリーとして登場。</li>
<li>日本の「伝統色」といわれる「葡萄⾊（えび）」「墨⾊」などの商品を展開</li>
<li>オムニチャネルとして、実店舗（2014年12月28日まで）でも販売</li>
<li>残念ながら英語表記や海外発送はない</li>
</ul>
<h2>その他クールジャパンのサイト</h2>
<h3>日本ユニシス</h3>
JCRAFTS
<a href="http://www.jcrafts.com/jp/shop/" target="_blank">http://www.jcrafts.com/jp/shop/</a>
<h3>アレックス株式会社</h3>
http://www.alexcious.com/ja/
<h2>まとめ</h2>
このような伝統工芸品を海外向けに販売するサイトは数年前からウォッチを続けておりますが、未だ成功例のような話を聞いたことがありません。
この「クールジャパンストア」越境ECの成功事例となることを願ってやみません。
&nbsp;
&nbsp;
&nbsp;

経済産業省が推し進める「クールジャパンストア」

以前(2014年12月9日)に<a href="/officer/%E5%BA%83%E3%81%8C%E3%82%8B%E5%80%8B%E4%BA%BA%E9%96%93%E6%B1%BA%E6%B8%88.html" target="_blank">広がる個人間決済</a>という記事を書いたが
そのちょうど1週間後LINE Payがローンチされた。
この手のサービスは海外で話題になってしばらくしてから日本国内で類似サービスが始まるがそのスピードには驚いた。
LINE Payは、ご存知の方も多いと思うが、個人間で決済(送金)ができたり、
決済手段としても利用できるサービスだ。
既存のLINEアプリの機能として追加されている。
詳しくはこちら
<a href="http://jp.techcrunch.com/2014/12/16/jp20141216line-pay/" target="_blank"> http://jp.techcrunch.com/2014/12/16/jp20141216line-pay/</a>
&nbsp;
また、さらにすごいことに、昨日(2015年1月6日)にLINEタクシーがローンチされた。
これはUberと同類のサービスだが、LINE Payでのクレジットカード決済に限定することで
両サービスの相乗効果を狙っている模様。
&nbsp;
個人的には非常にうまい連携方法であり、LINE Payの利用も一気に加速するのではないかと思う。
&nbsp;
多くのユーザーを抱えるLINEだが、それに決済という強い武器が加われば、非常に収益性の高い、言ってみればどんなサービスでもできる会社になる。
今までの流れはサービス → 決済だったが、これは逆パターンであるところが個人的には興味深い。
&nbsp;
まずはLINE Payが日常の決済手段として浸透することが必須だが、そのへんを注目しておきたいと思う。
次はぐるなびと提携して予約+事前支払いできるサービスなどが出るのではないかと個人的には予想している

広がる個人間決済 &#8211; 2

背景画像等をレスポンシブデザインでも縦横比をぴったり固定する方法

PDOでMysqlのトランザクション処理

CSSのぼかしフィルターを利用した、フォーカスによる遠近表現

<h2>Bootstrap用の星型レーティング実装</h2>
商品のレビューに使えそうです。 
<a href="http://plugins.krajee.com/star-rating/demo" target="_blank">Demo</a> <a href="https://github.com/kartik-v/bootstrap-star-rating" target="_blank">Download</a>
<h2>好きなサイズの画像サムネイルが生成できる「jQThumb」</h2>
画像の切り出しができそうです。 
<a href="http://pakcheong.github.io/jqthumb/" target="_blank">Demo &#038; Download</a>
<h2>カスタマイズ性の高いタグ入力用フィールド実装用軽量JS「tagEditor」</h2>
何となくカッコいい！と思いました。ただし、サーバー側の連携を工夫しなかれば実用するのが難しいです。 
<a href="http://goodies.pixabay.com/jquery/tag-editor/demo.html" target="_blank">Demo &#038; Download</a>
<h2>フルスクリーンで縦横無尽に広がるページを構築できる「fullContent.js」</h2>
これだけでまともなサイトが作れそうです。 
<a href="http://www.zehfernandes.com/jquery.fullContent/#home" target="_blank">Demo &#038; Download</a>

最近見つかった便利なjQueryプラグイン

Nexus5に変えて1ヶ月が立ちました。
Androidにも慣れて来ましたが、相性があるのか、アプリのクラッシュする確立がiosに比べて格段に高いように感じます。
それは、純正のYoutubeアプリでもそうですし、ハードウェアと密接に結びつく電話やカメラのアプリについても同じことが言えます。
統計的にデータを取ったわけではないのですが、iOSにおいてカメラアプリがクラッシュするようなことは経験がなかったので、Android断片化の弊害なのかなと思います。
そんなこんなでY!mobileメールというのが非常に困惑したことをまとめてみます。
<h2>そもそもキャリアの統合で元のシステムが違う</h2>
<ul>
<li>元Emobile</li>
<li>元Willcom</li>
<li>買収元のSoftbank</li>
</ul>
の3つ企業があり、統合をされてブランド名を変更してY!mobileとなった経緯があります。
<a href="/uploads-archive/2015/01/77bc4ff87272adb3d63a5271be310baa.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-6593" src="/uploads-archive/2015/01/77bc4ff87272adb3d63a5271be310baa-300x169.jpg" alt="My_Y_mobile___お客さまサポート___ワイモバイル（Y_mobile）" width="300" height="169" srcset="/uploads-archive/2015/01/77bc4ff87272adb3d63a5271be310baa-300x169.jpg 300w, /uploads-archive/2015/01/77bc4ff87272adb3d63a5271be310baa-228x129.jpg 228w, /uploads-archive/2015/01/77bc4ff87272adb3d63a5271be310baa.jpg 722w" sizes="(max-width: 300px) 100vw, 300px" /></a>
管理画面への入り口も複数あり、引き落としの明細書を見てもソフトバンクとワイモバイルがあるため、知らない人にとっては何故ソフトバンクから引き落としがあるの？とミスリードを引き起こしてしまうと思います。
システム統合はすぐに出来るものではないので、今も取り組んでいる最中なのでしょう。
そこに、Yahoo！のサービスをさらに統合させようとしているため、さらに混迷を極めました。
<h2>Y!mobileメール要はキャリアメール</h2>
Y!mobileを利用するにあたって、Yahoo！サービスへの設定を求められます。
必須というわけではないのでしょうが、ショートメールで何度も何度も来ます。
特に利用予定はなかったのですが、とりあえず、設定をしました。
<a href="http://www.ymobile.jp/yservice/howto/" target="_blank">http://www.ymobile.jp/yservice/howto/</a>
ここから設定の手順が書いてあります。
ここでYahoo!ジャパンIDが必須となり、持っている人は紐付けをし、持っていない人は新規作成となります。
&nbsp;
Androidを利用するために、Googleアカウントが必要で、契約関連はMyY!mobileは別のパスワードが必要で、更にYahoo!ジャパンIDが必須となるので、持っている人も、持っていない人もこれには困惑を覚えると思います。
私の場合は、既に持っていたアカウントを連携させたのですが、次にメールアドレスの設定を求められ、一番理解に苦しみました。
@yahoo.co.jpのメールアドレスを既に持ってるじゃん・・・・
しかしながら、設定をしないと進まないので設定をしました。
そして、このブログにまとめている内にようやく理解が出来ました。
<ul>
<li style="text-align: justify;">Y!mobileメールは@yahoo.ne.jp</li>
<li style="text-align: justify;">Yahoo!メールは＠yahoo.co.jp</li>
</ul>
末尾のドメインが「ne」「co」で違っていたのです。
さらにYahooジャパンIDには両方のメールアドレスが紐付けられ、
Yahoo！メールを開くとY!mobileメールはサブメールアドレス扱いになっていました。
&nbsp;
ということで理解をして終了です。
<h2>おまけ：しかしながらやはり維持が魅力的</h2>
そして、なんといっても魅力的なのがこの維持費でしょう。
同じように格安SIMが各社から乱立しており、2GB900円や、無制限1980円など激しい価格競争を繰り広げておりますが、
データ通信1GBで誰とでも定額の音声通話込みですとY!mobileが最強ではないでしょうか？
主回線
<a href="/uploads-archive/2015/01/3ac3a9f7db508f5022c0ed851a831781.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-6587" src="/uploads-archive/2015/01/3ac3a9f7db508f5022c0ed851a831781-300x208.jpg" alt="オンライン料金案内｜ワイモバイル" width="300" height="208" srcset="/uploads-archive/2015/01/3ac3a9f7db508f5022c0ed851a831781-300x208.jpg 300w, /uploads-archive/2015/01/3ac3a9f7db508f5022c0ed851a831781-228x158.jpg 228w, /uploads-archive/2015/01/3ac3a9f7db508f5022c0ed851a831781.jpg 513w" sizes="(max-width: 300px) 100vw, 300px" /></a>
&nbsp;
さらに副回線ですと、基本使用料が500円引きになり、883円での運用が可能になります。<img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-6586" src="/uploads-archive/2015/01/446be0a9a6c0586f3677553c7078d99b-300x208.jpg" alt="オンライン料金案内｜ワイモバイル 2" width="300" height="208" srcset="/uploads-archive/2015/01/446be0a9a6c0586f3677553c7078d99b-300x208.jpg 300w, /uploads-archive/2015/01/446be0a9a6c0586f3677553c7078d99b-228x158.jpg 228w, /uploads-archive/2015/01/446be0a9a6c0586f3677553c7078d99b.jpg 511w" sizes="(max-width: 300px) 100vw, 300px" />
一応条件としては、Nexus5をMNPで購入すると月月割というのが発生します。
月月割の条件や金額がまた複雑なので、以下のブログでよくまとめて頂いておりますので参照するといいと思います。
<a href="http://smaho-dictionary.net/2014/11/ymoba-getugakuwaribiki/" target="_blank">Y!mobileの月額割引金額をまとめてみた。11月契約分からNexus5がMNP一括、月950円で使えるように!?</a>
&nbsp;
さらに、私は一括0円で購入したため、コストも初期契約料3000円くらいが上乗せされているだけです。
データ通信が1GBで足りない人は、3GBのMプランであれば＋1,000円、10分以上もしくは300回以上と通話を頻繁に行う人はスーパー誰とでも定額で完全定額になり、これも＋1,000円です。

medium_14068526391193677389.jpg

small_14068526391193677389.jpg

thumbnail_14068526391193677389.jpg

14068526391193677389.jpg

Y!mobileメール（@yahoo.ne.jp）とyahooメール(@yahoo.co.jp)

I would like to share two useful resources, TheStocks and Mazwai. Both are the very best of free stocks one for images and the other one for videos.

<h3 style="line-height: 14.25pt;">The Stocks:</h2>
<a href="http://thestocks.im/">TheStocks</a>, which is actually a tumblr, collects a total of 14 free stock image websites in one site. This site can safes you a lot of time hunting manually through all those free stocks sites, tumblrs, etc.
Although all these stock photo sites are infinite scrollers…which can be a little tiring. I recommend to click in “Archives” to go through the images.
Here are some picture examples:
<a href="/uploads-archive/2014/12/tumblr_n7qhtcBPvQ1sfie3io1_1280.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6503 " src="/uploads-archive/2014/12/tumblr_n7qhtcBPvQ1sfie3io1_1280-1024x539.jpg" alt="Mazwai" width="717" height="330" /></a>
Picture from New Old Stock
<a href="/uploads-archive/2014/12/tumblr_ng9v03ynLQ1tomxvuo2_1280.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6528 " src="/uploads-archive/2014/12/tumblr_ng9v03ynLQ1tomxvuo2_1280-1024x670.jpg" alt="tumblr_ng9v03ynLQ1tomxvuo2_1280" width="711" height="478" /></a>
Picture from Movefast
<a href="/uploads-archive/2014/12/QDSMoAMTYaZoXpcwBjsL__DSC0104-1.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-6526 " src="/uploads-archive/2014/12/QDSMoAMTYaZoXpcwBjsL__DSC0104-1-1024x706.jpg" alt="QDSMoAMTYaZoXpcwBjsL__DSC0104-1" width="712" height="615" /></a>
Picture from Unsplash
 
<h3 style="line-height: 14.25pt;">Mazwai</h2>
One of the elements that can help to power up the Web is the video (or animated) website background. The usage of video could add dynamics and ambience to the site. It is also a good way to draw attention and make people stop and stare, increasing the time they spend on the site and hopefully lead to more interaction with the contents on the site.
Here is a beautiful example of a full-blown video background:
<a href="http://www.madebyhangar.com/"><img decoding="async" loading="lazy" class="alignnone wp-image-6518 " src="/uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.43.53-1024x289.png" alt="Screen Shot 2014-12-16 at 15.43.53" width="677" height="191" srcset="/uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.43.53-1024x289.png 1024w, /uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.43.53-300x84.png 300w, /uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.43.53-228x64.png 228w" sizes="(max-width: 677px) 100vw, 677px" /></a>
If you want to give it a try and add video background into your designs you should check <a href="http://mazwai.com/">Mazwai</a>.
Mazwai is a free stock of high quality videos. Its purpose is to help web designers, creative and artist to find great video resources for their projects.
<a href="http://mazwai.com/"><img decoding="async" loading="lazy" class="alignnone wp-image-6509 " src="/uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.16.27-1024x500.png" alt="Screen Shot 2014-12-16 at 15.16.27" width="682" height="333" srcset="/uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.16.27-1024x500.png 1024w, /uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.16.27-300x146.png 300w, /uploads-archive/2014/12/Screen-Shot-2014-12-16-at-15.16.27-228x111.png 228w" sizes="(max-width: 682px) 100vw, 682px" /></a>
The videos are free to use and transform as long as you credit the original author in some way.
New videos are added regularly. There is no subscription and no download limitation.

TheStocks &#038; Mazwai: Great image/video resources

今年の「Linux Journal Awards」が発表されたので、興味のあるものだけを転載されていただきます。 
英語は、わかりやすいものをそのまま、難しいのものを注釈されていただきます。 
知らないものがいっぱい出てきて刺激です。 
元リンクは<a href="http://www.linuxjournal.com/rc2014" target="_blank">ここ</a>です。
<h2>Best Linux Distribution</h2>
<ol>
<li>Ubuntu 16.5%</li>
<li>Debian 16.4%</li>
<li>Linux Mint 11%</li>
<li>Arch Linux 8.5%</li>
<li>Fedora 8.3%</li>
<li>CentOS 6%</li>
<li>openSUSE 5.3%</li>
<li>Kubuntu 4.1%</li>
<li>Gentoo 2.9%</li>
<li>Slackware 2.7%</li>
<li>Xubuntu 2.5%</li>
<li>Other 2.3%</li>
<li>Red Hat Enterprise Linux 1.6%</li>
<li>NixOS 1.4%</li>
<li>elementary OS 1.3%</li>
<li>Lubuntu 1.2%</li>
<li>CrunchBang 1%</li>
<li>Mageia .7%</li>
<li>LXLE .4%</li>
<li>Tails .4%</li>
<li>Android-x86 .3%</li>
<li>Bodhi Linux .3%</li>
<li>Chakra .3%</li>
<li>Kali Linux .3%</li>
<li>PCLinuxOS .3%</li>
<li>SolydK .3%</li>
<li>Mandriva .1%</li>
<li>Oracle Linux .1%</li>
</ol>
<h2>Best Mobile Linux OS</h2>
<ol>
<li>Stock Android 37.1%</li>
<li>Sailfish OS 27.6%</li>
<li>CyanogenMod 20.2%</li>
<li>Other 3%</li>
<li>Ubuntu Phone 3%</li>
<li>Amazon Fire OS 1.5%</li>
<li>Ubuntu for Android 1.4%</li>
<li>Replicant .8%</li>
<li>Tizen .8%</li>
</ol>
<h2>Best Linux Tablet</h2>
<ol>
<li>Google Nexus 7 35.3%</li>
<li>Google Nexus 10 14.8%</li>
<li>Samsung Galaxy Tab 14%</li>
<li>Samsung Galaxy Note 9.8%</li>
<li>ASUS Transformer Pad 8.4%</li>
<li>Other 6.4%</li>
<li>Kindle Fire HD 4.7%</li>
<li>ASUS MeMO Pad 2%</li>
<li>Dell Venue 1.6%</li>
<li>Acer Iconia One 1.4%</li>
<li>Samsung Galaxy Note Edge .9%</li>
<li>Ekoore Python S3 .7%</li>
</ol>
<h2>Best Other Linux-Based Gadget (スマホとタブレット以外の装置)</h2>
<ol>
<li>Raspberry Pi 71.4%</li>
<li>BeagleBone Black 8.1%</li>
<li>Other 4.3%</li>
<li>Lego Mindstorms Ev3 3.7%</li>
<li>Moto 360 3.4%</li>
<li>Cubieboard 1.7%</li>
<li>Parrot A.R Drone 1.7%</li>
<li>Samsung Gear S 1.4%</li>
<li>Yamaha Motif XF8 1.1%</li>
<li>Nvidia Jetson-K1 Development System .8%</li>
<li>Cloudsto EVO Ubuntu Linux Mini PC .5%</li>
<li>VoCore Open Hardware Computer .5%</li>
<li>LG G Watch .4%</li>
<li>RaZberry .4%</li>
<li>VolksPC .4%</li>
<li>IFC6410 Pico-ITX Board .2%</li>
<li>JetBox 5300 .1%</li>
</ol>
<h2>Best Content Management System</h2>
<ol>
<li>WordPress 34.7%</li>
<li>Drupal 25.3%</li>
<li>Joomla! 11.1%</li>
<li>MediaWiki 10.5%</li>
<li>Other 10%</li>
<li>Alfresco 4.3%</li>
<li>WebGUI 1.3%</li>
<li>ikiwiki 1.1%</li>
<li>eZ publish .7%</li>
<li>Wolf CMS .4%</li>
<li>Elgg .3%</li>
<li>Blosxom .2%</li>
</ol>
<h2>Best Web Browser</h2>
<ol>
<li>Firefox 53.8%</li>
<li>Chrome 26.9%</li>
<li>Chromium 8.1%</li>
<li>Iceweasel 4%</li>
<li>Opera 3%</li>
<li>Other 2%</li>
<li>SeaMonkey .8%</li>
<li>rekonq .5%</li>
<li>dwb .4%</li>
<li>QupZill .4%</li>
<li>Dillo .2%</li>
</ol>
<h2>Best Cloud-Based File Storage</h2>
<ol>
<li>Dropbox 30.5%</li>
<li>ownCloud 23.6%</li>
<li>Google Drive 16%</li>
<li>rsync 8.3%</li>
<li>Other 7.5%</li>
<li>Amazon S3 6.6%</li>
<li>SpiderOak 4.4%</li>
<li>Box 1.8%</li>
<li>Copy 1%</li>
<li>AjaXplorer .3%</li>
</ol>
<h2>Best Virtualization Solution</h2>
<ol>
<li>Oracle VM VirtualBox 33.4%</li>
<li>VMware 22.3%</li>
<li>KVM 21.1%</li>
<li>XEN 5.7%</li>
<li>QEMU 5.3%</li>
<li>OpenStack 4.9%</li>
<li>Other 4.2%</li>
<li>OpenVZ 1.7%</li>
<li>Linux-VServer 1.3%</li>
<li>Symantec Workspace Virtualization .1%</li>
</ol>
<h2>Best Monitoring Application（システム監視）</h2>
<ol>
<li>Nagios 27.1%</li>
<li>Wireshark 20.7%</li>
<li>htop 12.3%</li>
<li>Zabbix 10.5%</li>
<li>Other 8.6%</li>
<li>Zenoss 6.2%</li>
<li>Munin 3.4%</li>
<li>PC Monitor 2.8%</li>
<li>New Relic 1.9%</li>
<li>Opsview 1.2%</li>
<li>SaltStack 1%</li>
<li>NTM (Network Traffic Monitor) .7%</li>
<li>xosview .7%</li>
<li>Manage Engine .5%</li>
<li>FlowViewer .3%</li>
<li>Circonus .2%</li>
<li>SysPeek .2%</li>
</ol>
<h2>Best DevOps Configuration Management Tool※</h2>
<ol>
<li> Git 39.4%</li>
<li>Puppet 17.2%</li>
<li>Ansible 8.9%</li>
<li>cron jobs 8.8%</li>
<li>Subversion 7.6%</li>
<li>Chef 5%</li>
<li>SaltStack 5.4%</li>
<li>Other 4.6%</li>
<li>CFEngine 3%</li>
</ol>
<h2>Best Programming Language</h2>
<ol>
<li>Python 30.2%</li>
<li>C++ 17.8%</li>
<li>C 16.7%</li>
<li>Perl 7.1%</li>
<li>Java 6.9%</li>
<li>Other 4.6%</li>
<li>Ruby 4.3%</li>
<li>Go 2.4%</li>
<li>JavaScript 2.4%</li>
<li>QML 2.2%</li>
<li>Fortran 1.4%</li>
<li>Haskell 1.4%</li>
<li>Lisp 1.2%</li>
<li>Erlang .6%</li>
<li>Rust .6%</li>
<li>D .4%</li>
<li>Hack .1%</li>
</ol>
<h2>Best Scripting Language</h2>
<ol>
<li>Python 37.1%</li>
<li>Bash/Shell scripts 27%</li>
<li>Perl 11.8%</li>
<li>PHP 8.4%</li>
<li>JavaScript 6.7%</li>
<li>Ruby 4.9%</li>
<li>Other 2.1%</li>
<li>Lua 2%</li>
</ol>
<h2>Best New Linux/Open-Source Product/Project</h2>
<ol>
<li>Docker 28%</li>
<li>Jolla and Sailfish OS 19%</li>
<li>LibreOffice 7%</li>
<li>ownCloud 5%</li>
<li>Steam 5%</li>
<li>Zenoss Control Center 5%</li>
<li>Raspberry Pi 4%</li>
<li>Git 4%</li>
<li>Apache Cordova/OpenOffice/Spark/Tika 3%</li>
<li>Ansible 2%</li>
<li>Elementary OS 2%</li>
<li>OpenStack 2%</li>
<li>Zabbix 2%</li>
<li>CoreOS 2%</li>
<li>Firefox OS 2%</li>
<li>KDE Connect 1%</li>
<li>NixOS and NixOps 1%</li>
<li>Open Media Vault 1%</li>
</ol>
※開発と操作合わせてDevOpsといいます。

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2015/01/22

2015/01/21

2015/01/21

2015/01/14

2015/01/14

2015/01/14

2015/01/14

2015/01/14

2015/01/13

2015/01/08

2015/01/08

2015/01/08

2015/01/08

2015/01/07

2015/01/07

2014/12/17

2014/12/17

2014/12/17