<p>中国人のEC界隈の方と話していて、耳慣れない言葉を聞きました。</p>
<p>「いま一番流行ってるのはパピ（Papi）ちゃんだよ！」</p>
<p>パピちゃん…ご存知でしょうか？</p>
<p>なんでも日本で言うツイキャスみたいなことをしている女性なのですが、中国国内で大人気すぎて個人なのに２億円を投資家から調達したりとか、広告枠が４億円で売れたりとか、日本のyoutuberと規模感の違いを魅せつけてくれる方です。</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-11535 aligncenter" src="/uploads-archive/2016/07/201607120500000view.jpg" alt="201607120500000view" width="365" height="400" srcset="/uploads-archive/2016/07/201607120500000view.jpg 365w, /uploads-archive/2016/07/201607120500000view-274x300.jpg 274w, /uploads-archive/2016/07/201607120500000view-228x250.jpg 228w" sizes="(max-width: 365px) 100vw, 365px" /></p>
<p><img decoding="async" loading="lazy" class="size-large wp-image-11536 aligncenter" src="/uploads-archive/2016/07/ninja145399419942574.jpg" alt="ninja145399419942574" width="800" height="410" srcset="/uploads-archive/2016/07/ninja145399419942574.jpg 800w, /uploads-archive/2016/07/ninja145399419942574-300x154.jpg 300w, /uploads-archive/2016/07/ninja145399419942574-768x394.jpg 768w, /uploads-archive/2016/07/ninja145399419942574-228x117.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p>変顔じゃない写真。<br />
かわいい！</p>
<p>ググるとそんなにまだ記事はないですが、「<a href="http://kzaway.hatenablog.com/entry/20160414/1460616513" target="_blank">趣味の「Papi醤」研究始まる。</a>」というブログを書いている日本人の方の記事が詳しいので引用させていただきます。</p>
<blockquote><p>１：Papiちゃんとは</p>
<p>プロフィールと大まかな彼女の成長の軌跡はこんな感じ。</p>
<p>Papiちゃん、本名「姜逸磊」<br />
上海出身<br />
８７年生まれ<br />
中国中央戯劇学院導演系大学院生（映像監督の知識や技術を学ぶ学科）<br />
属性：貧乏ちっぱい（←原文は「贫穷+平胸」。読みが「ピンチョンピンション」という似た音となり、フザケてかけてるのだと思われる。貧乳と訳すか迷ったが、日本のオタク系コンテンツの影響を受けているようなので「ちっぱい」と訳すことにした。）<br />
趣味：ジャニオタ（Kinkikids世代の模様）<br />
口上：「私はPapiちゃん、美貌と才能を併せ持った女の子。」<br />
２０１５年７月から中国モバイル動画アプリを使って短編動画（尺は数分）を投稿開始。最初は試行錯誤を繰り返していた。<br />
２０１５年１０月から動画の再生速度と音声をいじり始める。これが当たる。たった２ヶ月で数百万のフォロアーを獲得<br />
半年足らずでフォロアー８００万突破<br />
２０１６年３月、真格基金、罗辑思维、光源资本と星图资本より合計約２億円を資金調達しニュースに。<br />
最近、中華圏で人気のAngelababyの事務所に所属した<br />
注目すべきは、個人メディアが２億円を調達という極めて珍しいこの動きだろう。各社のシェアは以下のとおり。</p>
<p>２：Papiちゃんの実力</p>
<p>何が凄いってね、実際の閲覧数とか再生数とかが凄いんだよマジで。百度百科の数字ではこんなかんじ。</p>
<p>新浪微博：フォロアー1000万<br />
動画再生総数：３億回＋<br />
動画平均再生数：７５３万回（最高記録２０９３万回）<br />
Wechat公衆号購読者数：２８７万（日本でいうLINE@みたいなやつ。２０１５年９月開設 出典）<br />
Wechat公衆号平均閲覧数：１０万＋（カンストwwwっww）<br />
Wechat公衆号の閲覧数カンストとかマジ初めて見たわw</p></blockquote>
<p>papiちゃんの動画の一部はyoutubeにも（無断？）転載されています。</p>
<p>「ウザくて口が悪い」のが持ち味だそうです。</p>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/j809W9Cob1M" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>弊社の協力会社で、中国向けのPRを専門にされているエンジョイジャパンさんも新たに動画作成・拡散サービスを始めましたし、今のトレンドなのでしょう。<br />
しかし、冒頭の中国人の知人は「微博（ウェイボー）はオワコン」と言うし、移り変わり早いな～！</p>


中国の動画モンスター・パピちゃんが２億円調達！

<p>Railsのアプリケーションでバリデーションを行うときは、model内に定義します。<br />
例えば、必須入力であれば、</p>

		<div id="crayon-64954026414da534546014" 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;">
validates :name, presence: true</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-64954026414da534546014-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-64954026414da534546014-1"><span class="crayon-i">validates</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">name</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">presence</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>一意性を担保するものであれば、</p>

		<div id="crayon-64954026414de519728300" 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;">
validates :name, presence: true</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-64954026414de519728300-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-64954026414de519728300-1"><span class="crayon-i">validates</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">name</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">presence</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のような形式です。</p>
<p>しかし、特定の状況ではバリデーションを効かせたいけど、それ以外の状況ではバリデーションを効かせたくないという状況が存在します。<br />
その場合は、いくつか方法が存在するのですが、今日は2つ紹介致します。</p>
<h2>1. on, contextで指定をしていする</h2>
<p>特定の状況かだけバリデーションを効かせるというときに使用します。<br />
方法は簡単で、上記にて記したバリーデーション記法の末尾に、どういう状況で効かせるかonで指定します。<br />
例えば、その特定の状況をuserとして定義するならば下記のようになります。</p>

		<div id="crayon-64954026414df237191314" 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;">
validates :name, presence: true, on: user</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-64954026414df237191314-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-64954026414df237191314-1"><span class="crayon-i">validates</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">name</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">presence</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-h"> </span><span class="crayon-i">on</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">user</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>そして、上記バリデーションを効かせるには、<br />
Railsにて保存する際に、contextというオプションで指定します。<br />
例えば、userという特定のオプションをもったバリデーションを効かせたい場合であれば、</p>

		<div id="crayon-64954026414e1720164220" 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;">
save(context: :user)</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-64954026414e1720164220-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-64954026414e1720164220-1"><span class="crayon-e">save</span><span class="crayon-sy">(</span><span class="crayon-i">context</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">user</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のような形になります。</p>

		<div id="crayon-64954026414e2424605556" 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;">
invalid(context: :user)</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-64954026414e2424605556-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-64954026414e2424605556-1"><span class="crayon-e">invalid</span><span class="crayon-sy">(</span><span class="crayon-i">context</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">user</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>なども同様に使用できます。</p>
<h2>2. あらゆるバリデーションを無視する</h2>
<p>model内にバリデーションを指定していた場合でも、そのバリデーションを無視して保存させたい場合が存在しますが、<br />
その場合は、</p>

		<div id="crayon-64954026414e3256844877" 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;">
save(validate: 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-64954026414e3256844877-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-64954026414e3256844877-1"><span class="crayon-e">save</span><span class="crayon-sy">(</span><span class="crayon-i">validate</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のような形で保存させることが可能です。</p>

状況によってvalidationを変える（Ruby on Rails）

<h3>前置き</h3>
<div style="padding-left: 15px;">
  対象とするケースは以下です</p>
<ol>
<li>ストレージ同期から更にファイルを抽出する</li>
<li>特定のファイル/ディレクトリのバックアップ</li>
<li>Windows / Mac 対応</li>
</ol>
</div>
<h3>Macの場合</h3>
<div style="padding-left: 15px;">
  以下のコマンドを実行するだけです。<br />
  ディレクトリやファイル毎にコマンドを変えてあげる必要はあります。<br />


		<div id="crayon-64954026412e3472380256" 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;">
watch --interval=10 "rsync --iconv=UTF-8-MAC,UTF-8 -auv \"/Volumes/HOGEHOGE/assetments/\" \~/Vagrant/data/fugafuga/asset\""</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-64954026412e3472380256-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-64954026412e3472380256-1"><span class="crayon-i">watch</span><span class="crayon-h"> </span>--<span class="crayon-i">interval</span>=<span class="crayon-cn">10</span><span class="crayon-h"> </span><span class="crayon-s">"rsync --iconv=UTF-8-MAC,UTF-8 -auv \"/Volumes/HOGEHOGE/assetments/\" \~/Vagrant/data/fugafuga/asset\""</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
  上記の詳細は以下です。<br />
  ・interval以降の数値：同期する周期(単位は秒)<br />
  ・rsync：同期を実行するコマンド本体<br />
  ・iconv：ファイル名などを識別する文字コード(おまじない程度)<br />
  ・-auv：[a:サブディレクトリをタイムスタンプ等全部そのままコピー][u:更新されたファイルのみ][v:容量を表示する]<br />
  ・最初のパス：コピー元<br />
  ・次のパス：コピー先</p>
<p>  同期元と同期先を全く同じものにするには「&#8211;delete」オプションを使えばOKです。<br />
  (ただし、存在しないファイルがあった場合は片方が削除されるので注意)</p></div>
<h3>Windowsの場合</h3>
<div style="padding-left: 15px;">
  Mac(Linux)ほど厳密なことは出来ません。<br />


		<div id="crayon-64954026412e8497146332" 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;">
robocopy C:\\src C:\\dst</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-64954026412e8497146332-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-64954026412e8497146332-1"><span class="crayon-i">robocopy</span><span class="crayon-h"> </span><span class="crayon-i">C</span><span class="crayon-sy">:</span><span class="crayon-sy">\</span><span class="crayon-sy">\</span><span class="crayon-i">src</span><span class="crayon-h"> </span><span class="crayon-i">C</span><span class="crayon-sy">:</span><span class="crayon-sy">\</span><span class="crayon-sy">\</span><span class="crayon-i">dst</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
  これだけです。<br />
  ファイルの拡張子を指定したければ<br />
  コマンド末尾にスペース一つあけて「*.jpg」とすれば<br />
  その条件に一致したファイルのみを同期してくれます。</p>
<p>  更にサブディレクトリも一緒にコピーしたければ<br />
  /S と上記の条件から更にスペースを一つあけて追記すればOKです。</p>
<p>  Macのrsyncコマンドのように全く同じ状態にするは現状難しそうです。</p></div>

ファイルを同期させてバックアップ(とか)！

<p>久しぶりにエクセルをがっつり設定してみました。</p>
<p>普段からエクセルを常用はしておりますが、大体は数字をまとめるための四則演算の関数やデータを自動計算してくれるvlookup関数くらいまででしたが、今回は人力でチェックする時間を省くという目的のために「入力規則」を設定して、所定のフォーマット以外入力をさせないエクセルを作りました。</p>
<p>入力規則でここまで出来るのか〜ということを調べながら実践したことを共有します。</p>
<h2>リスト形式</h2>
<p><a href="/uploads-archive/2016/07/list.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11498" src="/uploads-archive/2016/07/list-300x169.png" alt="list" width="300" height="169" srcset="/uploads-archive/2016/07/list-300x169.png 300w, /uploads-archive/2016/07/list-768x434.png 768w, /uploads-archive/2016/07/list-228x129.png 228w, /uploads-archive/2016/07/list.png 793w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まずは、入力規則の基本から。</p>
<p>このような、リスト形式、htmlだとプルダウンメニューと言ったりすると思います。</p>
<p><a href="/uploads-archive/2016/07/1c062e3e5f9db458dc616440f6fe0ece.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11499" src="/uploads-archive/2016/07/1c062e3e5f9db458dc616440f6fe0ece-300x214.png" alt="1c062e3e5f9db458dc616440f6fe0ece" width="300" height="214" srcset="/uploads-archive/2016/07/1c062e3e5f9db458dc616440f6fe0ece-300x214.png 300w, /uploads-archive/2016/07/1c062e3e5f9db458dc616440f6fe0ece-768x547.png 768w, /uploads-archive/2016/07/1c062e3e5f9db458dc616440f6fe0ece-1024x730.png 1024w, /uploads-archive/2016/07/1c062e3e5f9db458dc616440f6fe0ece-228x163.png 228w, /uploads-archive/2016/07/1c062e3e5f9db458dc616440f6fe0ece.png 1462w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ol>
<li>リストの中の要素を別のセルで作る。（後で非表示にするか、別シートなどで）</li>
<li>データ＞入力規則</li>
<li>許可：リスト</li>
<li>元の値：1で作成したセルを選択</li>
</ol>
<p>でリスト形式の入力規則が作成出来ます。</p>
<h2>文字数制限</h2>
<p><a href="/uploads-archive/2016/07/73d4cadefa007b7c802e5e25ba5e04c9.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11500" src="/uploads-archive/2016/07/73d4cadefa007b7c802e5e25ba5e04c9-300x174.png" alt="73d4cadefa007b7c802e5e25ba5e04c9" width="300" height="174" srcset="/uploads-archive/2016/07/73d4cadefa007b7c802e5e25ba5e04c9-300x174.png 300w, /uploads-archive/2016/07/73d4cadefa007b7c802e5e25ba5e04c9-768x445.png 768w, /uploads-archive/2016/07/73d4cadefa007b7c802e5e25ba5e04c9-1024x594.png 1024w, /uploads-archive/2016/07/73d4cadefa007b7c802e5e25ba5e04c9-228x132.png 228w, /uploads-archive/2016/07/73d4cadefa007b7c802e5e25ba5e04c9.png 1514w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ol>
<li>データ＞入力規則</li>
<li>許可：文字列（長さ指定）</li>
<li>データ：次の値以下</li>
<li>最大値：50</li>
</ol>
<p>これで50文字以下の設定が出来ます。</p>
<p><a href="/uploads-archive/2016/07/bbc3662ed4bd8b117a9afcfc72f2c877.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11501" src="/uploads-archive/2016/07/bbc3662ed4bd8b117a9afcfc72f2c877-300x146.png" alt="bbc3662ed4bd8b117a9afcfc72f2c877" width="300" height="146" srcset="/uploads-archive/2016/07/bbc3662ed4bd8b117a9afcfc72f2c877-300x146.png 300w, /uploads-archive/2016/07/bbc3662ed4bd8b117a9afcfc72f2c877-768x374.png 768w, /uploads-archive/2016/07/bbc3662ed4bd8b117a9afcfc72f2c877-1024x498.png 1024w, /uploads-archive/2016/07/bbc3662ed4bd8b117a9afcfc72f2c877-228x111.png 228w, /uploads-archive/2016/07/bbc3662ed4bd8b117a9afcfc72f2c877.png 1044w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>半角、全角の判断はなく、改行も一文字として判別され、上記のケースですと最後の7入力した段階でエラーが出ます。</p>
<h2>URL形式</h2>
<p><a href="/uploads-archive/2016/07/1eb57ee8b3910ad004684740dfb16b4e.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11502" src="/uploads-archive/2016/07/1eb57ee8b3910ad004684740dfb16b4e-300x140.png" alt="1eb57ee8b3910ad004684740dfb16b4e" width="300" height="140" srcset="/uploads-archive/2016/07/1eb57ee8b3910ad004684740dfb16b4e-300x140.png 300w, /uploads-archive/2016/07/1eb57ee8b3910ad004684740dfb16b4e-768x358.png 768w, /uploads-archive/2016/07/1eb57ee8b3910ad004684740dfb16b4e-1024x477.png 1024w, /uploads-archive/2016/07/1eb57ee8b3910ad004684740dfb16b4e-228x106.png 228w, /uploads-archive/2016/07/1eb57ee8b3910ad004684740dfb16b4e.png 1880w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ol>
<li>データ＞入力規則</li>
<li>許可：ユーザー設定</li>
<li>数式：=AND(LEN(セル名)=LENB(セル名),ISERROR(FIND(&#8221; &#8220;,セル名)))</li>
</ol>
<p>タイトルにも上げた設定ですが、正確には、全角と半角スペースを許可しない設定になります。半角英数字と記号は許可されるので実用性ではこれで十分と判断しました。</p>
<p>ユーザー設定を選択するとエクセルが持っている各種関数をそのまま使えます。</p>
<p>LEN関数はそもそも、バイト数をカウントする関数でLENBは、半角を1バイト、全角を2バイトとカウントします。これを入力規則に応用することで、LEN=LENBが同じでないといけない。つまり、全角が入っているとLENBの値が大きくなってしまうので、エラーが出るという設定になります。</p>
<p>そこに、半角スペースを見つけたらエラーを出す「ISERROR(FIND(&#8221; &#8220;,セル名))」という記述を書き、どちらか一つで許可しないようにANDで囲います。</p>
<p>ORで囲んでしまうと、全角文字かつ半角スペースの両方がないとエラーが出ないので注意です。</p>
<h2>他にもいろいろ</h2>
<ul>
<li>整数</li>
<li>少数点数</li>
<li>日付</li>
<li>時刻</li>
</ul>
<p>といった形式で制限が出来つつ、ユーザー設定で関数を駆使すれば、もっといろいろことが出来そうですね。</p>
<h2>エラーメッセージの設定</h2>
<p><a href="/uploads-archive/2016/07/db21323066c8557ac767a3ce8c29ecc9.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11504" src="/uploads-archive/2016/07/db21323066c8557ac767a3ce8c29ecc9-300x118.png" alt="db21323066c8557ac767a3ce8c29ecc9" width="300" height="118" srcset="/uploads-archive/2016/07/db21323066c8557ac767a3ce8c29ecc9-300x118.png 300w, /uploads-archive/2016/07/db21323066c8557ac767a3ce8c29ecc9-768x302.png 768w, /uploads-archive/2016/07/db21323066c8557ac767a3ce8c29ecc9-1024x403.png 1024w, /uploads-archive/2016/07/db21323066c8557ac767a3ce8c29ecc9-228x90.png 228w, /uploads-archive/2016/07/db21323066c8557ac767a3ce8c29ecc9.png 1102w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>デフォルト設定ですと、間違っていることしか分からない不親切なメッセージになります。</p>
<p><a href="/uploads-archive/2016/07/0a8ef97d27c6c8668b41d8533b1cdd10.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11505" src="/uploads-archive/2016/07/0a8ef97d27c6c8668b41d8533b1cdd10-300x134.png" alt="0a8ef97d27c6c8668b41d8533b1cdd10" width="300" height="134" srcset="/uploads-archive/2016/07/0a8ef97d27c6c8668b41d8533b1cdd10-300x134.png 300w, /uploads-archive/2016/07/0a8ef97d27c6c8668b41d8533b1cdd10-768x344.png 768w, /uploads-archive/2016/07/0a8ef97d27c6c8668b41d8533b1cdd10-1024x458.png 1024w, /uploads-archive/2016/07/0a8ef97d27c6c8668b41d8533b1cdd10-228x102.png 228w, /uploads-archive/2016/07/0a8ef97d27c6c8668b41d8533b1cdd10.png 1940w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ol>
<li>データ＞入力規則</li>
<li>エラーメッセージタブ</li>
</ol>
<p>で設定することが出来、入力規則に応じたメッセージを出して上げれば親切になります。</p>


エクセルでURL形式のみ許可する入力規則

<p>今回紹介するのは、<br />
デザインの細部を、有名なアプリ/サービスから参考にできるサイトになります。</p>
<p>昨今、デザイン的にはシンプル、フラットになり簡素化しているように見えますが、<br />
マテリアルデザインを基に、動きのあるサイトが多くなってきていると感じます。</p>
<p>ホバー、クリック、スワイプ&#8230;等ユーザーがアクションを起こした時、<br />
それに見合ったインタラクションをサイトの方でも実装することにより、<br />
しっかりそのアクションを認知させることでユーザーにとって使いやすいサービスにするためです。</p>
<p>webサイトの企画やデザインを作る時、どのような動きをつけようかと考えるため、<br />
いろんなサイト、アプリを見たりしますが、今回紹介するサイトは、その中でも有名なものをひとまとめにしてくれています。</p>
<p>動きの部分もしっかり動画で紹介してくれているので、このサイトを見るだけでどんな動きをしているのかが確認出来てしまいます。</p>
<p><a href="http://www.brianlovin.com/design-details" target="_blank">Design Details by Brian Lovin</a></p>
<p>スマホのサイトに参考にいいですね！</p>


有名なアプリ/サービスからデザインの細部の参考にできる「Design Details」

<p>先月(2016年6月)の9日にjQueryの3.0が公開されました。</p>
<p>3.0では、2.0で非推奨になっていたAPIが削除されたり、<br />
特殊なAPIの使いかたが非推奨になったりと、<br />
APIの整理・整頓が大きく進められています。</p>
<p>また、アニメーションにrequestAnimationFrameが使われたり、SVGの一部の制御が追加されたりと、<br />
今の時代のブラウザに合わせた大きな修正もあり、<br />
新規にサイトを制作する場合には、3.0を利用することに、大きなメリットがあります。</p>
<p>ただ、既存のサイトのjQueryを3.0に移行する場合には、かなり注意が必要です。</p>
<p>移行プラグインも公式に用意されているので、そちらを利用すれば、エラーをある程度回避することはできますが、<br />
3.0での新機能を利用する目的でない場合は、あまりメリットがないかもしれません。</p>
<p><a class="link" href="http://qiita.com/fmy/items/345a264a1cf2e2a73f62" target="_blank">【翻訳まとめ】jQuery 3.0 アップグレードガイド &#8211; Qiita</a></p>
<p>↑こちらのサイトで、jQuery3.0の変更点を翻訳して公開いただいていたので、<br />
その中でも利用が多く、影響が大きそうなものをまとめてみました。</p>
<h2>全般</h2>
<ul>
<li>デフォルトで&#8221;use strict&#8221;が適用される</li>
<li>$(function(){・・・})以外のdocument-readyの指定方法が非推奨に</li>
<li>2.0で非推奨だったAPI(size()、live()、error()など)が廃止に</li>
<li>bind()、delegate()が非推奨に（on()、off()でまかなえるため）</li>
</ul>
<h2>HTML5関連</h2>
<ul>
<li>SVGのaddClass()、removeClass()対応</li>
<li>アニメーションにrequestAnimationFrameを適用</li>
</ul>
<h2>Ajax関連</h2>
<ul>
<li>ハッシュ（#以降）がURLとして渡されるように</li>
<li>success()、error()、complete()が廃止に（done()、fail()、always()、then()、catch()を使う）</li>
<li>$.get()、$.post()の引数にObjectが指定できるように</li>
</ul>
<h2>DOM操作関連</h2>
<ul>
<li>width()、height()で少数点を返すように対応</li>
</ul>
<p>&nbsp;</p>
<p>その他にも変更が多くありますが、すぐに影響が出てきそうなのは以上でしょうか。</p>
<p>最新のブラウザの仕様に合わせて、無駄な機能が削られ、<br />
表示・非表示の挙動なども、クラスの付け外しが推奨されるなどされています。</p>
<p>昔のjQueryで当たり前のように使えていたAPIが削除されているので、<br />
以降のときは十分に気をつける必要がありそうです。</p>


2016年6月9日公開のjQuery3.0で主に変わったこと

<p>日本一の同窓会をご存知ですか？</p>
<p>なにをもって「日本一」と言うかというと、ずばり動員人数です。</p>
<p>私が卒業した香川県立高松高校というところは、去年１２５２人の動員という記録を作り、日本一に認定されました。<br />
その数に驚きますが、他に競い合っている同窓会があるというのにも驚きますが。</p>
<p>さて、そんな日本一の同窓会に私も昨日参加してきました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-11467 size-medium" src="/uploads-archive/2016/07/13590233_1068671056544151_2028912815891952132_n-300x225.jpg" alt="13590233_1068671056544151_2028912815891952132_n" width="300" height="225" srcset="/uploads-archive/2016/07/13590233_1068671056544151_2028912815891952132_n-300x225.jpg 300w, /uploads-archive/2016/07/13590233_1068671056544151_2028912815891952132_n-768x576.jpg 768w, /uploads-archive/2016/07/13590233_1068671056544151_2028912815891952132_n-228x171.jpg 228w, /uploads-archive/2016/07/13590233_1068671056544151_2028912815891952132_n.jpg 960w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-11471 size-medium" src="/uploads-archive/2016/07/IMG_0305-300x225.jpg" alt="IMG_0305" width="300" height="225" srcset="/uploads-archive/2016/07/IMG_0305-300x225.jpg 300w, /uploads-archive/2016/07/IMG_0305-768x576.jpg 768w, /uploads-archive/2016/07/IMG_0305-1024x768.jpg 1024w, /uploads-archive/2016/07/IMG_0305-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>会場は新高輪プリンスホテルの飛天の間。<br />
FNS歌謡祭が行われたり、最近では北川景子とDAIGOの結婚式場としても使われました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-11472 size-medium" src="/uploads-archive/2016/07/IMG_0307-300x225.jpg" alt="IMG_0307" width="300" height="225" srcset="/uploads-archive/2016/07/IMG_0307-300x225.jpg 300w, /uploads-archive/2016/07/IMG_0307-768x576.jpg 768w, /uploads-archive/2016/07/IMG_0307-1024x768.jpg 1024w, /uploads-archive/2016/07/IMG_0307-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>すごすぎるでしょ！！</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-11475 aligncenter" src="/uploads-archive/2016/07/13620341_1067089166702340_5727990004231444762_n.jpg" alt="13620341_1067089166702340_5727990004231444762_n" width="480" height="320" srcset="/uploads-archive/2016/07/13620341_1067089166702340_5727990004231444762_n.jpg 480w, /uploads-archive/2016/07/13620341_1067089166702340_5727990004231444762_n-300x200.jpg 300w, /uploads-archive/2016/07/13620341_1067089166702340_5727990004231444762_n-228x152.jpg 228w" sizes="(max-width: 480px) 100vw, 480px" /></p>
<p>オープニングはプロの演奏家によるチェンバロでのバッハの演奏。</p>
<p>なぜこんなに仰々しく、人数が多いのかといいますと、</p>
<p>香川には進学校があまりない→進学したい人はだいたいこの高校に来る→大学は東京に出てくる人が多い→そのまま就職して香川には帰らない→寂しい→集まる</p>
<p>というスキームになっています。</p>
<p>同窓会というと、クラス単位やせいぜい学年単位ですが、この玉翠会は学校単位！</p>
<p>下は大学１年生の１８歳からで、上限はありません。</p>
<p><img decoding="async" loading="lazy" class="size-full wp-image-11476 aligncenter" src="/uploads-archive/2016/07/13567242_1064925033585420_5576421967715592287_n.jpg" alt="13567242_1064925033585420_5576421967715592287_n" width="586" height="320" srcset="/uploads-archive/2016/07/13567242_1064925033585420_5576421967715592287_n.jpg 586w, /uploads-archive/2016/07/13567242_1064925033585420_5576421967715592287_n-300x164.jpg 300w, /uploads-archive/2016/07/13567242_1064925033585420_5576421967715592287_n-228x125.jpg 228w" sizes="(max-width: 586px) 100vw, 586px" /></p>
<p>この巨大な同窓会をとりまとめるとは、幹事学年と呼ばれる人たちです。<br />
今年は平成４年卒の人たちだったのですが、その人達がおよそ一年間に及ぶ準備をします。</p>
<p>大変すぎるでしょ！</p>
<p>僕はおよそ１０年後にこの役目が回ってくるのですがすでに戦々恐々としています。</p>


日本一の同窓会！高松高校玉翠会とは？！

<h2>composerのインストール</h2>
<p>composerが入っていなければ、composerのインストールを行う。</p>

		<div id="crayon-64954026410e3753666901" 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">install composer</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 -sS https://getcomposer.org/installer | php
mv composer.phar /usr/local/bin/composer  -- system wideにインストールしたい場合</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-64954026410e3753666901-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954026410e3753666901-2">2</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-64954026410e3753666901-1"><span class="crayon-i">curl</span><span class="crayon-h"> </span>-<span class="crayon-e">sS </span><span class="crayon-i">https</span><span class="crayon-sy">:</span><span class="crayon-c">//getcomposer.org/installer | php</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954026410e3753666901-2"><span class="crayon-e">mv </span><span class="crayon-i">composer</span><span class="crayon-sy">.</span><span class="crayon-i">phar</span><span class="crayon-h"> </span>/<span class="crayon-i">usr</span>/<span class="crayon-i">local</span>/<span class="crayon-i">bin</span>/<span class="crayon-i">composer</span><span class="crayon-h">&nbsp;&nbsp;</span>--<span class="crayon-h"> </span><span class="crayon-e">system </span><span class="crayon-i">wide</span>にインストールしたい場合</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h2>composer.json</h2>
<p>Symfonyインストール時に使用したcomposer.jsonの中身を書き換える。<br />
<a href="https://packagist.org/packages/symfony/framework-standard-edition" target="_blank" class="link">symfony/framework-standard-edition</a><br />
アップデートしたいバージョンに合わせて、変数を設定する。<br />
（参考）composer.json<br />
<a href="https://github.com/symfony/symfony-standard/blob/2.3/composer.json" target="_blank" class="link">composer.json</a></p>
<h2>composer updateの実行</h2>
<p></p>

		<div id="crayon-64954026410e7785890521" 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">composer update</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;">
php composer.phar update </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-64954026410e7785890521-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-64954026410e7785890521-1"><span class="crayon-e">php </span><span class="crayon-i">composer</span><span class="crayon-sy">.</span><span class="crayon-e">phar </span><span class="crayon-i">update</span><span class="crayon-h"> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>確認</h2>
<p>以上でアップデートは完了です。</p>

		<div id="crayon-64954026410e9419661458" 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;">
php app/console --version</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-64954026410e9419661458-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-64954026410e9419661458-1"><span class="crayon-e">php </span><span class="crayon-i">app</span>/<span class="crayon-i">console</span><span class="crayon-h"> </span>--<span class="crayon-i">version</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>を実行して、composer.jsonで指定したバージョンになっていれば、完了です。</p>

Symfonyのバージョンアップを行う

MarkDown記法でプレビュってみよう！

<p>引っ越しで家具をそろえる際にIKEAを利用する人は結構いらっしゃるのではないでしょうか？</p>
<p>既に利用されている方もかるかもしれませんが、IKEAではweb上でホームプランナーという3Dで家具の配置をシミュレーションできるサービスがあります。</p>
<p>使い方もとても簡単で、もちろんIKEAで販売している商品をそのまま配置できるので、家具を購入した後にサイズが合わなかったなどの心配もありません。</p>
<h2>IKEA ホームプランナー</h2>
<p><a href="http://www.ikea.com/ms/ja_JP/customer-service/about-our-products/rooms-ideas/splashplanners/index.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11441" src="/uploads-archive/2016/07/2-1.jpg" alt="2" width="640" height="395" srcset="/uploads-archive/2016/07/2-1.jpg 640w, /uploads-archive/2016/07/2-1-300x185.jpg 300w, /uploads-archive/2016/07/2-1-228x141.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>IKEAのサイトを見るといくつかプランニングツールがあるようですが、リンクが切れていたりしています。結局は同じこちらのページに辿りつきます。</p>
<p><a href="http://kitchenplanner.ikea.com/JP/UI/Pages/VPUI.htm"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11442" src="/uploads-archive/2016/07/3-1.jpg" alt="3" width="640" height="345" srcset="/uploads-archive/2016/07/3-1.jpg 640w, /uploads-archive/2016/07/3-1-300x162.jpg 300w, /uploads-archive/2016/07/3-1-228x123.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>&nbsp;</p>
<p>今回はログインとプロフィール入力についての説明はスキップします。ちなみにログインをしなくてもはじめられるようです。</p>
<p>まずは新しいデザインの作成から部屋の形とサイズを決めます。</p>
<p><a href="/uploads-archive/2016/07/4-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11445" src="/uploads-archive/2016/07/4-1.jpg" alt="4" width="640" height="408" srcset="/uploads-archive/2016/07/4-1.jpg 640w, /uploads-archive/2016/07/4-1-300x191.jpg 300w, /uploads-archive/2016/07/4-1-228x145.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>続いて、ドアや窓を設置します。それぞれサイズを入力する事で正確なシミュレーションができます。</p>
<p><a href="/uploads-archive/2016/07/5-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11446" src="/uploads-archive/2016/07/5-1.jpg" alt="5" width="640" height="465" srcset="/uploads-archive/2016/07/5-1.jpg 640w, /uploads-archive/2016/07/5-1-300x218.jpg 300w, /uploads-archive/2016/07/5-1-228x166.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>部屋の表示は２Dと３Dを切り替える事ができます。表示の切り替えやビューポイントの移動は下のアイコンをクリックします。</p>
<p><a href="/uploads-archive/2016/07/6-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11451" src="/uploads-archive/2016/07/6-1.jpg" alt="6" width="640" height="446" srcset="/uploads-archive/2016/07/6-1.jpg 640w, /uploads-archive/2016/07/6-1-300x209.jpg 300w, /uploads-archive/2016/07/6-1-228x159.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>画面右の主要部材から家具のカラーや部品を変更する事もできます。</p>
<p><a href="/uploads-archive/2016/07/7.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11453" src="/uploads-archive/2016/07/7.jpg" alt="7" width="640" height="372" srcset="/uploads-archive/2016/07/7.jpg 640w, /uploads-archive/2016/07/7-300x174.jpg 300w, /uploads-archive/2016/07/7-228x133.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>「あなたの選んだ家具」から「アイテムリスト」をクリックすれば、レイアウトした家具の一覧が出てくるので印刷しておけばとても便利です。</p>
<p><a href="/uploads-archive/2016/07/8.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11455" src="/uploads-archive/2016/07/8.jpg" alt="8" width="640" height="401" srcset="/uploads-archive/2016/07/8.jpg 640w, /uploads-archive/2016/07/8-300x188.jpg 300w, /uploads-archive/2016/07/8-228x143.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h2>ARで家具の配置を決める</h2>
<p>IKEAはカタログアプリをインストールするとカタログに載っている家具をARで自分の部屋に配置したり、カタログで紹介されている部屋を360度見渡す事ができます。</p>
<p><a href="https://itunes.apple.com/jp/app/ikeakatarogu/id386592716">ios版のインストール</a></p>
<p><a href="https://play.google.com/store/apps/details?id=com.ikea.catalogue.android">android版のインストール</a></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/vDNzTasuYEw?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/0wgZbeUaLqI?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>まとめ</h2>
<p>ECに携わっている人間としては「家具という商材は３D、AR、VRととても親和性が高い」という事印象をもちました。こうした技術をECサイト上で活用する事でさらにユーザー数を増やしたり、今まで販売が難しかった商材を扱えるチャンスが出てきたりすると思います。</p>
<p>問題はどんな商材でうまく活用できるかという事ですが、家具と共通する①大きい商材、②サイズが重要になる商材、③周りにある物との関係性が重要な商材、この辺の共通した商材で同じく親和性が高い可能性があります。具体的に当てはまる商材を今後考えていきたいと思います。</p>


small_1-1.jpg

thumbnail_1-1.jpg

1-1.jpg

IKEA ホームプランナーを使って間取りを考えよう

<p>Evernoteは常に開いているアプリの一つでした。</p>
<p>Evernoteが謳う「あらゆる情報をまとめて記憶」の通りに、会議の打ち合わせのメモや思いついたことの殴り書きから気になったウェブページの保存など、898のノートを作成していました。</p>
<p>会社のPC、家のPC、スマートフォン、タブレットにアプリをインストールして、いつでもどこでもEvernoteに放り込むというスタイルを確立しおそらく5年以上は使っていました。</p>
<p>がしかし、サービス内容の改訂があり、無料プランではデバイスが2台までに制限と有料プランの値上げが発表されました。</p>
<blockquote data-secret="rw9feARHoR" class="wp-embedded-content"><p><a href="https://blog.evernote.com/jp/2016/06/29/53395">Evernote の価格プランの改定について</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://blog.evernote.com/jp/2016/06/29/53395/embed#?secret=rw9feARHoR" data-secret="rw9feARHoR" width="500" height="282" title="埋め込まれた WordPress の投稿" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<p>この改訂自体にはとやかく言うことはなく、営利企業だからそういう判断もあるよな〜ということで、デバイス2台制限はとてもストレスになってしまうので、今まで無料で使わせてくれてありがとうということで、Microsoftが提供する類似サービスにOne note移行をしてみることにしました。泣く泣く。</p>
<p>One noteは完全無料で提供されていて、Officeにビルトインされているか、Windows、MacのAppstoreで入手可能です。このあたりは、Onenote単体で儲けなくてもいいビジネスモデルの違いですね。</p>
<h2>移行ツール</h2>
<p>で移行はすごく簡単というか、移行ツールを用意してくれています。</p>
<p><a href="https://www.onenote.com/import-evernote-to-onenote" target="_blank">https://www.onenote.com/import-evernote-to-onenote</a></p>
<p>現在Windowsのソフトだけです。</p>
<p>（これのために、Windowsを1台セットアップしました。）</p>
<p>移行ツールの提供ページではご丁寧に比較をしてくれているので引用します。</p>
<table class="SectionTable">
<tbody>
<tr style="height: 24.8125px;">
<th></th>
<th class="OneNoteColor" style="height: 24.8125px;">OneNote</th>
<th class="EvernoteColor" style="height: 24.8125px;">Evernote</th>
</tr>
<tr style="height: 48px;">
<td style="height: 48px;">Windows、Mac、iOS、Android、Web で利用可能</td>
<td style="height: 48px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 48px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
</tr>
<tr style="height: 72px;">
<td style="height: 72px;">デバイス間でノートを同期する</td>
<td style="height: 72px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 72px;">Evernote Basic では 2 台のデバイスに制限されます。デバイス間で同期するには、Evernote プラスまたはプレミアムが必要です。</td>
</tr>
<tr style="height: 48px;">
<td style="height: 48px;">モバイルのメモにオフラインでアクセス</td>
<td style="height: 48px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 48px;">Evernote Plus または Premium が必要</td>
</tr>
<tr style="height: 48px;">
<td style="height: 48px;">毎月無制限のアップロード</td>
<td style="height: 48px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 48px;">60 MB/月 (無料)<br />
1 GB/月 (Evernote Plus)</td>
</tr>
<tr style="height: 72px;">
<td style="height: 72px;">自由形式のキャンバスを使用してページの任意の場所に書き込む</td>
<td style="height: 72px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 72px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_XMark.png" /></td>
</tr>
<tr style="height: 48px;">
<td style="height: 48px;">コンテンツを他のユーザーと共有</td>
<td style="height: 48px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 48px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
</tr>
<tr style="height: 39px;">
<td style="height: 39px;">Web からコンテンツをクリップ</td>
<td style="height: 39px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 39px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
</tr>
<tr style="height: 39px;">
<td style="height: 39px;">メモにメールを保存</td>
<td style="height: 39px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 39px;">Evernote Plus または Premium が必要</td>
</tr>
<tr style="height: 39px;">
<td style="height: 39px;">名刺のデジタル化</td>
<td style="height: 39px;"><img decoding="async" class="SectionTableImage" src="https://site-cdn.onenote.net/1672111550_Images/E2ON_CheckMark.png" /></td>
<td style="height: 39px;">Evernote Premium が必要</td>
</tr>
</tbody>
</table>
<div class="SectionPara">Evernote は、Evernote 社の商標です</div>
<h2 class="SectionPara">移行後の感想</h2>
<p>比較表の通り、利用の制限などは全くないので安心ですが、アプリの出来が違います。ここは、Evernoteに軍配が上がります。</p>
<p><a href="/uploads-archive/2016/07/2bf757db9ecb446cf5c1e63e9c80bf07.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11434" src="/uploads-archive/2016/07/2bf757db9ecb446cf5c1e63e9c80bf07-300x182.png" alt="スクリーンショット 0028-07-12 15.57.07" width="300" height="182" srcset="/uploads-archive/2016/07/2bf757db9ecb446cf5c1e63e9c80bf07-300x182.png 300w, /uploads-archive/2016/07/2bf757db9ecb446cf5c1e63e9c80bf07-768x467.png 768w, /uploads-archive/2016/07/2bf757db9ecb446cf5c1e63e9c80bf07-1024x623.png 1024w, /uploads-archive/2016/07/2bf757db9ecb446cf5c1e63e9c80bf07-228x139.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>mac版の話しですが、ノートが一覧化出来なかったり、スクリーンショットを取るメニューもありませんでした。</p>
<p>ここは逆にEvernoteに全リソースを注入しているメリットでユーザビリティや開発サイクルの差なんだと感じています。</p>
<p>今、現状どちらのアプリにももやもやしてしまう状態になっていますが、one noteの今後にも期待です。</p>


EvernoteからOnenoteへ泣く泣く移行…

<p>日経新聞社がアジアの主要企業を選んだAsia300の今年の1〜6月半年間において、最も時価総額の増加額が多かった企業としてテンセント(騰訊控股)が選ばれた。</p>
<p>更に、その時価総額はアリババを抜いて中国の上場企業の中でトップとなった。</p>
<p>ちなみにその時価総額は7月12日の午前中時点で、</p>
<p>騰訊控股：1.67兆 HKD</p>
<p>阿里巴巴：2006.12億 USD</p>
<p>となっており、</p>
<p>1HKD = 13.25、1USD = 102.84</p>
<p>で円に揃えると、</p>
<p>騰訊控股：22兆1275億円</p>
<p>阿里巴巴：20兆6309億円</p>
<p>となる。</p>
<p>&nbsp;</p>
<p>とはいえ、阿里巴巴に比べてまだまだ日本での知名度が低い騰訊控股。</p>
<p>何をやっている会社かをまとめてみた。</p>
<p>&nbsp;</p>
<p>腾讯控股有限公司</p>
<p><a href="http://tencentjapan.com/" target="_blank">http://tencentjapan.com/</a></p>
<p>&nbsp;</p>
<p>2015年12月期の売上高は1,028億元 (1元=15.39円で1.58兆円)、税引前利益は362億元(5,571億円)。</p>
<p>以下は何をやっている会社かというのをまとめた図。</p>
<p><a href="/uploads-archive/2016/07/investorintro.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-11428" src="/uploads-archive/2016/07/investorintro.png" alt="investorintro" width="481" height="331" srcset="/uploads-archive/2016/07/investorintro.png 481w, /uploads-archive/2016/07/investorintro-300x206.png 300w, /uploads-archive/2016/07/investorintro-228x157.png 228w" sizes="(max-width: 481px) 100vw, 481px" /></a></p>
<p>出典：http://www.tencent.com/en-us/ir/factsheet.shtml</p>
<p>&nbsp;</p>
<p>要はQQやWechatをやっている会社だ。</p>
<p>QQもWechatも中国でもっとも使われているコミュニケーションツールだ。</p>
<p>QQは1999年にリリースされたインスタントメッセージツールで、音楽や映像、ゲームなどの付加サービスがある。</p>
<p>元々はPC上での利用を前提にしたものであり、時代とともにモバイル対応がされたが、<br />
モバイルに特化したコミュニケーションツールとして2011年にリリースされたのがWechatだ。</p>
<p>今では利用者数、ユニークユーザー数においてWechatがQQを超えている。</p>
<p>他にも過去に世界最大のSNSと言われたQzoneもQQの付加サービスだ。</p>
<p>&nbsp;</p>
<p>このように、世界最大の人口を誇る中国のコミュニケーションツールを一手に担っているテンセントだが、「世界最大のゲーム会社」という側面もある。</p>
<p>以下はWikipediaからの引用。</p>
<blockquote><p>世界最大のPCゲーム「League of Legends」を運営する米ライアットゲームズ社、及びUnreal Engineで知られる米Epic Games社、世界1位のモバイルゲーム「クラッシュ・オブ・クラン」を運営するスーパーセルの親会社でもあり、また、韓国最大のモバイルチャットアプリ「カカオトーク」を提供する韓国カカオ社、および韓国第3位のゲーム企業であるCJゲームス（CJグループ）の大株主でもある。</p></blockquote>
<p>&nbsp;</p>
<p>更に、最近ではECの分野にも手を広げており、中国のBtoC2位のJDの大株主でもある。</p>
<p>また、Wechatの決済機能であるWechatPayの利用者数が急速に増えており、WechatPay + JDで天猫を脅かす存在になるのではないかという声も多い。</p>
<p>事業分野が多岐に渡るが、まとめるとQQやWechatのコミュニケーションツールのシェアを武器に、ゲームやEC、決済分野に積極参入しておりかなりうまく行っているという状況のようだ。</p>
<p>中国で事業をしようとするあらゆる業種にとって、無視できない存在になってきているようだ</p>


【テンセント】アリババを超え時価総額増加額1位に

<p>以前に写真から3Dモデルを作成するツールを紹介しました。今後、色んな方向で活躍してくれそうなツールではありますが、フォトスキャンのクオリティーが高くてもメッシュの修正は必須と感じました。</p>
<p>そこでモデリングの特訓として今回はappleのMouceを作ってみました。</p>
<h2>モデリング</h2>
<p><a href="/uploads-archive/2016/07/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11412" src="/uploads-archive/2016/07/1.jpg" alt="1" width="640" height="438" srcset="/uploads-archive/2016/07/1.jpg 640w, /uploads-archive/2016/07/1-300x205.jpg 300w, /uploads-archive/2016/07/1-228x156.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>まずは実物のサイズを測ります。そして幅・長さ・高さがすっぽり入るプリミティブの長方形を作成します。これをワイヤー表示にしておきメッシュを作成する際のガイドにします。</p>
<p><a href="/uploads-archive/2016/07/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11413" src="/uploads-archive/2016/07/2.jpg" alt="2" width="640" height="225" srcset="/uploads-archive/2016/07/2.jpg 640w, /uploads-archive/2016/07/2-300x105.jpg 300w, /uploads-archive/2016/07/2-228x80.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>実物の写真を撮影し先ほど作成した長方形のガイドにおさめます。写真を撮影する際に気を付ける事としては広角レンズで接写するとレンズの歪みでトレースしにくくなってしまう点です。</p>
<p>スマホであれば離れたところからズームして撮影する事をおすすめします。できれば一眼レフなどを使って焦点距離が長いレンズで撮影するのがベストです。</p>
<p><a href="/uploads-archive/2016/07/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11414" src="/uploads-archive/2016/07/3.jpg" alt="3" width="640" height="435" srcset="/uploads-archive/2016/07/3.jpg 640w, /uploads-archive/2016/07/3-300x204.jpg 300w, /uploads-archive/2016/07/3-228x155.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上面に続いて、側面、前面も同様に長方形のガイドにおさめます。ここに画像を貼っていませんが、下面も同様に行います。</p>
<p><a href="/uploads-archive/2016/07/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11415" src="/uploads-archive/2016/07/4.jpg" alt="4" width="640" height="393" srcset="/uploads-archive/2016/07/4.jpg 640w, /uploads-archive/2016/07/4-300x184.jpg 300w, /uploads-archive/2016/07/4-228x140.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>トレースする下絵の準備ができたので、モデリングをしていきます。まずはマウスの上面から見た表面を作成し、そこから押し出してマウスの形を作っていきます。</p>
<p>左右対称・上下対称のモデルを作成する時は「対称」やミラーリングを利用する事で作業効率が大幅に向上します。（使わずにつくるのは至難の業。）</p>
<p>対称を使って作成しているとはいえ、きれいな実物どおりの美しい流線型をモデリングするのはなかなか難しい作業です。この時に下絵の写真に歪みがあるとうまく調整できなくなるので要注意です。側面を合わせると上面がずれる・・という様な事が起きてしまいます</p>
<p><a href="/uploads-archive/2016/07/5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11416" src="/uploads-archive/2016/07/5.jpg" alt="5" width="640" height="393" srcset="/uploads-archive/2016/07/5.jpg 640w, /uploads-archive/2016/07/5-300x184.jpg 300w, /uploads-archive/2016/07/5-228x140.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>指を置く上面のパーツができたら、複製してさらに変形させて下部のパーツを形成していきます。</p>
<p><a href="/uploads-archive/2016/07/6.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11417" src="/uploads-archive/2016/07/6.jpg" alt="6" width="640" height="438" srcset="/uploads-archive/2016/07/6.jpg 640w, /uploads-archive/2016/07/6-300x205.jpg 300w, /uploads-archive/2016/07/6-228x156.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>下面にあるゴムの部分とバッテリーカバーはそれぞれ切り出して作成します。</p>
<p><a href="/uploads-archive/2016/07/MagicMouse1.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-11423" src="/uploads-archive/2016/07/MagicMouse1.jpg" alt="MagicMouse1" width="640" height="480" srcset="/uploads-archive/2016/07/MagicMouse1.jpg 800w, /uploads-archive/2016/07/MagicMouse1-300x225.jpg 300w, /uploads-archive/2016/07/MagicMouse1-768x576.jpg 768w, /uploads-archive/2016/07/MagicMouse1-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/07/MagicMouse2.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-11425" src="/uploads-archive/2016/07/MagicMouse2.jpg" alt="MagicMouse2" width="641" height="481" srcset="/uploads-archive/2016/07/MagicMouse2.jpg 800w, /uploads-archive/2016/07/MagicMouse2-300x225.jpg 300w, /uploads-archive/2016/07/MagicMouse2-768x576.jpg 768w, /uploads-archive/2016/07/MagicMouse2-228x171.jpg 228w" sizes="(max-width: 641px) 100vw, 641px" /></a></p>
<p>マテリアルを作ってレンダリングしたものが上の画像です。細かい部分が作りこめていないので今後スキルを磨きたいと思います。</p>
<h2>sketchfabにアップロード</h2>
<div class="sketchfab-embed-wrapper"><iframe loading="lazy" width="640" height="480" src="https://sketchfab.com/models/9ddeb829578f49c8ab58a437aaac5fc3/embed" frameborder="0" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" onmousewheel=""></iframe></div>
<div class="sketchfab-embed-wrapper"> sketchfabにcinema4d用のプラグインを使ってアップロードしたものです。</div>
<div class="sketchfab-embed-wrapper"></div>
<div class="sketchfab-embed-wrapper">調べてみるとsketchfabの埋め込み方にも回転させたり、背景を透過させたりと指定ができるようなのでやってみました。</div>
<div class="sketchfab-embed-wrapper"></div>
<p><iframe loading="lazy" width="640" height="480" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" src="https://sketchfab.com/models/9ddeb829578f49c8ab58a437aaac5fc3/embed?autostart=1&amp;transparent=1&amp;autospin=0.2&amp;controls=1&amp;watermark=1"></iframe></p>
<p>マウスが白いので逆にわかりにくいかもしれませんが、動画の場合のyoutubeやvimeoのようにメインビジュアルにbackgroundで設置するなんて使い方ができそうです。</p>
<p><iframe loading="lazy" width="640" height="480" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" src="https://sketchfab.com/models/aaa4a750d35a4a59bb2e5aed378d86ab/embed?autostart=1&amp;transparent=1&amp;autospin=0.2&amp;controls=1&amp;watermark=1"></iframe></p>


macのMagic MouceをCinema4Dで作ってみる

<p>普段ランチを食べに行く店が休業日だったので、違う店を探そうと、たまたま通りかかった路地に一見普通の民家のようにも見えるお店を発見！</p>
<p>完全に周りは民家しかないのでこんな所にお店があるの？っていう印象でした。</p>
<p><a href="/uploads-archive/2016/07/IMG_20160705_134116.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11394" src="/uploads-archive/2016/07/IMG_20160705_134116.jpg" alt="IMG_20160705_134116" width="640" height="480" srcset="/uploads-archive/2016/07/IMG_20160705_134116.jpg 640w, /uploads-archive/2016/07/IMG_20160705_134116-300x225.jpg 300w, /uploads-archive/2016/07/IMG_20160705_134116-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>店名は「いくぞう」さん、玄関？の表札の上に「いくぞう」の文字が。</p>
<p>若干の不安を抱きつつも、店内から漂う焼き魚のいい匂いに促されて入店してみました。</p>
<p>店内はなんともアットホームな雰囲気。おそらく元は民家の一室を改装したようで、家でご飯を食べている感じがしてとても落ち着きます。</p>
<p><a href="/uploads-archive/2016/07/IMG_20160705_131923.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11395" src="/uploads-archive/2016/07/IMG_20160705_131923.jpg" alt="IMG_20160705_131923" width="640" height="480" srcset="/uploads-archive/2016/07/IMG_20160705_131923.jpg 640w, /uploads-archive/2016/07/IMG_20160705_131923-300x225.jpg 300w, /uploads-archive/2016/07/IMG_20160705_131923-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>ランチのメニューを見てみると、学生街の高田馬場ではありますが、それにしても、その辺の居酒屋さんがランチで出している価格より200円ほど安い！</p>
<p>掘り出し物を探し当てたような気分で注文する前からちょっとテンションが上がりました。</p>
<p>この日は銀ざけを注文して、待つこと数分・・・。</p>
<p>そして出てきた定食がこちら。</p>
<p><a href="/uploads-archive/2016/07/IMG_20160705_132931.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11396" src="/uploads-archive/2016/07/IMG_20160705_132931.jpg" alt="IMG_20160705_132931" width="640" height="480" srcset="/uploads-archive/2016/07/IMG_20160705_132931.jpg 640w, /uploads-archive/2016/07/IMG_20160705_132931-300x225.jpg 300w, /uploads-archive/2016/07/IMG_20160705_132931-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>シンプルではありますが、魚は脂がのっているし、一品一品がちゃんとおいしい。新潟出身なのでお米にはうるさい方ですが、ご飯もおいしいですし、みそ汁や小鉢に入った副菜もちゃんとしている感じ。</p>
<p>内容的にはメニューで「魚」を「肴」と書くようなちょっと高めの居酒屋で出していそうなランチです、そういうお店で頼んだら1000円くらいすると思います。しかし、「いくぞう」さんは620円！</p>
<p>注文をしてから焼き始めるので、多少時間はかかりますが、焼きたてだから尚おいしいです。</p>
<p>それにカウンターにテレビが置いてあり、お昼のニュースやワイドショーを流しているので、それをちらっと見ていれば待つのも苦になりません。その感じがまた家でご飯を食べているような感覚にしてくれます。</p>
<p>&nbsp;</p>
<p>写真が無くて申し訳ないですが、翌日は目抜を注文したみました。これもまた脂がのって美味。</p>
<p>次は生姜焼きを注文してみたいと思います。</p>
<p>&nbsp;</p>
<p>お店の場所はこちら</p>
<p><iframe loading="lazy" width="600" height="450" style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.5416290312205!2d139.70550476525966!3d35.71289578018698!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188d3c1f8328ff%3A0xab1b39503a7911bd!2z44CSMTY5LTAwNzUg5p2x5Lqs6YO95paw5a6_5Yy66auY55Sw6aas5aC077yS5LiB55uu77yR77yT4oiS77yR77yRIOOBhOOBj-OBnuOBhg!5e0!3m2!1sja!2sjp!4v1467781398953" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>〒169-0075 東京都新宿区高田馬場２丁目１３−１１ いくぞう</p>
<p>定休日は日曜・祝日で、営業時間については不明ですが夜も営業しているそうです。</p>
<p>&nbsp;</p>


高田馬場で見つけた超穴場ランチ　安くて旨い定食屋

<h2>前置き</h2>
<div style="padding-left: 15px;">
  Amazonプライム限定で5000円にてKindle Fire購入可能！！</p>
<p>  、ということで買ってみました。</p></div>
<h2>スペック</h2>
<div style="padding-left: 15px;">
  OSはKindle OSというものですが、ベースはAndroid OSです。<br />
  (世代は5世代目とのこと)<br />
  なので基本的に動作は同じです。</p>
<p>  CPUは4コア<br />
  メモリは1GB<br />
  内蔵ストレージは8GB,16GBとありますが格安の8GBタイプ。<br />
  SDカードは128GBまで認識するそうなので、大量のデータを扱うにもさほど心配は要らないかと思います。</p>
<p>  画面サイズは7inchですが、解像度は1024&#215;600とフルHDにみたないため<br />
  人によっては多少のボヤは感じるかもしれません。</p>
<p>  メモリが少なめなので心配される方もいるかと思いますが、、<br />
  高スペックが望まれるゲームなどをガッツリやらなければサクサク感は味わえます。</p></div>
<h2>外観</h2>
<div style="padding-left: 15px;">
  こんな感じです。<br />
  <a href="/uploads-archive/2016/07/IMAG1337_e.jpg"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/IMAG1337_e-300x169.jpg" alt="IMAG1337_e" width="300" height="169" class="alignnone size-medium wp-image-11374" srcset="/uploads-archive/2016/07/IMAG1337_e-300x169.jpg 300w, /uploads-archive/2016/07/IMAG1337_e-768x432.jpg 768w, /uploads-archive/2016/07/IMAG1337_e-1024x576.jpg 1024w, /uploads-archive/2016/07/IMAG1337_e-228x128.jpg 228w, /uploads-archive/2016/07/IMAG1337_e.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>  重さは300gちょっとでKindle Paperに比べたら倍ほどあります。<br />
  、、、まあ、値段を考えれば我慢出来るレベルと筆者は感じました。</p></div>
<h2>端末のUI</h2>
<div style="padding-left: 15px;">
  こちらがホーム画面。<br />
  最上位の列に良く使うアプリや最近読んだKindle電子書籍などが出てきます。</p>
<p><a href="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23-176x300.png" alt="Screenshot_2016-07-05-18-04-23" width="176" height="300" class="alignnone size-medium wp-image-11376" srcset="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23.png 600w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  よく使うアプリをもっと見たいときは左にスワイプすると以下のような画面になります。<br />
<a href="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27-176x300.png" alt="Screenshot_2016-07-05-18-04-27" width="176" height="300" class="alignnone size-medium wp-image-11377" srcset="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27.png 600w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  プライベートな嗜好が出てしまいますね。。。</p></div>
<h2>コンテンツ</h2>
<div style="padding-left: 15px;">
  今回は書籍にフォーカスを絞ってストアを見てみました。<br />
  カテゴリでは文学よりも民俗的なコンテンツに寄っている感じでした。<br />
  <a href="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58-176x300.png" alt="Screenshot_2016-07-05-18-04-58" width="176" height="300" class="alignnone size-medium wp-image-11378" srcset="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58.png 600w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  古典文学などは著作権の関係か格安で購読が可能なので読書好きな方にはオススメです！<br />
  手始めにダウンロードしたのはポーの「アッシャー家の崩壊」でした。無料です。<br />
<a href="/uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12-176x300.png" alt="Screenshot_2016-06-28-20-27-12" width="176" height="300" class="alignnone size-medium wp-image-11379" srcset="/uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12.png 600w, /uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  ちなみに全集(16作品1冊)でも99円というお買い得。</p></div>
<h2>所感</h2>
<div style="padding-left: 15px;">
  Googleとの同期も可能という話ではありますが、本来の使用用途ではないので割愛します。<br />
  同じアプリでも<u>Google Play経由のアプリより純正アプリの方がアイコンも表示もクッキリ表示された</u>のはご参考までに。</p>
<p>  お手軽に電子書籍を読みたい！Webブラウジングをもっと見やすくやりたい！<br />
  と言った方には5000円以上の価値は充分あるのではないかと感じました。</p>
<p>  ちなみにAmazonが出しているということで、、、AWSとの接続のアプリも無料で使えました。<br />
  エンジニアにとっては、こちらも気になる存在では有りますが今回はまだ手がつけられず、、今後の楽しみに残しました！</p></div>


Kindle Fire・・・買ってみた

Three.jsでBoneをあつかう

<p>何度か実装したので記事にしてみました。</p>
<h2>gemの追加</h2>
<p>Gemfileの中にtwitterのgemを追加します。</p>

		<div id="crayon-6495402640a56943537714" 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;">
bundle install</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-6495402640a56943537714-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-6495402640a56943537714-1"><span class="crayon-e">bundle </span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>taskの生成</h2>
<p>今回はtaskコマンドを使ってつぶやくという実装をします。<br />
twitterというタスクを追加します。</p>

		<div id="crayon-6495402640a5b756876059" 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;">
rake g task twitter</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-6495402640a5b756876059-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-6495402640a5b756876059-1"><span class="crayon-i">rake</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-h"> </span><span class="crayon-e">task </span><span class="crayon-i">twitter</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>api keyの取得</h2>
<p>https://apps.twitter.comにアクセスし、<br />
Consumer Key (API Key)<br />
Consumer Secret (API Secret)<br />
Access Token<br />
Access Token Secret<br />
を取得します。</p>
<p>&nbsp;</p>
<h2>taskの記述</h2>
<p>上で取得したapi keyをtaskの中に書き込みます。</p>

		<div id="crayon-6495402640a5c952880882" 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">task</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;">
namespace :twitter do
  desc "post tweet"
  task :tweet =&gt; :environment do
    str = "test"
    client = twitter_client
    client.update(str)
    p str
  end
end

def twitter_client
  client = Twitter::REST::Client.new do |config|
    config.consumer_key        = ""
    config.consumer_secret     = ""
    config.access_token        = ""
    config.access_token_secret = ""
  end
end</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-6495402640a5c952880882-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-2">2</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-4">4</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-6">6</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-8">8</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-10">10</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-12">12</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-14">14</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-16">16</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-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-6495402640a5c952880882-1"><span class="crayon-t">namespace</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">twitter </span><span class="crayon-st">do</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">desc</span><span class="crayon-h"> </span><span class="crayon-s">"post tweet"</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">task</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">tweet</span><span class="crayon-h"> </span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">environment </span><span class="crayon-st">do</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">str</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"test"</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">client</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">twitter_client</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-6"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">client</span><span class="crayon-sy">.</span><span class="crayon-e">update</span><span class="crayon-sy">(</span><span class="crayon-i">str</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-e">str</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-8"><span class="crayon-e">&nbsp;&nbsp;</span><span class="crayon-st">end</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-9"><span class="crayon-st">end</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-10">&nbsp;</div><div class="crayon-line" id="crayon-6495402640a5c952880882-11"><span class="crayon-e">def </span><span class="crayon-e">twitter_client</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-12"><span class="crayon-e">&nbsp;&nbsp;</span><span class="crayon-i">client</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">Twitter</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-i">REST</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-i">Client</span><span class="crayon-sy">.</span><span class="crayon-e">new </span><span class="crayon-st">do</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-i">config</span><span class="crayon-sy">|</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">consumer_key</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">consumer_secret</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp; </span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">access_token</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">access_token_secret</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-17"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-st">end</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-18"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h2>完成！</h2>
<p>以上で、完成です。<br />
コンソール上で、<br />
rake twitter:tweet<br />
とたたけば、tweetがされます。</p>

Ruby On Railsのアプリケーションからツイートするには

<p>SVGでレーティングしてくれるjQueryプラグインがあったので使ってみた。</p>
<p><a class="demo" href="/demo/hoshino/67/" target="_blank">デモ</a></p>
<p><a href="https://github.com/nashio/star-rating-svg" target="_blank">https://github.com/nashio/star-rating-svg</a></p>
<p>&nbsp;</p>
<p>読み込むファイルはCSSとjsの計2つだけ。(画像等は不要)</p>

		<div id="crayon-6495402640888877671678" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;script src="js/jquery.star-rating-svg.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" type="text/css" href="css/star-rating-svg.css"&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495402640888877671678-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640888877671678-2">2</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-6495402640888877671678-1"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.star-rating-svg.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640888877671678-2"><span class="crayon-r ">&lt;link </span><span class="crayon-e ">rel</span>=<span class="crayon-s ">"stylesheet"</span><span class="crayon-h"> </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text/css"</span><span class="crayon-h"> </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"css/star-rating-svg.css"</span><span class="crayon-r ">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>あとは何かしらの要素に対し</p>
<p>&lt;div id=&#8221;r_1&#8243;&gt;&lt;/div&gt;</p>
<p>$( &#8220;#r_1&#8221; ).starRating({});</p>
<p>のように実行する。</p>
<p>&nbsp;</p>
<p>SVGなので拡大してもきれいに表示できることが最大のメリットだ。</p>
<p>ECサイトだと半分以上レーティングの機能を使うので、機会があれば使ってみたい</p>
<p>&nbsp;</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2016年

2016/07/20

2016/07/20

2016/07/20

2016/07/19

2016/07/14

2016/07/13

2016/07/13

2016/07/13

2016/07/13

2016/07/13

2016/07/13

2016/07/12

2016/07/08

2016/07/06

2016/07/06

2016/07/06

2016/07/06

2016/07/06