<p>sony α7sⅡのではs-log2、s-log3で撮影が可能です。いつも編集でPremiereを使っているのでグレーディング方法を調べてみました。</p>
<p><a href="/uploads-archive/2016/07/3-3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11591" src="/uploads-archive/2016/07/3-3.jpg" alt="3" width="640" height="372" srcset="/uploads-archive/2016/07/3-3.jpg 640w, /uploads-archive/2016/07/3-3-300x174.jpg 300w, /uploads-archive/2016/07/3-3-228x133.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上はs-log3で撮影したものです。（ピクチャープロファイル８で撮影しています。）</p>
<p>まずはsonyのテクニカルナレッジからLUTファイルをダウンロードします。</p>
<p><a href="https://www.sony.jp/cinealta/knowledge/technical_tips.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11589" src="/uploads-archive/2016/07/1-3.jpg" alt="1" width="640" height="581" srcset="/uploads-archive/2016/07/1-3.jpg 640w, /uploads-archive/2016/07/1-3-300x272.jpg 300w, /uploads-archive/2016/07/1-3-228x207.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>続いてPremiere上でクリップにLumetriカラーを適用します。基本補正の中にあるLUT設定から参照でダウンロードしてきたLUTファイルを選びます。</p>
<p><a href="/uploads-archive/2016/07/5-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11599" src="/uploads-archive/2016/07/5-2.jpg" alt="5" width="640" height="448" srcset="/uploads-archive/2016/07/5-2.jpg 640w, /uploads-archive/2016/07/5-2-300x210.jpg 300w, /uploads-archive/2016/07/5-2-228x160.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>これでグレーディングができるので、あとは調整して下さい。</p>


3-3.jpg

α7sⅡ s-log撮影の素材をadobe PremiereのLumetriカラーでグレーディングする

Vagrantの容量を変更する方法

クレジットカードの種類を特定してバリデーションまでしてくれるjQueryプラグイン「creditCardValidator.js」

wp.jpg

WordPressでのページごとのCSSやJSの読み込みの振り分けをfunctions.phpで一括設定する

<p>最近、webフォントがどんどんいろんなサイトで使用されており、日本語のフォントも見かけることも多くなってきました。<br />
webフォントを提供しているサービスは数多くあるのですが、少々お値段がかかってしまうので、<br />
今回、フリーで使用できる日本語のwebフォントを2つ紹介したいと思います。</p>
<p>いきなり話はそれますが、先日さくらさんがwebフォントに関する新たなサービスを発表していました。</p>
<p><a href="https://www.sakura.ad.jp/press/2016/0629_morisawa/" target="_blank">モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現</a></p>
<p>これは制作物の幅が広がりそうですね！！</p>
<h2>フリーの日本語webフォントを使う</h2>
<p>さて、本題に入りますが、私が把握している日本語のwebフォントでフリーで使えるのは2つになります。<br />
・<a href="https://mplus-fonts.osdn.jp/about.html#multilingual" target="_blank">M+ FONTS</a><br />
・<a href="https://www.google.com/get/noto/" target="_blank">Noto Sans JP</a></p>
<h3>M+ FONTS</h3>
<p>まずはM＋ FONTSというフォントです。<br />
webフォントの使用は下記のサイトにもありますが、<br />
<a href="http://mplus-webfonts.osdn.jp/" target="_blank">M+ Web Fonts</a><br />
使用したいフォントをダウンロードして以下のようにして使用します。</p>
<p></p>

		<div id="crayon-6495402641709672325736" 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">CSS</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;">
@font-face{ 
  font-family: 'mplus-1p-light';
  src: url('../font/mplus-1p-light.eot');
  src: url('../font/mplus-1p-light.eot?#iefix') format('embedded-opentype'),
       url('../font/mplus-1p-light.woff') format('woff'),
       url('../font/mplus-1p-light.ttf') format('truetype');
}</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-6495402641709672325736-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641709672325736-2">2</div><div class="crayon-num" data-line="crayon-6495402641709672325736-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641709672325736-4">4</div><div class="crayon-num" data-line="crayon-6495402641709672325736-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641709672325736-6">6</div><div class="crayon-num" data-line="crayon-6495402641709672325736-7">7</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-6495402641709672325736-1"><span class="crayon-n">@font-face</span><span class="crayon-sy">{</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641709672325736-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'mplus-1p-light'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402641709672325736-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.eot'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641709672325736-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.eot?#iefix'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'embedded-opentype'</span><span class="crayon-sy">)</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-6495402641709672325736-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.woff'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'woff'</span><span class="crayon-sy">)</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641709672325736-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.ttf'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'truetype'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402641709672325736-7"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>そして、使用したいタグに、</p>
<p></p>

		<div id="crayon-649540264170e326570062" 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;">
p {
  font-family: 'mplus-1p-light';
}</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-649540264170e326570062-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264170e326570062-2">2</div><div class="crayon-num" data-line="crayon-649540264170e326570062-3">3</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-649540264170e326570062-1">p<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264170e326570062-2"><span class="crayon-h">&nbsp;&nbsp;</span>font-family<span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s ">'mplus-1p-light'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264170e326570062-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と指定してやるとフォントを使えます。</p>
<h3>Noto Sans JP</h3>
<p>次は、Noto Sans JPになります。</p>
<p>このフォントはgoogleが提供しているフォントでいろんな言語が用意されています。</p>
<p>日本語を使いたい場合はこちら、<br />
<a href="https://www.google.com/fonts/earlyaccess#Noto+Sans+JP" target="_blank">Google Fonts : Early Access</a></p>
<p>サイトにも記載がありますが、</p>
<p></p>

		<div id="crayon-649540264170f356862491" 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">CSS</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;">
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);</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-649540264170f356862491-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-649540264170f356862491-1"><span class="crayon-n">@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このCSSを読み込みあとは、先ほど同じように、</p>
<p></p>

		<div id="crayon-6495402641710702011569" 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;">
p {
  font-family: 'Noto Sans JP';
}</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-6495402641710702011569-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641710702011569-2">2</div><div class="crayon-num" data-line="crayon-6495402641710702011569-3">3</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-6495402641710702011569-1">p<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641710702011569-2"><span class="crayon-h">&nbsp;&nbsp;</span>font-family<span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s ">'Noto Sans JP'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402641710702011569-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と指定すると使用できます。</p>
<p>ちなみにこのフォント、Noto Sans Japaneseというものも存在しています。</p>
<p>ほぼ同じものなんですが、ウェイトの種類や、対応文字数がほんの少し違うだけです。</p>
<p>詳しくは以下のサイトで詳しく説明されております。</p>
<p><a href="http://oxynotes.com/?p=10293" target="_blank">Google Fontsの日本語フォント「Noto Fonts」の使い方 | OXY NOTES</a></p>
<p>webフォントによって表現がより豊かにできるのでぜひぜひ使用していきたいですね！</p>
<p>今後の問題としては、やはりwebフォントは重いので、表示スピードが遅くなってしまうことだと思います。<br />
キャッシュを使ったりいくつか方法がありますが、<br />
必要な文字だけダウンロードしてくる、みたいになれば無駄がなくて便利ですよね。。。</p>

フリーで使える日本語のwebフォントを使おう！！

<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で主に変わったこと

<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>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>以前に写真から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で作ってみる

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

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: 開発ナレッジ

2016/07/27

2016/07/27

2016/07/27

2016/07/27

2016/07/26

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

2016/07/06

2016/07/06

2016/07/06

2016/06/30