<p>ＥＣサイトのＳＥＯ対策として被リンクを増やしたりする手法は効果が無くなっている現状で</p>
<p>最近はどんな手法が取り入れられているのかについて調べてみました。</p>
<p>良く出てくるは、オウンメディアを持つというやり方です。</p>
<p>しかし、実際ＥＣサイトを運営していると別サイト（オウンメディア）の運営・更新にまで手が回らないという問題が出てきます。</p>
<h4>ＥＣサイト自体をメディア化しているサイト</h6>
<p>そこでＥＣサイト自体をメディア化しているサイトが増えているようです。</p>
<p>その中でも成功している事例としてあげられているサイト「<a href="http://hokuohkurashi.com/">北欧、暮らしの道具店</a>」です。</p>
<p>「読みもの」と「お買いもの」が混在していて、サイトを見てみるとコンテンツとしては約３分の１が「読みもの」になっています。</p>
<p>イメージとしてはライフスタイルを提案する雑誌とＥＣサイトが一緒になった感じです。</p>
<p><a href="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5987" src="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png" alt="北欧雑貨と北欧食器の通販サイト  北欧、暮らしの道具店" width="679" height="526" srcset="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png 969w, /uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff-300x232.png 300w, /uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff-228x176.png 228w" sizes="(max-width: 679px) 100vw, 679px" /></a></p>
<p>&nbsp;</p>
<p>消費者が興味を持つコンテンツを提供する事でサイト対して好感をもってもらう事ができ、さらにgoogleからの評価も良くなるという事になります。</p>
<p>欲しい情報が入るサイトという認識を持ってもらえればリピート率が上がるというメリットがあります。</p>
<p>&nbsp;</p>
<p>「お買いもの」のページもおしゃれなブログっぽい作りになっているので商品に対しての情報を伝えやすく、</p>
<p>良さをしっかり伝える事で購買意欲につながるそうです。</p>
<p>&nbsp;</p>
<h4>メディアがＥＣサイト化するパターン</h6>
<p>「<a href="https://antenna.jp/">antenna</a>」はキュレーションメディアだと思っていましたが、最近はＥＣサイトみたいになっています。</p>
<p>「イタリアで話題の香水が日本初上陸」というニュース記事のページの中に購入できるカートがあったりします。</p>
<p>あたかもニュースのように商品を紹介していて上手いなと感じます。</p>
<p><a href="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5988" src="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png" alt="キュレーションマガジン Antenna［アンテナ］" width="678" height="349" srcset="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png 1903w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-300x154.png 300w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-1024x526.png 1024w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-228x117.png 228w" sizes="(max-width: 678px) 100vw, 678px" /></a></p>
<p>キュレーションメディアとしての在り方として、広告を載せるなどの方法よりもスマートに感じます。</p>
<p>面白い記事でれば商品ページ自体が良質なコンテンツという事になります。</p>
<p>もちろん内容が伴わないといけませんが「メルマガ配信」「商品ページの作成」「オウンメディアの更新」に相当する作業が記事を書くという事だけで済んでしまいます。</p>
<p>&nbsp;</p>


ＥＣサイトをメディア化してＳＥＯ対策に成功した事例

<p>WordPressですと翻訳プラグインが多様にあるとは思いますが、今回はプラグインに頼らずに設置を試みました。<br />
結果、Wordpressに限らず、およそ所用時間5分ほど、Google翻訳ツールを設定、設置できることが分かりました。</p>
<ul>
<li>コストをかけずに対応したい。（人間翻訳相場が大体1文字〜10円で質や量に応じて増減）</li>
<li>もっとたくさんの言語に対応したい</li>
</ul>
<p>というニーズって結構あると思います。</p>
<p>本当にECサイトを進出をする気概があるならば、きちんと翻訳をして、現地との物流網（配送業者、倉庫）を整理して、商慣習に合わせて、といわゆるローカライズをしなければならないと思いますが、スモールビジネスに近くなるとどうしてもそこまでコストを回せないというパターンがあります。</p>
<p>配送は多少高くてもEMS、じゃあ、サイトはどうしようという場合に、このGoogle翻訳ツールも一つの選択肢としてありえます。</p>
<h2>設定方法</h2>
<p><a href="http://translate.google.com/translate_tools?hl=ja" target="_blank">http://translate.google.com/translate_tools?hl=ja</a></p>
<p>まずは、上記URLにアクセスします。</p>
<p><a href="/uploads-archive/2014/10/screenshot.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5974 size-medium" src="/uploads-archive/2014/10/screenshot-300x95.png" alt="screenshot" width="300" height="95" srcset="/uploads-archive/2014/10/screenshot-300x95.png 300w, /uploads-archive/2014/10/screenshot-1024x326.png 1024w, /uploads-archive/2014/10/screenshot-228x72.png 228w, /uploads-archive/2014/10/screenshot.png 1370w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>「今すぐウェブサイトに追加」をします。</p>
<h2>ウェブサイト情報</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5975" src="/uploads-archive/2014/10/screenshot1-300x128.png" alt="screenshot" width="300" height="128" srcset="/uploads-archive/2014/10/screenshot1-300x128.png 300w, /uploads-archive/2014/10/screenshot1-1024x439.png 1024w, /uploads-archive/2014/10/screenshot1-228x97.png 228w, /uploads-archive/2014/10/screenshot1.png 1355w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>追加するWebサイトの情報を記載します。<br />
今回は当社のコーポレートサイトのURLを記述します。</p>
<h2>プラグインの設定</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5976" src="/uploads-archive/2014/10/screenshot2-300x187.png" alt="screenshot" width="300" height="187" srcset="/uploads-archive/2014/10/screenshot2-300x187.png 300w, /uploads-archive/2014/10/screenshot2-1024x640.png 1024w, /uploads-archive/2014/10/screenshot2-228x142.png 228w, /uploads-archive/2014/10/screenshot2.png 1357w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>今回はインラインを選択しました。</p>
<p>他にもGoogleアナリティクスの紐付けなどの詳細設定が可能です。こちらも調査のためアナリティクスも記載</p>
<p>コードを取得</p>
<h2>プラグイン追加</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5977" src="/uploads-archive/2014/10/screenshot3-300x194.png" alt="screenshot" width="300" height="194" srcset="/uploads-archive/2014/10/screenshot3-300x194.png 300w, /uploads-archive/2014/10/screenshot3-1024x663.png 1024w, /uploads-archive/2014/10/screenshot3-228x147.png 228w, /uploads-archive/2014/10/screenshot3.png 1355w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>あっさりとコードが発行されました。<br />
ここまで所要時間3分程度</p>
<p>上段のコードをタグの前に下段を表示させたい任意の場所に設置します。</p>
<h2>ウェブサイト翻訳ツール</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5980" src="/uploads-archive/2014/10/screenshot6-300x208.png" alt="screenshot" width="300" height="208" srcset="/uploads-archive/2014/10/screenshot6-300x208.png 300w, /uploads-archive/2014/10/screenshot6-1024x713.png 1024w, /uploads-archive/2014/10/screenshot6-228x158.png 228w, /uploads-archive/2014/10/screenshot6.png 1305w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>一度コードを発行すると同URLで管理画面が表示されるようになります。<br />
ここで、別の表示モードに変更をすることを出来ますのでお試し下さい。</p>
<h2>実際にやってみた</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5978" src="/uploads-archive/2014/10/screenshot4-300x180.png" alt="screenshot" width="300" height="180" srcset="/uploads-archive/2014/10/screenshot4-300x180.png 300w, /uploads-archive/2014/10/screenshot4-228x137.png 228w, /uploads-archive/2014/10/screenshot4.png 1021w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>デザインを崩さないようにフッターのほうにさっと置きました。<br />
タグの前にもちゃんと忘れずに設置しました。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5979" src="/uploads-archive/2014/10/screenshot5-300x245.png" alt="screenshot" width="300" height="245" srcset="/uploads-archive/2014/10/screenshot5-300x245.png 300w, /uploads-archive/2014/10/screenshot5-228x186.png 228w, /uploads-archive/2014/10/screenshot5.png 982w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>英語に翻訳してみました。</p>
<p>メインビジュアルは画像ですので、翻訳は当然されません。</p>
<p>「新宿区高田馬場のECサイト開発会社」は「EC site development company Takadanobaba, Shinjuku-ku」となり、<br />
「世界をもっと身近に」という企業理念は「The more familiar to the world.」という何とも響きがよい感じになりました。</p>


Google翻訳ツールをWordPressに設置してみた

<p>I was talking last week about <a href="http://www.awwwards.com/">AWWWARDS</a>, one of the most popular online awards that recognise the talent and effort of the best web designers, developers and agencies in the world.</p>
<p>Awwwards promise to be the meeting point where web professionals from across the world can come to find inspiration, to debate and share knowledge and experience.</p>
<p>Indeed they can proclaimed themselves as the <a href="http://www.awwwards.com/awwwards-the-most-visited-online-awards-platform-in-the-world.html">“The most visited online awards platform in the world”</a>. Awwwards recently broke the 2,000 barrier on <strong>Alexa</strong> and it is currently ranked at 1,919.</p>
<p>Worth a check, their most prestigious peers and competitors ranking is respectively: The <a href="http://www.webbyawards.com/">Webby Awards </a>(21,128), The <a href="http://www.thefwa.com/">FWA </a>(25, 943) and other important awards sites such as <a href="http://www.dandad.org/">D&amp;AD Awards</a>, <a href="http://fitc.ca/awards/">Fitc</a> and <a href="https://thenetawards.com/">The Net Awards.</a> <em>(Source: Alexa 2014).<a style="font-style: normal;" href="/uploads-archive/2014/10/awwwards-statistics-2015.png"><br />
</a></em></p>
<p><a href="/uploads-archive/2014/10/awwwards-statistics-2015.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5956 " src="/uploads-archive/2014/10/awwwards-statistics-2015.png" alt="awwwards-statistics-2015" width="649" height="482" srcset="/uploads-archive/2014/10/awwwards-statistics-2015.png 938w, /uploads-archive/2014/10/awwwards-statistics-2015-300x222.png 300w, /uploads-archive/2014/10/awwwards-statistics-2015-228x169.png 228w" sizes="(max-width: 649px) 100vw, 649px" /></a></p>
<p><a href="http://www.awwwards.com/blog/"><strong>BLOG </strong></a></p>
<p>One of the things I like the most in Awwwards it&#8217;s the blog, as I think is a good resource to keep up with the web/UI/UX  trends, top web design topics, tutorials, events and specially the latest tools for web-designers.</p>
<p><a href="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5955 " src="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-1024x491.png" alt="Screen Shot 2014-10-07 at 16.15.22" width="644" height="309" srcset="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-1024x491.png 1024w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-300x144.png 300w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-228x109.png 228w" sizes="(max-width: 644px) 100vw, 644px" /></a></p>
<p><strong><a href="http://www.awwwards.com/awwwards-interviews-simon-collison.html">INTERVIEWS</a></strong></p>
<p>In the blog you&#8217;ll find a couple of interviews as well. This one I picked features Keitaro Suzuki,<span style="color: #313131;"> Art Director and Head of Web Design, UI, UX at </span><a style="color: #3c948b;" href="http://www.shiftbrain.co.jp/">ShiftBrain</a><span style="color: #313131;">, Japan, who explains about the design scene in Japan, and where he thinks the web will take us in a few years&#8217; time.</span></p>
<p><iframe loading="lazy" width="500" height="281" src="//player.vimeo.com/video/99006791" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe></p>
<p><strong><a href="http://www.awwwards.com/events/">EVENTS</a></strong></p>
<p>You can also keep updated with the latest events of the industry happening worldwide. Currently there is none happening soon in Japan, but on November 5th there&#8217;s an event about User Experience:<a href="http://www.awwwards.com/events/ux-futures-summit-2014.html"> UX Futures Summit 2014</a> which is online, no travel hassle!.</p>
<p><a href="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59.png"><img decoding="async" loading="lazy" class="wp-image-5957 alignleft" src="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59.png" alt="Screen Shot 2014-10-07 at 16.51.59" width="637" height="218" srcset="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59.png 2382w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59-300x102.png 300w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59-1024x350.png 1024w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59-228x78.png 228w" sizes="(max-width: 637px) 100vw, 637px" /></a></p>
<p>&nbsp;</p>


AWWWARDS : The web awards for design, creativity and innovation

<p>wordpressで、webhookの通知を受けて自動処理をする仕組みを調べてみました。</p>
<h2>結論から言うと</h3>
<p>wordpressでwebhookの通知を受けるのに、下記hook（両方、もしくはどちらか）を定義して、任意実行したいPHPコードを書けばいいです。<br />
・「wp_ajax_アクションの名前」<br />
・「wp_ajax_nopriv_アクションの名前」</p>
<h2>webhook通知を受ける流れ</h3>
<p>１、（webhookだから他のサイトから）javascriptで/wp-admin/admin-ajax.php?action=hogeをへリスエストする。<br />
※今回ではアクションの名前をhogeとしている。<br />
２、admin-ajax.phpが登録しているhookを探して実行する。<br />
具体的には下記2種類があります。<br />
・「wp_ajax_アクションの名前」：ログインしているユーザ用<br />
・「wp_ajax_nopriv_アクションの名前」：ログインしていないユーザ用<br />
※今回は追加するhookの名前は、「wp_ajax_hoge」と「wp_ajax_nopriv_hoge」になるます。</p>
<p>下記のように、hookを追加することが必要になる。</p>

		<div id="crayon-649540157d1d8717818036" 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;">
add_action( 'wp_ajax_hoge', 'hoge' );
add_action( 'wp_ajax_nopriv_hoge', 'hoge' );
function hoge() {
  // この関数を実装必要
  // 任意phpコード
  // json形式で返すことも可、ページを遷移せずに表示を更新することが可能になる。
}</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-649540157d1d8717818036-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-2">2</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-4">4</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-6">6</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157d1d8717818036-1"><span class="crayon-e">add_action</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'wp_ajax_hoge'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'hoge'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-2"><span class="crayon-e">add_action</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'wp_ajax_nopriv_hoge'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'hoge'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-3"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">hoge</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// この関数を実装必要</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// 任意phpコード</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// json形式で返すことも可、ページを遷移せずに表示を更新することが可能になる。</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-7"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>３、hookを実行することは、上記のhoge()関数を実行すること。</p>
<h2>おまけ</h3>
<p>wordpressでは、通知を受けるだけではなく、通知を起こすこともできます。<br />
通知を起こすことができるイベントは公式では、「記事を公開する」、「ページを公開する」、「コメントをする」この３つだけのようです。<br />
<a href="http://en.support.wordpress.com/webhooks/" target="_blank">wordpress webhook</a></p>

【wordpress】webhookを受ける仕組み

jQueryプラグインFullCalendarのイベントをフィルターで絞り込む方法

Smarty3 特徴など

<p>飲食店や商業施設などで無料で利用できるWIFIは暗号化されていないためにのぞき見られる危険性がある場合もあります。</p>
<p>こういった場合に便利なのが「Private　VPN」と言われるものです。</p>
<p><a href="/uploads-archive/2014/10/VPN1.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5942" src="/uploads-archive/2014/10/VPN1.jpg" alt="VPN1" width="524" height="262" srcset="/uploads-archive/2014/10/VPN1.jpg 600w, /uploads-archive/2014/10/VPN1-300x150.jpg 300w, /uploads-archive/2014/10/VPN1-228x114.jpg 228w" sizes="(max-width: 524px) 100vw, 524px" /></a></p>
<p>目的のサーバにアクセスする際に、Private VPNのサーバを経由します。</p>
<p>Priveate VPNサーバまでのアクセスは暗号化されるので安全性が保たれます。</p>
<p>ＶＰＮサーバから目的のサーバまでのアクセスは完全に暗号化されませんが、元々のクライアントがわからないので情報を特定されないという仕組みです。</p>
<p>&nbsp;</p>
<p>実際にこのようなPrivate VPN サーバを経由した場合、本来とは異なるIPアドレスから</p>
<p>アクセスしたことになります。IPアドレスを確認できるサイトにアクセスすると海外のIPアドレスになっていたりします。</p>
<p>&nbsp;</p>
<p>この機能を利用して安全性を確保する目的以外で利用している人もいるようです。</p>
<p>日本からのアクセスを制限しているアメリカのサイトに、海外のサーバを経由してアクセスする事が可能です。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/10/VPN3.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5945" src="/uploads-archive/2014/10/VPN3.jpg" alt="VPN3" width="524" height="262" srcset="/uploads-archive/2014/10/VPN3.jpg 600w, /uploads-archive/2014/10/VPN3-300x150.jpg 300w, /uploads-archive/2014/10/VPN3-228x114.jpg 228w" sizes="(max-width: 524px) 100vw, 524px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>VPNのサービスでメジャーどころをご紹介します。</p>
<p>基本的にＶＰＮを利用すると速度が遅くなるようです、特に無料のサービスは遅くなる印象があります。</p>
<p>中には何か危ないものが仕込んであるとの噂がある無料サービスもあるので、メジャーどころを利用する事をオススメします。</p>
<p>&nbsp;</p>
<h4>Hot Spot Shield</h6>
<p><a href="http://www.hotspotshield.com/jp"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5946" src="/uploads-archive/2014/10/hotspotshield.jpg" alt="hotspotshield" width="600" height="269" srcset="/uploads-archive/2014/10/hotspotshield.jpg 600w, /uploads-archive/2014/10/hotspotshield-300x134.jpg 300w, /uploads-archive/2014/10/hotspotshield-228x102.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>ここのサービスは「世界で最も信頼されているVPNサービス。 2億回以上のダウンロード数」と謳っているだけあって速度にもあまり影響がなくかなり使いやすいと思います。無料版でも十分使えると思います。</p>
<p>サービス利用時はブラウザのツールバー上にあるアイコンの色が緑色に変わります。すぐに現在のIPアドレスを確認する事もできます。上の画面でもわかるように日本語に対応しているのも魅力です。</p>
<p>&nbsp;</p>
<p>無料版ではアクセス元をアメリカとイギリスのみ選択可能ですが、有料版だと日本やオーストラリア、カナダ、ドイツに変更できます。</p>
<p>有料版は1年間で2400円程度です。1ヶ月400円というのもあります。</p>
<p>&nbsp;</p>
<h4>ZenMate</h6>
<p>こちらは無料で現在300万人ほどのユーザーがいるとのこと。</p>
<p>ChromeとOperaにインストールできます。</p>
<p><a href="https://zenmate.com/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5947" src="/uploads-archive/2014/10/zenmate.jpg" alt="zenmate" width="600" height="289" srcset="/uploads-archive/2014/10/zenmate.jpg 600w, /uploads-archive/2014/10/zenmate-300x144.jpg 300w, /uploads-archive/2014/10/zenmate-228x109.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>こちらについては使っていないので速度はわかりませんが、ロケーションとして以下の５つが利用できます。</p>
<p>「香港 – 九龍」「ドイツ – フランクフルト」「イギリス – ロンドン」「スイス – チューリッヒ」「アメリカ – ニューヨーク」</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


思いのほか便利な「Private　VPN」とは？

<p>この存在は前から知っていたものの使用する事は今までなかった「FontAwesome」。</p>
<p>アイコンフォントをcssで簡単に設置できるというものですが、<br />
ちょっと試してみようということでデモ作ってみたんですが、いいですね！</p>
<p>こんなに簡単に設置でき、アイコンの種類も豊富で、ライセンスもGPL。<br />
なぜもっと早く使用しなかったんだと思ってます。</p>
<p><a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome, the iconic font and CSS toolkit</a></p>
<p><a class="demo" href="/demo/abe/47/" target="_blank">DEMO</a></p>
<p>僕がいいと思った点は以下になります。</p>
<p>・アイコンの種類が豊富<br />
・サイズも自由に変更(大きくしてもキレイ)<br />
・回転させたり、色変更もできる<br />
・独自の方法で設定もできる</p>
<h2>FontAwesomeの使い方</h2>
<p>まず上記にあるサイトからダウンロードしてきます。<br />
ダウンロードしたファイルの中に、font-awesome.min.cssがありますのでそれを読み込みます。</p>
<p></p>

		<div id="crayon-649540157cba1179194096" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;link type="text/css" href="css/font-awesome.min.css" rel="stylesheet" /&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157cba1179194096-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-649540157cba1179194096-1"><span class="crayon-r ">&lt;link </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text/css"</span><span class="crayon-h"> </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"css/font-awesome.min.css"</span><span class="crayon-h"> </span><span class="crayon-e ">rel</span>=<span class="crayon-s ">"stylesheet"</span><span class="crayon-r "> /&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>このcssからフォントのファイルを読み込んでいるので,「fonts」フォルダを適切なディレクトリに設置してください。</p>
<p>普通のcssで設定する場合はもうこれでOKです！<br />
あとはsassとかlessでも設定ができるそうです。</p>
<p>あとは下記のようにアイコンを付けたいタグに、<br />
class名「fa」と、あとはアイコンの種類のclassを設定すれば大丈夫です。</p>
<p></p>

		<div id="crayon-649540157cba5433351069" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;p&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;株式会社スターフィールドです。&lt;/p&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157cba5433351069-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-649540157cba5433351069-1"><span class="crayon-r ">&lt;p&gt;</span><span class="crayon-r ">&lt;i </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"fa fa-shopping-cart"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-i ">株式会社スターフィールドです。</span><span class="crayon-r ">&lt;/p&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>サイトでは、iタグで説明がなされていますが、spanタグでも(の方が?)よいようです。</p>
<h2>FontAwesomeを独自のルールで設定する方法</h2>
<p>classを指定すれば簡単にできるのですが、中には空のタグを作りたくないという方もいらっしゃると思います。</p>
<p>その場合、独自にフォント指定するためのclassを設定し、cssの疑似要素(before)でアイコンを指定するという方法があります。<br />
例えば下記のようになります。</p>
<p></p>

		<div id="crayon-649540157cba6135572285" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">CSS</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
.icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    margin-right: 0.5em;
}
.iconCart:before {
  content: "\f07a";
}</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-649540157cba6135572285-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-2">2</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-4">4</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-6">6</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-8">8</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-10">10</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-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-649540157cba6135572285-1"><span class="crayon-k ">.icon:before </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">FontAwesome</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-style</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">normal</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-weight</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">normal</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">text-decoration</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">inherit</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">color</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">#000</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-size</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">18px</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">margin-right</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">0.5em</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-9"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-10"><span class="crayon-k ">.iconCart:before </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-11"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">content</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"\f07a"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-12"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>icon:beforeの設定は例なので、各々の好きなようにしてもらうのですが、<br />
contentの中身を自分自身で使うアイコン分設定する必要があります。</p>
<p>このcontentの書き方が特殊なので、下記URLを見ると簡単に設置できます。</p>
<p><a href="http://astronautweb.co/snippet/font-awesome/" target="_blank">Complete list of Font Awesome icons with their CSS content values</a></p>
<p>これで自分の好きな案配でアイコンの設定が出来るようになります。</p>
<p>アイコンはwebサイトの中で重要な要素なので、これは便利ですね！！</p>

ちょっとしたアイコンにいい「FontAwesome」

<p>都道府県の住所を数多く扱う人向けのかなり限られたケース向けですが、救われたのでご紹介です。</p>
<p>都道府県まで含めた綺麗なリストが必要なのに、収集したリストに都道府県や、郵便番号がない場合に補完してくれるツールです。</p>
<p>数多いと、記述ミスやそもそも骨が折れるレベルの時に非常に有効です。</p>
<p>しかもインストール型ではなく、Excelにマクロが組んであるだけで窓の杜にも掲載をされているので、安心して使えるツールかと思います。</p>
<p>ダウンロードはこちらからできます。<br />
<a href="http://www.pc-circle.jp/adcnv.htm" target="_blank">http://www.pc-circle.jp/adcnv.htm</a></p>
<p>窓の杜のウィルスチェック体制は以下のように謳っています。<br />
<a href="http://www.forest.impress.co.jp/info/about/viruscheck.html" target="_blank">http://www.forest.impress.co.jp/info/about/viruscheck.html</a></p>
<h2>使い方</h2>
<p>説明をするまでもないほどに簡単で左の住所の列に元となる住所を入れて、右上の「変換ボタン」を押すだけです。</p>
<p>その後は、待つだけで期待する綺麗な住所が整いました。</p>
<h2>出力のパターン</h2>
<p>出力のパターンも以下のように複数シートに分かれているので、欲しいパターンのもので実行をすることが出来ます。</p>
<ul>
<li>住所</li>
<li>住所　1 住所　2</li>
<li>都道府県 市区郡 町名 地番 ビル</li>
<li>都道府県 市区郡 町名 地番 ビル 市区ｺｰﾄﾞ</li>
</ul>
<h2>対応ソフト</h2>
<p>残念ながら、普段自分が使っているMac版Officeでは動作しませんでした。<br />
ActiveXというツールがないようです。</p>
<p>Excel2007までの対応が正式となっているようでしたが、Windows8.1のEcell2013でも問題なく動作致しました。<br />
※動作を保証するものではありませんのでご了承下さい。</p>


excellで都道府県を補完するフリーツール

Mysqlの文字コードの設定

<p><a href="http://usepanda.com/">Panda</a>  is the fastest way to get your daily design inspiration and news. This website (or Chrome extension, as you prefer) helps you keep up with industry news and inspiration from a variety of sources in one interface. From the moment you installed it, Panda is going to appear every time you open a new tab.</p>
<p>It can likely fit well with Web Workers of all stripes, but it is probably more oriented to front-end designers.</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5899 " src="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-1024x549.png" alt="Panda" width="621" height="333" srcset="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-1024x549.png 1024w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-300x160.png 300w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-228x122.png 228w" sizes="(max-width: 621px) 100vw, 621px" /></a></p>
<p>On the left hand side of the interface we have Panda’s news feeds playing the latest and most popular info from Hacker News, Designers News, Growth Hackers among others (classified by popular or latest).</p>
<p>On the right you can get some visual inspiration, featuring acclaimed sites like : <a href="http://www.awwwards.com/">Awwwards</a> , <a href="https://dribbble.com/">Dribbble</a> and <a href="https://www.behance.net/">Behance</a> .</p>
<p><a href="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5903 " src="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-1024x546.png" alt="Panda" width="619" height="330" srcset="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-1024x546.png 1024w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-300x160.png 300w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-228x121.png 228w" sizes="(max-width: 619px) 100vw, 619px" /></a></p>
<p>&nbsp;</p>
<p>The overall goal is to filter the content from around the web and present it nicely, without having to click around to countless websites. Never miss anything, again.</p>
<p>&nbsp;</p>
<p>Panda doesn’t allow users to submit their own sources. Instead, co-founder William Channer, explains that the focus is on quality not customization. By sourcing sites where the community has already voted on what’s on trend.</p>
<p>&nbsp;</p>
<p>Panda is nicely done and is probably worth a bookmark.</p>
<p>&nbsp;</p>


PANDA: Relaxed Buzzfeed for Web Design

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4822250784/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51zOGiLSeUL._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4822250784/sackoh71-22/" target="_blank" >グロースハッカー 第2版</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">ライアン・ホリデイ 日経BP社 2015-02-19    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4822250784/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>去年の12月に出版された「グロースハッカー」という本を読みました。<br />
グロースハックという言葉自体が、最近よく使われるようになった、マーケティング用語ですが、いまさらながら勉強してみました。</p>
<p>本書は、主にドロップボックスやエバーノートといったBtoCのウェブサービスを取り上げておりますが、グロースハックという概念自体は弊社の展開するBtoBのソリューション提供とBtoCの通販サイトでも通ずるものがあると思いました。</p>
<p>本編は120ページほどでサクッと読めるのもよいです。</p>
<h2>グロースハッカーの定義</h2>
<p>著者はグロースハッカーを以下のように定義しております。</p>
<blockquote><p>グロースハッカーは、伝統的なマーケティング戦略を放棄し、検証・追跡・測定が可能なものだけを用いる。彼らの武器はCMや宣伝や資金ではなく、電子メール、PPC、ブログ、プラットフォームAPIだ。古い世代のマーケターが”ブランディング“や&#8221;マインドシェア”などの漠然としたものを追い回している間、グロースハッカーはひたすらユーザーと成長とを追跡する。そして、戦略が当たれば、ユーザーがユーザーを引き込む連鎖反応が生まれる。グロースハッカーとは、自立し、自己増殖する成長マシンの発明者であり、オペレーターであり、整備士だ。この成長マシンが新興企業を成功に導くのだ。</p></blockquote>
<h2>以下抜粋</h3>
<ul>
<li>グロースハックとは、ツールキットというよりもマインドセットだ</li>
<li>プロダクトマーケットフィット（PMF）と呼ぶレベルにサービスが到達するまで、長い時間をかけて調査とインテグレーションを行う。いかにPMFをつかみ取るか<br />
※PMFでとは、サービスと顧客（のニーズ）が完全にシンクロする状態</li>
<li>なぜ私はこの製品を使うのか？ユーザーにも質問しよう</li>
<li>すべての人へではなく、ふさわしい人へ</li>
<li>口コミは偶然には起きない。設計するものだ。</li>
<li>書籍の一部をファイル共有ソフトで拡散させるなど、保守的な業界でも可能</li>
</ul>
<h2>グロースハック例</h2>
<ul>
<li>順番待ちに期待を煽る</li>
<li>招待制にしてプレミアム感を醸し出す</li>
<li>数百の偽プロフィールを作り、人だかりが人だかりを呼ぶ状態をつくる</li>
<li>製品を使えるサービスを一つに絞り、便乗する（Paypalはイーベイに便乗）</li>
<li>影響力のある人を引き込む</li>
</ul>


グロースハッカー-ライアン・ホリデイ

<p>最近色んなところでドローンが活用されていて、どんどん新しい試みが始まっています。</p>
<p>有名なところではamazonの商品をドローンで配送するサービスあたりですが、</p>
<p>災害現場で行方不明者の捜索に活用したりなんて事も行われているようです。</p>
<p><a href="/uploads-archive/2014/09/yu_air0.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5889" src="/uploads-archive/2014/09/yu_air0.jpg" alt="yu_air0" width="314" height="162" srcset="/uploads-archive/2014/09/yu_air0.jpg 590w, /uploads-archive/2014/09/yu_air0-300x154.jpg 300w, /uploads-archive/2014/09/yu_air0-228x117.jpg 228w" sizes="(max-width: 314px) 100vw, 314px" /></a><a href="/uploads-archive/2014/09/yu_air4.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5890" src="/uploads-archive/2014/09/yu_air4.jpg" alt="yu_air4" width="278" height="162" srcset="/uploads-archive/2014/09/yu_air4.jpg 590w, /uploads-archive/2014/09/yu_air4-300x174.jpg 300w, /uploads-archive/2014/09/yu_air4-228x132.jpg 228w" sizes="(max-width: 278px) 100vw, 278px" /></a></p>
<p>&nbsp;</p>
<p>「ドローン」と同時に最近の時代の流れとして「ウェアラブル」というスタイルも流行っていますが、</p>
<p>この２つを合わせた「ウェアラブル・ドローン」なるものを見つけたのでご紹介します。</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">名前は「Nixie」、</span>インテルの「Make It Wearable」コンテストのファイナリストが制作中との事。</p>
<p><a href="/uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5891" src="/uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released.jpg" alt="nixie-wearable-drone-designed-worn-wrist-released" width="429" height="226" srcset="/uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released.jpg 970w, /uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released-300x158.jpg 300w, /uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released-228x120.jpg 228w" sizes="(max-width: 429px) 100vw, 429px" /></a></p>
<p>残念ながらまだ試作段階だが、腕に巻く事ができてもちろんカメラもついているので、</p>
<p>アウトドアなどに持って行って、人が踏み入れない所からの美しい景色や、高いアングルからの記念撮影など</p>
<p>色々楽しめそうです。手軽なだけに犯罪方面でも使われてしまいそうな感じがプンプンしますが・・・。</p>
<p>&nbsp;</p>
<p>とは言え、かなりクールなこのドローンが製品化されたら相当売れると思います。</p>
<p>正直、原価は安いでしょうから１つあたりの値段も2000円～3000円程度で販売できそうな感じがします。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/_VFsdPAoI1g"></iframe></p>
<p>このドローンを開発者たちはインテルから賞金5万ドルとテクニカルな協力をしてもらえるとの事です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


「クールな物は広がる」と思わせるウェアラブル・ドローン！？

<p>最近は、php.iniに「upload_max_filesize」を10Mに設定したのに、10M以下で8M超のファイルをアップできない現象がありました。<br />
.htaccessやスクリプト内のini_setは使っていないなので、オーバーライドが可能性がないということで、ネットで調べてみたら、すぐ「post_max_size」の設定が出てきました。</p>
<p>・upload_max_filesize<br />
アップロードできるファイルの最大サイズ<br />
・post_max_size<br />
POSTデータに許可される最大サイズ<br />
・memory_limit<br />
スクリプトが確保できる最大メモリ</p>
<p></p>

		<div id="crayon-649540157c7a6431834754" 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;">
memory_limit &gt;= post_max_size &gt;= upload_max_filesize</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-649540157c7a6431834754-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-649540157c7a6431834754-1"><span class="crayon-i">memory_limit</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span>=<span class="crayon-h"> </span><span class="crayon-i">post_max_size</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span>=<span class="crayon-h"> </span><span class="crayon-i">upload_max_filesize</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>の関係でもあります。</p>
<p>今回の件でphp.iniを調べてみたら、「post_max_size」が8Mになっていることがわかりました。それを10Mに修正しapacheを再起動したら、無事8M超のファイルをアップ成功しました。</p>
<h3>おまけ ー　PHPが使ってるメモリの量を調べるのに</h4>
<p>・memory_get_usage<br />
PHP に割り当てられたメモリの量（現在値）を返す<br />
・memory_get_peak_usage<br />
PHP によって割り当てられたメモリの最大値を返す</p>

【php】upload_max_filesize

多機能のカレンダーを実装するjQueryプラグインのFullCalendar

<p>最近、飲食チェーンのテレビＣＭなどで「ネットで注文できるようになりました！」という内容のものが増えている気がします。 いわゆるオムニチャネル化というやつですが、このオムニチャネル化を進めたいと考える飲食店が増えているのだと思います。 この流れは流行りからなのかもしれませんが、実際に売り上げにつながっているのからオムニチャネル化を進めていると考えられます。</p>
<h4>オムニチャネル化を進める外食・中食チェーン</h6>
<p>最近始まったサービスを中心にいくつかネット注文できる店をあげてみます。 <strong><a href="http://mos.jp/">モスのネット注文</a></strong> 丁度本日９月１６日からサービスを始めたのはモスバーガーの「モスのネット注文」。 <a href="/uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5870" src="/uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1.jpg" alt="www.mos.co.jp-company-pr_pdf-pr_140826_1" width="471" height="281" srcset="/uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1.jpg 471w, /uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1-300x178.jpg 300w, /uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1-228x136.jpg 228w" sizes="(max-width: 471px) 100vw, 471px" /></a> 事前決済や受け取り時間を指定できるサービスで、現時点では２４店舗でのみ利用可能です。（2015年4月までの全店導入を予定）   <strong><a href="https://nettomotto.jp/">netmotto</a></strong> デリバリーとお弁当の事前予約ができるサービス。昼時の込み合う時間は使えそうです。 <a href="/uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5865" src="/uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4.jpg" alt="ほっともっとの新・ネットサービス-│NettoMotto" width="542" height="301" srcset="/uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4.jpg 1008w, /uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4-300x166.jpg 300w, /uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4-228x126.jpg 228w" sizes="(max-width: 542px) 100vw, 542px" /></a>   <a href="https://delivery.dmkt-sp.jp/">dデリバリー</a> あまり使わないので知りませんでしたがドコモは「<a href="https://delivery.dmkt-sp.jp/">dデリバリー</a>」という宅配をまとめたサービスを行っているようです。 dデリバリーからピザ、寿司、ファミレスなどの注文が可能です。 <a href="https://delivery.dmkt-sp.jp/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5864" src="/uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9.jpg" alt="dデリバリー：出前・宅配・ケータリングの総合注文サイト-ピザ・弁当・寿司・カレー・中華・ケータリングなど" width="400" height="514" srcset="/uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9.jpg 400w, /uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9-233x300.jpg 233w, /uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9-228x292.jpg 228w" sizes="(max-width: 400px) 100vw, 400px" /></a>   <a href="http://delivery.rakuten.co.jp/g/kfc/">ケンタッキー・デリバリー</a> ケンタッキーについては以前からデリバリーのネット注文を行っているようですが、 自社のサービスではなく上のdデリバリーや<a href="http://delivery.rakuten.co.jp/">楽天デリバリー</a>に出店しているという形です。 <a href="http://delivery.rakuten.co.jp/g/kfc/"><img decoding="async" loading="lazy" class="alignnone  wp-image-5871" src="/uploads-archive/2014/09/adc8e16b61fee08680d545830a987653.jpg" alt="ケンタッキーフライドチキン-の出前・宅配---楽天デリバリー" width="406" height="119" srcset="/uploads-archive/2014/09/adc8e16b61fee08680d545830a987653.jpg 692w, /uploads-archive/2014/09/adc8e16b61fee08680d545830a987653-300x88.jpg 300w, /uploads-archive/2014/09/adc8e16b61fee08680d545830a987653-228x66.jpg 228w" sizes="(max-width: 406px) 100vw, 406px" /></a> さすが楽天は何でもやっているなという感じです。 楽天デリバリーは決算もネット上で行えるサービスで、楽天市場で買い物をするのと変わらない印象です。 それほど大きくない個人経営などの小規模店も出店しています。</p>
<h4>小規模経営の飲食店向けのネット注文・決済システムはウケる？？</h6>
<p>現時点でネット注文のサービスを行っているのは大手の企業だけという印象です。 システムの構築にかなりコストがかかるので小規模経営の店には難しいというのが現実でしょう。   小規模でネット注文を受け付けているというお店もいくらかあるようですが、決算までネット上を完了できるサービスは少ないです。   しかしネット注文ができるようにしたいと考える小規模店は多いはずです、もしコストを抑えられるシステムがあればユーザーはかなり見込めるのではないでしょうか。イメージでいうとリクルートのAirレジのような感じです。スタンダードになってしまえば勝ち目があるのではと思います。</p>


ネット注文できる飲食店が増えている件

<p>ブリリアント・マシンという概念をGEが提唱しているとのことで、興味あったのでまとめ。</p>
<p>直訳するとすごい機械のような感じで良くわからないが、</p>
<p>結論から言うと、今流行りのビックデータと人口知能、それに工業製品を融合させたらこうなるという考え方。</p>
<p>具体例として、GEの航空機エンジンはニューヨーク &#8211; 成田間で2TBの情報を生成するという。</p>
<p>音や振動などあらゆるデータをセンサーから記憶、解析することにより個々のエンジンのクセを把握。</p>
<p>最終的にはどこが壊れそうかなどといった予測が可能とのこと。</p>
<p>&nbsp;</p>
<p>また、同社のサイト上では供給量を予測するガスタービン、</p>
<p>生データ解析による海燃料技術の効率化などが紹介されている。</p>
<p><a href="http://www.ge.com/stories/brilliant-machines-are-powering-us-future" target="_blank"> http://www.ge.com/stories/brilliant-machines-are-powering-us-future</a></p>
<p>また、ブリリアント・マシンは、単にGEだけの技術ではない。</p>
<p>グーグルががんばっている自動運転車もこれにあたるとのこと。</p>
<p>要は、運転中の道路状況を測定、解析して運転するとともに、</p>
<p>個々の車で実際の道路の状況や危険性などを集積して集合知としている。</p>
<p>&nbsp;</p>
<p>ネット系の我々とは大きくは関係ないが、概念がふわっとしていた</p>
<p>ビッグデータや人工知能といったキーワードがこのキーワードによって現実的になった気がした</p>


ブリリアント・マシンという概念

<p><span style="color: #222222;">9月11日に行われた3社共催の【</span><span style="color: #222222;">いち早く成功するため</span><wbr style="color: #222222;" /><span style="color: #222222;">の「越境EC」運営ノ</span><wbr style="color: #222222;" /><span style="color: #222222;">ウハウと事例セミナー】に参加して参りました。</span></p>
<p>越境ECの情報収集は欠かすことなく、アップデートしております。</p>
<p>確信に触れる数字の部分はなるべく振れないようにしつつトピックスを共有させて頂きます。</p>
<h2>終わる頃には・・・</h2>
<ul>
<li>最短距離</li>
<li>どこに売ればいいか？</li>
<li>大量の情報に振り回されない</li>
</ul>
<p>ということが分かるセミナー</p>
<p>実績の値から</p>
<ul>
<li>ebay</li>
<li>amazon</li>
</ul>
<p>アメリカに売りなさい。</p>
<p>独自ドメインではアメリカからのアクセスが最多</p>
<h2>日本の商品買っているのは</h3>
<ol>
<li>アメリカ人</li>
<li>オーストラリア</li>
<li>中国</li>
<li>シンガポール</li>
<li>カナダ</li>
</ol>
<p>の順</p>
<h2>英語の力が必要</h3>
<ul>
<li>英語のブログを書く</li>
<li>英語のSNS</li>
<li>英語のメール</li>
</ul>
<p>PPC広告</p>
<h2>検索すれば答えはある</h2>
<p><a href="http://www.google.co.jp/adwords/globaladvertiser/marketfinder.html" target="_blank">グローバルマーケットファインダー</a>を利用</p>
<p>1ヶ月5000回を超えるキーワードはビジネスになる。</p>
<p>Googleアドワーズ<br />
広告プレビューと診断<br />
海外の検索結果は見れない</p>
<h2>まとめ</h2>
<ul>
<li>英語のネットショップ</li>
<li>英語への翻訳作業</li>
<li>集客のノウハウやネット広告</li>
<li>郵便局のEMSを使えば海外配送OK</li>
<li>クラウド翻訳を使えばメール問い合わせも格安で出来る</li>
</ul>
<h2>情報量が多いのに成功者が少ないのはなぜか？</h3>
<ul>
<li>価格</li>
<li>送料</li>
<li>関税</li>
</ul>
<p>但し、一番の障壁は</p>
<p><strong>セルフイメージ</strong></p>
<h2></h3>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/10/14

2014/10/14

2014/10/08

2014/10/08

2014/10/08

2014/10/08

2014/10/08

2014/10/07

2014/10/07

2014/10/01

2014/10/01

2014/10/01

2014/09/30

2014/09/30

2014/09/17

2014/09/17

2014/09/17

2014/09/17