<p>Sometimes, you&#8217;re setting up your web server(Apache, Nginx etc) in your local computer. It means your web server is running locally and outside world can&#8217;t access to it, other computer in same intranet can access your IP though.</p>
<p>Let&#8217;s say, you have developed a web project in your local. You haven&#8217;t uploaded projects files and folders to remote hosting server. At that time, your client wanna check the project&#8217;s progress at once.</p>
<p>No need to worry in such case. You can immediately setup a localtunnel that can be accessed by outside world with a URL link.</p>
<p>So simple steps you need to do:</p>
<h2>Step 1: Download ngrok</h3>
<p style="padding-left: 30px;">https://ngrok.com/download</p>
<h2>Step 2: Unzip it</h3>
<p style="padding-left: 30px;"><code>$ unzip /path/to/ngrok.zip</code></p>
<h2>Step 3: Run it! (in terminal)</h3>
<p style="padding-left: 30px;"><code>$ ./ngrok -help</code> [if you wanna check how does it work]</p>
<p style="padding-left: 30px;">$ ./ngrok <code>80</code> [eg; local web server is running in port <code>80</code>]</p>
<p>Sample command line output:</p>

		<div id="crayon-64953fd59721c252203341" 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;">
ngrok

Tunnel Status               online
Version                     1.3/1.3
Forwarding                  http://3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80
Forwarding                  https://3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80
Web Interface               http://127.0.0.1:4040
# Conn                      0
Avg Conn Time               0.00ms</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-64953fd59721c252203341-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-2">2</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-4">4</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-6">6</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-8">8</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-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-64953fd59721c252203341-1"><span class="crayon-e">ngrok</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-2">&nbsp;</div><div class="crayon-line" id="crayon-64953fd59721c252203341-3"><span class="crayon-e">Tunnel </span><span class="crayon-e">Status&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">online</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-4"><span class="crayon-i">Version</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-cn">1.3</span>/<span class="crayon-cn">1.3</span></div><div class="crayon-line" id="crayon-64953fd59721c252203341-5"><span class="crayon-e">Forwarding&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-6"><span class="crayon-e">Forwarding&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">https</span><span class="crayon-sy">:</span><span class="crayon-c">//3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80</span></div><div class="crayon-line" id="crayon-64953fd59721c252203341-7"><span class="crayon-e">Web </span><span class="crayon-t">Interface</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//127.0.0.1:4040</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-8"><span class="crayon-p"># Conn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0</span></div><div class="crayon-line" id="crayon-64953fd59721c252203341-9"><span class="crayon-e">Avg </span><span class="crayon-e">Conn </span><span class="crayon-i">Time</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-cn">0.00ms</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>Local running web server: http://127.0.0.1:80</p>
<p>Share this URL to client: <code>http://3a4bfceb.ngrok.com</code></p>
<p>Web traffic checking: http://127.0.0.1:4040</p>
<p><img decoding="async" alt="web-interface-checking-point" src="/uploads-archive/2014/01/inspect.png" /></p>
<p><span style="font-size: small;">[Ref img: from</span> https://ngrok.com/usage]</p>
<h2>Requiring passwords to access your tunnels</h3>
<p>By default, ngrok tunnels do not require any username or password to access them. This means anyone who knows or guesses the URL or your tunnel can make requests to it. You can secure your tunnels with a username and password by specifying the <code>-httpauth</code> option when creating your tunnel. This will force HTTP basic authentication on all incoming requests to your tunnels and require that the credentials match those you specify on the command line.</p>

		<div id="crayon-64953fd597220542547685" 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;">
$ ngrok -httpauth="username:12345" 80</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-64953fd597220542547685-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-64953fd597220542547685-1"><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">ngrok</span><span class="crayon-h"> </span>-<span class="crayon-i">httpauth</span>=<span class="crayon-s">"username:12345"</span><span class="crayon-h"> </span><span class="crayon-cn">80</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>If you developer guy wanna quit running instance after checking the developed project by client, you just need to use simple command in terminal: [ Ctrl+C ]<br />
Outside world can not be available to access your shared link: <code>http://3a4bfceb.ngrok.com</code> anymore.</p>
<p>In next time, you will run ./ngrok 80 in terminal and you will get another shared link: eg; http://xxxxx.ngrok.com. Just send that new link to client or others else you want to send again.</p>
<p>Enjoy!!!</p>

Exposing your local web server to the Internet

<p>ナイキの「FuelBand（日本未上陸）」「UP by JAWBONE」「Fitbit One」らが昨年あたりから出始め、ライフログを残す、ヘルスケアを行うために日々の活動を記録していくリストバンド型の活動量計が流行っています。各社から製品が続々と登場しており、興味を持ってみましたので調べてみました。</p>
<h2>定番</h3>
<p>ヘルスケアバンドの火付け役ともいうべきモデル</p>
<h3>NIKE『 FUELBAND SE』</h4>
<p><a href="/uploads-archive/2014/01/fuelband.jpeg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4151" alt="fuelband" src="/uploads-archive/2014/01/fuelband-300x168.jpeg" width="300" height="168" srcset="/uploads-archive/2014/01/fuelband-300x168.jpeg 300w, /uploads-archive/2014/01/fuelband-1024x576.jpeg 1024w, /uploads-archive/2014/01/fuelband-228x128.jpeg 228w, /uploads-archive/2014/01/fuelband.jpeg 1600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.nike.com/jp/ja_jp/c/nikeplus-fuelband" target="_blank">http://www.nike.com/jp/ja_jp/c/nikeplus-fuelband</a></p>
<p>&nbsp;</p>
<h3>JAWBONE『UP by JAWBONE』</h4>
<p><a href="/uploads-archive/2014/01/Jawbone-Up.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4152" alt="Jawbone-Up" src="/uploads-archive/2014/01/Jawbone-Up-300x168.jpg" width="300" height="168" srcset="/uploads-archive/2014/01/Jawbone-Up-300x168.jpg 300w, /uploads-archive/2014/01/Jawbone-Up-1024x576.jpg 1024w, /uploads-archive/2014/01/Jawbone-Up-228x128.jpg 228w, /uploads-archive/2014/01/Jawbone-Up.jpg 1200w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="https://jawbone.com/up/international" target="_blank">https://jawbone.com/up/international</a></p>
<p>&nbsp;</p>
<h3>Fitbit One</h4>
<p><a href="/uploads-archive/2014/01/fitbit-one.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4153" alt="fitbit-one" src="/uploads-archive/2014/01/fitbit-one-300x183.jpg" width="300" height="183" srcset="/uploads-archive/2014/01/fitbit-one-300x183.jpg 300w, /uploads-archive/2014/01/fitbit-one-228x139.jpg 228w, /uploads-archive/2014/01/fitbit-one.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.fitbit.com/jp/one" target="_blank">http://www.fitbit.com/jp/one</a></p>
<p>&nbsp;</p>
<h2>新規参入</h3>
<p>2014年の世界最大の家電市CESでは続々と大手企業が発表をしています。</p>
<h3>SONY『SmartBand』</h4>
<p><a href="/uploads-archive/2014/01/SmartBand.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4154" alt="SmartBand" src="/uploads-archive/2014/01/SmartBand-300x225.jpg" width="300" height="225" srcset="/uploads-archive/2014/01/SmartBand-300x225.jpg 300w, /uploads-archive/2014/01/SmartBand-228x171.jpg 228w, /uploads-archive/2014/01/SmartBand.jpg 620w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.gizmodo.jp/2014/01/ces_smartband_swr10.html">感情も追跡する!?　ソニーのフィットネスバンド「SmartBand SWR10」</a></p>
<h3>ガーミン『Vívofit』</h4>
<p><a href="/uploads-archive/2014/01/Garmin.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4155" alt="Garmin" src="/uploads-archive/2014/01/Garmin-300x168.jpg" width="300" height="168" srcset="/uploads-archive/2014/01/Garmin-300x168.jpg 300w, /uploads-archive/2014/01/Garmin-228x128.jpg 228w, /uploads-archive/2014/01/Garmin.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.gizmodo.jp/2014/01/ces_5.html">運動マニアじゃない人にこそオススメ！　ガーミンがフィットネスバンド市場に参入</a></p>
<h2>携帯キャリア</h3>
<p>日本の3キャリアも漏れなく発表しております。smartphoneを売りたいキャリアと相性がいいガジェットなんでしょうね。</p>
<h3>ドコモ・ヘルスケア『ムーヴバンド』</h4>
<p><a href="/uploads-archive/2014/01/moveband_img_2.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4157" alt="moveband_img_2" src="/uploads-archive/2014/01/moveband_img_2-300x120.jpg" width="300" height="120" srcset="/uploads-archive/2014/01/moveband_img_2-300x120.jpg 300w, /uploads-archive/2014/01/moveband_img_2-228x91.jpg 228w, /uploads-archive/2014/01/moveband_img_2.jpg 929w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.d-healthcare.co.jp/products/moveband/" target="_blank">http://www.d-healthcare.co.jp/products/moveband/</a></p>
<h3>au『SHINE™』</h4>
<p><a href="/uploads-archive/2014/01/shine-img-03.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4158" alt="shine-img-03" src="/uploads-archive/2014/01/shine-img-03-300x298.jpg" width="300" height="298" srcset="/uploads-archive/2014/01/shine-img-03-300x298.jpg 300w, /uploads-archive/2014/01/shine-img-03-150x150.jpg 150w, /uploads-archive/2014/01/shine-img-03-228x226.jpg 228w, /uploads-archive/2014/01/shine-img-03-120x120.jpg 120w, /uploads-archive/2014/01/shine-img-03.jpg 316w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.au.kddi.com/mobile/product/plus-one/iphone/special-shine/" target="_blank">http://www.au.kddi.com/mobile/product/plus-one/iphone/special-shine/</a></p>
<h3>SoftBank 『HealthCare』</h4>
<p><a href="/uploads-archive/2014/01/maxresdefault.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4156" alt="maxresdefault" src="/uploads-archive/2014/01/maxresdefault-300x168.jpg" width="300" height="168" srcset="/uploads-archive/2014/01/maxresdefault-300x168.jpg 300w, /uploads-archive/2014/01/maxresdefault-1024x576.jpg 1024w, /uploads-archive/2014/01/maxresdefault-228x128.jpg 228w, /uploads-archive/2014/01/maxresdefault.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.softbank.jp/mobile/service/softbankhealthcare/" target="_blank">http://www.softbank.jp/mobile/service/softbankhealthcare/</a></p>
<h2>まとめ</h3>
<p>デザインはnike,up,sonyが抜けていますね。あとは、本来の機能や、閲覧のためのアプリの出来といったところの比較となるのでしょうがまだ情報が出揃っておらず、発売を控えている商品が多いため引き続きウォッチしていきたいと思います。</p>
<div id="extensionsWeblioEjBx" style="position: absolute; z-index: 2147483647; left: 298px; top: 2041px;"><iframe loading="lazy" src="//api.weblio.jp/act/quote/v_1_0/e/?q=moveband&amp;type=emicro&amp;opul=chrome-extension%3A%2F%2Foingodpdjohhkelnginmkagmkbplgema%2Foptions.html" name="weblioExtensionsFrame" width="380" height="60" border="0" frameborder="0" scrolling="no"></iframe></div>
<div id="extensionsWeblioEjBx" style="position: absolute; z-index: 2147483647; left: 22px; top: 570px;"><iframe loading="lazy" src="//api.weblio.jp/act/quote/v_1_0/e/?q=UP&amp;type=emicro&amp;opul=chrome-extension%3A%2F%2Foingodpdjohhkelnginmkagmkbplgema%2Foptions.html" name="weblioExtensionsFrame" width="380" height="60" border="0" frameborder="0" scrolling="no"></iframe></div>


2014年はフィットネスバンド元年？

<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/01/9784534051271-B-1-L.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4131" alt="9784534051271-B-1-L" src="/uploads-archive/2014/01/9784534051271-B-1-L-207x300.jpg" width="207" height="300" srcset="/uploads-archive/2014/01/9784534051271-B-1-L-207x300.jpg 207w, /uploads-archive/2014/01/9784534051271-B-1-L-228x329.jpg 228w, /uploads-archive/2014/01/9784534051271-B-1-L.jpg 346w" sizes="(max-width: 207px) 100vw, 207px" /></a></p>
<p><a href="http://www.amazon.co.jp/%E4%B8%80%E7%94%9F%E3%81%8A%E9%87%91%E3%81%AB%E5%9B%B0%E3%82%89%E3%81%AA%E3%81%84%E3%80%8C%E8%8F%AF%E5%83%91%E3%80%8D%E3%81%AE%E6%80%9D%E8%80%83%E6%B3%95%E5%89%87-%E5%A4%A7%E5%9F%8E-%E5%A4%AA/dp/4534051271/" target="_blank">http://www.amazon.co.jp/%E4%B8%80%E7%94%9F%E3%81%8A%E9%87%91%E3%81%AB%E5%9B%B0%E3%82%89%E3%81%AA%E3%81%84%E3%80%8C%E8%8F%AF%E5%83%91%E3%80%8D%E3%81%AE%E6%80%9D%E8%80%83%E6%B3%95%E5%89%87-%E5%A4%A7%E5%9F%8E-%E5%A4%AA/dp/4534051271/</a></p>
<p>&nbsp;</p>
<p>を読みました。</p>
<p>シリコンバレーなどのワークスタイルなどはよく耳にしますが、近そうで意外と遠いこういった特定の集団のビジネスに対する考え方はなかなか耳にしたことがなく、新鮮に感じたので少しまとめてみました。</p>
<p>&nbsp;</p>
<h2>考え方</h3>
<p>◯◯になれると思っている。から焦りが無い<br />
1人でやらない。考える人、実行する人、金を出す人<br />
とりあえずやる。やりながら成功への道筋を考える<br />
失敗はない。失うのはお金だけ、勇気を失わなければ失敗でない<br />
小さな失敗の積み重ねが成功。ただ致命傷はだめ<br />
ものさしは2本。直近と未来、同時にみなければならない</p>
<h2>人</h3>
<p>できない人をあえて使う。できない人が他の人を伸ばし、できる新たな方向が見える<br />
同じ価値観の者が集まっても意味が無い。多様な発想を持った組織が強い<br />
食事を共にするのは3大欲求で唯一共有できるから<br />
貴人という考え方。それは自分を高めてくれる人。その人との出会いまでは自分を磨く準備期間<br />
嫌いな人をあえてまぜる。嫌いな人は自分と違う考え方、人脈を持っている<br />
好き、嫌いと付き合いは違う<br />
メールはエビデンスが残るから使わない。エビデンスがあれば相手を許せない<br />
教育は放置。致命傷だけは負うな。失敗は後で説明</p>
<h2>金</h3>
<p>自分の身の回りには金を使わなず周りに使う。それは周りに貯金しているという感覚<br />
徹底して純利益を計算。時間や伝票1枚まで計算する<br />
回収するお金、貸すお金、あげるお金の考え方と未来予想が明確<br />
回収する時間もお金である<br />
金は天下の回りもの。天下は大事な仲間という意味<br />
親子でもお金の貸借概念。教育は貸すであり返すことを徹底</p>
<h2>営業</h3>
<p>スケジュールを入れない。休日、時間は関係なくチャンスは一瞬<br />
大事のためにはそれ以外をシャットアウト<br />
ダブルブッキングをあえてする。マッチングさせ相乗効果を<br />
結果のためなら土下座も余裕。日本人はかっこつけすぎ</p>
<h2>ライフハック</h3>
<p>大きな声をださない。大きな声より小さな声の方が相手に届く<br />
目を見て話さない。口を見る<br />
メールは使わない。メールは最も決断が遅いツール<br />
直接会う &gt; 電話 &gt; チャット &gt; メール<br />
である<br />
昼寝をする。午前中は頭が良く働く。昼寝でそれがもう一度できる</p>
<p>&nbsp;</p>
<p>自分としては、自分と違う価値観のネットワークを築くこと、特に嫌いな人に焦点を当てているところが勉強になりました。</p>


読書感想 一生お金に困らない華僑の思考方法

<p>PCで画像をクリックしてポップアップウィンドウが出てくるhtmlですが、<br />
スマートフォンだとスクリーンが狭いから、普通にページの下部（上部）に行くつもりですが、<br />
画像をタッチしたら、ポップアップウィンドウが出てきて困ったことがあります。</p>
<p>これは、jqueryのtouchstartイベントを使うではなく、<br />
touchstartからtouchmoveイベントがあるかをチェックする工夫で解決できます。</p>
<p></p>

		<div id="crayon-64953fd59704e336696693" 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">JavaScript</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;">
$(function()
{
	$( 'div' ).on(
	{
		'touchstart': function() {
			this.isTouch = true;
		},
		'touchmove': function() {
			this.isTouch = false;
		},
		'touchend': function() {
			if(this.isTouch == true){
				// popupイベントを発生させる
			}
		}
	});
});</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-64953fd59704e336696693-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-2">2</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-4">4</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-6">6</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-8">8</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-10">10</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-12">12</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-14">14</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59704e336696693-16">16</div><div class="crayon-num" data-line="crayon-64953fd59704e336696693-17">17</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-64953fd59704e336696693-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59704e336696693-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'div'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">on</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59704e336696693-4"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-5"><span class="crayon-h">		</span><span class="crayon-s">'touchstart'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59704e336696693-6"><span class="crayon-h">			</span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-i">isTouch</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-7"><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-64953fd59704e336696693-8"><span class="crayon-h">		</span><span class="crayon-s">'touchmove'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-9"><span class="crayon-h">			</span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-i">isTouch</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59704e336696693-10"><span class="crayon-h">		</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-11"><span class="crayon-h">		</span><span class="crayon-s">'touchend'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59704e336696693-12"><span class="crayon-h">			</span><span class="crayon-st">if</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">.</span><span class="crayon-i">isTouch</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-13"><span class="crayon-h">				</span><span class="crayon-c">// popupイベントを発生させる</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59704e336696693-14"><span class="crayon-h">			</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-15"><span class="crayon-h">		</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59704e336696693-16"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd59704e336696693-17"><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>金融系などの固めのデザインを必要とするサイトでは、<br />
今流行っているデザインを使いづらく、<br />
どうしても２〜３年前に流行ったデザインなど、時代遅れなデザインになりがちです。</p>
<p>この１〜２年でのフラットデザインの流行により<br />
PCメインだった２〜３年前のデザインと、タブレットPCやスマホを重要視した最近のデザインでは使い勝手も変わってくるため、<br />
できれば今の時代にあったデザインにすることが理想的です。</p>
<p>今回は固めの印象を残しつつも、今の時代に合わせたデザインのサイトを探してみましたので、ご紹介いたします。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.nakazawa-kenpan.co.jp/" target="_blank">ナカザワ建販株式会社</a></p>
<p><a style="display: block; width: 328px; height: 300px; overflow: hidden;" href="http://www.nakazawa-kenpan.co.jp/" target="_blank"><img decoding="async" loading="lazy" alt="" src="/uploads-archive/2014/01/80c6415fdff63a9c46f01b2e6aec3138.png" width="328" height="428" /></a></p>
<p>フラット系。</p>
<p>スライドアニメーショが凝っていて、横画面いっぱいに広がるメインビジュアルが今っぽいです。</p>
<p><a class="link" href="http://id-credit.com/index_pc.html" target="_blank">ドコモの「iD」</a></p>
<p><a style="display: block; width: 328px; height: 300px; overflow: hidden;" href="http://id-credit.com/index_pc.html" target="_blank"><img decoding="async" loading="lazy" alt="ドコモの「iD」" src="/uploads-archive/2014/01/f560c3cb99651db3bb705064d4939b07.png" width="328" height="663" /></a></p>
<p>グリッド系。</p>
<p>こちらはにぎやかで、固めのサイトから少し外れる気もしましたが、ヒントになりそうでしたので載せました。</p>
<p>グリッド系をイメージしたデザインですが、基本２カラムで構成されていて、安定感があります。各ボックスに小さめのドロップシャドウと小さめの角丸をつけ、落ち着いた印象を与えています。リンクを示す矢印のアイコンや、一番下のよくある質問のQのアイコンは、真円の小さなアイコンで統一されています。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.brotherearth.com/ja/" target="_blank">Brother Earth</a></p>
<p><a style="display: block; width: 328px; height: 300px; overflow: hidden;" href="http://www.brotherearth.com/ja/" target="_blank"><img decoding="async" loading="lazy" alt="Brother Earth" src="/uploads-archive/2014/01/Brother-Earth.jpg" width="328" height="226" /></a></p>
<p>フラット系＋グリッド系。</p>
<p>今風のデザインですが、堅実な印象も感じさせてくれます。レスポンシブデザインになっていて、各要素が無駄なく、見やすく配置されています。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.rohto.jp/" target="_blank">ROHTO</a></p>
<p><a style="display: block; width: 328px; height: 300px; overflow: hidden;" href="http://www.rohto.jp/" target="_blank"><img decoding="async" loading="lazy" alt="ROHTO" src="/uploads-archive/2014/01/c3b73f751bf87b8c72a4bd25d9f15ab1.png" width="328" height="531" /></a></p>
<p>フラット系。</p>
<p>青色のラインや小さなアイコン、テキストなどで堅実な印象を感じさせて筒も、画面横いっぱいに広がるニュース表示や縦スクロールのスライダーを２つ並べるなど今風の大胆な印象も感じます。商品などが数多く並べられていますが、全体が青と小さめの赤で統一されているので、うるさく感じません。</p>
<p>&nbsp;</p>
<h2>ポイント</h3>
<p>固めのサイトの印象を与えるものとしては、</p>
<ul>
<li>ヘッダートップの横方向のライン</li>
<li>文字とラインのみで構成されたシンプルなメインビジュアル</li>
<li>小さめのフォント・アイコン</li>
</ul>
<p>といったものがあるように思います。</p>
<p>また、グリッド系のデザインにする場合も、全体にグリッド要素を使わずに、</p>
<p>メインコンテンツに添える形で使うと、イメージを崩さないようです。</p>
<p>&nbsp;</p>
<p>固めの印象を与える要素を全体に散りばめつつ、基本的にはフラット系やグリッド系、レスポンシブといった今の時代に合わせた構成のデザインにすることで、</p>
<p>固めでも今風のデザインのサイトにすることができるのではないかと思います。</p>
<p>&nbsp;</p>


今風(2014年はじめ)の少し固めのデザイン

<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/4594069517/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51VijGn1MuL._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/4594069517/sackoh71-22/" target="_blank" >脳には妙なクセがある (扶桑社新書)</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;">池谷 裕二 扶桑社 2013-11-30    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4594069517/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>また最近読んだ本のご紹介です。</p>
<p>ビジネス系の書物、啓発系に近い書物、そしてこのような知識系の書物をバランスよく読むように心がけています。</p>
<p>とりわけ、脳の働きについては興味を持っており、理解を深めることでより生産性を高められると信じています。</p>
<p>そのなかでビジネスに応用出来そう、もしくは陥りがちなポイントを紹介します。</p>
<h2>抜粋</h3>
<ul>
<li>「もったいない」の精神は未来に備える知的行動。使うものだけ残して、いつか使えるものは捨てるのが掃除の極意</li>
<li>所持効果という奇妙な現象。所持しているだけ、過大評価と損失への過敏反応してしまう</li>
<li>脳は、ブランド、オーラ、ムード、カリスマという見えざるものにも強く快感を反応するようにデザインされている。</li>
<li>魚を想像すると？？？左向き？大抵の人が左視野を重要視している。</li>
<li>笑顔を作るから楽しいという逆因果</li>
<li>パソコンのモニタ枠を赤色にすると効率が下がる。</li>
<li>無意識の自分こそが真の姿である。それは積み重ねの経験の上で決定していく。</li>
</ul>
<h2>まとめ</h3>
<p>こうしてみると、行動経済学にも通ずるものがありますね。</p>


脳には妙なクセがある

<p><strong>Enterprise resource planning (ERP)</strong> is business management software—usually a suite of integrated applications—that a company can use to store and manage data from every stage of business, including:</p>
<ul>
<li>Product planning, cost and development</li>
<li>Manufacturing</li>
<li>Marketing and sales</li>
<li>Inventory management</li>
<li>Shipping and payment etc</li>
</ul>
<p>[Ref: http://en.wikipedia.org/wiki/Enterprise_resource_planning]</p>
<h1 lang="en"><span style="font-size: small;">List of ERP software packages (</span><span style="font-size: small;">Free and open-source</span><span style="font-size: small;">)</span></h1>
<table border="0">
<tbody>
<tr>
<td style="text-align: center;"><strong>Name</strong></td>
<td style="text-align: center;"><strong>Platform Technology</strong></td>
</tr>
<tr>
<td><a title="Adaxa Suite" href="http://en.wikipedia.org/wiki/Adaxa_Suite">Adaxa Suite</a></td>
<td>Java</td>
</tr>
<tr>
<td><a title="Dolibarr" href="http://en.wikipedia.org/wiki/Dolibarr">Dolibarr</a></td>
<td><a title="PHP" href="http://en.wikipedia.org/wiki/PHP">PHP</a>, <a title="MySQL" href="http://en.wikipedia.org/wiki/MySQL">MySQL</a></td>
</tr>
<tr>
<td><a title="Fedena" href="http://en.wikipedia.org/wiki/Fedena">Fedena</a></td>
<td><a title="Ruby (programming language)" href="http://en.wikipedia.org/wiki/Ruby_(programming_language)">Ruby</a>, MySQL</td>
</tr>
<tr>
<td><a title="OpenERP" href="http://en.wikipedia.org/wiki/OpenERP">OpenERP</a></td>
<td>Python, Javascript,<a title="PostgreSQL" href="http://en.wikipedia.org/wiki/PostgreSQL">PostgreSQL</a></td>
</tr>
<tr>
<td><a title="OpenERP" href="http://en.wikipedia.org/wiki/OpenERP">.</a>..</td>
<td>&#8230;</td>
</tr>
</tbody>
</table>
<p>[Ref: <a href="http://en.wikipedia.org/wiki/List_of_ERP_software_packages">http://en.wikipedia.org/wiki/List_of_ERP_software_packages</a>]</p>
<p><strong>What is OpenERP(www.openerp.com)?</strong></p>
<p><strong> </strong><strong><a href="/uploads-archive/2014/01/openerp_logo.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-4055 aligncenter" alt="openerp_logo" src="/uploads-archive/2014/01/openerp_logo.png" width="180" height="46" /></a></strong></p>
<p>OpenERP is a modern Suite of Business Applications, released under the AGPL license, and featuring CRM, HR, Sales, Accounting, Manufacturing, Warehouse Management, Project Management, and more.<br />
It is based on a modular, scalable, and intuitive Rapid Application Development (RAD) framework written in Python.</p>
<p><em>Some built-in applications(modules):</em></p>
<p><strong>CRM-Customer Relationship Management</strong>(<a href="https://demo1.openerp.com/#view_type=kanban&amp;model=crm.lead&amp;action=404">https://demo1.openerp.com/#view_type=kanban&amp;model=crm.lead&amp;action=404</a>)</p>
<p><img decoding="async" loading="lazy" alt="crm" src="/uploads-archive/2014/01/crm.png" width="421" height="300" /></p>
<p>[Ref Img: from <a href="https://www.openerp.com/apps/crm/">https://www.openerp.com/apps/crm/</a>]</p>
<p><strong>Point of Sale</strong>(https://demo1.openerp.com)</p>
<p><img decoding="async" alt="point of sale" src="/uploads-archive/2014/01/pos.jpg" /></p>
<p>[Ref Img: from <a href="https://www.openerp.com/apps/point_of_sale/">https://www.openerp.com/apps/point_of_sale/</a>]</p>
<p><strong>Project Management</strong>(<a href="https://demo1.openerp.com/#view_type=kanban&amp;model=project.project&amp;action=227">https://demo1.openerp.com/#view_type=kanban&amp;model=project.project&amp;action=227</a>)</p>
<p><img decoding="async" loading="lazy" alt="pm" src="/uploads-archive/2014/01/pm.png" width="421" height="300" /></p>
<p>[Ref Img: from <a href="https://www.openerp.com/apps/project/">https://www.openerp.com/apps/project/</a>]<br />
<strong>Accounting</strong>(<a href="https://demo1.openerp.com/#page=0&amp;limit=80&amp;view_type=list&amp;model=account.invoice&amp;action=353">https://demo1.openerp.com/#page=0&amp;limit=80&amp;view_type=list&amp;model=account.invoice&amp;action=353</a>)</p>
<p><img decoding="async" loading="lazy" alt="accounting" src="/uploads-archive/2014/01/accounting.png" width="421" height="300" /></p>
<p>[Ref Img: from <a href="https://www.openerp.com/apps/account/">https://www.openerp.com/apps/account/</a>]</p>
<p><strong> Human Resources</strong><br />
<strong> Warehouse</strong><br />
<strong> Sales</strong><br />
<strong> Manufacturing</strong><br />
<strong> Purchase</strong></p>
<p>and many more modules you could get in use. And even modify them according to your need.</p>
<p>Enjoy!!!</p>


Introducing opensource openERP software

<p>最近、ミャンマーで教育システムが著しく変化し続けています。</p>
<p>これまで、大学までの学年は、<br />
一年生から４年生までは、小学生で、<br />
５年生から8年生までは中学生、<br />
９年生と１０年生を高校生として決められています。</p>
<p>他の国とは違って２年間の学年が少ないです。</p>
<p>軍事政権の考え方は国民が教育に優秀であればあるほど、コントロールできなくなるので、<br />
教育には全く力を入れてくれませんでした。</p>
<p>そのシステムで、これまで高校卒業していた学生は、高校卒業後にすぐ海外留学は行けません。</p>
<p>海外留学行きたい学生は、必ず、大学の２年生を卒業してから行けるようになっています。</p>
<p>大学入学方法は行きたい大学の入学試験を受ける必要がありません。</p>
<p>高校の国家試験の結果で行ける大学が決められます。</p>
<p>高校試験の結果が出た後、一ヶ月ぐらいに国から点数と大学名が発表されます。</p>
<p>合計の点数が600点としたら、</p>
<p>600点 ~ 520点　　:　　医学大学<br />
520点 ~ 400点     ：　　外国語大学、コンピュータ大学、建築大学<br />
 :<br />
 :</p>
<p>上記の用に発表されて、自分の点数によって、入学できる大学に申請書を出すだけで、入学ができるようになっています。</p>
<p>他の国とは教育レベルが比べ物にはならない。</p>
<p>アウンサンスーチーのスピーチでよく耳にした事がある言葉で、<br />
「政治っていうことには教育もビジネスもいろんな部分が入っていて、皆は自分の生活の為に働いていながら政治を動かしている。<br />
学生が勉強を頑張るのも政治をやっているのと同じで、ビジネスを頑張っている人も政治をやっている人です。自分たちの生活や知識がいい方向に進化していかないと国も発展しない。まずは、自分のやっている事を正しい方法で頑張ることとお互い助けあることは国を変える為に一番しなければならない事」ということが最近ようやく理解できるようになりました。</p>
<p>スーチーさんの教育レベルアップ活動で再来年からの教育システムを変えるような決断が出ました。</p>
<p>再来年からは高校卒業まで12年間の学年にすることが決められました。<br />
若者たちに勉強する時間を増やしてあげるだけではなく、レベルアップしてちゃんとした教科書が作成されるようになります。</p>


ミャンマー教育の変化

AngularJSのリピートを利用した都道府県のセレクトボックス

<p>そんなタイトルですが、あくまで予防です。</p>
<p>最近wordpressの管理画面への不正アクセスが相次いでるとのことで、<br />
僕も気になり、プラグインを入れてみることにしました。<br />
そのプラグインを紹介したいと思います。</p>
<p>&nbsp;</p>
<h2>crazybone</h3>
<p>&nbsp;</p>
<p>まず、管理画面への不正アクセスを調べるプラグインから入れます。<br />
こちらのcrazyboneというプラグインは、ログインの履歴が取れるというもので、<br />
いつどこから、IPアドレス,エラー時のユーザー名/パスワード等が取れます。<br />
これはアクセスログが取れるということで、クライアントワークにもいいかと思います。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://wordpress.org/plugins/crazy-bone/" target="_blank">Crazy Bone</a></p>
<p>&nbsp;</p>
<p>実際の画面のキャプチャはこちら</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-4079" alt="スクリーンショット 2014-01-22 0.00.40" src="/uploads-archive/2014/01/4f5416971a791385cc8de5ff709b893e.png" width="644" height="371" srcset="/uploads-archive/2014/01/4f5416971a791385cc8de5ff709b893e.png 1013w, /uploads-archive/2014/01/4f5416971a791385cc8de5ff709b893e-300x172.png 300w, /uploads-archive/2014/01/4f5416971a791385cc8de5ff709b893e-228x131.png 228w" sizes="(max-width: 644px) 100vw, 644px" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>不正アクセスされてました。</p>
<p>&nbsp;</p>
<p>めちゃめちゃ来てますね・・・韓国から・・・<br />
なんのためにこんなことをするのかわかりませんが怖いですね・・・</p>
<p>&nbsp;</p>
<p>後で紹介するブログにも書かれているのですが、<br />
こちらを出来る限り防ぐ方法は、</p>
<p>&nbsp;</p>
<p><strong>・ユーザー名をadminやドメイン名にしない</strong><br />
<strong> ・パスワードは英数字記号を使い、14文字以上</strong><br />
<strong> ・wordpressを常に最新ver.にする</strong></p>
<p>&nbsp;</p>
<p>です。（あくまでされにくくされるもので、されなくなるわけではないです・・・・）</p>
<p>これは設定の段階での予防ですので、<br />
次に予防のためのプラグインを紹介します。</p>
<p>&nbsp;</p>
<h2>Simple Login Lockdown</h3>
<p>こちらのプラグインは、<br />
同一IPアドレスからのアクセスで連続してログイン失敗すると、<br />
一定期間経過するまでは、そのIPアドレスからのログイン操作をできなくするというものです。</p>
<p>こちらは連続でアタックさせないためのものなので、<br />
気休め程度かもしれませんが、やっておいて損はないと思います。</p>
<p>&nbsp;</p>
<h2>WP Admin Basic Auth</h3>
<p>こちらはログイン、管理画面にbasic認証をかけるというもので、<br />
basic認証のID/パスワードは、現段階ではwordpressで設定したユーザー名/パスワードがそのまま適応されるようです。<br />
同じだと突破されるのでは？と思ってしまいますが、<br />
botではBasic認証を突破しようするものはないようです。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://stocker.jp/diary/wp-admin-basic-auth/" target="_blank">WordPressのログイン・管理画面にBasic認証をかけるプラグイン「WP Admin Basic Auth」を作りました | Stocker.jp / diary</a></p>
<p>&nbsp;</p>
<p>こちらそれぞれ単体だけでなく、複数入れると、<br />
セキュリティもより強固なものになっていくと思います。</p>
<p>&nbsp;</p>
<p>ちなみに、管理画面以外の部分にBasic認証をかけたい場合は、<br />
以下のプラグインがあります。</p>
<p><a class="link" href="http://dogmap.jp/2013/03/09/wp-basic-auth/" target="_blank">WordPress サイトに Basic 認証をかけるプラグイン「WP Basic Auth」 | dogmap.jp</a></p>
<p>&nbsp;</p>
<p>あとは、「<strong>Members Only</strong>」というwordpressにログインしていないとサイトを見れなくするプラグインもあります。</p>
<p>&nbsp;</p>
<p>それにしても不正アクセスは怖いですね。<br />
セキュリティに関しては、慎重になって損なことはないので、<br />
しっかりと対応したいです。</p>


wordpressのサイトを不正アクセスから守るためのプラグイン

<p>世界に一つだけのオリジナルアイテムをオーダーできる「GEMIY」を触ってみた。</p>
<p>GEMIYとはお客(I)と作り手(YOU)との間に、たくさんのGEM(宝物)が生まれますようにとの思いから作られたサービスで、</p>
<p>世界に一つだけの商品をクリエイターにオーダーして作ってもらえるサイトだ。</p>
<p><a href="http://gemiy.net/" target="_blank">http://gemiy.net/</a></p>
<p>&nbsp;</p>
<p>本日現在、BERET、SHORT KNIT、TIE、BABY BALLなど9種類のカテゴリから商品を選択できる。</p>
<p>ちなみに価格はそれぞれ7,400円、26,000円、7,000円、2,500円と少し高め。</p>
<p><a href="/uploads-archive/2014/01/11.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4074" alt="1" src="/uploads-archive/2014/01/11.jpg" width="656" height="177" srcset="/uploads-archive/2014/01/11.jpg 656w, /uploads-archive/2014/01/11-300x80.jpg 300w, /uploads-archive/2014/01/11-228x61.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>そこから色を選択してカートに入れる。</p>
<p><a href="/uploads-archive/2014/01/21.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4075" alt="2" src="/uploads-archive/2014/01/21.jpg" width="656" height="418" srcset="/uploads-archive/2014/01/21.jpg 656w, /uploads-archive/2014/01/21-300x191.jpg 300w, /uploads-archive/2014/01/21-228x145.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>流れはシンプルだが仕上がりをクリエイターと話し合って微調整できるとのこと。</p>
<p>今までのこういったオンリーワン系のクリエイターサイトと違う点は、</p>
<p>クリエイターをサイト側で選択しているところ。</p>
<p>誰でも参加できるわけではないので、クオリティを担保されているので</p>
<p>変なものが届くことは無いのだと思う。</p>
<p>とりあえず見にくるというユーザーではなく、こんなのがほしいというユーザー向きな感じだ。</p>
<p>クリエーターにある程度依存するので、影響力のあるクリエーターが集まれば良いかもしれない。</p>


世界に一つだけのオリジナルアイテムをオーダーできる「GEMIY」

<p>RAID（Redundant Arrays of Independent Disks）、いわゆる複数台のハードディスクを組み合わせて1つの仮想ハードディスクとして運用する冗長化技術です。</p>
<h2>RAID 0</h3>
<p>複数台のハードディスクにデータを分散して読み書きし高速化したものです。<br />
冗長化はしていません。<br />
最低必要なドライブ数は2台です。<br />
<a href="/uploads-archive/2014/01/Raid-0.jpg"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/Raid-0-300x278.jpg" alt="Raid-0" width="300" height="278" class="aligncenter size-medium wp-image-4062" srcset="/uploads-archive/2014/01/Raid-0-300x278.jpg 300w, /uploads-archive/2014/01/Raid-0-1024x950.jpg 1024w, /uploads-archive/2014/01/Raid-0-228x211.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>RAID 1</h3>
<p>複数台のハードディスクに、同時に同じ内容を書き込みます。<br />
最低必要なドライブ数は2台です。<br />
<a href="/uploads-archive/2014/01/Raid1.jpg"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/Raid1-300x278.jpg" alt="Raid1" width="300" height="278" class="aligncenter size-medium wp-image-4063" srcset="/uploads-archive/2014/01/Raid1-300x278.jpg 300w, /uploads-archive/2014/01/Raid1-1024x950.jpg 1024w, /uploads-archive/2014/01/Raid1-228x211.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>RAID 2~4</h3>
<p>現在あまり使われていないものです。</p>
<h3>RAID 2</h4>
<p><a href="http://e-words.jp/w/E3838FE3839FE383B3E382B0E7ACA6E58FB7.html" target="_blank">ハミング符号</a>によるビット単位で冗長化するものです。<br />
ドライブが専用なもの（ECC）を使います。</p>
<h3>RAID 3</h4>
<p><a href="http://e-words.jp/w/E38391E383AAE38386E382A3E38381E382A7E38383E382AF.html" target="_blank">パリティ</a>によるバイト単位で冗長化するものです。<br />
専用パリティドライブを使います。</p>
<h3>RAID 4</h4>
<p>ブロック単位で冗長化するものです。<br />
専用パリティドライブを使います。</p>
<h2>RAID 5</h3>
<p>水平パリティを使用して複数のハードディスクに誤り訂正符号データと共に分散させて記録ものです。<br />
最低必要なドライブ数は3台です。<br />
<a href="/uploads-archive/2014/01/raid5.gif"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/raid5-300x230.gif" alt="raid5" width="300" height="230" class="aligncenter size-medium wp-image-4064" srcset="/uploads-archive/2014/01/raid5-300x230.gif 300w, /uploads-archive/2014/01/raid5-228x175.gif 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>組み合わせ</h3>
<p>よく使うRAIDの組み合わせを紹介します。</p>
<h3>RAID 10</h4>
<p>RAID 1 + RAID 0の組み合わせです。<br />
最低必要なドライブ数は4台です。<br />
<a href="/uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00.gif"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00-300x190.gif" alt="raid_1+0_image" width="300" height="190" class="aligncenter size-medium wp-image-4065" srcset="/uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00-300x190.gif 300w, /uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00-228x144.gif 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h3>RAID 50</h4>
<p>RAID 5 + RAID 0の組み合わせです。<br />
最低必要なドライブ数は6台です。<br />
<a href="/uploads-archive/2014/01/raid50.png"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/raid50-300x193.png" alt="raid50" width="300" height="193" class="aligncenter size-medium wp-image-4066" srcset="/uploads-archive/2014/01/raid50-300x193.png 300w, /uploads-archive/2014/01/raid50-228x147.png 228w, /uploads-archive/2014/01/raid50.png 576w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>


【レイド】RAID入門

2014年要注目のJavaScriptフレームワーク「AngularJS」を使ってフォーム作ってみました

<p>Today, I would like to share with you about some useful facts in developing a project team that I noted when I read a PM book.</p>
<p><strong>Four Stages in Developing a Project Team</strong></p>
<p>The process of team development and team building seems very simple&#8211;bring appropriate</p>
<p>people from inside and/or outside the organization into the same team and get them to work</p>
<p>together in the most effective and efficient way possible. But it is not actually so easy to do.</p>
<p>It is widely recognized that a project team typically progresses through four stages of</p>
<p>development. These stages occur with any group of people who work together, and it</p>
<p>doesn&#8217;t matter whether the people know each other or not. It&#8217;s important for you as the</p>
<p>project manager to understand these stages so that you can help them progress to the most</p>
<p>effective stage of development. Below are the four stages of team development.</p>
<p><img decoding="async" src="/uploads-archive/2014/01/426274_2655982688844_1347309681_n.jpg" alt="pm" /></p>
<p><strong>Stage One: Forming</strong></p>
<p><strong> </strong></p>
<p>The forming stage occurs when all the team members have been brought together and</p>
<p>introduced. Here they&#8217;ll be told about the project objectives, the tasks they&#8217;ve been assigned,</p>
<p>and the expectations the project manager has regarding the project and the team. At this</p>
<p>point team members are still not certain and are having many questions in mind such as the</p>
<p>followings.</p>
<ul>
<li>Why have I been assigned to this project?</li>
<li>What is expected to me?</li>
<li>What roles do the other team members have on this project?</li>
<li>Will I be able to successfully complete the assignments given to me?</li>
<li>Will I get the resources I need to perform the job satisfactorily?</li>
<li>Can I work well with the project manager?</li>
</ul>
<p>During this stage of team development people will be somewhat passive and cautious.</p>
<p>They&#8217;ll usually be polite and have a formal business approach communication style. But</p>
<p>teams usually pass through this stage rapidly and proceed to the next stage.</p>
<p>&nbsp;</p>
<p><strong>Stage Two: Storming</strong></p>
<p><strong> </strong></p>
<p>The storming stage is where the team starts to realize what the work of the project is. The</p>
<p>team members become more comfortable around one another and start doing and saying</p>
<p>actively to challenge one another for position and status within the team. Then the conflicts</p>
<p>start to occur. Team members start asking the following types of questions.</p>
<ul>
<li>Why is my assignment like this?</li>
<li>Who is responsible for what?</li>
<li>How will the work get completed?</li>
<li>What process should we use to do the work?</li>
</ul>
<p>Conflicts are not bad in this case; they are actually necessary to get the team into the next</p>
<p>stage. Team members need to recognize where they stand, how much their responsibility is,</p>
<p>and how they will accomplish their tasks by working with the other personalities of the team,</p>
<p>and that usually involves some collision.</p>
<p>&nbsp;</p>
<p>Some teams have difficulty to go out of the storming stage. It&#8217;s difficult to manage a team in</p>
<p>this stage, and it could have a negative impact on the project if relations are particularly bad</p>
<p>among team members. Consider replacing team members who are not cooperating or are</p>
<p>the cause of unnecessary conflicts if the team doesn&#8217;t seem to be making any progress.</p>
<p>&nbsp;</p>
<p><strong>Stage Three: Norming</strong></p>
<p><strong> </strong></p>
<p>The norming stage is where the team starts to calm down, settle in, and do the work of the</p>
<p>project. Now they know what are expected to them, and they have accepted and understand</p>
<p>the goals of the project. The team members are comfortable with one another and with their</p>
<p>own positions within the team, and they will give positive influence with each other. Conflicts</p>
<p>decrease, and the team members confront the project concerns and problems instead of</p>
<p>one another. They make decisions jointly, getting input from all the team members.</p>
<p>&nbsp;</p>
<p>As a project manager, you should continue to hold team meetings, especially during this</p>
<p>stage, because team members can go back into the storming stage if there is no appropriate</p>
<p>guidance from the project manager. Monitor each team member&#8217;s participation, and</p>
<p>encourage the team to continue to remain focused on the project&#8217;s goals and let them inform</p>
<p>you of any problems as soon as they arise.</p>
<p>&nbsp;</p>
<p>Teams in the norming stage are efficient, functioning teams. If your team has progressed to</p>
<p>this stage, they will likely be productive and work effectively toward achieving the project</p>
<p>goals. But they still aren&#8217;t performing at their best, which happens in the next stage.</p>
<p>&nbsp;</p>
<p><strong>Stage Four: Performing</strong></p>
<p><strong> </strong></p>
<p>The performing stage is the most mature stage of all the development stages. The team</p>
<p>functions in the most productive and effective ways possible. They respect and support each</p>
<p>other, they monitor themselves, and they achieve great things in this stage. Teams that</p>
<p>operate in the performing stage are almost unstoppable. However, not all teams can</p>
<p>proceed to this stage.</p>
<p>&nbsp;</p>
<p>The most effective teams perform at this stage. You cannot force this stage on the team.</p>
<p>There are some things you can do as the project manager to help the team progress to this</p>
<p>stage, though, including communicating effectively, asking team members for input, and</p>
<p>using effective conflict-resolution techniques.</p>
<p>Enjoy!!!</p>
<p>From:S-PM-A4-1.04-Team Management, Credit to original Author.</p>


Four Stages in Developing a Project Team

<p>Paypalといったら、多かれ少なかれ耳をしたことがあるのではないでしょうか？</p>
<p>イーロン・マスクという起業家はそのPaypalの創業者なのですが、人生そのものがとんでもなくカッコイイので調べてみました。</p>
<p>一部では、スティーブジョブズ超えとさえ言われています。</p>
<p>&nbsp;</p>
<p>略歴から。知り合いの<a href="http://jibunlab.com/blog/2014/01/post-16.html" target="_blank">経営者</a>がまとめていたので拝借します！</p>
<blockquote><p>イーロン・マスクの何がすごいかって、まずこの略歴をみて欲しい。</p></blockquote>
<ul>
<li>
<blockquote><p>本の虫で、勉強ができたため、<strong>小学校を1年早く入学する。</strong></p></blockquote>
</li>
<li>
<blockquote><p>10歳の時に、パソコンを購入して、独学でプログラムを勉強しはじめ、<strong>12歳の時に、「Blaster」というソフトウェアを開発し、500ドルで販売していた。</strong></p></blockquote>
</li>
<li>
<blockquote><p>17歳の時に、南アフリカからカナダにひとりで渡り、クイーンズ大学に入る。このときは、安いオレンジを食べて空腹を満たしたり、極貧生活をしていたらしい。</p></blockquote>
</li>
<li>
<blockquote><p>アメリカのペンシルベニア大学に奨学金を得て編入する。</p></blockquote>
</li>
<li>
<blockquote><p><strong>24歳の時に、スタンフォード大学の大学院を２日でやめて、弟とともにオンラインコンテンツ出版ソフトを提供する「Zip2社」を創業する。</strong></p></blockquote>
</li>
<li>
<blockquote><p><strong>「Zip2社」をコンパック社に3億ドルで売却し、2200万ドル（約22億円）を手にして億万長者になる。</strong></p></blockquote>
</li>
<li>
<blockquote><p>28歳の時に、オンライン決済サービスを提供する「X.com社」を創業し、その1年度に同業の「Confinity社」と合併し、「Paypal社」を創業する。</p></blockquote>
</li>
<li>
<blockquote><p><strong>「Paypal社」を「eBay社」に15億ドルで売却して、1億7千万ドル（約170億円）を手にする。</strong></p></blockquote>
</li>
<li>
<blockquote><p>30歳の時に、宇宙ロケット企業「SpaceX社」を創業。</p></blockquote>
</li>
<li>
<blockquote><p>33歳の時に、電気自動車メーカー「Tesla Motors社」に出資し会長になる。37歳の時に、CEOに就任し、<strong>39歳の時に、米ナスダックに上場させる。</strong>この自動車メーカの上場はFord社からなんと54年ぶりという快挙。</p></blockquote>
</li>
<li>
<blockquote><p>35歳の時に、太陽光発電企業「Solar City社」を従兄弟と創業し、会長に就任。<strong>41歳の時に、米ナスダックに上場させる</strong>。</p></blockquote>
<p>&nbsp;</li>
</ul>
<p>Paypalを売却後も宇宙事業会社、電気自動車メーカーと会社を興し、上場まで果たしています。</p>
<p>まさに事業化なんだと思います。ハイテクの産業から2次産業まで業界の壁などないように会社を成功させていきます。</p>
<p>&nbsp;</p>
<p>私自身の思いになりますが、現在3次（4次?）産業と言われるIT業界に属しビジネスを行っていますが、ゆくゆくは2次産業、1次産業のビジネスをやりたい。それをITという手段を使ってサービスを提供していきたい。と考えております。</p>
<p>その中で、イーロン・マスク氏は正に理想的で憧れになりました。</p>
<p>弊社では通販サイトの構築システムを提供しておりますが、製品がなく受託開発をメインとしていた頃と比べてクライアント様が変化を感じております。</p>
<p>業界シェアを持ったメーカー様から唯一無二の独自技術を持ったメーカー様、そして、最近では、遂に1次産業の農業の方とビジネスをする機会に恵まれとてもわくわくする日々を送っています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


イーロン・マスクという起業家が超絶カッコイイので一言！

<p>連休中の日経一面にEC記事が2件出てたのでその紹介です。</p>
<p>&nbsp;</p>
<h2>大和ハウス、ネット通販向け物流施設に2000億円</h3>
<p>1月11日 朝刊掲載</p>
<p><a href="http://www.nikkei.com/article/DGXNASDD100Q4_Q4A110C1MM8000/" target="_blank">http://www.nikkei.com/article/DGXNASDD100Q4_Q4A110C1MM8000/</a></p>
<p>&nbsp;</p>
<p>大和ハウス工業が2015年までに2000億円でEC業者向けの倉庫開発に投資するとのこと。</p>
<p>他にも、三井不動産は2017年度までに2000億円を投資、野村不動産ホールディングスは年200億～300億円の投資を予定している。</p>
<p>外資系では米系のプロロジスが年間500億～600億円、シンガポール系のグローバル・ロジスティック・プロパティーズは全国規模での展開を予定。</p>
<p>野村総合研究所の調査によると、2013年度のBtoCのEC市場規模は前年同期比13％増の11兆5千億円となっており、</p>
<p>2017年度には17兆3千億円になると予想している。</p>
<p>首都圏の倉庫における空室率4%台となっており、共有が不足しがちであるとともに</p>
<p>一般の賃貸と比べて長期での契約が見込めるため、デベロッパーにとっては良い市場とのこと。</p>
<p>&nbsp;</p>
<p>現在は大手モール中心のサービス合戦が繰り広げられており</p>
<p>即日配送など小規模サイトには真似できないサービスもこのような開発が進めば、簡単に導入できるようになるかもしれない。</p>
<p>&nbsp;</p>
<h2>ヤマト、ネット通販を後払いに 返品も容易に</h3>
<p>1月12日 朝刊掲載</p>
<p><a href="http://www.nikkei.com/article/DGXNASDD1102K_R10C14A1MM8000/" target="_blank">http://www.nikkei.com/article/DGXNASDD1102K_R10C14A1MM8000/</a></p>
<p>&nbsp;</p>
<p>ヤマトが新しい決済手段を始めるというニュース。</p>
<p>仕組みは私の理解だと以下の通り。</p>
<p>顧客：注文</p>
<p>EC業者：受注 &amp; ヤマト新決済を使って発送(未入金)</p>
<p>ヤマト：発送 &amp; コンビニなどの払込用紙を顧客に渡す</p>
<p>顧客：支払う or 支払い前にヤマトを呼んで返品可能</p>
<p>ヤマト：返品でなければEC業者に代金を立て替え。未払いの場合は債権回収を代行</p>
<p>&nbsp;</p>
<p>手数料の額や誰が負担できるか、若しくはそれらを選択できるのかなどは全く書いてなかったが、</p>
<p>EC事業者、顧客のメリットデメリットは以下が想定できる。</p>
<p>&nbsp;</p>
<p>[EC事業者]</p>
<p>■メリット</p>
<p>・確実な代金回収</p>
<p>・入金待ちのステータスがなくなる</p>
<p>・顧客の安心感による販売促進</p>
<p>&nbsp;</p>
<p>■デメリット</p>
<p>・返品が容易</p>
<p>・手数料の負担</p>
<p>&nbsp;</p>
<p>[顧客]</p>
<p>■メリット</p>
<p>・返品が容易</p>
<p>・スピーディな配送</p>
<p>&nbsp;</p>
<p>■デメリット</p>
<p>・手数料の負担</p>
<p>&nbsp;</p>
<p>手数料の負担を除いては顧客にとって有益な仕組みとなりそうな感じ。</p>
<p>しかしEC事業者にとってはシステムの改修や倉庫会社との連携など初期導入の心配が残るのと</p>
<p>返品が増えそうで怖い。</p>
<p>おそらくはクレジットカード持ってないけどすぐ送ってほしい顧客などが</p>
<p>手数料を負担してもいいから選択する、といった使い方がされるのだろうか。</p>


連休中の日経一面にEC記事が2件

<p>といいましても、<br />
僕の予想ではなく、海外の記事を紹介し、<br />
その中で僕が思ったことを少し述べたいと思います。</p>
<h2>2013年のデザイントレンド</h3>
<p>まずは、2013年のデザイントレンドですが、<br />
以下のサイトになります。</p>
<p><a href="http://www.creativebloq.com/web-design/2013-trends-121310199" target="_blank">The 10 hottest web design trends of 2013 | Web design | Creative Bloq</a></p>
<p>簡単に羅列すると、<br />
以下のようになります。</p>
<p><strong>1.レスポンシブデザイン<br />
2.フラットデザイン<br />
3.固定ヘッダー<br />
4.パララックス<br />
5.無限スクロール<br />
6.Retina対応<br />
7.タイポグラフィーデザイン<br />
8.丸いデザイン要素<br />
9.css3アニメーション<br />
10.大きなボタン</strong></p>
<h2>2014年のデザイントレンド予想</h3>
<p>次は2014年のデザイントレンド予想は以下になります。</p>
<p><a href="http://www.hongkiat.com/blog/web-design-trends-2014/" target="_blank">Web Design: 20 Hottest Trends To Watch Out For In 2014</a></p>
<p>簡単に羅列すると、<br />
以下のようになります。</p>
<p><strong>1.グリッドスタイルレイアウト<br />
2.狡猾な画像ホバーキャプション機能<br />
3.フォームの拡張機能<br />
4.深く考えられたランディングページ<br />
5.HTML5ビデオプレーヤー<br />
6.3Dエフェクト<br />
7.フラットデザインのパーツ・素材<br />
8.個人のポートレート<br />
9.SVG画像・アイコン<br />
10.特異なwebフォント<br />
11.Lazy-Loadingアニメーション<br />
12.カズタマイズされたイメージギャラリー<br />
13.メガナビゲーションメニュー<br />
14.伸びる検索バー<br />
15.特長をアイコン付きで紹介<br />
16.モバイルファースト<br />
17.html5キャンバス<br />
18.webブラウザゲーム<br />
19.素早い会員登録<br />
20.css3アニメーションキーフレーム</strong></p>
<p>以上のような感じですが、</p>
<p>2013年,2014年のトレンドをみて、<br />
僕的には、<br />
<strong>フラットデザイン、<br />
レスポンシブデザイン、<br />
css3のアニメーション(ホバー等)<br />
ランディングページ(パララックス,フラット,アニメーション)</strong></p>
<p>といったものを注目しています。</p>
<p>フラットデザインはいうまでもなく、2013年流行ったデザインであり、<br />
段々と日本語サイトでもフラットデザインを取り入れたサイトも見かけるようになりました。<br />
また、フラットデザインはレスポンシブデザインやランディングページは相性がいいと思うので、<br />
今後しばらくこの流れは継続されていくのではないかと思います。</p>
<p>css3については、段々と利用できるブラウザがメインになりつつある中で、<br />
制作者側からすると、やっといろいろできるなといった感じかと思います。<br />
特にホバーでは、本当に様々なことができるので、<br />
どんなものが出来るかこれから楽しみですね！</p>
<p>個人的には、「錯視」に興味があるのですが、<br />
それがwebサイトで使われるのはまだまだなのかなという気がします。<br />
使い方も限定されちゃうような気もします。。。</p>
<p>おまけに、<br />
上記で注目されいるような素材を提供してくれるサイトを紹介します。</p>
<p><strong>15個のフラットUIの素材キット</strong><br />
<a href="http://graphicdesignjunction.com/2014/01/creative-flat-ui-kits/" target="_blank">Flat UI Kits for Designers | Design | Graphic Design Junction</a></p>
<p><strong>30個のフリーのwebサイトテンプレートPSD素材</strong><br />
<a href="http://www.splashnology.com/article/free-psd-website-templates/11229/" target="_blank">30 Fresh and Free PSD Website Templates | Splashnology.com</a></p>
<p><strong>40個の美しいランディングページ</strong><br />
<a href="http://www.designzzz.com/landing-page-templates/" target="_blank">40 Beautiful Landing Page Templates</a></p>
<p><strong>150以上のフリーのアニメーションもあるSVGアイコン(フラットデザイン)</strong><br />
<a href="http://www.pencilscoop.com/2013/12/150-free-animated-svg-icons/">150+ Free Animated SVG Icons | Pencil Scoop | Design &amp; Creative Blog</a></p>


2013年のデザイントレンドを振り返り、2014年を予想する

<p>今月初めて、セブン銀行から送金してみました。</p>
<p>ちょっと高いですが、速くて便利です。</p>
<p>送金後10分程度で、ミャンマー側で受け取る事ができます。</p>
<p>送金するにはセブン銀行の口座を作らなければなりません。</p>
<p>送金額は一ヶ月100万円以内となります。<br />
手数料は以下の通りです。</p>
<table>
<tr>
<td>送金資金</td>
<td>送金手数料</td>
</tr>
<tr>
<td>1円～10,000円</td>
<td>990円</td>
</tr>
<tr>
<td>10,001円～50,000円</td>
<td>1,500円</td>
</tr>
<tr>
<td>50,001円～100,000円</td>
<td>2,000円</td>
</tr>
<tr>
<td>100,001円～250,000円</td>
<td>3,000円</td>
</tr>
<tr>
<td>250,001円～500,000円</td>
<td>5,000円</td>
</tr>
<tr>
<td>500,001円～1,000,000円</td>
<td>6,500円</td>
</tr>
</table>
<p>送金したい時の外国為替レートの変化によって受け取る金額が変わります。</p>
<p>送金する前にコチラのサイトで受け取る金額を計算する事ができます。<br />
<a href="http://www.sevenbank.co.jp/soukin/jp/fx/" target="_blank">http://www.sevenbank.co.jp/soukin/jp/fx/</a></p>
<h2>送金の流れ</h3>
<p>①　口座を作って、アカウントを作成</p>
<p>②　アカウント設定する時に、お金受け取り方の名前を登録する</p>
<p>③　インターネットバンキング/モバイルバンキングまたはセブン銀行ATMで送金する</p>
<p>④　送金完了が終わったら、「10」桁の送金処理番号（MTCN）が発行されます。<br />
　 その番号を受け取る方に教える。</p>
<p>⑤　受け取る方はその「10」桁の番号と身分証明書でお金を受け取る事ができます。</p>
<p>ネットからでも送金できるのでとても便利です。<br />
<a href="https://ib.sevenbank.co.jp/IB/IB_U_CO_002/IB_U_CO_002_100.aspx?Direct=IB_U_OR_001_000" target="_blank">https://ib.sevenbank.co.jp/IB/IB_U_CO_002/IB_U_CO_002_100.aspx?Direct=IB_U_OR_001_000</a></p>
<h2>ミャンマー側で受け取り場所の連絡先</h3>
<p>+95 1377871<br />
+95 1251749<br />
+95 1398807</p>
<p>日本から土日も送金できますが、ミャンマーでは平日のみの受け取りになります。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/01/29

2014/01/29

2014/01/29

2014/01/29

2014/01/29

2014/01/23

2014/01/23

2014/01/23

2014/01/22

2014/01/22

2014/01/22

2014/01/21

2014/01/15

2014/01/15

2014/01/15

2014/01/15

2014/01/15

2014/01/14