<p><a href="/uploads-archive/2016/05/rds.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/rds-300x300.png" alt="rds" width="300" height="300" class="alignnone size-medium wp-image-10678" srcset="/uploads-archive/2016/05/rds-300x300.png 300w, /uploads-archive/2016/05/rds-150x150.png 150w, /uploads-archive/2016/05/rds-228x228.png 228w, /uploads-archive/2016/05/rds.png 301w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
下記事項をSymfony2を適切な箇所に設定します。</p>

		<div id="crayon-649540263db55271153274" 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;">
database_driver="mysql等ドライバーの指定"
database_host="エンドポイント"
database_port="ポート番号"
database_name="データベース名"
database_user=　"ユーザー"
database_password="パスワード"</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-649540263db55271153274-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db55271153274-2">2</div><div class="crayon-num" data-line="crayon-649540263db55271153274-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db55271153274-4">4</div><div class="crayon-num" data-line="crayon-649540263db55271153274-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db55271153274-6">6</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-649540263db55271153274-1"><span class="crayon-i">database_driver</span>=<span class="crayon-s">"mysql等ドライバーの指定"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db55271153274-2"><span class="crayon-i">database_host</span>=<span class="crayon-s">"エンドポイント"</span></div><div class="crayon-line" id="crayon-649540263db55271153274-3"><span class="crayon-i">database_port</span>=<span class="crayon-s">"ポート番号"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db55271153274-4"><span class="crayon-i">database_name</span>=<span class="crayon-s">"データベース名"</span></div><div class="crayon-line" id="crayon-649540263db55271153274-5"><span class="crayon-i">database_user</span>=　<span class="crayon-s">"ユーザー"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db55271153274-6"><span class="crayon-i">database_password</span>=<span class="crayon-s">"パスワード"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>今回はRDSインスタンスの作成は省略させていただきました。<br />
エンドポイントは、データベースの作成完了後、RDSのダッシュボードで確認ができます。<br />
name.abcdefghijklmn.ap-northeast-1.rds.amazonaws.com:3306<br />
のような形で表示されています。</p>
<p>例としては下のようになります。</p>

		<div id="crayon-649540263db5a653332014" 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;">
database_driver="pdo_mysql"
database_host="name.abcdefghijklmn.ap-northeast-1.rds.amazonaws.com"
database_port="３３０６"
database_name="aws_database_name"
database_user=　"user"
database_password="password"</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-649540263db5a653332014-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db5a653332014-2">2</div><div class="crayon-num" data-line="crayon-649540263db5a653332014-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db5a653332014-4">4</div><div class="crayon-num" data-line="crayon-649540263db5a653332014-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263db5a653332014-6">6</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-649540263db5a653332014-1"><span class="crayon-i">database_driver</span>=<span class="crayon-s">"pdo_mysql"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db5a653332014-2"><span class="crayon-i">database_host</span>=<span class="crayon-s">"name.abcdefghijklmn.ap-northeast-1.rds.amazonaws.com"</span></div><div class="crayon-line" id="crayon-649540263db5a653332014-3"><span class="crayon-i">database_port</span>=<span class="crayon-s">"３３０６"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db5a653332014-4"><span class="crayon-i">database_name</span>=<span class="crayon-s">"aws_database_name"</span></div><div class="crayon-line" id="crayon-649540263db5a653332014-5"><span class="crayon-i">database_user</span>=　<span class="crayon-s">"user"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263db5a653332014-6"><span class="crayon-i">database_password</span>=<span class="crayon-s">"password"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>注意点</h2>
<ul>
<li>他サーバー等から接続する場合は、セキュリティユーザーのインバウンドに接続元のIPアドレスを追加する必要があります。（xxx.xxx.xxx.xxx/32等）。
</li>
<li>MySQLのバージョンは5.5以上を選択した方が良さそう。<br />
<a href="/uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-300x94.png" alt="error_aws" width="300" height="94" class="alignnone size-medium wp-image-10695" srcset="/uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-300x94.png 300w, /uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-768x240.png 768w, /uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2-228x71.png 228w, /uploads-archive/2016/05/8b5acae9b169fc723508af45429b05c2.png 1022w" sizes="(max-width: 300px) 100vw, 300px" /></a>
</li>
</ul>

Symfony2からAmazon RDSへの接続

<p>2016/5/11に株式会社KABUKIがメディアECモール「kabukiペディア」を無料で提供開始することが発表されました。</p>
<h1>注目のメディアECモール</h1>
<h2>記事型コンテンツでECへ集客する</h2>
<p>イメージとしては、楽天市場やyahoo!ショッピングのようなEC事業者が各々記事を作成していくモール型のメディアで、事コンテンツをフックとして国内外からのユーザーを集客できる事が期待できます。</p>
<p>以前こちらの記事 <a href="/designer/%E3%81%84%E3%81%BE%E8%A9%B1%E9%A1%8C%E3%81%AE%E5%A5%B3%E3%81%AE%E5%AD%90%E3%81%AB%E4%BA%BA%E6%B0%97%E3%81%AA%E6%83%85%E5%A0%B1%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E5%8E%B3%E9%81%B8%E3%81%97%E3%81%A6/" target="_blank">いま話題の女の子に人気な情報アプリを厳選してみた</a>　で紹介しています「MERY（メリー）」では、月間PV3億、EC売上は月額数十億円にものぼります。</p>
<p>ECサイトの商品ページではなく記事として掲載することには、記事によって潜在的な需要を興味関心のあるコンテンツメディアによって喚起させ、そのあと同じページ内で商品紹介を行う事によって、ECでの購入につなげる働きがあるのです。</p>
<p>こういった動きは日本国内にとどまらず、中国ではモバイル特化型の越境ECアプリ、アメリカでは「Thrilist」というアプリが同様に展開しているそうです。</p>
<p>（興味があったのですが残念ながらAndroidではアプリは見つかりませんでした。iphoneはありましたが･･･）</p>
<h2>kabukiペディアではどのような事ができるのか</h2>
<p>・記事コンテンツから商品ページが一括登録で記事型のコンテンツを作成できる、商品へのリンクは自社サイトもしくは大手ECモールの商品APIを活用OK<br />
・流入から購入までの効果測定も可能、自社サイトで購入したのか、もしくはモールを利用して購入したのかも把握できる<br />
・<strong>インバウンドも今後はターゲットとするため、多言語システムも備わっている。</strong>直訳はされず、翻訳のサポートも充実しているとの事</p>
<p>kabukiペディアは、今後中国圏の獲得を目指しているそうで、越境ECへの対応後には、中国の旅行会社と提携し記事を提供。反応が良ければ、連携しているSNSWechatで拡散、また中国でSIMカード付きの情報誌を発刊し、「kabukiメディア」に掲載されている商品を掲載する予定だそうです。</p>
<p>さらに買い物意欲を掻き立てる仕組みとして、「VRショッピング＆観光」サービスを2017年春のリリースに向けて米国の開発チームと連携し、サービス構築をスタートしているそうです。</p>
<p>参考記事　「<a href="https://ecnomikata.com/ecnews/strategy/8954/" target="_blank">新時代到来。メディアECモール「kabuki ペディア」誕生　- ECのミカタ &#8211;</a>」</p>
<h2>感想</h2>
<p>この記事を見てから、そういえば記事型のECサイトって多いかもしれないと感じています。それが、メディアECモールという総称というのも初めて知りましたが、普段私が見ているアプリやサイトがソレだとしたら、買い物意欲を自然と掻き立てられているもんなんだな･･･と思いました。<br />
また、弊社も中国に強いECとして<a href="http://http://launchcart.jp/">Launchcart</a>がありますので、kabukiペディアがどの程度、多言語システムが充実しているのかが気になりました。</p>
<p>kabukiペディアさんが行おうとしている「VRショッピング＆観光」は、弊社でも何度か話題になっていますが、こんなに早く実現するとは思ってもみませんでした。自社でも挑戦出来たらいいな～</p>


新時代到来？無料のメディアECモールが越境ECにも対応

<p>ネットショップ・通販の事業を行っている方の多くは、仕入れの際に出る大量の段ボールや梱包材の廃棄で困っているのではないでしょうか。</p>
<p>今は事業者なら段ボールも捨てるのにお金がかかってしまう時代です。（地域によるかもしれませんが）毎回、大量にあるので廃棄するためにコンビニで廃棄用のシールを購入するのもめんどくさいですし、金額も安いわけではありません。</p>
<p>しかし、世の中には無料で古紙・段ボールを回収してくれるという、なんともありがたい業者様が存在しております。まとめましたので、必要な方はぜひご利用下さい。</p>
<h2>業者の回収ルートを確認する</h2>
<p>回収してくれる業者さんは、それぞれ回収時に通るルートが決まっているらしく、ルートから外れていると有料になってしまう場合があります。回収先の住所をまず伝えて確認してもらってください。</p>
<h2>量が少ないと来てくれない</h2>
<p>量が少なすぎると業者さんにとっては、回収に向かっても割に合わなくなってしまうので断られる可能性があります。そういう場合は2週間分などある程度溜まったタイミングでお願いすれば大丈夫だと思います。</p>
<h2>段ボールを無料で回収してくれる業者まとめ</h2>
<h3>明正商会</h3>
<p><a href="http://www.meiseisyoukai.com/">http://www.meiseisyoukai.com/</a></p>
<p>０４８－２６５－８２１７</p>
<p>地域：東京２３区・埼玉</p>
<p>内容：古紙・段ボール無料回収</p>
<p>かなりフットワークが良い業者さんですぐに対応してくれます。私もこちらにお願いをしています。回収は深夜～早朝に行うそうです。</p>
<p>&nbsp;</p>
<h3>練馬リサイクルサポート</h3>
<p><a href="http://www.nerima-recycle.com/">http://www.nerima-recycle.com/</a></p>
<p>地域：東京・埼玉</p>
<p>内容：古紙・段ボール　50キロ以下は有料になるようです。</p>
<h3>東京紙業株式会社</h3>
<p><a href="http://www.tokyo-s.com/recycling/">http://www.tokyo-s.com/recycling/</a></p>
<p>地域：東京埼玉</p>
<p>内容：古紙・段ボール　200キロ以下は有料。ルートに入っていれば無料になるかもしれません。</p>
<h3>株式会社ＤＳＰ</h3>
<p><a href="http://www.dspeco.co.jp/paper/">http://www.dspeco.co.jp/paper/</a></p>
<p>詳しい事は見積もり次第ですが、古紙・段ボールを買い取ってくれるそうです。</p>
<h3>文本商店</h3>
<p><a href="http://www.fumimoto.net/">http://www.fumimoto.net/</a></p>
<p>地域：大坂</p>
<p>内容：古紙・段ボール　アルミなども回収可能だそうです。</p>
<h3>株式会社トヨダ</h3>
<p><a href="http://www.toyoda.co.jp/customer/">http://www.toyoda.co.jp/customer/</a></p>
<p>地域：京都</p>
<p>内容：古紙・段ボール　100キロ以下は有料</p>


small_ebbb7795e9197aaa8e123fb36c218a3b_s.jpg

thumbnail_ebbb7795e9197aaa8e123fb36c218a3b_s.jpg

ebbb7795e9197aaa8e123fb36c218a3b_s.jpg

経費削減！無料で古紙・段ボールを持って行ってくれる業者まとめ

<p>あくなきガントチャートへの愛。そして、生産性向上への追求。</p>
<p>過去に何度も生産性向上のためのツールを紹介してきましたが、その中でも未だにしっくり来ていなかったのが、スケジュール管理ツールです。</p>
<p>社内のタスク管理はbacklogに集約しているので、その中でスケジュール管理に不都合はないのですがbacklogやredmineなどのツールを使っていないお客様との共有をする時、複数社が集まるチームでのプロジェクトの時、backlogやredmineでも個別にアカウントが必要で初めてのツールを使って頂くとなるとよほど長く続くプロジェクトでもない限り導入ハードルがどうしても高いんですよね。</p>
<p>一番ハードルが低く皆さんに見て頂けるのがエクセルですが、雛形はあれど作成に一番時間が掛かり、軌道修正の必要が生じた時やバージョン管理をしていくのが非常に工数が掛かります。</p>
<p>そんな中でもっと手軽に共有するためのスケジュール管理ツールでしっくり来たものが正直なかったのですが今回、Googleカレンダーと連携する「<a href="https://www.ganttplanner.com/" target="_blank">GANTTplanner</a>」というサービスがあったのでご紹介します。</p>
<h2>料金プラン</h2>
<p><a href="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart0.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10660" src="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart0-300x161.png" alt="GANTTplanner Turn your Google Calendar into a Gantt chart0" width="300" height="161" srcset="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart0-300x161.png 300w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart0-768x411.png 768w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart0-1024x548.png 1024w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart0-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>月＄19からとなっており、初回は30日の無料期間がついています。</p>
<h2>使い方</h2>
<h3>アカウント登録</h3>
<p><a href="/uploads-archive/2016/05/fa6c054ac417ee8ab0d97c6fe2ac0cf2.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10661" src="/uploads-archive/2016/05/fa6c054ac417ee8ab0d97c6fe2ac0cf2-291x300.png" alt="許可のリクエスト" width="291" height="300" srcset="/uploads-archive/2016/05/fa6c054ac417ee8ab0d97c6fe2ac0cf2-291x300.png 291w, /uploads-archive/2016/05/fa6c054ac417ee8ab0d97c6fe2ac0cf2-768x793.png 768w, /uploads-archive/2016/05/fa6c054ac417ee8ab0d97c6fe2ac0cf2-228x235.png 228w, /uploads-archive/2016/05/fa6c054ac417ee8ab0d97c6fe2ac0cf2.png 936w" sizes="(max-width: 291px) 100vw, 291px" /></a></p>
<p>登録はおなじみのGoogle認証なので、フォームの入力などは一切ありませんでした。</p>
<p><a href="/uploads-archive/2016/05/GANTTplanner__Turn_your_Google_Calendar_into_a_Gantt_chart.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10662" src="/uploads-archive/2016/05/GANTTplanner__Turn_your_Google_Calendar_into_a_Gantt_chart-300x159.png" alt="GANTTplanner__Turn_your_Google_Calendar_into_a_Gantt_chart" width="300" height="159" srcset="/uploads-archive/2016/05/GANTTplanner__Turn_your_Google_Calendar_into_a_Gantt_chart-300x159.png 300w, /uploads-archive/2016/05/GANTTplanner__Turn_your_Google_Calendar_into_a_Gantt_chart-768x406.png 768w, /uploads-archive/2016/05/GANTTplanner__Turn_your_Google_Calendar_into_a_Gantt_chart-1024x542.png 1024w, /uploads-archive/2016/05/GANTTplanner__Turn_your_Google_Calendar_into_a_Gantt_chart-228x121.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h3>ガントチャートの登録</h3>
<p><a href="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart00.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10663" src="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart00-300x161.png" alt="GANTTplanner Turn your Google Calendar into a Gantt chart00" width="300" height="161" srcset="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart00-300x161.png 300w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart00-768x411.png 768w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart00-1024x548.png 1024w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart00-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ガントチャート用のカレンダーを新規作成します。</p>
<p>今回は「test」という名前で作成しました。</p>
<p>最初、自分の日々の予定を入れているメインのカレンダーを選択してしまったら打ち合わせの予定などが全て読み込まれカオス状態になりました。</p>
<p><a href="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10665" src="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart-300x161.png" alt="GANTTplanner Turn your Google Calendar into a Gantt chart" width="300" height="161" srcset="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart-300x161.png 300w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart-768x411.png 768w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart-1024x548.png 1024w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>あとはガシガシとタスクの大項目を作り、</p>
<p><a href="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart2.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10666" src="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart2-300x161.png" alt="GANTTplanner Turn your Google Calendar into a Gantt chart2" width="300" height="161" srcset="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart2-300x161.png 300w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart2-768x411.png 768w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart2-1024x548.png 1024w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart2-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>横にドラッグして個別タスクを登録していきます。</p>
<p>サービスの画面は英語ですが、日本語も登録いけます。</p>
<p>まさに、横スクロールに最適化したGoogleカレンダーといったところです。</p>
<h3>日、週、月、四半期さまざまな表示形式に対応</h3>
<p><a href="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart6.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10667" src="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart6-300x161.png" alt="GANTTplanner Turn your Google Calendar into a Gantt chart6" width="300" height="161" srcset="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart6-300x161.png 300w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart6-768x411.png 768w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart6-1024x548.png 1024w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart6-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>大きなプロジェクトから小さなプロジェクトまでさまざま対応出来ますし、俯瞰して見るときにも便利ですね。</p>
<h3>ガントチャートのエクスポート</h3>
<p><a href="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart4.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10657" src="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart4-300x161.png" alt="GANTTplanner Turn your Google Calendar into a Gantt chart4" width="300" height="161" srcset="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart4-300x161.png 300w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart4-768x411.png 768w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart4-1024x548.png 1024w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart4-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>画像かPDFでダウンロード出来ます。</p>
<p><a href="/uploads-archive/2016/05/test_export.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10658" src="/uploads-archive/2016/05/test_export-300x80.jpg" alt="test_export" width="300" height="80" srcset="/uploads-archive/2016/05/test_export-300x80.jpg 300w, /uploads-archive/2016/05/test_export-768x206.jpg 768w, /uploads-archive/2016/05/test_export-1024x274.jpg 1024w, /uploads-archive/2016/05/test_export-228x61.jpg 228w, /uploads-archive/2016/05/test_export.jpg 1360w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらは実際にダウンロードした画像です。</p>
<h3>ガントチャートの共有</h3>
<p>ガントチャートの共有の仕方はGoogleカレンダーに準拠します。</p>
<p><a href="http://help.ganttplanner.com/knowledgebase/articles/447142-how-do-i-share-a-gantt" target="_blank">http://help.ganttplanner.com/knowledgebase/articles/447142-how-do-i-share-a-gantt</a></p>
<p><a href="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart5.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10656" src="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart5-300x160.png" alt="GANTTplanner Turn your Google Calendar into a Gantt chart5" width="300" height="160" srcset="/uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart5-300x160.png 300w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart5-768x409.png 768w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart5-1024x546.png 1024w, /uploads-archive/2016/05/GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart5-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>共有されていないアカウントでアクセスするとこのようにアラートが出て表示されません。</p>
<h3>Googleカレンダーからの見え方</h3>
<p><a href="/uploads-archive/2016/05/625a077e6f47afd099ac2404e2ad379b.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10653" src="/uploads-archive/2016/05/625a077e6f47afd099ac2404e2ad379b-300x161.png" alt="スターフィールド株式会社   カレンダー   2016年 5月 15日 の週" width="300" height="161" srcset="/uploads-archive/2016/05/625a077e6f47afd099ac2404e2ad379b-300x161.png 300w, /uploads-archive/2016/05/625a077e6f47afd099ac2404e2ad379b-768x411.png 768w, /uploads-archive/2016/05/625a077e6f47afd099ac2404e2ad379b-1024x548.png 1024w, /uploads-archive/2016/05/625a077e6f47afd099ac2404e2ad379b-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>testというカレンダーだけを表示しています。</p>
<p>初めて知ったのですが、一つのカレンダーの中でも予定別に色を変更出来るのですね。</p>
<h2>まとめ</h2>
<p>お手軽さでは一番よいツールかもしれません。</p>
<p>必要十分な機能を備えつつ、Googleカレンダーで出来ることをガントチャートツールとして見せてくれています。</p>
<p>共有は申し分ないのですが、エクスポートがもし、スプレッドシートかエクセル形式で出力出来たら最強です。</p>


large_GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart3-1024x548.png

medium_GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart3-1024x548.png

small_GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart3-1024x548.png

thumbnail_GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart3-1024x548.png

GANTTplanner-Turn-your-Google-Calendar-into-a-Gantt-chart3-1024x548.png

Googleカレンダーからガントチャート「GANTTplanner」

<p>中国の越境EC税制変更から1ヶ月が過ぎた。日々最新の情報を得られるように努めている中、興味深い記事があった。</p>
<p><a href="http://www.clips-web.co.jp/chinablog/2016/05/11/post-999/?utm_source=facebook.com_160511&amp;utm_medium=social" target="_blank">http://www.clips-web.co.jp/chinablog/2016/05/11/post-999/?utm_source=facebook.com_160511&amp;utm_medium=social</a></p>
<p>&nbsp;</p>
<h2>新税制を1年延長する?</h2>
<p>政府の意向を各港が個別に解釈して運用がぐちゃぐちゃになってしまったということのようだ。<br />
その結果、5月5日に「越境ECに関する全体調整会議」が行われ、以下のことが決まったそう。</p>
<p>・税率調整は保留</p>
<p>・その他手続き等は従来の方法に従って行う</p>
<p>・新たに合理的な監督管理制度がつくり上げられるまで、移行期間を1年延長する</p>
<p>&nbsp;</p>
<p>記事では近く公布されるとしている。</p>
<p>個人的には突然規制が厳しくなるなどが心配だ</p>
<p>&nbsp;</p>
<h2>実際に起こっている問題</h2>
<p>自分も何度か聞いたのが、新税制により「通関証明書」が無ければ保税倉庫にものを運べないというトラブル。</p>
<p>これは、保税区にものを入庫させる場合、一般貿易または個人輸入の物品とみなして検査監督をするという新方針によるものだ。</p>
<p>通関証明書はメーカーから取り寄せなければならない場合もあり、複数メーカーの商材を仕入れて販売している小売業社などはこの対応に追われているようだ。</p>
<p>記事によると、これらの問題により寧波、杭州、深セン、鄭州の保税区経由越境EC注文数が約60%以上減っているという。</p>
<p>&nbsp;</p>
<h2>今後どうなっていくか</h2>
<p>保税区を利用していた会社の場合は、遅配や入庫できないといった事態を避けるため中国外からの直接配送に移るのではないかと思う。</p>
<p>中小規模であれば日本からの配送に戻したり、大規模であれば香港経由などになるかもしれない。<br />
いずれの方法だとしても、現状は実用的な配送手段で確実に届くものが無い状態になってしまっている。</p>
<p>個人的には当分EMSが増加するのではと思うし、一番現実的なのではないかと思う</p>


【中国越境EC】新税制から1ヶ月

スマホ時のyahooやgoogleにあるメニューを実装してみる

<p>クーポンコードの読み込みなど、<br />
WEBページの中からQRコードの読み取りを行いたい機会があるかもしれません。</p>
<p><a class="link" href="http://d.hatena.ne.jp/nakamura001/20141204/1417701203" target="_blank">Web上で QR コードを読むページ(QRコードリーダー)を作成しました &#8211; 強火で進め</a></p>
<p>↑こちらのサイトで、その方法についてご紹介いただいてましたので、<br />
紹介いたします。</p>
<p>&nbsp;</p>
<p>↓試しに作ってみたDEMO</p>
<p><a class="demo" href="/demo/ninomiya/103/">DEMO</a></p>
<p>JSのコードは、ほとんど紹介されていたサイトからお借りしています。</p>
<h2>仕組み</h2>
<p>大きく、以下の様な手順でQRコードの読み取りが進められています。</p>
<ol>
<li><a href="https://github.com/LazarSoft/jsqrcode">QRコード読み取りのJSライブラリ</a>と、<a href="http://d.hatena.ne.jp/shinichitomita/20120927/1348726674">iOSでのバグ回避のJS</a>を読み込み</li>
<li>ファイルフォームから画像の読み込み</li>
<li>フォームに読み込んだ画像をCanvasに表示して２値化(白黒に)</li>
<li>QRコード読み取りライブラリのAPIを利用してコードを解析し、結果を表示する</li>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>大まかには、ファイルAPIとCanvasの連携で画像を読み込み・処理し、<br />
ライブラリで解析することで、コード内容の取得を実現しています。</p>
<p>具体的なコードの解説は、元のサイトの仕組みをそのまま利用させていただいているので、<br />
こちらでは省略させていただきます。</p>
<p>カメラからの読み取りの場合、<br />
QRコード以外の像が写り込んでいると、うまく解析できないようです。</p>
<p>どちらかと言えば、印刷物のQRコードの読み取り向けかもしれません。</p>


medium_nino-eye.png

small_nino-eye.png

thumbnail_nino-eye.png

nino-eye.png

WEBページからQRコードを読み取る方法のご紹介

<p>sitemap.xmlといえば、Search　Engineにウェブサイトをどのようにクロール（巡回）してほしいか、また、効率良くかつすべてのページクロールさせる際の手助けとなるものですが、<br />
今回は、sitemap.xmlが更新されたときに、Search Engineにphpでpingを送信し、sitemapが更新されたことを通知する方法を記事にしてみました。</p>
<p>基本的な構造は以下のようになります。</p>

		<div id="crayon-649540263d75e751439631" 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">curl</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;">
$curl = curl_init();
curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 2);
curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_HEADER, TRUE);
curl_setopt($curl, CURLOPT_URL, $url);
curl_getinfo($ch, CURLINFO_HTTP_CODE);
$res = curl_exec($curl); 
$httpCode = curl_getinfo($curl, CURLINFO_HTTP_CODE); // 成功したかどうかは一応ここで判断できる 
curl_close($curl);</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-649540263d75e751439631-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-2">2</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-4">4</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-6">6</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-8">8</div><div class="crayon-num" data-line="crayon-649540263d75e751439631-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d75e751439631-10">10</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-649540263d75e751439631-1"><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_init</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-2"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_CONNECTTIMEOUT</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-3"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_FOLLOWLOCATION</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-4"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_RETURNTRANSFER</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-5"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_HEADER</span><span class="crayon-sy">,</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 crayon-striped-line" id="crayon-649540263d75e751439631-6"><span class="crayon-e">curl_setopt</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLOPT_URL</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d75e751439631-7"><span class="crayon-e">curl_getinfo</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">ch</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLINFO_HTTP_CODE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-8"><span class="crayon-sy">$</span><span class="crayon-i">res</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_exec</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-649540263d75e751439631-9"><span class="crayon-sy">$</span><span class="crayon-i">httpCode</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">curl_getinfo</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">CURLINFO_HTTP_CODE</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// 成功したかどうかは一応ここで判断できる </span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d75e751439631-10"><span class="crayon-e">curl_close</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">curl</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>どこの検索サイトに通知するかによって、$urlの部分を変更します。<br />
一般的には、googleとbing(yahoo)に対して、pingを送信することが多いようです。</p>
<p></p>

		<div id="crayon-649540263d762710187754" 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">url</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;">
// google
$url = "http://www.google.com/webmasters/sitemaps/ping?sitemap=".$sitemapUrl;
// yahoo 
$url = "http://www.bing.com/webmaster/ping.aspx?siteMap=".$sitemapUrl;</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-649540263d762710187754-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d762710187754-2">2</div><div class="crayon-num" data-line="crayon-649540263d762710187754-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263d762710187754-4">4</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-649540263d762710187754-1"><span class="crayon-c">// google</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d762710187754-2"><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://www.google.com/webmasters/sitemaps/ping?sitemap="</span><span class="crayon-sy">.</span><span class="crayon-sy">$</span><span class="crayon-i">sitemapUrl</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263d762710187754-3"><span class="crayon-c">// yahoo </span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263d762710187754-4"><span class="crayon-sy">$</span><span class="crayon-i">url</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"http://www.bing.com/webmaster/ping.aspx?siteMap="</span><span class="crayon-sy">.</span><span class="crayon-sy">$</span><span class="crayon-i">sitemapUrl</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>上記の$sitemapUrlの部分に通知したいsitemap.xmlを入力し、上記curl部分を実行すれば、Search Engineに通知が行きます。</p>
<h2>参考</h2>
<p><a class="link" href="http://www.sitemaps.org/ja/index.html" taget="_blank">sitemaps.org</a></p>

curlコマンドを利用しSearch Engineにpingを送信する

<p>前回、vuforiaからunityにインポートするためのデータベースをダウンロードするところまでを書いたので、その続きです。</p>
<h2>vuforiaからSDKをダウンロードする</h2>
<p><a href="/uploads-archive/2016/05/2.jpg" rel="attachment wp-att-10618"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10618" src="/uploads-archive/2016/05/2.jpg" alt="2" width="640" height="484" srcset="/uploads-archive/2016/05/2.jpg 640w, /uploads-archive/2016/05/2-300x227.jpg 300w, /uploads-archive/2016/05/2-228x172.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>unityでARを構築するためのSDKをダウンロードします。vuforiaのデベロッパー向けページの「ダウンロード」からDownload for Unityを選んでください。</p>
<p>さらにVuforiaのライセンスキーをDevelopのLicense Managerから獲得しておいてください。</p>
<h2>unityにインポートする</h2>
<p><a href="/uploads-archive/2016/05/1.png" rel="attachment wp-att-10617"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10617" src="/uploads-archive/2016/05/1.png" alt="1" width="640" height="553" srcset="/uploads-archive/2016/05/1.png 640w, /uploads-archive/2016/05/1-300x259.png 300w, /uploads-archive/2016/05/1-228x197.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>VuforiaからダウンロードしてきたものをUnityにインポートします。AssetsのImport Package→Custom PackageからデータベースとSDKを選択して下さい。</p>
<p>インポートしたものはAssetsフォルダ内に入ってくれます。</p>
<p><a href="/uploads-archive/2016/05/3.jpg" rel="attachment wp-att-10622"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10622" src="/uploads-archive/2016/05/3.jpg" alt="3" width="640" height="257" srcset="/uploads-archive/2016/05/3.jpg 640w, /uploads-archive/2016/05/3-300x120.jpg 300w, /uploads-archive/2016/05/3-228x92.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>vuforia/prefabsの中にあるARcameraとImageTargetをシーン内にドラッグして追加します。</p>
<p><a href="/uploads-archive/2016/05/4.jpg" rel="attachment wp-att-10623"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10623" src="/uploads-archive/2016/05/4.jpg" alt="4" width="640" height="203" srcset="/uploads-archive/2016/05/4.jpg 640w, /uploads-archive/2016/05/4-300x95.jpg 300w, /uploads-archive/2016/05/4-228x72.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h2>ARcameraの設定</h2>
<p>それぞれシーン内のゲームオブジェクトの設定を行います。まずはARcameraのVuforia Behaviorにライセンスキーをコピペします。</p>
<p>続いてDatebase load Behaviorのload ar_test Databe と Activateにチェックを入れます。</p>
<h2>Image Targetの設定</h2>
<p>Image Target BehaviorのDatabaseとImage Targetのプルダウンがemptyになっているので、Vuforiaで作成したデータベースと画像のファイル名を選択します。WidthとHeightも設定しておきます。</p>
<h2>3Dオブジェクトをインポートする</h2>
<p>先ほどのようにメニューのAssetsからインポートして良いですし、Unityのプロジェクトが保存してあるフォルダ内のAssetsに直接入れても構いません。</p>
<p><a href="/uploads-archive/2016/05/5.jpg" rel="attachment wp-att-10628"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10628" src="/uploads-archive/2016/05/5.jpg" alt="5" width="640" height="368" srcset="/uploads-archive/2016/05/5.jpg 640w, /uploads-archive/2016/05/5-300x173.jpg 300w, /uploads-archive/2016/05/5-228x131.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>インポートした3DオブジェクトはImage Targetの子供にしておいてください。</p>
<h2>Android studioと追加でSDKをインストールする</h2>
<p>後はビルドするだけですが、プラットフォームによってはビルドするためにSDKが必要になります。</p>
<p>今回はAndroid向けのアプリ（apkファイル)として出力するので、それに必要なSDKをPCにインストールします。既に入っていればもちろん必要ありません。</p>
<p>Android SDK 単体でも良いのですが、Android studioの方が色々とできるようなので、ちょっと重いですが今回はstudioをインストールしました。</p>
<p>こちらからダウンロードできます。<a href="http://developer.android.com/intl/ja/sdk/index.html">http://developer.android.com/intl/ja/sdk/index.html</a></p>
<p>今回テストするスマホのAndroidが5.1だったので、Android studioのSDK managerから5.1向けのSDKもインストールしました。</p>
<h2>いよいよビルド</h2>
<p><a href="/uploads-archive/2016/05/6.jpg" rel="attachment wp-att-10631"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10631" src="/uploads-archive/2016/05/6.jpg" alt="6" width="640" height="612" srcset="/uploads-archive/2016/05/6.jpg 640w, /uploads-archive/2016/05/6-300x287.jpg 300w, /uploads-archive/2016/05/6-228x218.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>fileのBuild SettingからAndroidを選んでBuildして下さい。アラートが出たらPlayer Settingsが不十分な場合があります。</p>
<h2>できた！</h2>
<p>書き出されたapkファイルをスマホで開くとこんな感じになります。</p>
<p><a href="/uploads-archive/2016/05/7.jpg" rel="attachment wp-att-10635"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10635" src="/uploads-archive/2016/05/7.jpg" alt="7" width="640" height="360" srcset="/uploads-archive/2016/05/7.jpg 640w, /uploads-archive/2016/05/7-300x169.jpg 300w, /uploads-archive/2016/05/7-228x128.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>次はアニメーションを付けてみたいと思います。</p>


vuforiaとunityを使ってARを作ってみる　その２

<p>先日、Neuroonというプロダクトが届き、その<a href="/officer/neuroon%E9%96%8B%E5%B0%81%E3%81%AE%E5%84%80/">開封レビュー</a>をしましたが、その後、実際に使用しましたので、使用レビューをお届けしたいと思います。</p>
<h2>基本スマートフォンアプリで操作</h2>
<p><a href="/uploads-archive/2016/04/IMG_20160418_222358_HDR.jpg" rel="attachment wp-att-10437"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10437" src="/uploads-archive/2016/04/IMG_20160418_222358_HDR-300x225.jpg" alt="IMG_20160418_222358_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_222358_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_222358_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_222358_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_222358_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Neuroonのアイマスク自体には電源ボタン一つしかありませんので、操作は全てBluetoothでペアリングして接続するスマートフォンアプリで行います。</p>
<h2>アプリの使い勝手</h2>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon.png" rel="attachment wp-att-10616"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10616" src="/uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon-233x300.png" alt="Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon" width="233" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon-233x300.png 233w, /uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon-228x293.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-16-18-19_com_inteliclinic_neuroon.png 598w" sizes="(max-width: 233px) 100vw, 233px" /></a></p>
<p>グローバルで展開しているプロダクトなので、基本言語に頼らない設計をしているのだと思われますが、パッと見で何を示しているのかまだ分からないので、トップ画面に注釈を加えています。</p>
<p>本当はもっと寝ているはずなのですが、それは後述する内容で。。。</p>
<p>画面左上で押してアラームの時間を設定して、右上の「睡眠を始める」でセットをします。</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon.png" rel="attachment wp-att-10632"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10632" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-04_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>トップ画面から右にフリックすると進捗状況（誤訳に近いと思いますが、統計情報のほうが適切だと思います。）</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon.png" rel="attachment wp-att-10633"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10633" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-55-12_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>左にフリックすると活動履歴が確認出来ます。</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon.png" rel="attachment wp-att-10629"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10629" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-08_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>左のタブは時差ボケを解消するための設定のようでしてこちらは使っていません。</p>
<p><a href="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon.png" rel="attachment wp-att-10630"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10630" src="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/05/Screenshot_2016-05-11-17-40-04_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>右のタブは短時間の仮眠用に設計されています。</p>
<p>LightBoostを試してみるとボヤーッと光が強弱していました。</p>
<p>視覚からゆったりとさせる効果を促し、20分で睡眠に落ちるまでは至りませんでしたがこれがneuroonの真価かと思いました。</p>
<p>アプリは大きくはこの3つのメニューでシンプルに構成されています。</p>
<h2>しかし、個人的に大問題が…</h2>
<p><a href="/uploads-archive/2016/05/g.jpg" rel="attachment wp-att-10594"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10594" src="/uploads-archive/2016/05/g-300x200.jpg" alt="g" width="300" height="200" srcset="/uploads-archive/2016/05/g-300x200.jpg 300w, /uploads-archive/2016/05/g-768x512.jpg 768w, /uploads-archive/2016/05/g-228x152.jpg 228w, /uploads-archive/2016/05/g.jpg 900w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>フリー素材から拝借したものですが、実際に睡眠時に利用し目が覚めると上図のゴーグルのような状態でneuroonが額にあるんですよね。</p>
<p>それでneuroon自身のバイブレーションのみで起きている状態でneuroonが出す光の調整の恩恵など全く受けれていないし、睡眠のデータも正確なものが全く取れていないのだろう。。。</p>
<p>頑張って治せるものならどう解決するのか考えるのですが、睡眠時の無意識の動きなので、これどうしようもないですよね。</p>
<p>そして、子供も生まれて、当分熟睡どころの状況でもないので売ってしまおうかな。</p>
<p><a href="/uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab.png" rel="attachment wp-att-10595"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10595" src="/uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-300x260.png" alt="neuroonで検索した商品一覧_-メルカリ_スマホでかんたん_フリマアプリ" width="300" height="260" srcset="/uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-300x260.png 300w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-768x665.png 768w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-1024x887.png 1024w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab-228x197.png 228w, /uploads-archive/2016/05/635ead5b0af6caf7b76457357789d5ab.png 1031w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>メルカリならまだまだ定価近くで取引されてますね。。。。</p>
<p>&nbsp;</p>
<p>という結論になってしまいました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


neuroon使用レビュー

<p>UGX（ゆうグローバルエクスプレス）という日本郵便が提供する海外配送サービスがあり、普及に力を入れ始めているらしい。</p>
<p>&#8211; 関税元払い、着払いができる</p>
<p>&#8211; 受取日時指定ができる</p>
<p>&#8211; ドアトゥドアで配送してくれる</p>
<p>というのが個人的には最大の特徴と思う。</p>
<p>&nbsp;</p>
<p>EMSと比較すると以下のようになる</p>
<table>
<tbody>
<tr>
<th></th>
<th>EMS</th>
<th>UGX</th>
</tr>
<tr>
<th>集荷</th>
<td>◯</td>
<td>◯</td>
</tr>
<tr>
<th>関税元払い</th>
<td>×</td>
<td>◯</td>
</tr>
<tr>
<th>追跡</th>
<td>◯</td>
<td>◯</td>
</tr>
<tr>
<th>時間指定</th>
<td>×</td>
<td>◯</td>
</tr>
<tr>
<th>不在時保管</th>
<td>△</td>
<td>◯</td>
</tr>
<tr>
<th>ドアトゥドア</th>
<td>△</td>
<td>◯</td>
</tr>
<tr>
<th>最大重量</th>
<td>30kg</td>
<td>相談可</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>ドアトゥドアは、EMSも基本的には対応しているが、一部地域では対応しておらず、UGXはこれにも対応しているようだ。</p>
<p>不在時保管についてはEMSだと戻ってきてしまうケースが少なくないが、UGXでは保管と再配達をしてくれるそうだ。(一部保管料をとられるケースが有り)</p>
<p>また、最大重量については基本的に30kg以上でも送れるらしい。</p>
<p>&nbsp;</p>
<p>気になる送料と配達時間について、送料は正直かなり高め。</p>
<p>例えば中国に1.0kgの物を送る場合の送料は、EMS：1,800円、UGX：5,150円と3倍以上になる。</p>
<p><a href="https://www.post.japanpost.jp/int/UGX/charge.html" target="_blank">https://www.post.japanpost.jp/int/UGX/charge.html</a></p>
<p>配送時間については税関を通すため、一概には言えないようだ。</p>
<p>ただ、税関を通さないEMSよりは遅くなることは間違いないよう。</p>
<p>&nbsp;</p>
<p>ここまでを見るとあまりメリットは無いように思えるが、</p>
<p>荷受人の税逃れ対策を強化する傾向にあるなかで、購入者の手間の削減や、受取拒否に対するリスク軽減の意味での選択肢としてはありがたいサービスだ。</p>
<p>また、法律的には問題ないのだが、倫理的にEMSを使うことを躊躇する企業もあるようで、そういった場合は特に有用だと思う</p>


【越境EC】受取日時指定ができる配送サービス「UGX」

<p>昨日参加したセミナーで、外国人に仕事を発注できるクラウドソーシングサービスを展開している、<br />
ワークシフトの荒木さんのお話を聞いてきました。<br />
とても面白く、かつ、LaunchCartとの相性も良いと思ったので共有します。</p>
<p><a href="https://workshift-sol.com/">https://workshift-sol.com/</a></p>
<h2>日本で唯一！海外特化のクラウドソーシングサービス</h2>
<blockquote><p>ITなどの技術の発展で、先進国はアウトソースによって安価で豊富な両動力を使えるようになった。米国は移民制度やアウトソースで世界中の安価な労働力を活用しているが、日欧はできていない。これが競争力の差だ。<br />
（世銀チーフエコノミスト、日本経済新聞朝刊2016.2.24)</p></blockquote>
<p>とのことで、たしかに海外にいる外国人に日本にいながら仕事を発注するって今の日本では、あんまり身近ではないですよね。<br />
「それが競争力の差だ！」と言われると、「そうかもしれない…」と思ってしまします。<br />
でもなかなかハードル高いですもんね。</p>
<p>ですが、案件ごとに個人的につながれるワークシフトの仕組みなら、いっきに取っ付きやすくなります。<br />
サービス自体はランサーズやクラウドワークスと似ているので、仕組みについてはすんなりと理解できるかと思います。</p>
<p>では、海外在住の個人に仕事を頼むメリットってなんでしょうか。</p>
<h2>メリット</h2>
<p>・やっぱり安価！　<br />
専門用語の翻訳などでも一般の翻訳会社より1/5の費用になった事例も</p>
<p>・海外では兼業が一般的<br />
優秀な人材ほど、多くの仕事を受託。半数が大学卒、1７％が大学院卒</p>
<p>・現地のリアルでライブな感覚<br />
デザインでもキャッチコピーでも、現地に住んでいないと何がウケるかの微妙な判断は付けづらいもの。<br />
この感覚的なところは、日本在住のネイティブに頼むよりも良さそうです。</p>
<p>・日本初のサービスだから、日本人が使いやすい<br />
約２０％のワーカーが日本語を理解。<br />
決済通貨は「円」<br />
親日家多し。</p>
<p>現地在住だからできることってありますよね。<br />
次は、その特徴を活かした事例です。</p>
<h2>事例</h2>
<p>・台湾における漆製品の市場調査</p>
<p>・中国語表記の消費者調査</p>
<p>・現地のデザイナーに現地で伝わるデザインを依頼</p>
<p>・Facebook、youtube、weibo、ブログなどのコンテンツマーケティング</p>
<h2>感想</h2>
<p>普通に使ってみたいなと思いました。</p>
<p>というのも、市場調査や海外SNSの運用代行って、日本にある専門の会社に頼んだらけっこう費用がかかるものです。<br />
専門の会社に頼むほうが楽でしょうし、自分たちで直接外国人に依頼するとディレクション的なところで大変なところはあると思いますが、<br />
費用の安さをいいことに早くトライアンドエラーを繰り返し、ノウハウを一気に吸収することができそうです。</p>
<p>LaunchCartを導入していただいたクライアント様にも、このような手法があることを伝えたいと思いました。</p>


LaunchCartとの相性も抜群？！<br>世界と繋がるクラウドソーシング『ワークシフト』

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  いつもながらの今更な環境整備ブログ備忘録です。<br />
  今回は<br />
  「せっかくの技術を共有しないなんて勿体無い！」<br />
  の我がモットーに従い、やっとこさGitHubでリソース共有してます。</p>
<p>  tmux。<br />
  それは<strong><span style="background-color: #D08080;">黒い画面と戦うソルジャーの見方(ツール)</span></strong>です。</p>
<p>  具体的には同じウィンドウ内で<br />
  画面を分割して並行作業が出来たり、<br />
  タブっぽい表示でプロジェクト毎に作業を行ったり来たりなど。</p>
<p>  隠れ？機能は色々あると思うので導入的な機能に絞ってます。</p></div>
<h3>インストール手順</h3>
<div style="padding-left: 15px;">
  今までMac標準のターミナルを使用していたのをヤメて<span style="background-color: #8080FF;">iTermに変更</span>しました。<br />
  ※ ターミナルからtmuxを使うと<u>マウスの挙動がおかしくなる</u>との情報のため</p>
<p>  <a href="https://www.iterm2.com/">公式サイト</a>からダウンロードするだけです。</p>
<p>  上記はtmuxとは直接は無関係。</p>
<p>  次にtmuxをMacにインストールします。</p>
<p></p>

		<div id="crayon-649540263d55b958018935" 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">Shell</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;">
brew install tmux</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-649540263d55b958018935-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-649540263d55b958018935-1"><span class="crayon-e">brew </span><span class="crayon-e">install </span><span class="crayon-i">tmux</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  これでおしまい。</p></div>
<h3>tmuxの設定をカスタマイズする</h3>
<div style="padding-left: 15px;">
  肝心の設定ですが、デフォルトだと筆者は使いづらかったので色々変更しました。</p>
<p>  内容は以下の<u>Githubリポジトリ</u>にあげてあります<br />
  <a href="https://github.com/m-ohba-sterfield/tmux.git" target="_blank">https://github.com/m-ohba-sterfield/tmux.git</a></p>
<p>  カスタマイズした例では&#8221;Ctrolキー+a&#8221;でtmuxのコマンドモードになります。<br />
  通常の入力からtmux独自の命令を呼び出すためのおまじない。</p>
<p>  次に&#8221;Ctrol+a&#8221;,&#8221;-&#8220;をすると、、<br />
<a href="/uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13.png" rel="attachment wp-att-10599"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-300x203.png" alt="スクリーンショット 2016-05-11 15.56.19" width="300" height="203" class="alignnone size-medium wp-image-10599" srcset="/uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-300x203.png 300w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-768x520.png 768w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-1024x694.png 1024w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13-228x154.png 228w, /uploads-archive/2016/05/b7327cb46c9b3cffc11fe8764fd0bc13.png 1191w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
  こんな感じに縦分割されます。<br />
  ※ この分割された画面を「ペイン」と呼びます。</p>
<p>  ペイン間の移動は&#8221;Ctrol+a&#8221;,hで左, lで右, jで下, kで上に。<br />
  ペインを閉じたい時は&#8221;Ctrol+a&#8221;,&#8221;x&#8221;,&#8221;y&#8221;の順に入力すれば元に戻ります。</p>
<p>  ちなみに横分割は&#8221;Ctrol+a&#8221;,&#8221;|&#8221;で同様に出来ます。<br />
  ペインから更に分割しまくるとこんな感じになります。<br />
<a href="/uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98.png" rel="attachment wp-att-10600"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-300x181.png" alt="スクリーンショット 2016-05-11 16.00.39_edit" width="300" height="181" class="alignnone size-medium wp-image-10600" srcset="/uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-300x181.png 300w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-768x464.png 768w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-1024x619.png 1024w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98-228x138.png 228w, /uploads-archive/2016/05/e670c437e87efdd9752ccc8382f51f98.png 1703w" sizes="(max-width: 300px) 100vw, 300px" /></a>
</div>
<h3>おまけ</h3>
<div style="padding-left: 15px;">
  <a href="http://blog.takapra.com/2013/01/tmux_moment_pane/">こちら</a>の記事を参考(というかパク..)に<br />
  コマンドから和英・英和の翻訳を出来るようにしてあります。</p>
<p>  &#8220;Ctrl+t&#8221;,&#8221;G&#8221;(Shift+g)で和英、&#8221;Ctrl+t&#8221;,&#8221;g&#8221;で英和のペインが立ち上がります。<br />
<a href="/uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f.png" rel="attachment wp-att-10601"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f.png" alt="スクリーンショット 2016-05-11 16.16.03" width="487" height="67" class="alignnone size-full wp-image-10601" srcset="/uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f.png 487w, /uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f-300x41.png 300w, /uploads-archive/2016/05/e9d914603eb98f90c3869aabeb80215f-228x31.png 228w" sizes="(max-width: 487px) 100vw, 487px" /></a><br />
<a href="/uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108.png" rel="attachment wp-att-10602"><img decoding="async" loading="lazy" src="/uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-300x115.png" alt="スクリーンショット 2016-05-11 16.16.15" width="300" height="115" class="alignnone size-medium wp-image-10602" srcset="/uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-300x115.png 300w, /uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-768x294.png 768w, /uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108-228x87.png 228w, /uploads-archive/2016/05/8ecf5b61a5c3d021d1864a77696f2108.png 927w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
  ちょっと調べごとしたい時に便利です。</p>
<p>  翻訳のためのw3mというモジュールがMacではインストールされていなかったので以下のコマンドにてインストールしておきます。</p>
<p></p>

		<div id="crayon-649540263d55f118432791" 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">Shell</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;">
brew install w3m</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-649540263d55f118432791-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-649540263d55f118432791-1"><span class="crayon-e">brew </span><span class="crayon-e">install </span><span class="crayon-i">w3m</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
</div>
<h3>おまけ2</h3>
<div style="padding-left: 15px;">
  せっかくGithubにあげたので<a href="https://github.com/m-ohba-sterfield/vim.git" target="_blank">vimの設定</a>と<a href="https://github.com/m-ohba-sterfield/zsh.git" target="_blank">zshの設定</a>も共有しておきました。</p>
<p>  <a href="https://github.com/m-ohba-sterfield/zsh.git" target="_blank">https://github.com/m-ohba-sterfield/zsh.git</a><br />
  <a href="https://github.com/m-ohba-sterfield/vim.git" target="_blank">https://github.com/m-ohba-sterfield/vim.git</a>
</div>

tmuxのギークっぽい作業画面に！

<p>なんだか物騒なタイトルですが、要はコンタクトレンズを正しく使用しましょうというお話です。何度かこういった記事は書いていますが、最近知った<strong>アカントアメーバ</strong>という存在を皆さんにお知らせしたいがために書きます。</p>
<h2>アメーバ</h2>
<p>皆さんのアメーバに対するイメージはどういうのでしょうか？アメーバで画像検索してみると</p>
<p><a href="/uploads-archive/2016/05/am.jpg" rel="attachment wp-att-10584"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10584" src="/uploads-archive/2016/05/am.jpg" alt="am" width="800" height="397" srcset="/uploads-archive/2016/05/am.jpg 800w, /uploads-archive/2016/05/am-300x149.jpg 300w, /uploads-archive/2016/05/am-768x381.jpg 768w, /uploads-archive/2016/05/am-228x113.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>･･･サイバーエージェントさん。</p>
<p>何枚かちゃんとしたアメーバの写真もありますね！皆さんのイメージはこの通りだと思います。ちなみにアメーバ自体の生態は以下の通りです。</p>
<blockquote><p>肉質類の原生動物の総称。単細胞で、大きさは0.02～0.5ミリ。増殖は分裂による。たえず形を変えて、仮足とよばれる原形質の突起を伸ばして運動・捕食する。淡水・海水・土壌中に広くすみ、また寄生性で病原性をもつものもある。</p></blockquote>
<h2>アカントアメーバの侵入経路</h2>
<p><iframe loading="lazy" width="400" height="414" src="https://www.youtube.com/embed/-4pzYsNEPjU" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br />
※ こちらの動画にアカントアメーバが登場します。</p>
<p>アカントアメーバは、0.05mm程度の小さなアメーバ（ちなみにコンタクトレンズ直径は、14.0mm～14.5mm）で、肉眼では確認できません。また、一度感染してしまうと眼科医でさえ見つけるのが大変だと言われているコワ～イ生物です。</p>
<p>実はコンタクトレンズを使用している人がかかる 「アカントアメーバ角膜炎」 の感染経路はまだ完全に明らかになっていません。ですが、この微生物達は「水分」を非常に必要とする生物であり、普段は細菌や藻類などを食べながら暮らしています。<br />
1日しか使えないコンタクトレンズは使用後は捨てますので、用法を守れば大丈夫だと思いますが、2週間や1ヶ月のレンズは保存液が必要となります。この保存液を「1日くらいいっか～」とアカントアメーバが生息するといわれている水道水などで賄ってしまうと感染してしまう可能性のひとつと言われています。</p>
<h3>他にも考えられる感染経路</h3>
<p>・手洗いを怠った手で使用<br />
・※1 シストとなったアカントアメーバが空気中に漂うため自然感染（ごく稀）</p>
<p>※1　乾燥から自身を守る状態に変身した状態 堅い膜に覆われており、その中に休眠状態となったアカントアメーバがいる。</p>
<p><a href="/uploads-archive/2016/05/0407-15.jpg" rel="attachment wp-att-10572"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10572" src="/uploads-archive/2016/05/0407-15.jpg" alt="0407-15" width="640" height="233" srcset="/uploads-archive/2016/05/0407-15.jpg 640w, /uploads-archive/2016/05/0407-15-300x109.jpg 300w, /uploads-archive/2016/05/0407-15-228x83.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a><br />
<span style="color: #999999;">アカントアメーバのアメーバ状態とシスト状態（神戸大学・洲崎研究室にて撮影）</span></p>
<p>こちらから画像をお借りいたしました！ありがとうございます ⇒<a href="http://www.mishimaga.com/karada-biseibutsu/002.html" target="_blank">からだのなかの微生物</a></p>
<h2>正しく使用しないと本当に怖いコンタクトレンズ</h2>
<p>私の周りでもコンタクトレンズを使用している人は多数いますが、</p>
<p>ワンデーを何日も使っている<br />
水道水を保存液代わりに使用している<br />
ソフトコンタクトレンズの洗浄を水道水で行っている<br />
手洗い十分ではない手で装着している</p>
<p>こういう話は本当に良く聞きます。<br />
アカントアメーバは、目には見えませんが人間と出会う機会の多い微生物の一つです。基本的には、アカントアメーバが人間の体内に侵入しても病気を引き起こすことは滅多にありませんが、アカントアメーバ角膜炎というのは「アカントアメーバが角膜を食べてしまう」から起きる病気です。アカントアメーバが悪さをするというよりは、人間が食べ放題の場所に連れてきてしまったが故です。そりゃ食べますよね。</p>
<p>必ず用法容量守ってコンタクトレンズは正しくお使い下さいね。</p>
<h2>最後に</h2>
<p>アカントアメーバ角膜炎について</p>
<p>【自覚症状】<br />
・強い痛み<br />
・涙目や目脂<br />
・充血<br />
・白濁<br />
・重度状態だと視力障害、失明</p>
<p>【検査方法】<br />
膜の悪くなっている部分（角膜）をこすり取り、アカントアメーバを検出するが特殊な病原体なため大きな総合病院でも検査が困難</p>
<p>【治療方法】<br />
アメーバに対する特効薬がないため、抗真菌薬を使用。それに加えて感染した角膜表面を何度も削る治療が必要<br />
どうしても治らない場合は、角膜移植を余儀なくされる</p>
<p>画像はかなりひどいため、割愛します。どういう状態になるのか気になる方は自己責任でお調べ下さいませ。</p>


知らないと怖い目みるアカントアメーバの脅威

CSSアニメーションでinputに動きをつける

10秒止まってしまうことも…jQueryのセレクタの使い方に気をつけよう

<h3>はじめに</h3>
<div style="padding-left: 15px;">
とうとう出ました。HHKB BT！即ポチしちゃいました！！</p>
<p>、、、と、喜んでる筆者ですが<br />
HHKBって？ハテ？<br />
という方もいらっしゃるかと思います。</p>
<p>HHKBは<u>&#8220;Happy Hacking KeyBoard&#8221;</u>の略称です。</p>
<p>キーボードの東プレに並ぶ老舗ブランドであり、独自の仕様によりエンジニアなどマニアック？な層に大人気です。<br />
Hackingと言うところには特に意味はなさそうなのでご安心を。</p>
<p>MacBookユーザーにはお馴染みの<br />
<strong><span style="background-color: #A0A0FF;">Tabキー(左Shiftの上)の所にCtrollキーがある</span></strong><br />
と言うWindowsユーザーには慣れない仕様で多少有名です。</p>
<p>また、別メーカーの東プレ最上位モデルなどでしか採用されていない<br />
<strong><span style="background-color: #80FF20;">静電容量無接点方式</span></strong><br />
というスイッチ方式を取っています。<br />
「機会的な接点が無いから軽すぎず重すぎずイイ感じ」と思っていただければ大丈夫です。<br />
そんな人気ブランドHHKBに待望の<u>Blue-tooth対応モデル</u>が出ました。(やっと本題)</div>
<h3>外観</h3>
<div style="padding-left: 15px;">
こんな感じです。墨汁のような漆黒。<br />
<a href="/uploads-archive/2016/05/01_overview.jpg" rel="attachment wp-att-10552"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-10552" src="/uploads-archive/2016/05/01_overview-300x200.jpg" alt="01_overview" width="420" height="280" srcset="/uploads-archive/2016/05/01_overview-300x200.jpg 300w, /uploads-archive/2016/05/01_overview-768x512.jpg 768w, /uploads-archive/2016/05/01_overview-1024x683.jpg 1024w, /uploads-archive/2016/05/01_overview-228x152.jpg 228w, /uploads-archive/2016/05/01_overview.jpg 1920w" sizes="(max-width: 420px) 100vw, 420px" /></a></p>
<p>十字キー有りで数字キーは上部のみ(＝テンキーなし)。<br />
CtrolがUNIX配列のShift上に配置。<br />
最下部は左から<br />
Function, CapsLock, Command(Windows), Alt(Option), 無変換, スペース, 変換, かな, Alt(Option), Function, 十字<br />
となっています。</p>
<p>背面はこんな感じ。<br />
<a href="/uploads-archive/2016/05/02_back.jpg" rel="attachment wp-att-10553"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10553" src="/uploads-archive/2016/05/02_back.jpg" alt="02_back" width="474" height="200" srcset="/uploads-archive/2016/05/02_back.jpg 640w, /uploads-archive/2016/05/02_back-300x127.jpg 300w, /uploads-archive/2016/05/02_back-228x96.jpg 228w" sizes="(max-width: 474px) 100vw, 474px" /></a><br />
中央が電池入れ(単三x2で3ヶ月保つとのこと)。<br />
両端から数センチのところに高さ調節。<br />
電池入れの左に電源ボタンの丸凹凸。<br />
右の高さ調節上部にあるのはmicro-USB(type-B)の給電コネクタ。</p>
<p>底面はこちら。<br />
<a href="/uploads-archive/2016/05/03_under.jpg" rel="attachment wp-att-10554"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-10554" src="/uploads-archive/2016/05/03_under-300x169.jpg" alt="03_under" width="474" height="200" /></a></p>
<p>真ん中のシールは、その左上に位置するスイッチの説明です。<br />
上下左右の角に防振・防音？のゴムが若干今までと違う。<br />
これのおかげで大分<strong><span style="background-color: #A0A0FF;"><b>静音</b></span></strong>です！！</div>
<h3>使用感＠MacOS</h3>
<div style="padding-left: 15px;">
最初の使用はMacOSにて。</p>
<p><u>電源ON</u>して<u>Funtion＋Qでペアリング開始</u>してBlue-toothで認識させる。<br />
その後、ランダムな<u>数値6桁ほど入力</u>を促され、その通り入力すれば接続完了。(数値入力は以後なし)</p>
<p>初期状態のままだと無変換／変換キーの認識が上手くいかず。<br />
※ 筆者は無変換＝日本語入力OFF、変換＝日本語入力ONに割り当てここでスイッチ1をMacモードにしてみるも認識せず。</p>
<p>いったん<u>キーボード本体のスイッチをOFF/ON切り替えしたら今まで通り認識しました。</u></div>
<h3>使用感＠Windows7</h3>
<div style="padding-left: 15px;">
次にWindowsにて使用。<br />
ペアリングの流れは同じ。<br />
こちらもスイッチを切り替えて、キーボード本体再起動して日本語入力(と言うより変換／無変換キー)の認識を解決。</p>
<p>このスイッチ切り替えを解決出来れば、Mac/Winの行き来がスムーズで楽になる。。。</p>
<p>ちなみに<u><b>Windows10</b>だと一旦ペアリングしたデバイスは<br />
手動で接続の切り替えが出来ない</u>らしく(？)、複数台運用は厳しいかもしれない。</p>
<p>Macを先にペアリングした状態で、、ですが、PCの行き来は</p>
<ol>
<li>モニタ切り替え</li>
<li>Function+Q (ペアリング開始)</li>
<li>使いたいPC上で接続再開</li>
</ol>
<p>だけで大丈夫でした。</p>
</div>
<h3>まとめ</h3>
<div style="padding-left: 15px;">
総合的に見てBlue-toothであるだけでも充分使い勝手は良いと言って良いでしょう。<br />
途切れたりしないし、従来のProに比べたら大分静か。複数台での行き来はやや課題は残しつつ、即ポチレベルの期待に大いに応えてくれた一品と評価します！</div>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/05/18

2016/05/18

2016/05/18

2016/05/18

2016/05/18

2016/05/18

2016/05/18

2016/05/12

2016/05/12

2016/05/12

2016/05/12

2016/05/12

2016/05/12

2016/05/12

2016/05/11

2016/05/10

2016/05/05

2016/04/27