<p>前回に引き続き食品の撮り方をまとめてみたいと思います。</p>
<p>構図・シーンによって見る人に与える印象はかなり変わってきます。どんな印象を与えたいのかによって、それぞれ工夫が必要ですが、ちょっとした事で狙い通りの印象を演出できます。</p>
<h3>サイズは狭い方が美味しそうにみえる</h4>
<p>撮影する時にどういう構図をとるかによって、観る人が画像・映像から想像する味は変わります。</p>
<p>どちらが美味しそうに見えるでしょうか？</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5038" style="line-height: 1.5em;" alt="a0002_011883" src="/uploads-archive/2014/06/a0002_011883-300x199.jpg" width="300" height="199" srcset="/uploads-archive/2014/06/a0002_011883-300x199.jpg 300w, /uploads-archive/2014/06/a0002_011883-228x151.jpg 228w, /uploads-archive/2014/06/a0002_011883.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /><a href="/uploads-archive/2014/06/a0002_011881.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5037" alt="a0002_011881" src="/uploads-archive/2014/06/a0002_011881-300x199.jpg" width="300" height="199" srcset="/uploads-archive/2014/06/a0002_011881-300x199.jpg 300w, /uploads-archive/2014/06/a0002_011881-228x151.jpg 228w, /uploads-archive/2014/06/a0002_011881.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>感覚の問題なので万人に共通するとは言い切れませんが、左の写真の方が美味しそうに見えると感じる人が多いと思います。</p>
<p>器に入った食べ物を撮る時に最初陥りがちなのは、「被写体の全体を画像の中に納めないといけない」と考えてしまう事です。見て頂くとわかりますが左のように全体を入れなくても何の違和感もありません。右の写真は全体を入れようとしているのでカタログ感がでてしまいます。</p>
<p>そして大切なのは、不思議と食べ物はサイズを狭く、近めの構図の方が美味しそうに見えます。</p>
<p><a href="/uploads-archive/2014/06/a0002_011723.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5035" alt="a0002_011723" src="/uploads-archive/2014/06/a0002_011723-300x199.jpg" width="300" height="199" srcset="/uploads-archive/2014/06/a0002_011723-300x199.jpg 300w, /uploads-archive/2014/06/a0002_011723-228x151.jpg 228w, /uploads-archive/2014/06/a0002_011723.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5039" alt="a0002_011887" src="/uploads-archive/2014/06/a0002_011887-199x300.jpg" width="199" height="300" srcset="/uploads-archive/2014/06/a0002_011887-199x300.jpg 199w, /uploads-archive/2014/06/a0002_011887-228x342.jpg 228w, /uploads-archive/2014/06/a0002_011887.jpg 320w" sizes="(max-width: 199px) 100vw, 199px" /></p>
<p>&nbsp;</p>
<p>こちらの写真ではどちらも全体が入っていませんが、被写体に寄って撮っている左の方が美味しそうに感じるはずです。</p>
<h3>出来るだけ食べる状況に近づける</h4>
<p>食べ物の画像を見た時に、人は無意識に味や香りを思い浮かべて、その食べ物を口にした状態を想像してしまいます。</p>
<p>なので出来るだけ想像しやすい状況で撮影する事が大切です。つまり、その被写体を食べる状況に近づけるということです。</p>
<p><a href="/uploads-archive/2014/06/a1180_010293.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5041" alt="a1180_010293" src="/uploads-archive/2014/06/a1180_010293-300x198.jpg" width="300" height="198" srcset="/uploads-archive/2014/06/a1180_010293-300x198.jpg 300w, /uploads-archive/2014/06/a1180_010293-228x150.jpg 228w, /uploads-archive/2014/06/a1180_010293.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a><a href="/uploads-archive/2014/06/a1180_010292.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5040" alt="a1180_010292" src="/uploads-archive/2014/06/a1180_010292-300x198.jpg" width="300" height="198" srcset="/uploads-archive/2014/06/a1180_010292-300x198.jpg 300w, /uploads-archive/2014/06/a1180_010292-228x150.jpg 228w, /uploads-archive/2014/06/a1180_010292.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>上の写真はとてもわかりやすい例ですが、左のようにチーズに切れ目が入っているだけで印象が変わってきます。</p>
<p>右の写真は無機質な感じがしますが、左のように切れ目を入れただけで味や香りを想像しやすくなります。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5043" style="line-height: 1.5em;" alt="e0b2d921dd6755eaa7701c0c5433f44b_s" src="/uploads-archive/2014/06/e0b2d921dd6755eaa7701c0c5433f44b_s-300x200.jpg" width="300" height="200" srcset="/uploads-archive/2014/06/e0b2d921dd6755eaa7701c0c5433f44b_s-300x200.jpg 300w, /uploads-archive/2014/06/e0b2d921dd6755eaa7701c0c5433f44b_s-228x152.jpg 228w, /uploads-archive/2014/06/e0b2d921dd6755eaa7701c0c5433f44b_s.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /><a href="/uploads-archive/2014/06/a0002_011812.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5036" alt="a0002_011812" src="/uploads-archive/2014/06/a0002_011812-300x224.jpg" width="300" height="224" srcset="/uploads-archive/2014/06/a0002_011812-300x224.jpg 300w, /uploads-archive/2014/06/a0002_011812-228x170.jpg 228w, /uploads-archive/2014/06/a0002_011812.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>続いて野菜の画像です。</p>
<p>これも陥りやすいのですが、右の写真は新鮮さや活きの良さを表現しようと、収穫前というシーンを選択しています。サイズも悪いので一概には言えませんが、右の写真はあまり美味しそうには見えません。</p>
<p>左の写真は野菜を手に取ってかじってみるといった状況を想像しやすいので、美味しそうに感じます。水滴を足しているので、むしろ左の方が新鮮に感じるかもしれません、</p>
<h3>ボリュームを出す撮り方</h4>
<p>食べ物を購入する人の心理としては、できるだけ安く量の多い商品を選ぶはずです。できるだけボリューム感のある画像・映像の取り方というのも必要不可欠だと思います。</p>
<p>ボリュームを出す撮り方はいくつかあります。</p>
<p>１つは「撮り切る」という構図の作り方です。</p>
<p><a href="/uploads-archive/2014/06/a1180_014371.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5034" alt="a1180_014371" src="/uploads-archive/2014/06/a1180_014371-300x198.jpg" width="300" height="198" srcset="/uploads-archive/2014/06/a1180_014371-300x198.jpg 300w, /uploads-archive/2014/06/a1180_014371-228x150.jpg 228w, /uploads-archive/2014/06/a1180_014371.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5033" alt="a1180_014366" src="/uploads-archive/2014/06/a1180_014366-300x197.jpg" width="300" height="197" srcset="/uploads-archive/2014/06/a1180_014366-300x197.jpg 300w, /uploads-archive/2014/06/a1180_014366-228x150.jpg 228w, /uploads-archive/2014/06/a1180_014366.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>&nbsp;</p>
<p>左の写真が撮り切った構図になります。</p>
<p>画像の外側を見ている人に想像させる事で、量を多く感じさせます。大抵は自分に都合がいいように人は想像するので、ボリュームのある商品と感じるはずです。</p>
<p>そしてもう一つは「あおる」撮り方です。</p>
<p><a href="/uploads-archive/2014/06/b1180_010304.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5042" alt="b1180_010304" src="/uploads-archive/2014/06/b1180_010304-300x198.jpg" width="300" height="198" srcset="/uploads-archive/2014/06/b1180_010304-300x198.jpg 300w, /uploads-archive/2014/06/b1180_010304-228x150.jpg 228w, /uploads-archive/2014/06/b1180_010304.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a><a href="/uploads-archive/2014/06/a1180_010303.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5050" alt="a1180_010303" src="/uploads-archive/2014/06/a1180_010303-300x220.jpg" width="300" height="220" srcset="/uploads-archive/2014/06/a1180_010303-300x220.jpg 300w, /uploads-archive/2014/06/a1180_010303-228x167.jpg 228w, /uploads-archive/2014/06/a1180_010303.jpg 481w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>低い位置からあおって撮ると厚みを表現できるので、ボリューム感がでます。左の写真はきちんあおれていないのですが、比較の例としてはわかりやすいと思います。</p>
<p>本来はもっと低い位置からレンズを上に向ける感じでとると「ド～ン」という印象が出ます。肉など厚みが必要になる商品には是非お勧めな撮り方です。右のように上から撮影すると高さを表現できないのでボリュームが伝わりません。</p>
<p>商品がお酒などでブランド感を出したい時にも、あおって撮ると「力強さ」「格式の高さ」が表現できます。</p>
<p><a href="/uploads-archive/2014/06/8f4dfb8710be1a0376a4da8685bedd6c.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5044" alt="酒あおりDSC00215" src="/uploads-archive/2014/06/8f4dfb8710be1a0376a4da8685bedd6c-199x300.jpg" width="199" height="300" srcset="/uploads-archive/2014/06/8f4dfb8710be1a0376a4da8685bedd6c-199x300.jpg 199w, /uploads-archive/2014/06/8f4dfb8710be1a0376a4da8685bedd6c-228x343.jpg 228w, /uploads-archive/2014/06/8f4dfb8710be1a0376a4da8685bedd6c.jpg 600w" sizes="(max-width: 199px) 100vw, 199px" /></a><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5045" alt="酒正面DSC00213" src="/uploads-archive/2014/06/86d3d1bdeaaefce98462b00f47dfcaeb-199x300.jpg" width="199" height="300" srcset="/uploads-archive/2014/06/86d3d1bdeaaefce98462b00f47dfcaeb-199x300.jpg 199w, /uploads-archive/2014/06/86d3d1bdeaaefce98462b00f47dfcaeb-228x342.jpg 228w, /uploads-archive/2014/06/86d3d1bdeaaefce98462b00f47dfcaeb.jpg 399w" sizes="(max-width: 199px) 100vw, 199px" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ＥＣ・ネットショップ運営に役立つ写真・映像の撮り方　食べ物編 その３

<p>スマホのサイトで広告などに用いられている、</p>
<p>スクロール中に特定の要素を非表示にするjQueryのコードを組んでみました。</p>
<p>スマホでよく使われるので、スマホにも対応いたしました。</p>
<p>&nbsp;</p>
<p>↓こちらがデモ</p>
<p><a class="demo" title="DEMO" href="/demo/ninomiya/46/" target="_blank">DEMO</a></p>
<p>&nbsp;</p>
<h2>方法</h3>
<p>たとえばfooterをfixedにして、スクロール中非表示にする場合。</p>
<h4>JavaScript</h6>
<p></p>

		<div id="crayon-6495401577ba8948102246" 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;">
$(function(){
	$(window).on("scroll touchmove", function(){ //スクロール中に判断する
			$("footer").stop(); //アニメーションしている場合、アニメーションを強制停止
			$("footer").css('display', 'none').delay(500).fadeIn('fast');
			//スクロール中は非表示にして、500ミリ秒遅らせて再び表示
	});
});</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-6495401577ba8948102246-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577ba8948102246-2">2</div><div class="crayon-num" data-line="crayon-6495401577ba8948102246-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577ba8948102246-4">4</div><div class="crayon-num" data-line="crayon-6495401577ba8948102246-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577ba8948102246-6">6</div><div class="crayon-num" data-line="crayon-6495401577ba8948102246-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-6495401577ba8948102246-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577ba8948102246-2"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-i">window</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">on</span><span class="crayon-sy">(</span><span class="crayon-s">"scroll touchmove"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-c">//スクロール中に判断する</span></div><div class="crayon-line" id="crayon-6495401577ba8948102246-3"><span class="crayon-h">			</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"footer"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">stop</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//アニメーションしている場合、アニメーションを強制停止</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577ba8948102246-4"><span class="crayon-h">			</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"footer"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">css</span><span class="crayon-sy">(</span><span class="crayon-s">'display'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'none'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">delay</span><span class="crayon-sy">(</span><span class="crayon-cn">500</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">fadeIn</span><span class="crayon-sy">(</span><span class="crayon-s">'fast'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401577ba8948102246-5"><span class="crayon-h">			</span><span class="crayon-c">//スクロール中は非表示にして、500ミリ秒遅らせて再び表示</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577ba8948102246-6"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401577ba8948102246-7"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>判断するタイミングは、PCの場合scrollだけで問題ありませんが、</p>
<p>スマホの場合、スクロールが完全に終わるまでイベントが発生しないようですので、touchmoveを用いました。</p>
<p>&nbsp;</p>
<p>イベントが発生したら、対象の要素を、一度.css()でdisplay:noneにして非表示にし、</p>
<p>.delay()でタイミングを遅らせた後に、.fadeIn()で再び表示します。</p>
<p>スクロール中はずっと表示させないため、はじめに.stop()でアニメーションを停止しています。</p>
<p>&nbsp;</p>
<h3>参考サイト</h4>
<p><a class="link" href="http://alphasis.info/2011/08/jquery-api-scroll-fn/" target="_blank">scroll( fn ) &#8211; jQuery API 日本語リファレンス</a></p>

【jQuery】スマホの広告みたいにスクロール中に非表示にするjQueryのコード

<p>Firefoxが29になり、デザインが一新されてスッキリし、私好みになったので、最近起動ブラウザNo2になりつつあるのですが、タブの右クリックメニューを見ていて、「<strong>タブをピン留め</strong>」「<strong>タブを保護</strong>」「<strong>タブをロック</strong>」の違いがよく分からなかったので調べてみました。</p>
<p>Chromeは「<strong>タブの固定</strong>」というメニューしかなく、基本的にはGmailなど常に開いておくようなタブを設定しています。</p>
<h2>タブをピン留め</h3>
<p>タブのピン留めをすると、アイコンのみで小さくなり、削除ボタンがなくなり、右クリックメニュー以外でタブが閉じることが出来なくなります。<br />
Chromeの「<strong>タブの固定</strong>」と似ていますが、Chromeではタブを閉じることが出来ます。</p>
<blockquote><p>ピン留めされたタブと通常のタブとの違いは？<br />
ピン留めされたタブは小さいです (サイトのアイコン (favicon) のみが表示され、タイトルは表示されません)。また、これらはタブバーの左端に置かれます。<br />
ピン留めされたタブには閉じるボタンがありません。間違って閉じられることのないようにするためです。<br />
ピン留めされたタブを閉じるには、タブを Ctrl キーを押しながらクリック し、メニューから タブを閉じる を選択します。<br />
ピン留めされたタブのページの内容が変更されると、青く光って通知されます。<br />
Gmail をアプリタブに設定した場合、例えば、別のタブを表示している時に新着メールを受信すると Gmail のタブが光ります。<br />
Firefox の終了時に設定されたすべてのピン留めされたタブは、次回起動時に再びアプリタブとして開かれます。<br />
ピン留めされたタブ内でクリックした別の Web サイトへのリンクは新規 タブに開かれるため、アプリタブが変更されることはありません。<br />
Facebook など多くの Web アプリでは、すでにサイト側でこのような動作をするように作られていますが、そうでないサイトでも新規 タブに開かれます。</p></blockquote>
<p><a href="https://support.mozilla.org/ja/kb/pinned-tabs-keep-favorite-websites-open">https://support.mozilla.org/ja/kb/pinned-tabs-keep-favorite-websites-open</a></p>
<h2>タブを保護</h3>
<p>タブを閉じられなくする機能<br />
タブの右端の閉じるボタンがなくなる他、キーボードショートカットや右クリックメニューでもタブを閉じることが出来なくなります。</p>
<h2>タブをロック</h3>
<p>ロックされたタブ内のリンクはすべて新しいタブに開く機能<br />
内部リンクも別タブに開いてしまうので、Googleなどの検索エンジンのページをロックしておくような利用シーンが想定されますね。</p>
<h2>まとめ</h3>
<p>上記、3つはそれぞれ併用をすることが出来ます。<br />
保護とロックを同時にするとタブが凍結された形になり、消すことも遷移することもなくなります。<br />
Firefoxの公式サポートでもピン留め以外は、記載がなかったので何かの参考になれば幸いです。</p>


Firefoxの「タブをピン留め」「タブを保護」「タブをロック」の違い

css3のanimationを使ってみたら予想以上に簡単だった！

WordPressPopularPostsでdie lock発生?

【jQuery ajax】jsonファイルを順番に読み込む方法

<p>図らずもお仕事の関係で、多層睡眠をしながらこなさなくてはいけないという状況にここ最近陥ってしまいまして、調べてみました。</p>
<p>調べてみると本質的な多層睡眠は15分〜20分の睡眠を複数回とるというもので、やり方は完全に違っていましたが、似たような状況ではありました。</p>
<p><a href="http://ja.wikipedia.org/wiki/%E5%A4%9A%E7%9B%B8%E7%9D%A1%E7%9C%A0" target="_blank">http://ja.wikipedia.org/wiki/%E5%A4%9A%E7%9B%B8%E7%9D%A1%E7%9C%A0</a></p>
<p><span style="line-height: 1.5em;">人工照明発明以前は人類も多層睡眠だったということで驚きですね。また、動物の一般的な睡眠法とあることから</span>夜眠って昼起きるという「単相睡眠」をしているのは現代人間だけ。</p>
<p>赤ちゃんやお年寄りも多層睡眠に近いため生物的な本能は多層睡眠ということですね。<span style="line-height: 1.5em;"> </span></p>
<h2>多層睡眠を取り入れていた著名人</h3>
<ul>
<li>レオナルド・ダ・ヴィンチ→4時間ごとに15分ずつ。1日を6分割して合計1時間半</li>
<li>トーマス・エジソン→30分ほどの仮眠を1日数回</li>
</ul>
<h2>多層睡眠グッズ</h3>
<p>多層睡眠を実現させるこんな商品もあるようです。とても欲しい。</p>
<p>https://www.kickstarter.com/projects/intelclinic/neuroon-worlds-first-sleep-mask-for-polyphasic-sle</p>
<p>専用アプリをインストールしたスマートフォンと連携することで、睡眠スタイルを1日に複数回眠る「多相性睡眠」に切り替え、睡眠時間を短縮を実現するガジェット。</p>
<h2>多層睡眠なネガティブな要因</h3>
<ul>
<li>生活を共にする人とのリズムが合わなくなる。</li>
<li>日中の活動期に本来の</li>
</ul>
<p>これはごもっともな部分だと思いますが、自分一人であれば、可能ですが家族があったり、仕事があったりと、社会に生きていく上では、そもそも難易度が高いものかもしれません。</p>
<p>&nbsp;</p>


多層睡眠のススメ

<p>今回も商品として食品として扱っている方向けに、より良い印象を与える写真・動画の取り方です。</p>
<p>やはりおいしそうに見えないといけないのですが、食べ物がおいしそうに見える要素として「艶」あるいは「テカり」があります。</p>
<p>キラキラと輝いて艶のある物に対して、人は「新鮮さ」や「瑞々しさ」、「濃厚さ」、時には「温かみ」などを感じとります。食品の画像・映像を撮るときには欠かせない要素です。</p>
<p>街中を歩いていて飲食店のメニューを載せたポスターなどを見てもらうと良くわかるのですが、使用されている写真はほぼ１００％といっていいほど艶をきちんととらえた物になっています。</p>
<h3>食品をおいしそうに見せる艶の出し方</h4>
<p>では具体的な艶の出し方ですが、ポイントは「被写体の温度」と「光の反射」です。</p>
<p>「被写体の温度」ですが、これは撮影する食品によって変わってきます。言わずもがなですが、艶を出すためには表面が滑らかで当たった光を反射しやすくする必要があります。</p>
<p>例えば炊き立てのご飯と、少し冷めてしまったご飯では艶が違うのは容易に想像できる思います。糖質の物や脂が表面についている物は、できるだけ温かいほうが光を反射してくれます。ラーメンのような食べ物も脂が固まってしまうと光の反射が弱くなるのが想像しやすいと思います。つまり実際に食べるのと同じでできるだけ温かいうちに撮る事が大切です。</p>
<p>撮影中に画角や構図をあれこれやっている間に冷めて艶がなくなりますので、温かい食べ物を撮影する際は実際の撮影前にダミーで画を決めておきましょう。</p>
<p>（ちなみに下の写真は艶をうまく出せていない例だと思います）</p>
<p><a href="/uploads-archive/2014/06/3d37c3854b23736e60a31ad26a1a5374_s.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4985" alt="3d37c3854b23736e60a31ad26a1a5374_s" src="/uploads-archive/2014/06/3d37c3854b23736e60a31ad26a1a5374_s-300x200.jpg" width="300" height="200" srcset="/uploads-archive/2014/06/3d37c3854b23736e60a31ad26a1a5374_s-300x200.jpg 300w, /uploads-archive/2014/06/3d37c3854b23736e60a31ad26a1a5374_s-228x152.jpg 228w, /uploads-archive/2014/06/3d37c3854b23736e60a31ad26a1a5374_s.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>反対に野菜や果物の中には冷えていた方が、形状から艶を出しやすくなるものもあります。たとえばトマトやブドウなどは、皮が張って球面のようになっていた方が反射してくれます。こういった食材の場合は撮影する直前まで冷たい水につけておくと、温度も下がるし、幾分か水分を吸ってくれるので皮に張りが出て艶を出しやすくなります。さらに水滴がついている事で、水滴による反射もおこります。</p>
<p><a href="/uploads-archive/2014/06/29a2afd568cbfe129f9c243abf0a4e90_s.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4984" alt="29a2afd568cbfe129f9c243abf0a4e90_s" src="/uploads-archive/2014/06/29a2afd568cbfe129f9c243abf0a4e90_s-300x200.jpg" width="300" height="200" srcset="/uploads-archive/2014/06/29a2afd568cbfe129f9c243abf0a4e90_s-300x200.jpg 300w, /uploads-archive/2014/06/29a2afd568cbfe129f9c243abf0a4e90_s-228x152.jpg 228w, /uploads-archive/2014/06/29a2afd568cbfe129f9c243abf0a4e90_s.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>艶を画像としてとらえるには食品で「光を反射」させてその「反射」をうまく捕える必要があります。</p>
<p>ライティングは基本的に上から当てていますから、はじめはよく陥りがちですが、艶を撮ろうとして体をいれてしまうと</p>
<p>光をさえぎってしまいます。</p>
<p><a href="/uploads-archive/2014/06/1_1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4991" alt="1_1" src="/uploads-archive/2014/06/1_1-300x225.jpg" width="300" height="225" srcset="/uploads-archive/2014/06/1_1-300x225.jpg 300w, /uploads-archive/2014/06/1_1-228x171.jpg 228w, /uploads-archive/2014/06/1_1.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a> <a href="/uploads-archive/2014/06/1_2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4992" alt="1_2" src="/uploads-archive/2014/06/1_2-300x225.jpg" width="300" height="225" srcset="/uploads-archive/2014/06/1_2-300x225.jpg 300w, /uploads-archive/2014/06/1_2-228x171.jpg 228w, /uploads-archive/2014/06/1_2.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>そこでよく行われるのは「八百屋」といわれる事が多いのですが、食品を傾けます。（もちろん汁ものはこぼれない程度に）</p>
<p>被写体に隠すようにボール紙などを丸めて台をつくり角度をつけます。</p>
<p><a href="/uploads-archive/2014/06/1_3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4994" alt="1_3" src="/uploads-archive/2014/06/1_3-300x225.jpg" width="300" height="225" srcset="/uploads-archive/2014/06/1_3-300x225.jpg 300w, /uploads-archive/2014/06/1_3-228x171.jpg 228w, /uploads-archive/2014/06/1_3.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>さらに鏡を使い狙った所に反射を起こします。</p>
<p>食べ物の物撮りの際に撮影現場ではよく卓上鏡を使用します。小さ目の卓上鏡を使って丁度テカりが出る部分に光を当てます。</p>
<p><a href="/uploads-archive/2014/06/rcmdin_iw-126122.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4986" alt="rcmdin_iw-126122" src="/uploads-archive/2014/06/rcmdin_iw-126122-300x300.jpg" width="300" height="300" srcset="/uploads-archive/2014/06/rcmdin_iw-126122-300x300.jpg 300w, /uploads-archive/2014/06/rcmdin_iw-126122-150x150.jpg 150w, /uploads-archive/2014/06/rcmdin_iw-126122-228x228.jpg 228w, /uploads-archive/2014/06/rcmdin_iw-126122.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></a><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5004" style="line-height: 1.5em;" alt="1_4" src="/uploads-archive/2014/06/1_4-300x225.jpg" width="300" height="225" srcset="/uploads-archive/2014/06/1_4-300x225.jpg 300w, /uploads-archive/2014/06/1_4-228x171.jpg 228w, /uploads-archive/2014/06/1_4.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>最終的にレンズに反射した光が入ってくるように調整します。</p>
<p>被写体自体に艶を出そうをしているので、映り込みには気をつけて下さい、仕上がってみると自分が映り込んでいたなんて事がないように。分かりきった事かもしれませんが、そのためにも室内の電気は撮影して下さい。</p>
<p>そして「艶」とはちょっと離れるかもしれませんが、食べ物はできるだけ寄り（狭い画）で撮った方がおいしそうに見えると思います。グルメ番組などでも寄りの画を多用しています。退いた画になるとおいしさが伝わりません。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ＥＣ・ネットショップ運営に役立つ写真・映像の撮り方　食べ物編 その２

<p>ECサイトなどでは、</p>
<p>新商品や人気の商品、優先的に売りたい商品などを知らせるための手段として、</p>
<p>「おすすめ」や「売れてます！」といった文句の書かれた<strong>アイキャッチアイコン</strong>が度々使われます。</p>
<p>何気なく目にするものですが、効果は大きく、</p>
<p>商品を目立たせるだけでなく、</p>
<p>ECサイト以外でもユーザーが迷わないようにするためにも使われる、重要な要素です。</p>
<p>&nbsp;</p>
<p>今回このアイキャッチアイコンで、よく使われるデザインをまとめてみました。</p>
<p>&nbsp;</p>
<h3>シンプル系</h4>
<p><img decoding="async" loading="lazy" title="文字を対象に添える" alt="文字を対象に添える" src="/uploads-archive/2014/06/icon01.jpg" width="240" height="240" /></p>
<p>文字を対象に添える</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="四角で囲う" alt="四角で囲う" src="/uploads-archive/2014/06/icon02.jpg" width="240" height="240" /></p>
<p>四角で囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="円で囲う" alt="円で囲う" src="/uploads-archive/2014/06/icon03.jpg" width="240" height="240" /></p>
<p>円で囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="バクダンで囲う" alt="バクダンで囲う" src="/uploads-archive/2014/06/icon04.jpg" width="240" height="240" /></p>
<p>バクダンで囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="吹き出しで囲う" alt="吹き出しで囲う" src="/uploads-archive/2014/06/icon05.jpg" width="240" height="240" /></p>
<p>吹き出しで囲う</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="三角で囲い、端におく" alt="三角で囲い、端におく" src="/uploads-archive/2014/06/icon06.jpg" width="240" height="240" /></p>
<p>三角で囲い、端におく</p>
<p>&nbsp;</p>
<h3>装飾系</h4>
<p><img decoding="async" loading="lazy" title="帯をつける" alt="帯をつける" src="/uploads-archive/2014/06/icon07.jpg" width="240" height="240" /></p>
<p>帯をつける(斜め)</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="帯をつける(水平)" alt="帯をつける(水平)" src="/uploads-archive/2014/06/icon08.jpg" width="240" height="240" /></p>
<p>帯をつける(水平)</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" title="リボンをつける" alt="リボンをつける" src="/uploads-archive/2014/06/icon09.jpg" width="240" height="240" /></p>
<p>リボンをつける</p>
<p>&nbsp;</p>
<p>これらの場所を変えてみたり、</p>
<p>テクスチャ、グラデーション、シャドウなどの組み合わせを変えたりして、</p>
<p>よりよいものを見つけたいです。</p>


アイキャッチアイコンのパターンをまとめてみました

<p>ふとitunesのアプリを見ていたら、いいものを見つけました。</p>
<p>その名も「Stache」。</p>
<p><a href="https://itunes.apple.com/jp/app/stache/id870659406?mt=12" target="_blank">Mac App Store &#8211; Stache</a></p>
<p>どんなアプリかというと、</p>
<p>webサイトのキャプチャを撮って保存して、</p>
<p>一覧で見る事が出来、検索も簡単にできてしまうというものです。</p>
<p>自分だけのwebデザインギャラリーを作れるということですね！！</p>
<p>便利ですね！</p>
<p>webデザイナーは常日頃、いいデザインに触れて、ストックしておかないといけないですから、</p>
<p>うってつけですね！</p>
<p>&nbsp;</p>
<p>説明では、</p>
<p>視覚的なブックマーク、コンテンツの検索、フルページのアーカイブをよりスマートにブックマークすることができるとな。</p>
<p>アプリサイトで紹介されている特長を載せます。</p>
<p><span style="font-size: medium;"><strong>•••簡単にビジュアルブックマーク•••</strong></span><br />
あらゆるページを美しいスクリーンショットで保存し、表示することができます。そして、ページをすばやく見分け、閲覧するのを手助けします。</p>
<p><span style="font-size: medium;"><strong>•••コンテンツの検索•••</strong></span><br />
サイト名またはページタイトルを思い出せない場合でも、ページを検索することが迅速かつ容易になります。</p>
<p><span style="font-size: medium;"><strong>••ページ全体のスクリーンショットとWebアーカイブ••••</strong></span><br />
ページコンテンツやデザインをアーカイブにブックマークするため、ページ全体のスクリーンショットとウェブアーカイブが保存されます。ページの変更やオフラインの場合でもコンテンツを保存するので、感動的なデザインを完璧に収集できます。</p>
<p><span style="font-size: medium;"><strong>•••素早くプレビュー•••</strong></span></p>
<p>ブックマークを選び、スペースキーを押すだけで、すぐにフルスクリーンショットを表示できるので、stacheを離れる事なく、ページを見ることができます。</p>
<p><span style="font-size: medium;"><strong>•••ブラウザ拡張•••</strong></span><br />
Stacheは、SafariとChromeでシングルクリックと同じくらい簡単にブックマークがすることができます。Stacheアイコンを押すかAlt + Sを押してください。他のブラウザではブックマークレットが利用可能です。</p>
<p><span style="font-size: medium;"><strong>•••  iCloud•••</strong></span><br />
すべてのブックマークがiCloudに保存され、バックアップされます。すべてのAppleデバイスでアクセス可能です。</p>
<p><span style="font-size: medium;"><strong>•••iPhoneやiPadで利用可能 •••</strong></span><br />
iOS用Stacheを取得すれば、どこからでもあなたのブックマークのライブラリーを閲覧することができます。</p>
<p><span style="font-size: medium;"><strong>••その他の機能••••</strong></span><br />
&#8211; インポート/エクスポートのHTMLブックマークファイル<br />
&#8211; エクスポートフルページのスクリーンショットやWebアーカイブ<br />
&#8211; タグ付け<br />
&#8211; URLスキームをサポート<br />
&#8211; URLの共有</p>
<p>&nbsp;</p>
<p>お粗末な翻訳ですいません・・・</p>
<p>こちらのアプリは700円です！</p>
<p>かなりいいアプリだと思います！</p>
<p>他にもこのようなアプリがありますので、ご紹介します。</p>
<p>&nbsp;</p>
<p><a href="https://itunes.apple.com/jp/app/ember-screenshot-annotate/id402456742?mt=12" target="_blank">Mac App Store &#8211; Ember &#8211; Screenshot, Annotate and Share</a></p>
<p>&nbsp;</p>
<p>こちらのアプリを使用していらっしゃる方のブログも紹介します。</p>
<p>&nbsp;</p>
<p><a href="http://design.kayac.com/topics/2014/04/ember.php">１０秒以内に、ここ１年で見てきたデザインが出せますか？「Ember」活用まとめ | KAYAC DESIGNER&#8217;S BLOG &#8211; デザインやマークアップの話</a></p>
<p>&nbsp;</p>


webデザイン収集にもってこいなアプリ「Stache」

<p>ネットショップで商品の良さをお客さんに伝えるには文章の内容も大切ですが、画像や動画が担う割合は大きくなると思います。</p>
<p>そこで「如何に商品を良く魅せるか」を目的とした写真・動画の撮り方を今後いくつかまとめていきたい思います。できるだけコストをかけずに、簡単にできる方法を心がけて書きたいと思います。</p>
<p>今回は食べ物をおいしそうに見せる撮り方です。</p>
<h3>温度を伝える湯気の作り方</h4>
<p>温かいまま送るわけにはいかないので冷凍やレトルト、またはパウチという形になると思いますが、肉まんや鍋物などもネットショップで販売されている方がたくさんいると思います。温かくして食べる商品の場合は、商品画像としては熱々で湯気が経っている写真を使いたいですよね。</p>
<p>以外に湯気を撮ろうと思うと面倒に思えますが、条件がそろえばさほど難しくありません。大切なのは室温と光と抜けです。</p>
<p>まずは室温についてですが、湯気を撮りたい場合、もちろんたくさん湯気が出ているほうが取りやすいですよね。冬の寒い日を思い出してもらうと分かりやすいのですが、息が白くなります。気温と息の温度差が大きいほどわかりやすくなります。</p>
<p>湯気を出すのも同じ原理でエアコンで室温をかなり低めに設定して、ギンギンに冷やしてしまって下さい。冬に行うとかなりきついですが、おいしさを伝える為に我慢しましょう。</p>
<p>そして次に光です。まず、天井についている蛍光灯などは消してしまいましょう。撮影用の照明器具のみで撮影をしたほうが、変な反射がなくなるので思い通りのライティングができるようになります。</p>
<p>でも、「撮影用の照明器具なんてないよ」という方もいらっしゃると思います。以前は撮影用の照明というと特別な物でしたし、かなり高かったのですが、最近はＬＥＤで1万円もしない物もあります。（そんなに大きくないですが）、それでも「そんな物買う金ない！」という人は家中から卓上ライトをかき集めて、被写体に当てるという手もあります。（あまりオススメしませんが・・・）</p>
<p>話を戻して、湯気が多少霧状に見えるくらいの強さで、被写体に照明を当てます。ちょっと虹っぽく見える感じです。湯気を出すという目的もありますが、食品はできるだけ光を当てて輝かせた方がおいしそうに見えます。鍋などはスープがキラキラ光っている感じが出ると最高です。</p>
<p>湯気を撮るために、もうひとつ大切な事があるのですが、バックを黒くするという事です。被写体の抜け（バック）に黒い布などをおいて、白い湯気が見えやすくします。布の質も大切です、反射してしまうものだと映り込んだりするので、「別珍」と呼ばれる生地がオススメです。</p>
<p>手芸店にいくと大抵売っています、そんなに高いものではないのです。大きさにもよりますが、1500～3000円くらいだと思います。</p>
<p>テレビのグルメ番組などで、いわゆる「物撮り」や「箸上げ」と言われる撮影のときも大抵同じ事をやっています。少なくても室温はできるだけ低くしして撮っているはずです。（昔はドライアイスを入れる強者もいましたが・・・）</p>
<p>バックに黒い布をおけない場合は、できるだけバックの色が濃い場所、黒っぽい場所で撮ってください。</p>


ＥＣ・ネットショップ運営に役立つ写真・映像の撮り方　食べ物編

<p>デザインやコーディングをする際、</p>
<p>お客さんから画像のデータをいただくときに、</p>
<p>ワードやエクセルのデータをいただくときがあります。</p>
<p>&nbsp;</p>
<p>↓例</p>
<p><a href="/uploads-archive/2014/05/ss02.jpg"><img decoding="async" loading="lazy" title="wordの例" alt="wordの例" src="/uploads-archive/2014/05/ss02.jpg" width="328" height="238" /></a></p>
<p>&nbsp;</p>
<p>PhotoshopやIllustratorに画像を移すとき、</p>
<p>そのままワードやエクセルのデータからコピー＆ペーストしたり、</p>
<p>PDFに変換してからIllustratorで開いたりして画像を取り出そうとすると、</p>
<p>画像が小さくなってしまったり、画質が落ちてしまったりして、うまく行きません。</p>
<p>&nbsp;</p>
<p>そこで何かいい方法はないかと調べていたところ、</p>
<p>びっくりするほど簡単な方法で、</p>
<p>直接画像を取り出すことができることがわかりましたので、</p>
<p>その方法をご紹介いたします。</p>
<p>&nbsp;</p>
<h2>方法</h3>
<h3>１、ワードのファイルをコピーします。</h4>
<p><a href="/uploads-archive/2014/05/ss01.jpg"><img decoding="async" title="ワードファイルをコピー" alt="ワードファイルをコピー" src="/uploads-archive/2014/05/ss01.jpg" width="420" /></a></p>
<h3>２、ファイルの拡張子を.「docx」もしくは「.doc」から「.zip」に変更します。</h4>
<p><a href="/uploads-archive/2014/05/ss03.jpg"><img decoding="async" loading="lazy" title="拡張子をZIPに変更" alt="拡張子をZIPに変更" src="/uploads-archive/2014/05/ss03.jpg" width="420" height="284" /></a></p>
<h3> ３、「.zip」に変更したファイルを解凍し、「media」というフォルダを探し出します。</h
</p>


エクセルやワードのデータから直接画像を取り出す方法

<p>先日MTをバージョンアップした際、記事のないカテゴリアーカイブページが表示されなくなってしまった！と連絡を受け、</p>
<p>その対応をしました。<br />
例えば、カテゴリがどのような構造かというと、</p>
<ul>
<li>大カテゴリ
<ul>
<li>カテゴリA</li>
<li>カテゴリB</li>
<li>カテゴリC</li>
<li>カテゴリD</li>
</ul>
</li>
</ul>
<p>こんな感じで、カテゴリA~Dには記事がありますが、</p>
<p>大カテゴリには記事がない場合、この大カテゴリのアーカイブページが出力されなくなってしまったということです。</p>
<p>この大カテゴリのページは、記事を表示するページではなく、サブカテゴリへ誘導するためのリンクが貼られているページになるため、</p>
<p>記事がなく、ここにチェックすることもしませんでした。</p>
<h2>解決方法</h3>
<p>空の記事を作って記事を表示させなくするのでもいいのかなと思ったのですが、</p>
<p>ちょっとかっこ悪いので、いろいろと探していたら、いい解決方法がありました。</p>
<p>&nbsp;</p>
<p><a href="http://www.h-fj.com/blog/archives/2012/12/23-152551.php">ブログ記事がないカテゴリアーカイブが出力されない(MT5.2.2) &#8211; The blog of H.Fujimoto</a></p>
<p>&nbsp;</p>
<p>この現象は、5.2.2のverから発生しているようですね。</p>
<p>解決方法は意外と簡単です。</p>
<p>MTのファイルの、</p>
<p>lib/MT/ArchiveType/Category.pm</p>
<p>の166行目を書き換えるだけでOKです！</p>
<p>これを</p>

		<div id="crayon-6495401577215143746566" 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">Perl</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;">
MT::ArchiveType::archive_entries_count( $obj, \%params );</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-6495401577215143746566-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-6495401577215143746566-1"><span class="crayon-e">MT::</span><span class="crayon-e">ArchiveType::</span><span class="crayon-e">archive_entries_count</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-v">$obj</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">\</span><span class="crayon-v">%params</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こう</p>

		<div id="crayon-6495401577219765123089" 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">Perl</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;">
return 1;</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-6495401577219765123089-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-6495401577219765123089-1"><span class="crayon-r">return</span><span class="crayon-h"> </span>1<span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>これで無事、カテゴリアーカイブページが出力されました！</p>
<p>&nbsp;</p>
<p>これにより他の箇所でなんらかの誤作動は発生してしまうかもとのことですが、</p>
<p>今のところは特に問題なく動いています。</p>
<p>&nbsp;</p>
<p>なぜそんな使用になってしまったのか、、、参照させていただいたブログには、</p>
<p>その辺も書かれているのでぜひご覧下さい。</p>
<p>&nbsp;</p>
<p>また、バージョンアップしたりすると、戻ってしまうかもなので、</p>
<p>やはり、空記事を作成したほうが無難かもしれないですね・・・</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

MT5.2.10で記事がないカテゴリアーカイブページが出力されない！

<p>越境EC時代にとても良いサービスを発見。</p>
<p><a href="http://www.tenso.com/" target="_blank"> http://www.tenso.com/</a></p>
<p>日本 → 海外への配送や買い物の代行をしているサービス。</p>
<p>日本の商品を買いたい外国人が使うサービスなので、自分は全く知らなかったので使ってみた。</p>
<p>会員登録すると以下の様な自分専用の住所が与えられる。</p>
<p><a href="/uploads-archive/2014/05/12.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4941" alt="1" src="/uploads-archive/2014/05/12.png" width="656" height="322" srcset="/uploads-archive/2014/05/12.png 656w, /uploads-archive/2014/05/12-300x147.png 300w, /uploads-archive/2014/05/12-228x111.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>要は建物名にIDが振られ、同じ倉庫内で会員情報と照合しているようだ。</p>
<p>あとは手数料を払えば送る感じのよう。</p>
<p>基本的にはEMSを使用しており、EMS料金 +転送手数料の合計が手数料の合計となる。</p>
<p>対応エリアもこれに準ずるようだ。</p>
<p><a href="https://www.post.japanpost.jp/int/ems/country/all.html" target="_blank"> https://www.post.japanpost.jp/int/ems/country/all.html</a></p>
<p>単純な発想だけど越境EC時代にはとてもインパクトを発揮するサービスで、<br />
とても興味があったのでシェア</p>


【良いサービス】転送コム を使ってみた

【MySQL】状態確認用のSQL文

<p>webデザイン力ってどうやったらあがるだろうかと、制作するたびに思わされますが、</p>
<p>そんな悩みを少し解決してくれるような記事達と出会いましたので、ご紹介させていただきます。</p>
<p>&nbsp;</p>
<p>まずは一気にご紹介させていただきます！！</p>
<p>&nbsp;</p>
<p><a href="http://www.webcreatorbox.com/tech/improve-design-skills/">Webデザインのスキルを磨こう！Webサイト模写のススメ | Webクリエイターボックス</a></p>
<p><a href="http://liginc.co.jp/web/design/photoshop/74339">模写して学ぼう！駆け出しデザイナーのためのデザイン上達法 | 株式会社LIG</a></p>
<p><a href="http://blog.idea-clippin.com/?p=332">WEBデザインが短期間に上達した方法 | FEVDES BLOG</a></p>
<p><a href="http://blog.cntlog.net/?p=820">ぼっちでも独学でWEBデザイナーになる方法（基礎編） – Cntlog</a></p>
<p><a href="http://www.web-labo.jp/archives/1946">Webデザイン完コピのススメ！ゼロから始める初心者は、まず沢山のページを模写し真似して作るべし！ | WEB-LABO</a></p>
<p><a href="http://www.actzero.jp/developer/report-3826.html">Webデザイン力をアップさせる4つのアクション | 株式会社アクトゼロ／動画コンテンツマーケティング・ソーシャルメディアマーケティング</a></p>
<p><a href="http://nishizm.com/index.php/webdesign/webdesign-study/">独学Webデザイナーの独自なWebデザイン学習法 | ニシザワのブログ</a></p>
<p>&nbsp;</p>
<h2>webデザイン力をUPさせるために必要な事</h3>
<p>&nbsp;</p>
<p>上記の記事を踏まえて、わかったことは、</p>
<p><span style="font-size: medium;"><strong>・情報収集をする(webサイトをキャプチャ、ブックマークして手元に置いておく)</strong></span></p>
<p><span style="font-size: medium;"><strong>・サイトの模写をする</strong></span></p>
<p>することです。</p>
<p>&nbsp;</p>
<p>情報収集をすることで、目を鍛え、最新のデザインに触れることができます。</p>
<p>また、収集されたものを見ると、自分の趣味趣向がわかります。</p>
<p>&nbsp;</p>
<p>そして、収集するだけでは技術は上がらないので、</p>
<p>そこで模写をする必要があるようです。</p>
<p>&nbsp;</p>
<p>模写はキャプチャしたサイトをphotoshopで同じように作っていくのですが、</p>
<p>模写のポイントとしては、以下のようなことが挙げられていました。</p>
<blockquote><p><strong>* デザインテイストを決めている要素　（写真・色・パーツの作り・フォントだったり、それらが複雑にからみ合っています）</strong><br />
<strong> * 情報の強弱・グルーピング（大きさや余白、色によって意味が違ってきます）</strong><br />
<strong> * レイアウトの幅（全体の大きさや例えば2カラムの場合の左右のカラムの大きさ。少しの幅の違いでバランスがかわります</strong><br />
<strong> * 余白間（マージン）の取り方</strong><br />
<strong> * 見出しやテキストとのジャンプ率の付け方</strong><br />
<strong> * 使用色の割合と使用数、差し色の使い方</strong><br />
<strong> * 要素同士のサイズ感のバランス</strong><br />
<strong> * 際立たせたい箇所の目立たせ方</strong></p></blockquote>
<p>これらを踏まえ、<br />
<strong>「良い」と思った理由を分析</strong>し、<strong>キーワード化して認識</strong>すると、<br />
おのずと良いデザインができるようになるのではないかということですね。</p>
<p>&nbsp;</p>
<p>そして<strong>photoshopの扱い方</strong>もまなぶことができます。<br />
<strong>グラデーション、シャイプの生成、テクスチャ</strong>等々、真似しようとすれば、<br />
どのように作成したらいいのかを考えるようになります。</p>
<p>完成したpsdはそれをもとにコーディングもやると、<br />
<strong>html構成、class/idのつけかた、css等</strong>を学ぶ勉強になるとなる思います。</p>
<p>&nbsp;</p>
<p>いいことだらけですね！！</p>
<p>これはやるしかない！！</p>
<p>と思いつつ僕もやってますが、なかなか取り組めてません・・・</p>
<p>&nbsp;</p>
<p>もっと取り組んで自分なりの考えができたら、またそれをまとめたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


webデザイン力をUPさせるために必要な事を教えてくれた記事7選

<p>カラコン愛用者の中にはカラコンを毎日使っている人が少なくないですが、毎日使うからこそ知っておきたい季節に合わせたカラコンのケアや選び方をまとめてみました。</p>
<h3>季節に合わせたカラー</h4>
<p>普段使っているレンズにもよりますが、季節感やその時期のファッションに合わせたカラーを選ぶ人が増えているようです。</p>
<p>レンズのカラーによって“さわやかさ”や“温かみ”を演出できるのもカラコンの特徴。いつも同じレンズを使っている人は、普段使わないカラーを使ってみるのもいいかもしれません。</p>
<p>夏は服装もさわやかな物が好まれるので、普段ナチュラル系のブラウンやブラックしか使った事がないという人は、明るめのヘーゼル（グリーンが入ったブラウン）やブルー系を使ってみるのもいいかもしれません。</p>
<p>逆に寒い冬には、デカ目の濃いブラウンなどで温かみを演出するのもオススメです。</p>
<h3>夏はレンズのケアにも注意！ＵＶ対策も必要</h4>
<p>夏は気温が上がり湿度も高くなるので雑菌の繁殖が活発になります。レンズのケアはしっかりしておかないと眼病の原因になるので気をつけなくてはいけません。</p>
<p>カラコンはほとんどがソフトレンズなので、洗浄をしっかりして保存液を毎日変えるのは大切です。以前はコンタクト用の洗浄液と保存液が別々でしたが最近は洗浄・保存を同時に行える物が増えてきています。またタンパク質を除去できる成分を含んだ製品もあるので、特に毎日使う人にはオススメです。</p>
<p>機能的な洗浄・保存液でも毎日こすり洗いはしっかり行いましょう。それが面倒な人はワンデーのレンズを使ってみるのも手です。</p>
<p>レンズはケアしてもレンズケースはそのままという人がいますが、高温多湿になる夏にはケースもきちんと水洗いして清潔に保つ事が重要です。使わない時にはレンズを清潔にしたケースしまって、冷蔵庫に入れて置くのがオススメです。</p>
<p>ちょっとやりすぎかもしれませんが、冷蔵庫に入れておくと着けたときに冷たくて気持ち良いですし、雑菌の増殖をきちんとセーブできます。</p>
<p>レンズのケアと同様に気をつけなくてはいけないのが紫外線（ＵＶ）です。</p>
<p>最近は「目からも日焼けする」と言われていますが、目に入った紫外線量が多いと肌が日焼けをした時同様に体がメラニンの生成を強めるんだそうです。</p>
<p>だからと言ってせっかくカラコンを着けているのにサングラスをするのは嫌だという人はＵＶカットのレンズを試してみて下さい。</p>
<p>オススメはシードの「アイコフレ・ワンデーＵＶ」、ＵＶカットのカラコンはあまり種類が少ないですが価格も控え目で、直径は14.0ミリなので普段使いにぴったりです。さらにワンデーなのでケアが面倒な人も清潔に保てます。</p>
<p><a href="http://item.rakuten.co.jp/catseye-store/cc41/">シード　アイコフレ・ワンデーＵＶ</a>　(楽天で購入できます）</p>
<p><a href="/uploads-archive/2014/05/cc41r.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4909" alt="cc41r" src="/uploads-archive/2014/05/cc41r-300x300.jpg" width="300" height="300" srcset="/uploads-archive/2014/05/cc41r-300x300.jpg 300w, /uploads-archive/2014/05/cc41r-150x150.jpg 150w, /uploads-archive/2014/05/cc41r-228x228.jpg 228w, /uploads-archive/2014/05/cc41r.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>冬は乾燥するので、眼自体もそうですがレンズのうるおいが失われがちです。目薬で乾燥を防ぐのと同時に、ドライアイの人は特に装着時間を短くする必要があります。あまり無理をして長く着けていても充血してしまいますので、使用する時間には気をつけましょう。</p>
<p>春・秋は花粉症は正直カラコンの使用をさけたほうがいいです。レンズに花粉が付着すると、症状が悪化してしまいます。どうしてもつけたいという人は、本当に必要な時だけ、しかもワンデーのレンズを使うのが良いでしょう。ワンデーなら、もし花粉がレンズに付着しても使い捨てなので、レンズやレンズケースに花粉が溜まっていく心配がありません。</p>
<p>&nbsp;</p>


カラコンにも四季がある！？夏に合うカラコンとは

<p>最近話題の4K（3840×2160px）テレビ。要は、現在主流のフルHD（1920×1080px）の4倍の解像度を持った新型テレビということで各メーカーが普及を狙って出しています。</p>
<p>そもそも4kの映像コンテンツが少ないということや、まだまだ普及価格帯（価格.com調べで最低20万円以上）ではないということからブルジョワな方や一部企業にしか、導入が進んでいない現状があります。そもそも、テレビに求めているのそこか？という議論もあります。</p>
<p>そんななかで、タイトルの「4Kテレビが65,000円」という発表がされました。</p>
<p>ただ、販売は中国国内のみです。。。</p>
<p>ベゼルが狭い先進的なデザインに標準でスピーカーとウーハーがついて65,000円（3999元）ということにおどろきました。</p>
<p>調べてみるといろいろ面白いことが分かってきました。</p>
<p>メーカーは小米（シャオミ）という中国企業で2010年に創業した企業で、「中国のアップル」創業者が「中国のジョブズ」といわれるほどに躍進してきました。</p>
<p>スマートフォン、タブレットなどのデバイスを供給するメーカーですが、既に、スマートフォンの出荷台数でトップ10に入るとのことです。</p>
<p>躍進を紐解いていくと</p>
<ul>
<li>1年に一つのみの製品で大量生産</li>
<li>高機能低価格路線</li>
<li>自社向上を持たないファブレス企業</li>
<li>広告費をかけずウェイボーで巧みにマーケティング</li>
</ul>
<p>などが重なって、現在の地位を確立しているようです。</p>
<p>小米（シャオミ）ホームページは以下になります</p>
<p><a href="http://www.mi.com/en">http://www.mi.com/en</a></p>
<p>製品が6個しかありません。</p>
<p>しかもそのうちの2つは携帯バッテリーとappleTVのようなセットトップボックスです。</p>
<h2>まとめ</h3>
<p>昔のメーカー的な体質は全くなく、製品一つをとにかく売るという企業のあり方がメーカーの生き残る道なのかもしれませんね。</p>
<p><span style="font-size: large;">ところで、jeffはこれをどうにか買ってきてくれないかな〜</span></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/06/12

2014/06/12

2014/06/12

2014/06/12

2014/06/11

2014/06/04

2014/06/04

2014/06/04

2014/06/03

2014/06/03

2014/05/28

2014/05/28

2014/05/28

2014/05/28

2014/05/28

2014/05/21

2014/05/21

2014/05/21