<p>ARのコンテンツを作るためには何が必要なのかを調べてみました。</p>
<p>ちょっと前にロゴやQRコードをスマホのカメラ越しに見ると３Dオブジェクトが見えるというアプリを良く目にしたと思いますが、あの類のコンテンツを作る場合にはAR開発用ライブラリを利用するのが主流となっているようです。</p>
<p>そこでARライブラリで良さそうなものを探してみると、Vuforiaという ARライブラリが無料で使用できるという事で記事としてはすぐに出てきました。情報量が多い方が何かと便利ですし、とにかく無料で始める事ができるのでVuforiaを使ってみる事にします。</p>
<p>ちなみに今回作ろうとしているのは、こんな感じのARです。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/AgjHlWGokmI?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>VuforiaはUnity向けの拡張機能が用意されているので、Unityを使ってARを作りたいと思います。</p>
<p>まずはVuforiaのアカウントを作る必要があるので<a href="https://developer.vuforia.com/">https://developer.vuforia.com/</a>を開いてRegisterからアカウントを作ります。</p>
<p><a href="/uploads-archive/2016/04/1-2.jpg" rel="attachment wp-att-10494"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10494" src="/uploads-archive/2016/04/1-2.jpg" alt="1" width="640" height="614" srcset="/uploads-archive/2016/04/1-2.jpg 640w, /uploads-archive/2016/04/1-2-300x288.jpg 300w, /uploads-archive/2016/04/1-2-228x219.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>ちなみにトップページにもあるようにHoloLens向けの開発を行う機能が追加されたようです。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/U6CpD4hVmqc?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>話を戻して、アカウントができたらDevelopのTarget ManegarでAdd Databaseをクリックし、新規のデータベースを作成します。</p>
<p><a href="/uploads-archive/2016/04/2-1.jpg" rel="attachment wp-att-10495"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10495" src="/uploads-archive/2016/04/2-1.jpg" alt="2" width="640" height="379" srcset="/uploads-archive/2016/04/2-1.jpg 640w, /uploads-archive/2016/04/2-1-300x178.jpg 300w, /uploads-archive/2016/04/2-1-228x135.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>すると下のようなポップアップ出てくるのでTypeでSingle Imageを選択し、Fileでマーカーにしたい画像ファイルをアップロードします。</p>
<p><a href="/uploads-archive/2016/04/3-1.jpg" rel="attachment wp-att-10496"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10496" src="/uploads-archive/2016/04/3-1.jpg" alt="3" width="640" height="679" srcset="/uploads-archive/2016/04/3-1.jpg 640w, /uploads-archive/2016/04/3-1-283x300.jpg 283w, /uploads-archive/2016/04/3-1-228x242.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>WidthとNameを入力したらAddでとりあえずデータベースができます。</p>
<p><a href="/uploads-archive/2016/04/4-1.jpg" rel="attachment wp-att-10497"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10497" src="/uploads-archive/2016/04/4-1.jpg" alt="4" width="640" height="372" srcset="/uploads-archive/2016/04/4-1.jpg 640w, /uploads-archive/2016/04/4-1-300x174.jpg 300w, /uploads-archive/2016/04/4-1-228x133.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>チェックを入れればできたデータベースをダウンロードする事ができます。</p>
<p>これをUnitiyへインポートするのですが今日はここまで。次回はUnityを使ってARを完成させたいと思います。</p>


VuforiaとUnityを使ってARを作ってみる

<p>弊社と同じ108ビルディングに入居されているテクノウォーカーさん。<br />
まったく面識がないにも関わらず、前回のブログで勝手に紹介させていただきました。</p>
<p><strong><a href="/blog/twalker/">前回のブログ</a><br />
</strong><br />
怒られないかな…と怯えながら、HPのお問い合わせフォームから「ブログに書かせていただきました」と伝えたところ…</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/04/IMG_9814-300x225.jpg" alt="IMG_9814" width="300" height="225" class="aligncenter size-medium wp-image-10484" srcset="/uploads-archive/2016/04/IMG_9814-300x225.jpg 300w, /uploads-archive/2016/04/IMG_9814-228x171.jpg 228w, /uploads-archive/2016/04/IMG_9814.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>なんと！　社長が来社してくださり、いろいろとお話を伺いました！</p>
<p>テクノウォーカーさんはプログラマーを企業に派遣するのがメイン事業なので<br />
私が「システム会社に入ったけど、ぜんぜんシステムのことがわかりません」と質問したところ、<br />
「研修しないと絶対無理ですよ」との的確なお言葉。</p>
<p>他にも、自分が会社を始めた経緯や、プログラマー育成の秘訣などをお話してくださいました。</p>
<p>また、前回のブログではテクノウォーカーさんのことを「近くて遠い会社」と表現しましたが、社長さんからは「これからは<strong>『近くて親しい会社』</strong>になりましょう」とのお言葉をいただきました！</p>
<p>ほんとに飲み会や勉強会などを共催しちゃいますか！！</p>


テクノウォーカーの社長さんが！！社長さんが！！

CSS3のtransform3dとjQueryを使って、ひっくり返すアニメーション

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  テレビ離れが進んでいる巷でもSNSなどで市場調査などは良く見かけるかと思います。</p>
<p>  特に目を引く広告などでは<br />
  「◯◯%の方が満足した！」<br />
  などと売っているのは日常の出来事の現代。</p>
<p>  ですが、それを鵜呑みにして良いのか！？<br />
  と言ったテーマで書いてみます。</p>
<p>  ※ 筆者は統計学はかじった程度なので深く掘り下げられません！</p></div>
<h3>例えば</h3>
<div style="padding-left: 15px;">
  母数が少ないのが一番解りやすいです。</p>
<p>  80％が正解！ (※5名を対象に実施)</p>
<p>  明らかに信頼に足りません。</p>
<p>  では、ネットの市場調査にて</p>
<p>  「1000人中950人の圧倒的な若年層の支持を受けた」</p>
<p>  標本の母数が傾向として高齢者区分が少ないため信頼に足りません。</p></div>
<h3>何に気をつければ良いの？</h3>
<div style="padding-left: 15px;">
  デジタル情報だと情報に偏りがあるため正解はありません。</p>
<p>  母数を必ず確認するのはもちろんこと、<br />
  調査による傾向に対して対象の構成比が均等に近く抽出されているかも確認しましょう。</p>
<p>  性別によって男女比が3:1くらいになるとわかっているのであれば、<br />
  標本母数も3:1に割り振るなどの工夫が調査には必要です。</p>
<p>  また結果を見る側には判別するのが非常に難しいのですが<br />
  標本が適切かどうかも情報があれば確認すべきです。</p>
<p>  と言ったエビデンスの無い経験談にてあい終了</p></div>


SNSとかの市場調査に関するつぶやき

<h2>VR動画ってどうなってるの？</h2>
<p>以前にご紹介したCineversityで提供しているプラグインを使ってCINEMA4DでVRのレンダリングができたので、動画をyoutubeにアップしてみました。</p>
<p>youtube向けのVR動画は上が左目、下が右目で見るための映像になっています。アスペクト比は１６：９、解像度は3840×2160です。いわゆる4Kという事になるので、短い尺でもかなりのレンダリング時間になってしまいます。</p>
<p><a href="/uploads-archive/2016/04/1-1.jpg" rel="attachment wp-att-10469"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10469" src="/uploads-archive/2016/04/1-1.jpg" alt="1" width="640" height="360" srcset="/uploads-archive/2016/04/1-1.jpg 640w, /uploads-archive/2016/04/1-1-300x169.jpg 300w, /uploads-archive/2016/04/1-1-228x128.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>CINEMA4Dから書き出したファイルが画像の場合はをafter effects やpremiereに取込み動画に変換します。このとき、after effectsの場合ならコンポジット設定で解像度3840×2160、premiereならシーケンス設定で解像度3840×2160にしておいてください。</p>
<h2>VR動画のレンダリング時間を短縮する方法</h2>
<p>繰り返しになりますが、4Kのレンダリングは恐ろしいほど時間がかかるのでカメラなどをアニメーションさせている場合は最終的な尺の2分の１くらいになるように、倍の速さでアニメーションさせてレンダリングします。premiereに取込んでからタイムリマップでスローをかけて最終的なアニメーションのスピードに戻します。思いついたので実際にやってみたところレンダリング質を下げたり、解像度を落としてレンダリングするよりも品質は良いようです。（ボーカロイドなど音に合わせて動きを付ける時には向かない方法かもしれません。）</p>
<h2>メタデータを張り付ける</h2>
<p>youtubeに360度動画という事を認識させるためにメタデータを動画に張り付ける必要がります。</p>
<p>まずはyoutubeのヘルプページから専用のアプリケーションをダウンロードします。</p>
<p><a href="https://support.google.com/youtube/answer/6316263?hl=ja">https://support.google.com/youtube/answer/6316263?hl=ja</a></p>
<p><a href="/uploads-archive/2016/04/2.jpg" rel="attachment wp-att-10476"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10476" src="/uploads-archive/2016/04/2.jpg" alt="2" width="640" height="406" srcset="/uploads-archive/2016/04/2.jpg 640w, /uploads-archive/2016/04/2-300x190.jpg 300w, /uploads-archive/2016/04/2-228x145.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>アプリケーションを立ち上げて、動画を開き、全てにチェックをいれてから「Save as」で保存し直せばメタデータの添付が完了です。</p>
<h2>VR動画をyoutubeにアップロードする</h2>
<p>通常の動画と同様に「動画をアップロード」でVR動画を選択します。</p>
<p><a href="/uploads-archive/2016/04/3.jpg" rel="attachment wp-att-10477"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10477" src="/uploads-archive/2016/04/3.jpg" alt="3" width="640" height="327" srcset="/uploads-archive/2016/04/3.jpg 640w, /uploads-archive/2016/04/3-300x153.jpg 300w, /uploads-archive/2016/04/3-228x116.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>処理済みになったら、「情報と設定」から３D動画にチェックを入れて、「Top to Bottom Left on Top」を選択して更新します。</p>
<p><a href="/uploads-archive/2016/04/4.jpg" rel="attachment wp-att-10478"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10478" src="/uploads-archive/2016/04/4.jpg" alt="4" width="640" height="598" srcset="/uploads-archive/2016/04/4.jpg 640w, /uploads-archive/2016/04/4-300x280.jpg 300w, /uploads-archive/2016/04/4-228x213.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>動画をアップしてからVR動画として認識されるまで多少時間がかかります。</p>
<h2>完成したVR動画</h2>
<p>アニメーションがない動画</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/qG0Ud7T7zJI?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>カメラにアニメーションを付けた動画</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/AbjdkgmNSWM?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>カメラにアニメーションをつけた動画はレンダリング時間短縮の為、マテリアルが貼ってありません。この動画をCINEMA4Dでレンダリングした際にかかった時間は約7時間でした。</p>


CINEMA4Dで作ったVR動画をyoutubeにアップする

<p>2015年の全世界のEC市場規模の割合は、アジア：38%、北米：30%、西ヨーロッパ：22%となっており、<br />
中国を筆頭にアジアは世界で最もECを使っているエリアということになっている。</p>
<p>更にこの動きは更に加速し、2017年に44%まで成長すると予想する機関もあるほどだ。</p>
<p>&nbsp;</p>
<p>中国や日本に関する統計やEC事情はよく目にするのだが、それ以外の国の情報は意識しないと触れる機会が少ないため<br />
今回はアジアでGDP1〜5位の国のEC事情を調べて見た。</p>
<p>&nbsp;</p>
<h2>中国</h2>
<p>市場規模は4262.6億UDドルで世界1位</p>
<p>主要ECサイトは</p>
<p>1. 淘宝網：35兆1,117億円</p>
<p>2. Tmall 22兆2,723億円</p>
<p>3. JD.com 9兆319億円</p>
<p>となっており、依然としてアリババの1人勝ちの</p>
<p>&nbsp;</p>
<h2>日本</h2>
<p>市場規模は708.3億USドル</p>
<p>1. 楽天市場 2兆6,748億円</p>
<p>2. Amazon 1兆円</p>
<p>3. ヤフオク 8,546億円</p>
<p>楽天は2015年から楽天トラベルを合算した数値を公開している。</p>
<p>Amazonの1兆円は、自社での販売のみ。実際にはこれに第三者の売上が合算されるが公表されていない。</p>
<p>合算すると1.6兆円程度ではないかと予想されている</p>
<p>&nbsp;</p>
<h2>インド</h2>
<p>市場規模は130億UDドル</p>
<p>流通総額は明確に比較できるデータを見つけることはできなかったが<br />
Flipkartが2014年にインドのECとしては初めて年間売上10億ドルを超え、<br />
2016年3月末日までに年間50億ドルの売上を見込んでいることから、インド最大と考えられる。</p>
<p>&nbsp;</p>
<p>2番目はSnapdealで、2014年にソフトバンクから6億7200万米ドルの出資を受けたことで有名になった会社だ。</p>
<p>こちらは2016年3月末日までの目標を30億としているとのこと。</p>
<p>&nbsp;</p>
<p>3番目はAmazon.inで、2016年3月末日までに年間20億ドルを達成できる見込とのことだ。</p>
<p>&nbsp;</p>
<h2>韓国</h2>
<p>市場規模は331.1億UDドル</p>
<p>こちらも明確な比較データを見つけることはできなかったが、<br />
GmarketがNo.1、クーパンが猛追、次いでInterpark、LOTTEなど、といった構図のようだ。</p>
<p>Gmarketは2009年にeBayに買収されている。</p>
<p>クーパンは2015年にソフトバンクが10億米ドルを出資したことで有名。<br />
2014年の売上は3485億ウォンとのこと。</p>
<p>あとは明確な数値は見つかっていないのだが、チケット販売のInterparkやLOTTEが展開するECサイトなどが大きいようだ。</p>
<p>&nbsp;</p>
<h2>インドネシア</h2>
<p>市場規模は7.5億UDドル</p>
<p>インドネシアのECは、未だ統計情報も完全には整っていないという状況のようだが<br />
Kaskus、olx、Lazadaあたりが有名どころのようだ。</p>
<p>Kaskusはインドネシア最大規模のポータルサイトで、CtoCのマーケットプレイスも併設しているとのこと。</p>
<p>olxはアメリカ資本で世界的にサービス展開しており、TokoBagusというインドネシアのCtoCのサービスを買収した。</p>
<p>LazadaはドイツのRocket Internetのサービスで、アリババが先日10億ドルの出資をしたことで有名。</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>日本国内のEC事業者にとっては、中国以外だと現時点では絶対的なメリットがある進出先は特に無いように思える。</p>
<p>しかし、2006年のタオバオの流通総額は2400億円程度であり、ここからTmallができ、現在では出店困難になっているという例もあることから、<br />
早めに出店しておいた方が先行者メリットを享受できる可能性も高いと思われる。</p>
<p>現時点では、中国の次に来ると言われているインドと、アジア各国で展開しているLazadaのようなサービスをウォッチしていく必要がありそうだ。</p>
<p>&nbsp;</p>
<p>※中国、日本の市場規模、流通総額は2015年のデータ、その他は2014年のデータ</p>


アジアのEC事情

<p>郵便番号から住所を取得するAPIは多く存在しますが、今回は<strong>Google Maps Geocoding API</strong>を利用して取得してみました。</p>
<h2>特徴</h2>
<p>Google Maps Geocoding APIを使用すると、<strong>日本の住所だけでなく、日本以外の国の住所も取得できます</strong>。特定の国の住所だけを取得したい場合は、 2文字のISO 3166-1国コードも一緒に送られてきているので、それで限定すればいいかもしれません。</p>
<p>サポートされているものに限られますが、<strong>住所を返してくれるときの言語も指定できます</strong>。ただし、すべて網羅してその言語に対応しているわけではなく、対応していない部分は英語で返ってきます（<a href="https://developers.google.com/maps/faq?hl=ja#languagesupport" target="_blank">サポートされるドメイン言語のリスト</a>）。</p>
<p>日本の郵便番号はハイフンが入っていますが、Google Maps Geocoding APIは<strong>ハイフンあり、なし両方対応してくれます</strong>。</p>
<p><strong>LaunchCartは、海外発送や多言語対応が簡単にできるECシステム</strong>ですが、登録画面でこれを利用すれば、ユーザビリティが高まりそうですね！</p>
<h2>デモ</h2>
<p><a href="/demo/mizutani/04/search_address_via_geocodig/search_address.html" class="demo" target="_blank">デモ</a></p>
<p></p>

		<div id="crayon-649540263c3e8444165969" 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">Google Maps Geocoding API</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;">
$('#search_address_ja').bind('input propertychange',function(){
  var zipcode = $('#search_address_ja').val();
  $.ajax({
    type : 'get',
    url : 'https://maps.googleapis.com/maps/api/geocode/json',
    crossDomain : true,
    dataType : 'json',
    data : {
      address : zipcode,
      language : 'ja',　//ここで言語を指定できる
      sensor : false
    },
    success : function(resp){
      if(resp.status == "OK"){
        var object = resp.results[0].address_components;
        if (object.length &lt; 5) {
        $('#address_ja').text("");
          return false;
          }
        $('#address_ja').text(object[4]['long_name'] + " " +  object[3]['long_name'] + " " + object[2]['long_name'] + " " + object[1]['long_name']);
      }else{
        $('#address_ja').text("");
        return false;
      }
    }
  });
});</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-649540263c3e8444165969-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-2">2</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-4">4</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-6">6</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-8">8</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-10">10</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-12">12</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-14">14</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-16">16</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-18">18</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-20">20</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-22">22</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-23">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-24">24</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-25">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263c3e8444165969-26">26</div><div class="crayon-num" data-line="crayon-649540263c3e8444165969-27">27</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-649540263c3e8444165969-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#search_address_ja'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">bind</span><span class="crayon-sy">(</span><span class="crayon-s">'input propertychange'</span><span class="crayon-sy">,</span><span class="crayon-t">function</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-649540263c3e8444165969-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">zipcode</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#search_address_ja'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">val</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-e">ajax</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'get'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">url</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'https://maps.googleapis.com/maps/api/geocode/json'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">crossDomain</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">dataType</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'json'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">data</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">address</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">zipcode</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">language</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'ja'</span><span class="crayon-sy">,</span>　<span class="crayon-c">//ここで言語を指定できる</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">sensor</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">success</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">resp</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-sy">(</span><span class="crayon-i">resp</span><span class="crayon-sy">.</span><span class="crayon-i">status</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-s">"OK"</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-t">object</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">resp</span><span class="crayon-sy">.</span><span class="crayon-i">results</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">.</span><span class="crayon-i">address_components</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-t">object</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-cn">5</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#address_ja'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">text</span><span class="crayon-sy">(</span><span class="crayon-s">""</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-18"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-19"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-20"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#address_ja'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">text</span><span class="crayon-sy">(</span><span class="crayon-t">object</span><span class="crayon-sy">[</span><span class="crayon-cn">4</span><span class="crayon-sy">]</span><span class="crayon-sy">[</span><span class="crayon-s">'long_name'</span><span class="crayon-sy">]</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-s">" "</span><span class="crayon-h"> </span>+<span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-t">object</span><span class="crayon-sy">[</span><span class="crayon-cn">3</span><span class="crayon-sy">]</span><span class="crayon-sy">[</span><span class="crayon-s">'long_name'</span><span class="crayon-sy">]</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-s">" "</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-t">object</span><span class="crayon-sy">[</span><span class="crayon-cn">2</span><span class="crayon-sy">]</span><span class="crayon-sy">[</span><span class="crayon-s">'long_name'</span><span class="crayon-sy">]</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-s">" "</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-t">object</span><span class="crayon-sy">[</span><span class="crayon-cn">1</span><span class="crayon-sy">]</span><span class="crayon-sy">[</span><span class="crayon-s">'long_name'</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-21"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-st">else</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-22"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#address_ja'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">text</span><span class="crayon-sy">(</span><span class="crayon-s">""</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-23"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-24"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-25"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263c3e8444165969-26"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263c3e8444165969-27"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>参考</h2>
<p><a href="https://developers.google.com/maps/documentation/geocoding/intro?hl=ja" class="link" target="_blank">Google Maps Geocoding API &#8211; Google Developers</a></p>

Google Maps Geocoding APIを利用して郵便番号から住所を取得する

<p>みなさんはneuro:onというプロダクトをご存知でしょうか。</p>
<p>クラウドファンディングの<a href="https://www.kickstarter.com/projects/intelclinic/neuroon-worlds-first-sleep-mask-for-polyphasic-sle/description" target="_blank">kickstarter</a>で43万ドル（4.5億円）を集めた「２時間の睡眠で最高の生産性が手に入る」という触れ込みのアイマスクで、300ドルするのですが、ブログのネタにもなるし生産性を高めるための投資なら安いと判断しました。</p>
<p>ちょうど下記の記事が書かれた翌日に飛びついて購入しました。</p>
<p><a href="http://u-note.me/note/47500030" target="_blank">「NeuroOn」があれば、２時間の睡眠で最高の生産性が手に入る。来年１月にリリース予定！</a></p>
<p>この記事が書かれたのが2014年11月で来年１月ということは、2015年1月には来るはずと期待をしていたのですが、あれよあれよ時間は過ぎ、私自身が購入したことも忘れたころ（その間、メンバー登録のサイトが出来たよなどのメールはあったが）に、発送したよのメールが来ました。</p>
<p>購入日が2014年10月14日で発送メールが2016年4月14日とちょうど1年と6ヶ月の月日が経過していました。</p>
<p>そこからはDHLにて発送され、4月18日に東京の自宅に届いたので発送元のサンフランシスコから4日で到着いたしました。</p>
<p>公式サイトは<a href="https://neuroon.com/" target="_blank">こちら</a>。現在は、2時間睡眠を推奨するような文言は消え、睡眠用アイマスクとだけなっています。</p>
<p>論理的には、内蔵したセンサーが生体情報を計測し、LED点灯を制御して睡眠を最適な状態に持っていくというものです。</p>
<h2>開封の儀</h2>
<p><a href="/uploads-archive/2016/04/IMG_20160418_221742_HDR.jpg" rel="attachment wp-att-10428"><img decoding="async" loading="lazy" class="aligncenter wp-image-10428 size-medium" src="/uploads-archive/2016/04/IMG_20160418_221742_HDR-300x225.jpg" alt="IMG_20160418_221742_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_221742_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_221742_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_221742_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_221742_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>DHLの梱包と共に、関税を取られました。想定外でしたが仕方ないとして下記の内訳です。</p>
<p>輸入内国消費税等1500円</p>
<p>立替納税手数料（内税）1080円</p>
<p>計2580円がかかりました。</p>
<p><a href="/uploads-archive/2016/04/IMG_20160418_221958_HDR.jpg" rel="attachment wp-att-10431"><img decoding="async" loading="lazy" class="aligncenter wp-image-10431 size-medium" src="/uploads-archive/2016/04/IMG_20160418_221958_HDR-300x225.jpg" alt="IMG_20160418_221958_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_221958_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_221958_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_221958_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_221958_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>メキメキ破ると段ボールが姿を表しました。</p>
<p><a href="/uploads-archive/2016/04/IMG_20160418_222031_HDR.jpg" rel="attachment wp-att-10432"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10432" src="/uploads-archive/2016/04/IMG_20160418_222031_HDR-300x225.jpg" alt="IMG_20160418_222031_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_222031_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_222031_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_222031_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_222031_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>パッケージが姿を表しちょっと感動。</p>
<p><a href="/uploads-archive/2016/04/IMG_20160418_225904_HDR.jpg" rel="attachment wp-att-10433"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10433" src="/uploads-archive/2016/04/IMG_20160418_225904_HDR-300x225.jpg" alt="IMG_20160418_225904_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_225904_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_225904_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_225904_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_225904_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>じゃーん、重くてもそれはそれで嫌だけど思っていたよりもかなり軽いという印象。</p>
<p><a href="/uploads-archive/2016/04/IMG_20160418_225946_HDR.jpg" rel="attachment wp-att-10434"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10434" src="/uploads-archive/2016/04/IMG_20160418_225946_HDR-300x225.jpg" alt="IMG_20160418_225946_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_225946_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_225946_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_225946_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_225946_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>内容物は、アイマスクの外装とコアとなるセンサーのモジュール、説明書類と充電用のマイクロUSBの4点です。</p>
<p><a href="/uploads-archive/2016/04/IMG_20160418_222223_HDR.jpg" rel="attachment wp-att-10435"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10435" src="/uploads-archive/2016/04/IMG_20160418_222223_HDR-300x225.jpg" alt="IMG_20160418_222223_HDR" width="300" height="225" srcset="/uploads-archive/2016/04/IMG_20160418_222223_HDR-300x225.jpg 300w, /uploads-archive/2016/04/IMG_20160418_222223_HDR-768x576.jpg 768w, /uploads-archive/2016/04/IMG_20160418_222223_HDR-1024x768.jpg 1024w, /uploads-archive/2016/04/IMG_20160418_222223_HDR-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>説明書類は全部英語でクイックスタートガイド、ユーザーマニュアル、保証書、免責事項が記載された４つが入っていました。</p>
<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>ここでクイックスタートガイドを読んで、まずは充電。</p>
<p>質感をご覧いただけると思いますが、スキー用のゴーグルのようなスポンジで最厚部で3cmくらいはあります。果たしてこれが寝やすいかどうか。</p>
<p><a href="/uploads-archive/2016/04/Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon.png" rel="attachment wp-att-10438"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10438" src="/uploads-archive/2016/04/Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon-169x300.png" alt="Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon" width="169" height="300" srcset="/uploads-archive/2016/04/Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon-169x300.png 169w, /uploads-archive/2016/04/Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon-768x1365.png 768w, /uploads-archive/2016/04/Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon-576x1024.png 576w, /uploads-archive/2016/04/Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon-228x405.png 228w, /uploads-archive/2016/04/Screenshot_2016-04-18-22-31-00_com.inteliclinic.neuroon.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>全てアプリで制御するため、アプリもダウンロードしたのですが、どうやら、充電が終わるまでペアリングも出来ないことがわかったので今日はここまで。</p>
<p>1週間使ってみて、使用感はまたレポートします。</p>


neuroon開封の儀

<p>海外のブログになりますが、<br />
イラストにて、デザインをする上で重要な知識、スキルとも言える「要素と原則」を丁寧に説明してくれています。</p>
<p><a href="https://designschool.canva.com/design-elements-principles/" target="_blank">Design Elements &amp; Principles</a></p>
<p><img decoding="async" src="/uploads-archive/2016/04/20DP_Infographic-662x3091.jpg" alt="20DP_Infographic-662x3091" width="500" class="aligncenter size-full wp-image-10423" srcset="/uploads-archive/2016/04/20DP_Infographic-662x3091.jpg 662w, /uploads-archive/2016/04/20DP_Infographic-662x3091-64x300.jpg 64w, /uploads-archive/2016/04/20DP_Infographic-662x3091-219x1024.jpg 219w, /uploads-archive/2016/04/20DP_Infographic-662x3091-228x1065.jpg 228w" sizes="(max-width: 662px) 100vw, 662px" /></p>
<p>ブログ内でそれぞれについて詳しく説明してくれていますが、<br />
僕はこの量の英語を読むのはさすがに苦労するので、翻訳したブログが出ることを期待します笑</p>
<p>この大元のブログがいろんなタメになる記事をいっぱい書いているので要チェックですね。</p>
<p><a href="https://designschool.canva.com/" target="_blank" class="link">Canva Design School Blog</a></p>


わかりやすいイラストによるデザインに大事な「要素と原則」

<p>会社のエレベーターに乗っているとき、唐突に「他の階ってどんな会社が入ってるんだ？」と思うことってありませんか。</p>
<p>我々が入居している１０８ビルは９階まであって、それぞれの階にオフィスが入っていますが、２階にある居酒屋「ぶあいそ」以外のことはまるで知りません。<br />
（「ぶあいそ」にはたまに飲みに行きます）</p>
<p>そんなこんなで、試しに9階に入居しているテクノウォーカーさんをググってみたら、かなりすごい会社だったのでご紹介しますね！</p>
<h2>本業はシステム開発！ 教育事業も！</h2>
<p>社名から想像はしていましたが、テクノウォーカーさんのメイン事業はシステム開発でした。<br />
めっちゃ弊社と同じやないですか～！ちょっと親近感です。<br />
取引先にはNHKや参議院などが並んでおり、すごいの一言です。<br />
<a href="http://www.twalker.co.jp/jigyou_.html">http://www.twalker.co.jp/jigyou_.html</a></p>
<p>教育事業としては、ITパスポートなどの情報系資格の本を出されています。<br />
こちらは監修されているということでしょうか。うーんすごい！<br />
（すごいしか言ってないな。）<br />
<a href="http://www.twalker.co.jp/syuppan.html">http://www.twalker.co.jp/syuppan.html</a></p>
<h2>社内研修、社内イベントなどが充実！</h2>
<p>HPをみると、社内研修などの真面目なものだけでなく、歓迎会などのイベントも頻繁に開催されているようです。</p>
<h3>どこよりも早いクリスマスパーティ</h3>
<p>11月13日に「どこよりも早いクリスマスパーティー」をやっています。<br />
斬新すぎるでしょ！<br />
ただの飲み会ではダメだったのでしょうか。<br />
そんな面白いことが上の階で行われていたなんて。。<br />
<a href="http://www.twalker.co.jp/event_20151113.html">http://www.twalker.co.jp/event_20151113.html</a></p>
<h3>社内研修</h3>
<p>テクノウォーカーでは、社員が自ら希望すれば、社内講師や先輩社員がいつでも研修を実施してくれるそうです。<br />
研修内容は、個人のレベルに合わせた資格試験対策や、 日々の業務のスキルUP方法、階層研修などで、<br />
課長が社員の方にプログラミングを教える様子がUPされていました。</p>
<p>すばらしい！<br />
スターフィールドでも採用すべきじゃないでしょうか。<br />
休みの日に徴集されたら暴動を起こしますが。<br />
<a href="http://www.twalker.co.jp/kensyu_201204.html">http://www.twalker.co.jp/kensyu_201204.html</a></p>
<h3>新入社員歓迎会の場所は、な、なんと！</h3>
<p>108ビル2階の「ぶあいそ」でした。</p>
<p>あそこいいですよね！　<br />
エレベーターで降りるだけというアクセスの良さはもちろん、3000円で飲み放題食べ放題ですもん！<br />
さすが高田馬場！<br />
隣の席の学生がうるさいのがたまにキズですが。<br />
<a href="http://www.twalker.co.jp/event_20140605.html">http://www.twalker.co.jp/event_20140605.html</a></p>
<h2>勝手に紹介してすみません！</h2>
<p>テクノウォーカーさま、勝手に紹介して申し訳ありません。<br />
（問題あれば削除いたします。。）</p>
<p>個人的には、勉強会や交流会など、なにか一緒にできたら良いなと思いました。<br />
せっかくお近くにいるので！<br />
どうぞよろしくお願いいたします！</p>


超近いのに遠い会社！テクノウォーカーがすごかった！

<p>MOOCという大学の講義を無料でも学べるサービスには有名なところでCoursera、edX等がありますが、Courseraにて今秋からData ScienceのMasterを取得できるプログラムが始まるらしいです。<br />
ただし、これは有料です。</p>
<p>公式<br />
<a href="https://www.coursera.org/university-programs/masters-in-computer-data-science" class="link">Master of Computer Science in Data Science (MCS-DS)</a></p>
<p>関連ニュース<br />
<a href="http://qz.com/650283/coursera-is-offering-a-way-to-get-a-real-masters-degree-for-a-lot-less-money/"　　class="link">&#8211; Coursera is offering a way to get a real master’s degree for a lot less money</a><br />
<a href="http://www.marketwired.com/press-release/first-mooc-based-masters-degree-data-science-presents-new-model-meeting-market-demand-2110101.htm"　　class="link">&#8211; The First MOOC-Based Master&#8217;s Degree in Data Science Presents a New Model for Meeting the Market Demand for Highly Skilled Data Scientists</a></p>
<p>Admissionを見てみると</p>
<blockquote><p>
Applicants must hold a bachelor’s degree. If it is not in computer science, applicants must have sufficient background in computer programming as well as data structures and algorithms. The recommended undergraduate GPA for applicants applying to the MCS-DS is a 3.2/4.0 or higher. All applicants must submit an application form, three letters of reference, a statement of purpose, resume, and official transcripts from all completed university coursework. TOEFL / IELTS scores may be required for international applicants.
</p></blockquote>
<p>とあり、学士号は必要なようですが、必ずしもcomputer scienceである必要はないようです。</p>
<p>これなら働きながら取得できるかもしれません。</p>
<p>Couseraといえば、最近流行り乗っかり、Machine Learningのコースを受講してみていますが、気軽に機械学習を学べるコンテンツは他にあまりないと思うので、とても恩恵を受けています。<br />
<a href="https://www.coursera.org/learn/machine-learning"　 class="link">Machine Learning</a></p>


CourseraでMasterが取れるようになるかもらしい

<p>4月8日から越境ECに関する新しい税制が施行された。</p>
<p>1. 行郵税の廃止<br />
2. 免税措置(50元以下)の廃止<br />
3. 購入上限の引き上げ (1000→2000元)<br />
4. 3の範囲内であれば関税は0、それを超える場合は一般貿易と同じ税率となる<br />
というのがおおまかなポイントだ。</p>
<p>まとめると、</p>
<table>
<tbody>
<tr>
<th colspan="2"></th>
<th>個人輸入</th>
<th>一般貿易</th>
</tr>
<tr>
<td rowspan="2">旧税制</td>
<td>税金</td>
<td>行郵税</td>
<td>関税・増値税・消費税</td>
</tr>
<tr>
<td>限度額</td>
<td>1000元まで</td>
<td>無制限</td>
</tr>
<tr>
<td rowspan="2">新税制</td>
<td>税金</td>
<td>増値税・消費税</td>
<td>関税・増値税・消費税</td>
</tr>
<tr>
<td>限度額</td>
<td>2000元まで</td>
<td>無制限</td>
</tr>
</tbody>
</table>
<p>となる。</p>
<p>では実際に日本→中国への越境ECによる影響はどうなるのか、という話について<br />
一般論として税率は上がる場合が多いが下がる場合もある、と言われている。<br />
金額が安い方が影響度が高く、高値のほうが影響が低いという傾向があるようだ。</p>
<p>前提として、今回の改定の目的は、購入代理等による課税逃れと、<br />
行郵税と一般貿易による課税の価格差(行郵税の方が安い)の解消と言われている。</p>
<p>要は税金を一元管理しやすい一般貿易に誘導して個人輸入の量を減らすという方向のようだ。</p>
<p>ここで感じるのは、中国は元の国外流出を止めるべく、越境EC自体を規制するのでは、という話が以前あったが<br />
そうではないということ。<br />
一般貿易としての越境ECについてはむしろ拡大しようとしているようにも見える。<br />
その証拠に今回の改定の1つとして、増値税、消費税の税率を30%減額するという項目も含まれている。<br />
そう考えると、むしろやりやすくなる会社も多いのではないかとさえ思う。</p>
<h2>まとめ</h2>
<p>上述の理由から、EMS等事前申告が無い配送手段への検閲は厳しくなると予想される。<br />
また、一般貿易を優遇する方向性であると仮定すると、事前申告型の配送手段が増えると予想される。<br />
具体的にはヤマトチャイナダイレクトなどだ。<br />
今EMSに頼っている店舗は見直しを始めた方がよいのと、税金をどのように徴収するかというスキームを考えていかなければならないと思われる</p>


【中国越境EC】4月8日から新税制が施行

スパゲッティコードを整理してみる

bc39ab4aa42da2e300a76b020e249067-1024x574.jpg

css3のflexboxを使うとすごい簡単になるレイアウトを試してみた

<p>お買い物好きな女性ならネットサーフィンしていて「あ！コレいいな！」そう思ったらいつの間にかポチっとしちゃいますよね。</p>
<p>私も<del datetime="2016-04-11T09:40:01+00:00">無駄に</del>買い物が好きで、スマホでネットをウロウロしてるとつい買ってしまう事が多々あります。</p>
<p>そんな買い物好きな女が特に買ってしまいそうになるLPサイトをご紹介します。</p>
<h2>可愛かったり、綺麗だったり、につい目が引かれる</h2>
<blockquote><p><a href="http://www.wacoal.jp/ribbonbra/" target="_balak"><br />
 ※ ワコール | リボンブラ</a></p></blockquote>
<p>PC<br />
<a href="/uploads-archive/2016/04/lp07-e1460444024990.jpg" rel="attachment wp-att-10350"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10350" src="/uploads-archive/2016/04/lp07-e1460444024990.jpg" alt="lp07" width="498" height="368" /></a></p>
<p>スクロールすると歩く赤ずきんちゃん<br />
<a href="/uploads-archive/2016/04/lp08-e1460444035384.jpg" rel="attachment wp-att-10351"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10351" src="/uploads-archive/2016/04/lp08-e1460444035384.jpg" alt="lp08" width="498" height="368" /></a></p>
<p>SP<br />
<a href="/uploads-archive/2016/04/lp09.jpg" rel="attachment wp-att-10352"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10352" src="/uploads-archive/2016/04/lp09.jpg" alt="lp09" width="414" height="740" srcset="/uploads-archive/2016/04/lp09.jpg 414w, /uploads-archive/2016/04/lp09-168x300.jpg 168w, /uploads-archive/2016/04/lp09-228x408.jpg 228w" sizes="(max-width: 414px) 100vw, 414px" /></a></p>
<p>スマホでもスワイプで赤ずきんちゃんが歩きます。<br />
下着なので完璧に女性をターゲットにしているデザインですね、可愛くてつい見入ってしまいます。このギミック自体も面白くて見ちゃいますね。</p>
<blockquote><p>
<a href="http://www.surusuru.jp/cha/lp/sc01/"><br />
　※ スルスル茶 | 新発売キャンペーン</a></p></blockquote>
<p>PC<br />
<a href="/uploads-archive/2016/04/lp01-e1460368916209.jpg" rel="attachment wp-att-10305"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10305" src="/uploads-archive/2016/04/lp01-e1460368916209.jpg" alt="lp01" width="498" height="364" srcset="/uploads-archive/2016/04/lp01-e1460368916209.jpg 498w, /uploads-archive/2016/04/lp01-e1460368916209-300x219.jpg 300w, /uploads-archive/2016/04/lp01-e1460368916209-228x167.jpg 228w" sizes="(max-width: 498px) 100vw, 498px" /></a></p>
<p>SP<br />
<a href="/uploads-archive/2016/04/lp02-1.jpg" rel="attachment wp-att-10309"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10309" src="/uploads-archive/2016/04/lp02-1.jpg" alt="lp02" width="419" height="741" srcset="/uploads-archive/2016/04/lp02-1.jpg 419w, /uploads-archive/2016/04/lp02-1-170x300.jpg 170w, /uploads-archive/2016/04/lp02-1-228x403.jpg 228w" sizes="(max-width: 419px) 100vw, 419px" /></a></p>
<p>「もしかして･･･30歳になって急に太った？？？」</p>
<p>言われたらかなり傷付くワード＝自分が気になっていること。こういった特定のターゲットを絞ったキャッチコピーについ「そうそう」と続きを見てしまいます。さらに畳みかけるように”管理栄養士が作った”なんて書かれていたらそれなりの効果を期待しちゃったり、この商品は安心だと思いますよね。</p>
<p>イラストも女性が好きそうなかわいいキャラクターがメインに来ていて、全体的に説明もザックリしていてシンプルにまとまっているので、怪しいサイト特有のごちゃごちゃ感が無く買いやすいです。</p>
<blockquote><p>
　<a href="http://blacklabel.suzuin.co.jp/"><br />
※ プレミアム印章専門店SUZUIN | 鈴印ブラックレーベル</a></p></blockquote>
<p>PC<br />
<a href="/uploads-archive/2016/04/lp10.gif" rel="attachment wp-att-10360"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10360" src="/uploads-archive/2016/04/lp10.gif" alt="lp10" width="498" height="367" /></a></p>
<p>SP<br />
<a href="/uploads-archive/2016/04/lp11.jpg" rel="attachment wp-att-10362"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10362" src="/uploads-archive/2016/04/lp11.jpg" alt="lp11" width="414" height="741" srcset="/uploads-archive/2016/04/lp11.jpg 414w, /uploads-archive/2016/04/lp11-168x300.jpg 168w, /uploads-archive/2016/04/lp11-228x408.jpg 228w" sizes="(max-width: 414px) 100vw, 414px" /></a></p>
<p>でっかい写真をバーン！テキストがずっらーーー！<br />
場所によってはテキストが見辛い部分がありますが、全体のイメージと写真にこだわっているみたいですね。<br />
説明文はあまり見えなくても雰囲気でつい持ちたくなってしまいます。</p>
<p>ちなみにお値段は大体２万円～</p>
<blockquote><p><a href="http://u-tokinoirodori.com//lp/campaign/"><br />
　※ オールインワンセラム | 季乃彩</a></p></blockquote>
<p>PC<br />
<a href="/uploads-archive/2016/04/lp03-e1460369799532.jpg" rel="attachment wp-att-10310"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10310" src="/uploads-archive/2016/04/lp03-e1460369799532.jpg" alt="lp03" width="498" height="370" /></a></p>
<p>SP<br />
<a href="/uploads-archive/2016/04/lp04.jpg" rel="attachment wp-att-10311"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10311" src="/uploads-archive/2016/04/lp04.jpg" alt="lp04" width="412" height="740" srcset="/uploads-archive/2016/04/lp04.jpg 412w, /uploads-archive/2016/04/lp04-167x300.jpg 167w, /uploads-archive/2016/04/lp04-228x410.jpg 228w" sizes="(max-width: 412px) 100vw, 412px" /></a></p>
<p>パッと見はごちゃついてますが、「数量限定」「初回限定価格」「本品お試しキャンペーン」など･･･すごくそそられるキーワードが沢山書かれていますね。なくなり次第終了とも書かれていますので、ついそれだけで買っちゃいそうになっちゃいます。<del datetime="2016-04-11T09:40:01+00:00">まあ、なくなることなんてないんだろうけど。</del></p>
<p>購入画面（一部）<br />
<a href="/uploads-archive/2016/04/lp05.jpg" rel="attachment wp-att-10315"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10315" src="/uploads-archive/2016/04/lp05.jpg" alt="lp05" width="419" height="740" srcset="/uploads-archive/2016/04/lp05.jpg 419w, /uploads-archive/2016/04/lp05-170x300.jpg 170w, /uploads-archive/2016/04/lp05-228x403.jpg 228w" sizes="(max-width: 419px) 100vw, 419px" /></a></p>
<p>今すぐ購入からはごちゃついているTOPと打って変わってシンプルな詳細ページ。実際に使用したお客様のレビューが見られるのはとってもいいですね。</p>
<h2>おまけ</h2>
<blockquote><p><a href="http://www.hatalike.jp/ct/edit/takashi/index.html" target="_blank"><br />
　※ はたらく臓器inたかし｜求人・転職情報サイト【はたらいく】</a></p></blockquote>
<p>ECサイトではないけれど、なにこれおもしろい</p>
<blockquote><p><a href="https://mediplus-orders.jp/static/lp/an01/1064680/lp52/f/" target="_blank"><br />
　※ 30日間返金キャンペーン実施中！肌環境底上げコスメ『メディプラスゲル』</a>（</p></blockquote>
<p>肌の賞味期限･･･？</p>
<blockquote><p><a href="http://www.collage-shop.jp/shop/pages/bk_lp_b.aspx" target="_blank"><br />
　※ 敏感肌だってエイジングケア | B.K.AGE | 持田ヘルスケア株式会社 持田製薬グループ</a></p></blockquote>
<p>どこにでもあるECサイトですが、手書きフォントを使われていると親近感というか誰かの感想なのかな･･･とちょっと気になると思いました。</p>
<h2>まとめ</h2>
<p>LPって見てるだけでも面白いですよね。今回まとめてみて私はデザインで買ってしまう傾向があるんだなと思いました。<br />
するする茶、買おうかな･･･</p>


女の私がつい買ってしまいそうになるECサイトのLPデザインはコレ

<p>botのイメージというと、Twitterで機械的に過去の発言などをつぶやく有名人botやとあるジャンルに絞ったコピペを投稿するbotが私の中での定義に近かったのですが、もっと広い意味合いでbotという言葉が使われ始めているなと思っていたところにtechcrunchをみていて、様々なbotを集めた「Botlist」というサイトがあることを知ったのでご紹介です。</p>
<p><a href="http://techcrunch.com/2016/04/11/botlist-is-an-app-store-for-bots/" target="_blank">Botlist is an app store for bots</a></p>
<p>なんていう記事を書いていたら、cnetでも<a href="http://japan.cnet.com/news/commentary/35081012/" target="_blank">マイクロソフトのボット戦略&#8211;各部門の取り組みを探る</a>という記事を発見しました。</p>
<p>bot盛り上がってますね。</p>
<h2>Botlist</h2>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/botlist_%e2%80%a2_an_app_store_for_bots_/" rel="attachment wp-att-10337"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10337" src="/uploads-archive/2016/04/e428d274916df79130a94c77ce68bd20-300x138.png" alt="Botlist_•_An_App_Store_For_Bots_" width="300" height="138" srcset="/uploads-archive/2016/04/e428d274916df79130a94c77ce68bd20-300x138.png 300w, /uploads-archive/2016/04/e428d274916df79130a94c77ce68bd20-768x354.png 768w, /uploads-archive/2016/04/e428d274916df79130a94c77ce68bd20-1024x472.png 1024w, /uploads-archive/2016/04/e428d274916df79130a94c77ce68bd20-228x105.png 228w, /uploads-archive/2016/04/e428d274916df79130a94c77ce68bd20.png 1263w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h3>対応プラットフォーム</h3>
<ul class="list-unstyled">
<li>Android</li>
<li>Email</li>
<li>Facebook Messenger</li>
<li>iPhone</li>
<li>Kik</li>
<li>Slack</li>
<li>SMS</li>
<li>Telegram</li>
<li>Web</li>
</ul>
<p>これだけの数があるのが初めて知りましたが、中でもKik、Telegramという見慣れないものがあったのですが、どちらもメッセージングサービスであるんですね。</p>
<p><a href="https://www.kik.com/" target="_blank">https://www.kik.com/</a></p>
<p><a href="https://telegram.org/" target="_blank">https://telegram.org/</a></p>
<p>数としてはslackが圧倒的に多く登録されていました。</p>
<p>その中でも気になった一つを試してみました。</p>
<p>またGoogleアナリティクスネタです。</p>
<h2>Statsbot</h2>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/botlist_%e2%80%a2_an_app_store_for_bots_-2/" rel="attachment wp-att-10340"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10340" src="/uploads-archive/2016/04/722f65c65948334b3c9a2f0e08c7ba98-300x144.png" alt="Botlist_•_An_App_Store_For_Bots_ 2" width="300" height="144" srcset="/uploads-archive/2016/04/722f65c65948334b3c9a2f0e08c7ba98-300x144.png 300w, /uploads-archive/2016/04/722f65c65948334b3c9a2f0e08c7ba98-768x369.png 768w, /uploads-archive/2016/04/722f65c65948334b3c9a2f0e08c7ba98-1024x492.png 1024w, /uploads-archive/2016/04/722f65c65948334b3c9a2f0e08c7ba98-228x110.png 228w, /uploads-archive/2016/04/722f65c65948334b3c9a2f0e08c7ba98.png 1170w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>slackとGoogleアナリティクスを連携するbotです。</p>
<p>リンクはタイトル下からしかいけないです。</p>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/statsbot/" rel="attachment wp-att-10341"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10341" src="/uploads-archive/2016/04/Statsbot-300x134.png" alt="Statsbot" width="300" height="134" srcset="/uploads-archive/2016/04/Statsbot-300x134.png 300w, /uploads-archive/2016/04/Statsbot-768x343.png 768w, /uploads-archive/2016/04/Statsbot-1024x458.png 1024w, /uploads-archive/2016/04/Statsbot-228x102.png 228w, /uploads-archive/2016/04/Statsbot.png 1271w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>あとはお馴染みの連携のステップを進めていきます。自分自身slackは初めてですが、この辺りは一緒ですね。</p>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/statsbot-2/" rel="attachment wp-att-10342"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10342" src="/uploads-archive/2016/04/Statsbot-2-300x56.png" alt="Statsbot 2" width="300" height="56" srcset="/uploads-archive/2016/04/Statsbot-2-300x56.png 300w, /uploads-archive/2016/04/Statsbot-2-768x143.png 768w, /uploads-archive/2016/04/Statsbot-2-1024x191.png 1024w, /uploads-archive/2016/04/Statsbot-2-228x43.png 228w, /uploads-archive/2016/04/Statsbot-2.png 1228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>最後にGoogleアナリティクスのビューを選びます。</p>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/statsbot-3/" rel="attachment wp-att-10344"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10344" src="/uploads-archive/2016/04/Statsbot-3-300x221.png" alt="Statsbot 3" width="300" height="221" srcset="/uploads-archive/2016/04/Statsbot-3-300x221.png 300w, /uploads-archive/2016/04/Statsbot-3-768x567.png 768w, /uploads-archive/2016/04/Statsbot-3-1024x756.png 1024w, /uploads-archive/2016/04/Statsbot-3-228x168.png 228w, /uploads-archive/2016/04/Statsbot-3.png 1195w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>完了するとslackの画面にbotが追加されました。</p>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/statsbot___sterfield_slack/" rel="attachment wp-att-10345"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10345" src="/uploads-archive/2016/04/statsbot___sterfield_Slack-300x228.png" alt="statsbot___sterfield_Slack" width="300" height="228" srcset="/uploads-archive/2016/04/statsbot___sterfield_Slack-300x228.png 300w, /uploads-archive/2016/04/statsbot___sterfield_Slack-768x585.png 768w, /uploads-archive/2016/04/statsbot___sterfield_Slack-1024x780.png 1024w, /uploads-archive/2016/04/statsbot___sterfield_Slack-228x174.png 228w, /uploads-archive/2016/04/statsbot___sterfield_Slack.png 1237w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>後は、用意されたコマンドを叩くと応答してくれます。</p>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/statsbot-4/" rel="attachment wp-att-10346"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10346" src="/uploads-archive/2016/04/Statsbot-1-300x183.png" alt="Statsbot" width="300" height="183" srcset="/uploads-archive/2016/04/Statsbot-1-300x183.png 300w, /uploads-archive/2016/04/Statsbot-1-768x467.png 768w, /uploads-archive/2016/04/Statsbot-1-1024x623.png 1024w, /uploads-archive/2016/04/Statsbot-1-228x139.png 228w, /uploads-archive/2016/04/Statsbot-1.png 1147w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>例にあったように</p>

		<div id="crayon-649540263bc35735888758" 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;">
@Statsbot summary yesterday</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-649540263bc35735888758-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-649540263bc35735888758-1"><span class="crayon-sy">@</span><span class="crayon-e">Statsbot </span><span class="crayon-e">summary </span><span class="crayon-i">yesterday</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と打ち込むと下記のように返してくれました。</p>
<p>&nbsp;</p>
<p><a href="/officer/slack%e3%82%84dropbox%e3%81%be%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aabot%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8cbotlist%e3%80%8d/attachment/statsbot___sterfield_slack-3/" rel="attachment wp-att-10353"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10353" src="/uploads-archive/2016/04/statsbot___sterfield_Slack-3-300x141.png" alt="statsbot___sterfield_Slack 3" width="300" height="141" srcset="/uploads-archive/2016/04/statsbot___sterfield_Slack-3-300x141.png 300w, /uploads-archive/2016/04/statsbot___sterfield_Slack-3-768x361.png 768w, /uploads-archive/2016/04/statsbot___sterfield_Slack-3.png 1024w, /uploads-archive/2016/04/statsbot___sterfield_Slack-3-228x107.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>他にも日時のレポートを送ってくれるスケジュールもセット出来るようです。</p>
<h2>まとめ</h2>
<p>bot面白い</p>

slackやdropboxまで様々なbotのまとめサイト「Botlist」

<p>CINEMA4Dを使っているなら一度は見た事があるかもしれませんが、Cineversityというチュートリアルサイトが存在します。Cineversityはできたらカッコイイ表現のチュートリアルを動画でいくつもアップしています。</p>
<p>基本的に全て英語ですが、操作方法を解説してくれる部分については動画の通りに設定をすれば良いので、きちんと聞き取れなくても利用できると思います。</p>
<p>Cineversityにはこちらからどうぞ<a href="http://www.cineversity.com">http://www.cineversity.com</a></p>
<h2>membership option</h2>
<p>Cineversityのメンバーシップにはフリーとプレミアムが存在します。</p>
<p><a href="/uploads-archive/2016/04/2-1.gif" rel="attachment wp-att-10332"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10332" src="/uploads-archive/2016/04/2-1.gif" alt="2" width="640" height="361" /></a></p>
<p>フリーでもチュートリアルを観る事はできるのですが内容に制限があります。</p>
<p>プレミアムは一年間で約1万円さらに初年度は約3万円とかなり割高ですが、結構便利なプラグインをいくつもダウンロードできるので、プラグインを購入したと思えば安いかもしれません。とはいえプレミアムに入るのは高い！という方がほとんどだと思います。約4万円をポンと出すのはかなり厳しい物があります。</p>
<p>しかし、MSAに加入しているユーザーなら無料でプレミアムメンバーとしてCineversityを利用できます。キャンペーンなどでCINEMA4Dを購入した方はMSAがついてくる事がよくあるみたいなので、MSAに加入している方は是非利用してみてください。</p>
<h2>プレミアムへのクーポンコード</h2>
<p>MSA加入者にはMAXONからCineversityをプレミアムで利用するためのクーポンコードがメールで送られます。おそらくMSAに加入した時点で送られているようなので確認してみてください。</p>
<p>メールの内容は全て英語表記で「Free Cineversity voucher for MSA customers」というタイトルで送られてきます。</p>
<p>&nbsp;</p>
<p>送られてきたクーポンコードをUse Couponから入力し、名前や住所などを入力すればプレミアムメンバーに変更できます。</p>
<h2>便利なプラグインをダウンロードできるCV-TOOLBOX</h2>
<p>TOOLBOXがどんな物かこちらを見て頂ければ分かりやすいと思います。</p>
<p>http://www.cineversity.com/vidplaylist/cineversity_resources/cv_toolbox</p>
<p>TOOLBOXはCineversityからダウンロードして、他のプラグインと同様に「プラグイン」のフォルダに入れてください。その後、CINEMA4Dを立ち上げ直すとCineversityの登録アドレスとパスを入力してログインすればOKです。</p>
<p><a href="/uploads-archive/2016/04/3-1.gif" rel="attachment wp-att-10333"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10333" src="/uploads-archive/2016/04/3-1.gif" alt="3" width="640" height="382" /></a></p>
<p>プラグインにCV-Toolboxという名前で入っています。</p>
<p><a href="/uploads-archive/2016/04/4.gif" rel="attachment wp-att-10334"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10334" src="/uploads-archive/2016/04/4.gif" alt="4" width="536" height="225" /></a></p>
<p>CV-Toolbox開き、ここから必要なプラグインにチェックを入れる事でダウンロードができます。</p>
<p><a href="/uploads-archive/2016/04/5.gif" rel="attachment wp-att-10335"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10335" src="/uploads-archive/2016/04/5.gif" alt="5" width="640" height="370" /></a></p>


CINEMA4D 最新のチュートリアルとプラグインを利用できるCineversity

<p>webサイトを翻訳する場合、複数の方法がある。</p>
<p>その中でも最も簡単に実装できる方法の1つはフロント側での対応 = jsでの対応と思っており、良いツールなどが無いか調べてみた。</p>
<p>&nbsp;</p>
<p>いくつか調べてみた中ではこれの評価が高いように思えたため使ってみた</p>
<p><a href="http://www.openxrest.com/translatejs/" target="_blank">http://www.openxrest.com/translatejs/</a></p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/65/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<p>構造としては、以下のようにまずjsonで定義しておく必要がある。</p>

		<div id="crayon-649540263ba46821042236" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">JavaScript</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
var t = {
	signin: {
		jp: "ログイン",
		en: "Sign in"
	},
	registration: {
		jp: "会員登録",
		en: "Registration"
	},
	cart: {
		jp: "カート",
		en: "Cart"
	},
	contactus: {
		jp: "お問い合わせ",
		en: "Contact Us"
	}
}</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-649540263ba46821042236-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-2">2</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-4">4</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-6">6</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-8">8</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-10">10</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-12">12</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-14">14</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-16">16</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-18">18</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-649540263ba46821042236-1"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">t</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-2"><span class="crayon-h">	</span><span class="crayon-i">signin</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-3"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"ログイン"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-4"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Sign in"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-5"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-6"><span class="crayon-h">	</span><span class="crayon-i">registration</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-7"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"会員登録"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-8"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Registration"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-9"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-10"><span class="crayon-h">	</span><span class="crayon-i">cart</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-11"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"カート"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-12"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Cart"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-13"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-14"><span class="crayon-h">	</span><span class="crayon-i">contactus</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-15"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"お問い合わせ"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-16"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Contact Us"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-17"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-18"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>それを例えば</p>

		<div id="crayon-649540263ba4a916126260" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">JavaScript</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$('body').translate({lang: "jp", t: t});</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-649540263ba4a916126260-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-649540263ba4a916126260-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'body'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">translate</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span><span class="crayon-i">lang</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"jp"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">t</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">t</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このように特定の要素(ここではbody)に対して実行すると指定した言語に変換される</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>定義が面倒だが、1つの選択肢としては手軽に導入できて良いかもしれない</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2016年

2016/04/26

2016/04/20

2016/04/20

2016/04/20

2016/04/20

2016/04/20

2016/04/20

2016/04/19

2016/04/19

2016/04/19

2016/04/13

2016/04/13

2016/04/13

2016/04/13

2016/04/13

2016/04/13

2016/04/12

2016/04/06