<p>今回はUnityで作成したゲームをwebGLで書き出して（ビルドして）、ブラウザだけどゲームをプレイできるか挑戦してました。</p>
<p>その前にwebGLとは何ぞやという方の為に簡単に説明させて頂きます。</p>
<blockquote><p><b>WebGL</b> (Web Graphics Library) は、互換性がある Web ブラウザでプラグインを使用せずにインタラクティブな 3D グラフィックスや 2D グラフィックスをレンダリングするための JavaScript API</p></blockquote>
<p>つまり、プレイするためのアプリやプレイヤーをインストールせず、ブラウザだけでゲーム等のグラフィックスを表示しプレイできてしまうという事です。上記にあるようにブラウザ上でグラフィックスを動かすためにJavaScriptが使われます。</p>
<h2>webGLが本格的に始動</h2>
<p>以前まではunityのbuild setteing からwebGLを選択する際に「webGL(プレビュー)」とありましたが、バージョン5以降になって、このプレビューが外れています。webGLに関する最近の記事を色々と検索してみたところ、どうやら本格的に利用できる状態になってきているみたいです。</p>
<p>ちなみにブラウザのサポート状況は以下の通り。</p>
<blockquote><p>■PC<br />
・Google Chrome 8 (8は要設定、9から標準で有効)<br />
・Internet Explorer 11<br />
・Mozilla Firefox 4<br />
・Opera 12[3] (12は要設定、15から標準で有効)<br />
・Safari 5.1 (5.1は要設定、8から標準で有効)</p>
<p>■モバイル<br />
・Android ブラウザ &#8211; Android 5.0 以降<br />
・BlackBerry 10<br />
・Firefox for Mobile (Maemoは1.0から, Androidは4から)<br />
・Google Chrome for Android 25 (※注意事項あり)<br />
・Internet Explorer Mobile 11<br />
・Opera Mobile 12 (Android のみ)<br />
・Safari 8 &#8211; iOS 8 以降。5〜7 は iAd の広告のみ対応。<br />
・Tizen 1.0</p>
<p>参照：wikipedia webGL</p></blockquote>
<h2>さっそくwebGLでビルドしてみる</h2>
<p>ビルドするゲームはterrainでフィールドと地形を作って、その上にキャラクターのプレハブからThird Personを置いただけのシーンを作成しました。</p>
<p>こんな感じです。</p>
<p><a href="/uploads-archive/2016/05/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10765" src="/uploads-archive/2016/05/1.jpg" alt="1" width="640" height="405" srcset="/uploads-archive/2016/05/1.jpg 640w, /uploads-archive/2016/05/1-300x190.jpg 300w, /uploads-archive/2016/05/1-228x144.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>build setting でwebGLを選択してビルド開始</p>
<p><a href="/uploads-archive/2016/05/3-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10767" src="/uploads-archive/2016/05/3-1.jpg" alt="3" width="640" height="605" srcset="/uploads-archive/2016/05/3-1.jpg 640w, /uploads-archive/2016/05/3-1-300x284.jpg 300w, /uploads-archive/2016/05/3-1-228x216.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>この時に、webGLをビルドするためのモジュールをインストールしていない場合は「No <a class="keyword" href="http://d.hatena.ne.jp/keyword/WebGL">WebGL</a> module loaded」と出てくるので、unityのインストーラーでモジュールを追加して下さい。</p>
<p>案の定、私も最初にインストールする際にチェックを外していたのでwebGLのモジュールが入っていませんでした。</p>
<p><a class="demo" href="/demo/makabe/12/index.html">demo</a></p>


unityで作ったゲームをwebGLでビルドしてみる

<p>去る5月20日〜22日にかけて佐賀・福岡出張に行ってきました。</p>
<p>20日は佐賀で打ち合わせを行い、21日はずっと行きたいと思っていた糸島市と福岡に行きました。</p>
<p>何故、行きたいと思っていたかというと、九州とりわけ福岡には通販会社さんが多く、通販カートシステムを提供する弊社としては、今後必ず接点を持っていかなければならない地域だと考えており、もし拠点をつくるのであれば今、注目されている糸島市だと思ったからです。</p>
<p><a href="http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1339568328" target="_blank">九州福岡に本社が多い、通販業界 やずやサンとか、ジャパネットたかだサンとか、&#8230;</a></p>
<p>誰もが知っている通販会社さんの本社がたくさんあります。</p>
<h2>糸島市が注目されている理由</h2>
<p>福岡の博多からは車で30分、佐賀の唐津からは車の60分ほどに位置していて、新しい働き方の移住先として注目されている場所です。</p>
<p><iframe loading="lazy" width="600" height="450" style="border: 0;" align="center" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d212801.85859313025!2d130.02573839104073!3d33.5526217945273!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3541e7fad27a8f01%3A0x919456694edeac0e!2z5pel5pysLCDnpo_lsqHnnIzns7jls7bluII!5e0!3m2!1sja!2sus!4v1464064768943" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>ご覧頂くと分かるように、福岡市の左隣に位置しているのが糸島市で私が向かった佐賀県の唐津市からは右隣となります。</p>
<p>他の魅力も詳しく紹介されている以下の記事をご覧下さい。</p>
<p><a href="http://itoshima.style/" target="_blank">糸島スタイル</a></p>
<p class="h2_style01 "><a href="http://www.lifehacker.jp/2015/02/150215fukuoka_style.html" target="_blank">アメリカ西海岸のようなスタイルで福岡で働く人々。彼らが語る福岡の魅力</a></p>
<p><a href="http://www.huffingtonpost.jp/taviicom/moving-to-countryside_b_8001664.html" target="_blank">「移住したい町No.1」福岡県糸島市の魅力</a></p>
<p>&nbsp;</p>
<p>おしゃれなカフェもいっぱいあったりと観光でも楽しめる場所です。</p>
<p><a href="http://find-travel.jp/article/92" target="_blank">糸島のおしゃれカフェ22選。おすすめを厳選して紹介します！</a></p>
<h2>福岡で3つの拠点を運営されるスマートデザインアソシエーションさん</h2>
<p>「糸島 シェアオフィス」などのキーワードで検索すると必ず出てくるのが「福岡移住計画」というメディアも手がけられているスマートデザインアソシエーションさんの施設です。</p>
<p>糸島市、福岡市西区、天神と3つの施設を運営されており、それぞれお伺いさせて頂きました。</p>
<h3>糸島市のコワーキングスペース「ライズアップケヤ」</h3>
<p><a href="/uploads-archive/2016/05/8d08c9cc0ce22bca140a4d8969df1a3e.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10730" src="/uploads-archive/2016/05/8d08c9cc0ce22bca140a4d8969df1a3e-300x161.png" alt="RISE UP KEYA　オフィシャルサイト" width="300" height="161" srcset="/uploads-archive/2016/05/8d08c9cc0ce22bca140a4d8969df1a3e-300x161.png 300w, /uploads-archive/2016/05/8d08c9cc0ce22bca140a4d8969df1a3e-768x411.png 768w, /uploads-archive/2016/05/8d08c9cc0ce22bca140a4d8969df1a3e-1024x548.png 1024w, /uploads-archive/2016/05/8d08c9cc0ce22bca140a4d8969df1a3e-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://itoshima-lifedesign.com/" target="_blank">公式サイト</a></p>
<p>まず最初にお伺いさせて頂いたのが、糸島市にある「ライズアップケヤ」です。</p>
<p><a href="/uploads-archive/2016/05/IMG_20160521_103756.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10731" src="/uploads-archive/2016/05/IMG_20160521_103756-300x225.jpg" alt="IMG_20160521_103756" width="300" height="225" srcset="/uploads-archive/2016/05/IMG_20160521_103756-300x225.jpg 300w, /uploads-archive/2016/05/IMG_20160521_103756-768x576.jpg 768w, /uploads-archive/2016/05/IMG_20160521_103756-1024x768.jpg 1024w, /uploads-archive/2016/05/IMG_20160521_103756-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>土曜日のため、営業はしておらず外観のみとなります。</p>
<p><iframe loading="lazy" width="600" height="450" style="border: 0;" align="center" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3323.5592314994797!2d130.10962501520294!3d33.590791680733915!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3541e79bb254c2a3%3A0xaebbe8a63c8dd5ff!2z5pel5pysLCDjgJI4MTktMTMzNSDnpo_lsqHnnIzns7jls7bluILlv5fmkanoiqXlsYvvvJHvvJDvvJPvvJfiiJLvvJE!5e0!3m2!1sja!2sus!4v1464070970515" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>しかしながら場所が最高でした。</p>
<p>鉄道からは少し離れているので、車移動が必要かと思いますが、このロケーション。</p>
<p>外観を見たあとナビを頼りに先に行ってみると・・・</p>
<p><a href="/uploads-archive/2016/05/IMG_20160521_105251.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10732" src="/uploads-archive/2016/05/IMG_20160521_105251-300x225.jpg" alt="IMG_20160521_105251" width="300" height="225" srcset="/uploads-archive/2016/05/IMG_20160521_105251-300x225.jpg 300w, /uploads-archive/2016/05/IMG_20160521_105251-768x576.jpg 768w, /uploads-archive/2016/05/IMG_20160521_105251-1024x768.jpg 1024w, /uploads-archive/2016/05/IMG_20160521_105251-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a> <a href="/uploads-archive/2016/05/IMG_20160521_105307.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10733" src="/uploads-archive/2016/05/IMG_20160521_105307-300x225.jpg" alt="IMG_20160521_105307" width="300" height="225" srcset="/uploads-archive/2016/05/IMG_20160521_105307-300x225.jpg 300w, /uploads-archive/2016/05/IMG_20160521_105307-768x576.jpg 768w, /uploads-archive/2016/05/IMG_20160521_105307-1024x768.jpg 1024w, /uploads-archive/2016/05/IMG_20160521_105307-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>海が広がっていました。</p>
<p>海水浴場の砂浜とは違う荒々しさにとても感動しました。</p>
<h3>福岡市西区のシェアオフィス「salt」</h3>
<p><a href="/uploads-archive/2016/05/a47275d710641970a45c151edc5a47e9.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10734" src="/uploads-archive/2016/05/a47275d710641970a45c151edc5a47e9-300x161.png" alt="SALT – 福岡市西区、海辺のシェアオフィス" width="300" height="161" srcset="/uploads-archive/2016/05/a47275d710641970a45c151edc5a47e9-300x161.png 300w, /uploads-archive/2016/05/a47275d710641970a45c151edc5a47e9-768x411.png 768w, /uploads-archive/2016/05/a47275d710641970a45c151edc5a47e9-1024x548.png 1024w, /uploads-archive/2016/05/a47275d710641970a45c151edc5a47e9-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="https://salt.today/" target="_blank">公式サイト</a></p>
<p>次にお伺いさせて頂いたのがシェアオフィスの「salt」です。</p>
<p>こちらダメ元でお電話したところ、なんとスマートデザインアソシエーションの池松さんがすぐに案内していただけることに。電話して30分後にわざわざ来て頂いて案内してくれるとはどれだけ神対応なんでしょうか。人の暖かさを感じました。</p>
<p>公式サイトにアクセスすると海が見える場所に位置しているのが分かるのですが、実際に行ってみるとこの破壊力はすごかったです。一発で何ていい場所だと心を揺さぶられました。<br />
<iframe loading="lazy" width="600" height="450" style="border: 0;" align="center" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3323.9093826956437!2d130.2728880152027!3d33.581701980736575!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3541eb7a5d453673%3A0x877982b2c4155da8!2z5pel5pysLCDjgJI4MTktMDE2OCDnpo_lsqHnnIznpo_lsqHluILopb_ljLrku4rlrr_pp4XliY3vvJHkuIHnm67vvJHvvJXiiJLvvJHvvJgg44Oe44Oq44OW5LuK5a6_44K344O844K144Kk44OJ44OG44Op44K5!5e0!3m2!1sja!2sus!4v1464071609659" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br />
まさに目の前が海。</p>
<p><a href="/uploads-archive/2016/05/IMG_20160521_121104.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10735" src="/uploads-archive/2016/05/IMG_20160521_121104-225x300.jpg" alt="IMG_20160521_121104" width="225" height="300" srcset="/uploads-archive/2016/05/IMG_20160521_121104-225x300.jpg 225w, /uploads-archive/2016/05/IMG_20160521_121104-768x1024.jpg 768w, /uploads-archive/2016/05/IMG_20160521_121104-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>外観はこんな感じです。</p>
<p><a href="/uploads-archive/2016/05/IMG_20160521_114450.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10736" src="/uploads-archive/2016/05/IMG_20160521_114450-300x225.jpg" alt="IMG_20160521_114450" width="300" height="225" srcset="/uploads-archive/2016/05/IMG_20160521_114450-300x225.jpg 300w, /uploads-archive/2016/05/IMG_20160521_114450-768x576.jpg 768w, /uploads-archive/2016/05/IMG_20160521_114450-1024x768.jpg 1024w, /uploads-archive/2016/05/IMG_20160521_114450-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>入口を入るとおしゃれな内装と共に3階から見下ろす海が目に飛び込んできます。</p>
<p><a href="/uploads-archive/2016/05/IMG_20160521_114517.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10737" src="/uploads-archive/2016/05/IMG_20160521_114517-300x225.jpg" alt="IMG_20160521_114517" width="300" height="225" srcset="/uploads-archive/2016/05/IMG_20160521_114517-300x225.jpg 300w, /uploads-archive/2016/05/IMG_20160521_114517-768x576.jpg 768w, /uploads-archive/2016/05/IMG_20160521_114517-1024x768.jpg 1024w, /uploads-archive/2016/05/IMG_20160521_114517-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>窓際までいくともうそこにはもう海しか見えません。</p>
<p>下手なスマホ写真で恐縮です。</p>
<p>とにかくこのオーシャンビューは体感しないと分からないかもしれないです。</p>
<p>近くではサーファーの方やBBQをやっている方たちもいらっしゃり、そういう元々リゾートをするための地域であります。</p>
<p>そんな地域が博多から車で30分というのが最大にして最強のメリットではないでしょうか。</p>
<h3>天神のシェアオフィス「HOOD天神」</h3>
<p><a href="/uploads-archive/2016/05/1546dd4e288f9c4fc5d4592008bc3ec4.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10738" src="/uploads-archive/2016/05/1546dd4e288f9c4fc5d4592008bc3ec4-300x161.png" alt="HOOD天神 西鉄と福岡移住計画が福岡の天神にオープンする新しいコミュニティ ワークスペース" width="300" height="161" srcset="/uploads-archive/2016/05/1546dd4e288f9c4fc5d4592008bc3ec4-300x161.png 300w, /uploads-archive/2016/05/1546dd4e288f9c4fc5d4592008bc3ec4-768x411.png 768w, /uploads-archive/2016/05/1546dd4e288f9c4fc5d4592008bc3ec4-1024x548.png 1024w, /uploads-archive/2016/05/1546dd4e288f9c4fc5d4592008bc3ec4-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="https://hood-tenjin.com/" target="_blank">公式サイト</a></p>
<p>最後に伺ったのは、福岡の中心天神にあるシェアオフィス「HOOD天神」です。</p>
<p><iframe loading="lazy" width="600" height="450" style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3323.503274037185!2d130.39967811556295!3d33.59224409927703!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3541919218f3a185%3A0x47bb2aec0367cdb6!2z5pel5pysLCDjgJI4MTAtMDAwMSDnpo_lsqHnnIznpo_lsqHluILkuK3lpK7ljLrlpKnnpZ7vvJHkuIHnm67vvJHvvJXiiJLvvJUg5aSp56We5piO5rK76YCa44KK44OT44Or!5e0!3m2!1sja!2sus!4v1464072997516" frameborder="0" align="center" allowfullscreen="allowfullscreen"></iframe></p>
<p>ビジネスビルが立ち並ぶいわば福岡の中心部の天神駅から徒歩すぐのところにあります。</p>
<p>イベントスペースとしても頻繁に使われているようです。</p>
<p><a href="/uploads-archive/2016/05/IMG_20160521_165511.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10739" src="/uploads-archive/2016/05/IMG_20160521_165511-300x225.jpg" alt="IMG_20160521_165511" width="300" height="225" srcset="/uploads-archive/2016/05/IMG_20160521_165511-300x225.jpg 300w, /uploads-archive/2016/05/IMG_20160521_165511-768x576.jpg 768w, /uploads-archive/2016/05/IMG_20160521_165511-1024x768.jpg 1024w, /uploads-archive/2016/05/IMG_20160521_165511-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらも土曜日に伺ったので、外観のみとなります。</p>
<h2>まとめ</h2>
<p>自然と都市を網羅するこの布陣がすごすぎます。それが車で30分圏内に全てあるというのは、日本でも稀有な場所ではないでしょうか？</p>
<p>とにかく、街がコンパクトにまとまっているので、糸島を本拠地にしても、博多・天神を本拠地にしても地理的な差異はなく、どちらの選択肢も大いに有り得ると思いました。</p>
<p>最後に、突然の土曜日の訪問にも関わらず、快く対応して下さいましたスマートデザインアソシエーションの池松さんには大変感謝です。</p>


自然と都市両方の魅力を持つ福岡・糸島視察レポート

<h2>台湾の基礎知識</h2>
<p>人口：2348万人 (1.273億人)</p>
<p>EC市場規模：3兆3703億円 (12.8兆円)</p>
<p>スマホ普及率：50.8% (24.7%)</p>
<p>検索エンジンシェア：Google：83.4%、Yahoo!：15.2%</p>
<p>&nbsp;</p>
<h2>高いEC利用率</h2>
<p>EC事情規模 / 人口 = 1人あたりの年間平均EC利用金額</p>
<p>と考えると、台湾：14.3万円、日本：10.0万円となり、ECへの依存度は日本よりも高い。</p>
<p>ちなみに中国は3.4万円なので利用率の高さがうかがえる。</p>
<p>&nbsp;</p>
<p>更に、2013年のEC市場規模は7,673億元だったが、スーパーマーケット：1,584億元、コンビニ：2,761億元、百貨店：2,886億元であり、合計7231億元を上回る。</p>
<p>さらに、台湾のEC市場規模は年間2桁の成長を続けている。</p>
<p>&nbsp;</p>
<p>以下は2013年の統計</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-10725" src="/uploads-archive/2016/05/1502_aun_taiwan_16.jpg" alt="台湾EC市場規模推移" width="570" height="392" srcset="/uploads-archive/2016/05/1502_aun_taiwan_16.jpg 570w, /uploads-archive/2016/05/1502_aun_taiwan_16-300x206.jpg 300w, /uploads-archive/2016/05/1502_aun_taiwan_16-228x157.jpg 228w" sizes="(max-width: 570px) 100vw, 570px" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>利用されているECサイト</h2>
<p>Yahoo!系のECサイトが54.9%でトップ。</p>
<p><a href="https://tw.buy.yahoo.com/" target="_blank">https://tw.buy.yahoo.com/</a></p>
<p>&nbsp;</p>
<p>次いでPChome線上購物 23.7%</p>
<p><a href="http://shopping.pchome.com.tw/" target="_blank">http://shopping.pchome.com.tw/</a></p>
<p>&nbsp;</p>
<p>momo購物網 17.2%</p>
<p><a href="http://www.momoshop.com.tw/main/Main.jsp" target="_blank">http://www.momoshop.com.tw/main/Main.jsp</a></p>
<p>&nbsp;</p>
<p>尚、楽天台湾は2.1%</p>
<p>&nbsp;</p>
<p>ちなみに利用されている決済手段の上位3つは以下</p>
<p>代引き：33.4%</p>
<p>コンビニ受取・決済：27.8%</p>
<p>超商付款?：24.7%</p>
<p>&nbsp;</p>
<h2>日本製品とマーケティング</h2>
<p>台湾は親日で有名</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-10726" src="/uploads-archive/2016/05/20150715_01.jpg" alt="アジア10国 親日度合" width="685" height="246" srcset="/uploads-archive/2016/05/20150715_01.jpg 685w, /uploads-archive/2016/05/20150715_01-300x108.jpg 300w, /uploads-archive/2016/05/20150715_01-228x82.jpg 228w" sizes="(max-width: 685px) 100vw, 685px" /></p>
<p>売れているものは他の国とあまり変わらず、薬や美容品などが人気とのこと。</p>
<p>&nbsp;</p>
<p>台湾はFacebookの普及率が高い</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-10727" src="/uploads-archive/2016/05/5c443186eb8b4cee00d4c66f124ccd4e.png" alt="Facebook国別普及率" width="495" height="657" srcset="/uploads-archive/2016/05/5c443186eb8b4cee00d4c66f124ccd4e.png 495w, /uploads-archive/2016/05/5c443186eb8b4cee00d4c66f124ccd4e-226x300.png 226w, /uploads-archive/2016/05/5c443186eb8b4cee00d4c66f124ccd4e-228x303.png 228w" sizes="(max-width: 495px) 100vw, 495px" /></p>
<p><a href="https://www.auncon.co.jp/corporate/2015/0114.pdf" target="_blank">https://www.auncon.co.jp/corporate/2015/0114.pdf</a></p>
<p>正確な数字は見つからなかったが、台湾では微博よいも圧倒的にFacebookの方が人気なようだ</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>台湾は、人口はそこまで多くないものの、訪日旅行者数国別ランキングで20年も前から常に3位に入っている。</p>
<p>日本に関心が強く、芸能、アニメ、TV番組などの文化への知名度は外国の中でトップクラスらしい。</p>
<p>マーケティングの観点から言うとFacebookが活用できるのはやりやすい。</p>
<p>Yahoo!にもリスティングを出せるようで、広告手段は豊富にありそうだ。</p>
<p>1つだけ懸念点として、クレジットカードの利用率が低い。</p>
<p>ただ、越境EC利用者にとってクレジットカード決済は必須なのと、2014年の記事で発行枚数が3,900万枚とあるので</p>
<p>普及はしており、あまり問題にはならなそうだ</p>


台湾のEC市場

large_nino-eye (1).jpg

medium_nino-eye (1).jpg

small_nino-eye (1).jpg

thumbnail_nino-eye (1).jpg

nino-eye (1).jpg

Canvasで波のアニメーションを描画する

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


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/05/25

2016/05/25

2016/05/24

2016/05/23

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