<p>googleが新たなデザインを提唱しているのが耳に入ったので、<br />
それを紹介します。</p>
<p><a href="http://www.google.com/design/#resources" target="_blank">Google Design</a></p>
<p><a href="http://www.google.com/design/spec/material-design/introduction.html" target="_blank">Introduction &#8211; Material Design &#8211; Google design guidelines</a></p>
<p>Material Designという名称でガイドラインが用意されているのですが、<br />
まぁパッと見、フラットデザインに近しい印象があります。</p>
<p>Material というと、「素材,材料,物質」という意味があるように、<br />
かなりざっくりいうと、<br />
1.デザイン要素は現実の物のメタファーを用い、<br />
2.わかりやすく意図的な色使い、グラフィック、タイポグラフィ、<br />
3.意味のあるアニメーションを用いましょう<br />
という感じかと思います。</p>
<p>項目は以下のようになっています。</p>
<p>・アニメーション<br />
・スタイル<br />
・レイアウト<br />
・コンポーネント<br />
・パターン<br />
・ユーザビリティ<br />
・リソース</p>
<p>かなり事細かに説明があり、<br />
原則から始まり、レイアウト、スタイル、コンポーネント等には、<br />
これはOK,これはダメといった指示まであります。<br />
テンプレートも用意されています。</p>
<p>スタイルの項目には、カラーやフォントについての記述があるのですが、<br />
こちらも、リソースとして、カラーパレットやフォントデータを提供してくれています。</p>
<p>細かいことはやはりサイトを見て感じてもらう必要があるかと思います。<br />
今後のデザインを作用しうるものになるかもしれないので、一読の必要性ありかもしれません。</p>
<p>といってもあまりにも従いすぎると、均一したデザインになってしまいますね。<br />
それがGoogleの狙いなのかもしれませんが。</p>
<p><a href="http://www.google.com/design/spec/material-design/introduction.html" target="_blank" class="link">Introduction &#8211; Material Design &#8211; Google design guidelines</a></p>


Googleが新たに提唱しているMaterial Design

<p>3年使ってきたMacbookAirの動作が重くなり、新しいMacbook Proを買いました。<br />
これまでTime Machineバックアップを使ってデータを移行しましたが、<br />
追加でやったことをリストしてみます。</p>
<h2>コンピュータ名の変更</h3>
<p>コンピュータ名が昔のままになっているので、それを変更したいと思います。<br />
「システム環境設定」＞「共有」で設定して解決出来ました。</p>
<h2>google drive</h3>
<p>google driveはTime Machineのバックアップ対象外にしているため、<br />
「Google ドライブ フォルダが見つかりません」のエラーが出てきました。<br />
Google Driveの<a href="https://support.google.com/drive/answer/2456903?hl=ja" target="_blank">ドキュメント</a>を参照して解決できました。<br />
要は一回ログアウトすればいいです。</p>
<h2>homebrew</h3>
<p>ターミナルを開いたら、下記warningが出てきました。</p>

		<div id="crayon-6495401578c9f921963006" 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;">
-bash: rbenv: command not found</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-6495401578c9f921963006-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-6495401578c9f921963006-1">-<span class="crayon-i">bash</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">rbenv</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">command </span><span class="crayon-st">not</span><span class="crayon-h"> </span><span class="crayon-i">found</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>どうやらbrewでインストールしたrbenvがバグっているらしい。</p>
<p>brewが生きているのようで、<br />
まずは</p>

		<div id="crayon-6495401578ca3187152454" 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;">
brew 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-6495401578ca3187152454-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-6495401578ca3187152454-1"><span class="crayon-e">brew </span><span class="crayon-i">update</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>をして、brewで管理するすべてのパッケージを1回アンインストールしました。</p>

		<div id="crayon-6495401578ca4702885601" 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;">
brew uninstall `brew list`</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-6495401578ca4702885601-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-6495401578ca4702885601-1"><span class="crayon-e">brew </span><span class="crayon-i">uninstall</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-e">brew </span><span class="crayon-i">list</span><span class="crayon-sy">`</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>あとは<br />
<a href="http://qiita.com/hidekuro/items/4c926587f3a1cb2ec1e0" target="_blank">こちら</a>を参照に、パッケージを一々インストールしなおすだけでした。<br />
※caskもインストールしなおすことになりました</p>
<p>brewを知らない人に、下記urlをご参照ください。<br />
<a href="http://qiita.com/b4b4r07/items/6efebc2f3d1cbbd393fc" target="_blank">homebrewとは</a></p>
<h2>photoshop cc</h3>
<p>adobeのアカウントでログインするだけで認証してくれました。</p>
<h2>office</h3>
<p>プロダクトキーが必要なので、インストールしたDVDに貼ってあるラベルを見つかって解決できました。<br />
その代わりに認証解除はいらないから（ライセンスは上書きされるらしい）、ある意味親切です。</p>
<h2>virtualbox</h3>
<p>VirtualOSを起動しようとしたら、</p>

		<div id="crayon-6495401578ca5797847300" 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;">
Kernel driver not installed (rc=-1908)</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-6495401578ca5797847300-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-6495401578ca5797847300-1"><span class="crayon-e">Kernel </span><span class="crayon-e">driver </span><span class="crayon-st">not</span><span class="crayon-h"> </span><span class="crayon-e">installed</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">rc</span>=-<span class="crayon-cn">1908</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>というメッセージが出ましたから、virtualboxをインストールし直すで解決できました。</p>

Time Machineバックアップから新しいMacをインストールでやったこと

<p>webサイトを作っていると、バナーを作成する機会というのは少なからず発生します。</p>
<p>私は、バナー作成が正直ちょっと苦手で、webのデザインからしかやってないせいか、グラフィックの領域のような気がしてしまい、いつも悩まされています。</p>
<p>そんな時は、やはり、他のバナーは一体どんな感じなのか？？</p>
<p>を知るのが大切だと思います。<br />
goole画像検索しても出てきますが、バナーを集めたサイトをご紹介させていただきます。</p>
<h2>バナーデザイン・サンプルデータベース</h3>
<p><a href="http://aka-design.sub.jp/bd/" target="_blank"><img decoding="async" loading="lazy" class="alignnone  wp-image-5180" alt="バナーデザイン・サンプルデータベース｜ホームページ作成 AKAIRO株式会社（アカイロ）" src="/uploads-archive/2014/07/99146cefb2d74abfcf62a8ca0249c031-1024x566.jpg" width="641" height="354" srcset="/uploads-archive/2014/07/99146cefb2d74abfcf62a8ca0249c031-1024x566.jpg 1024w, /uploads-archive/2014/07/99146cefb2d74abfcf62a8ca0249c031-300x165.jpg 300w, /uploads-archive/2014/07/99146cefb2d74abfcf62a8ca0249c031-228x126.jpg 228w, /uploads-archive/2014/07/99146cefb2d74abfcf62a8ca0249c031.jpg 1223w" sizes="(max-width: 641px) 100vw, 641px" /></a><br />
<a class="link" href="http://aka-design.sub.jp/bd/" target="_blank">バナーデザイン・サンプルデータベース｜ホームページ作成 AKAIRO株式会社（アカイロ）</a></p>
<p>&nbsp;</p>
<h2>バナーデザインアーカイブ</h3>
<p><a href="http://banner.keizine.net/" target="_blank"><img decoding="async" loading="lazy" class="alignnone  wp-image-5181" alt="バナーデザインアーカイブ｜バナーのデザインをまとめてチェック！" src="/uploads-archive/2014/07/f445f53e2e2abb95ac09450534050a80-1024x566.jpg" width="641" height="354" srcset="/uploads-archive/2014/07/f445f53e2e2abb95ac09450534050a80-1024x566.jpg 1024w, /uploads-archive/2014/07/f445f53e2e2abb95ac09450534050a80-300x165.jpg 300w, /uploads-archive/2014/07/f445f53e2e2abb95ac09450534050a80-228x126.jpg 228w, /uploads-archive/2014/07/f445f53e2e2abb95ac09450534050a80.jpg 1223w" sizes="(max-width: 641px) 100vw, 641px" /></a><br />
<a class="link" href="http://banner.keizine.net/" target="_blank">バナーデザインアーカイブ｜バナーのデザインをまとめてチェック！</a></p>
<p>&nbsp;</p>
<h2>バナーデザインギャラリー</h3>
<p><a href="http://www.banner-design-gallery.com/" target="_blank"><img decoding="async" loading="lazy" class="alignnone  wp-image-5182" alt="バナーデザインギャラリー  Banner Design Gallery" src="/uploads-archive/2014/07/3cf9be9b3498b69c337f4a439f509d52-1024x566.jpg" width="641" height="354" srcset="/uploads-archive/2014/07/3cf9be9b3498b69c337f4a439f509d52-1024x566.jpg 1024w, /uploads-archive/2014/07/3cf9be9b3498b69c337f4a439f509d52-300x165.jpg 300w, /uploads-archive/2014/07/3cf9be9b3498b69c337f4a439f509d52-228x126.jpg 228w, /uploads-archive/2014/07/3cf9be9b3498b69c337f4a439f509d52.jpg 1223w" sizes="(max-width: 641px) 100vw, 641px" /></a><br />
<a class="link" href="http://www.banner-design-gallery.com/" target="_blank">バナーデザインギャラリー | Banner Design Gallery</a></p>
<p>&nbsp;</p>
<h2>バナーデザイン専門ギャラリーサイト レトロバナー</h3>
<p><a href="http://retrobanner.net/" target="_blank"><img decoding="async" loading="lazy" class="alignnone  wp-image-5183" alt="バナーデザイン専門ギャラリーサイト  レトロバナー" src="/uploads-archive/2014/07/3b35ad34e76863b397438375970c32ef-1024x566.jpg" width="641" height="354" srcset="/uploads-archive/2014/07/3b35ad34e76863b397438375970c32ef-1024x566.jpg 1024w, /uploads-archive/2014/07/3b35ad34e76863b397438375970c32ef-300x165.jpg 300w, /uploads-archive/2014/07/3b35ad34e76863b397438375970c32ef-228x126.jpg 228w, /uploads-archive/2014/07/3b35ad34e76863b397438375970c32ef.jpg 1223w" sizes="(max-width: 641px) 100vw, 641px" /></a><br />
<a class="link" href="http://retrobanner.net/" target="_blank">バナーデザイン専門ギャラリーサイト | レトロバナー</a></p>
<p>&nbsp;</p>
<p>他にも作るコツ等を説明してくれているブログも紹介します！</p>
<p><a href="http://www.find-job.net/startup/tips-of-banner">有名企業の事例から学ぶ！高品質なバナー広告を作るための「コツ＆レイアウト」集 | Find Job ! Startup</a></p>
<p>&nbsp;</p>
<p><a href="http://nanapi.co.jp/blog/2013/10/02/make-banner-speedy/">新人必見！倍速かつ高品質なバナーを作るためのコツを全公開します | nanapi TechBlog</a></p>
<p>&nbsp;</p>
<p><a href="http://liskul.com/banner_layout-1143">勝てるバナーレイアウト20選！│レイアウトに悩んだ時の虎の巻</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ささってかっこよくバナー作れるようになりたいですね・・・</p>


バナー作成に困った時に見たいサイト7選

<p>ＥＣやテレビショッピング等で買い物をする場合と、いわゆるリアル店舗の場合では根本的に商品の感覚的な情報が違う。</p>
<p>リアル店舗であれば当然お客に『視覚・嗅覚・触覚・味覚』を感じてもらえるが、その全てを通販で伝える事は現段階で不可能だ。視覚に関しては画像・映像で伝える事ができるが、嗅覚・触覚・味覚は他人の感想をお客に伝えて、そこから想像してもらうしかない。</p>
<p>しかし、オーフォン・デュオ(oPhone DUO)という新しいガジェットが通販を１段階リアル店舗に近づけてくれそうだ。</p>
<h3>香りを送れるオーフォン・デュオ(oPhone DUO)</h4>
<p><a href="/uploads-archive/2014/07/20140616073047-artisan-studio-ophone-7.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5164" alt="20140616073047-artisan-studio-ophone-7" src="/uploads-archive/2014/07/20140616073047-artisan-studio-ophone-7-199x300.jpg" width="199" height="300" srcset="/uploads-archive/2014/07/20140616073047-artisan-studio-ophone-7-199x300.jpg 199w, /uploads-archive/2014/07/20140616073047-artisan-studio-ophone-7-682x1024.jpg 682w, /uploads-archive/2014/07/20140616073047-artisan-studio-ophone-7-228x342.jpg 228w, /uploads-archive/2014/07/20140616073047-artisan-studio-ophone-7.jpg 1365w" sizes="(max-width: 199px) 100vw, 199px" /></a></p>
<p>箱に2本の円柱がささったようなユニークな形のガジェットは、なんと香りを送る事ができるというオーフォン・デュオ(oPhone DUO)。パリの<a href="https://www.indiegogo.com/projects/ophone-duo">ヴェイパーコミュニケーションズ</a>が発表した次世代感たっぷりの代物だ。CEOのディビッド・エドワーズ氏はハーバード大の教授でもあるそうで、左上の写真がエドワード氏。</p>
<p>どんな仕組みかというと、oPhone DUOは名前のとおり香の電話機のようなガジェットで、一度に約１０秒のあいだ香りを送る。もちろんだが実際に香りを送るのではなく、送信側から香りに関するデータを送り、受信側がそのデータを元にガジェット内で香りを構成する。電波を音に変換す電話同様、電波を香りに変えるのである。</p>
<p>2本の円柱はシリンダーになっていて、４つの香りが入ったチップが８つ入っている。プリンターのインクカートリッジに似ていて合計３２の香が入っている。組合せ次第では30万通りを超える香りが作れるとの事。</p>
<p><a href="/uploads-archive/2014/07/20140616073833-oPhone_website.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5167" alt="20140616073833-oPhone_website" src="/uploads-archive/2014/07/20140616073833-oPhone_website-300x148.jpg" width="300" height="148" srcset="/uploads-archive/2014/07/20140616073833-oPhone_website-300x148.jpg 300w, /uploads-archive/2014/07/20140616073833-oPhone_website-228x112.jpg 228w, /uploads-archive/2014/07/20140616073833-oPhone_website.jpg 1016w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>oPhoneで香りを送るには無料の<a href="https://itunes.apple.com/us/app/osnap-scent-based-mobile-messaging/id883187890?mt=8">oSnap</a>というアプリケーションをダウンロードする。</p>
<p>現時点では香りを送る側が、どんな香りにするか操作する必要があるが、将来的には写真を撮っただけで、その香りを送れるようにしたいとの事。</p>
<p><a href="/uploads-archive/2014/07/screen568x568-1.jpeg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5169" alt="screen568x568 (1)" src="/uploads-archive/2014/07/screen568x568-1-169x300.jpeg" width="169" height="300" srcset="/uploads-archive/2014/07/screen568x568-1-169x300.jpeg 169w, /uploads-archive/2014/07/screen568x568-1-228x404.jpeg 228w, /uploads-archive/2014/07/screen568x568-1.jpeg 320w" sizes="(max-width: 169px) 100vw, 169px" /></a><a href="/uploads-archive/2014/07/screen568x568.jpeg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5170" alt="screen568x568" src="/uploads-archive/2014/07/screen568x568-169x300.jpeg" width="169" height="300" srcset="/uploads-archive/2014/07/screen568x568-169x300.jpeg 169w, /uploads-archive/2014/07/screen568x568-228x404.jpeg 228w, /uploads-archive/2014/07/screen568x568.jpeg 320w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>oPhoneは２０１５年から販売を開始する予定で、価格は１９９ドル。キャンペーン中で今なら１４９ドルとの事。以外に安い気がするが、プリンター同様、香りが入ったカートリッジが高くなりそうな気配がする。</p>
<p>とはいえ香りを伝えられるデバイスがまもなく実用化されるという事は、大きな１歩だと思う。この技術がさらに進めば、スイーツを販売するサイトでは甘い香りが広がり、高級和牛のお取り寄せサイトでは焼肉の匂いが食欲をそそり販売数を伸ばす。さらにお香やアロマなど今まで通販には向かなかった商品も販売できるかもしれない。</p>
<p><iframe loading="lazy" width="425" height="350" src="http://player.vimeo.com/video/98316615" frameborder="0"></iframe></p>
<p>&nbsp;</p>
<p>&nbsp;</p>


通販を新しい次元に連れて行くかも！？香りを伝えるガジェット

<h2>Macが作った._ ファイルを一括で削除したい</h3>
<p></p>

		<div id="crayon-649540157888f288223546" 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;">
find /directory_path -iname '._*' -exec rm -rf {} \;</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-649540157888f288223546-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-649540157888f288223546-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">directory_path</span><span class="crayon-h"> </span>-<span class="crayon-i">iname</span><span class="crayon-h"> </span><span class="crayon-s">'._*'</span><span class="crayon-h"> </span>-<span class="crayon-e">exec</span><span class="crayon-h"> </span><span class="crayon-e">rm</span><span class="crayon-h"> </span>-<span class="crayon-e">rf</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-sy">}</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>
<h2>一定期間で更新したファイルを割り出したい</h3>
<p></p>

		<div id="crayon-6495401578893808457835" 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;">
find /directory_path -type f -mtime -30 -print // 30日以内更新したファイル</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-6495401578893808457835-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-6495401578893808457835-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">directory_path</span><span class="crayon-h"> </span>-<span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-i">f</span><span class="crayon-h"> </span>-<span class="crayon-i">mtime</span><span class="crayon-h"> </span>-<span class="crayon-cn">30</span><span class="crayon-h"> </span>-<span class="crayon-i">print</span><span class="crayon-h"> </span><span class="crayon-c">// 30日以内更新したファイル</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p></p>

		<div id="crayon-6495401578894741556907" 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;">
find /directory_path -type f -mmin -120 -print // 120分以内更新したファイル</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-6495401578894741556907-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-6495401578894741556907-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">directory_path</span><span class="crayon-h"> </span>-<span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-i">f</span><span class="crayon-h"> </span>-<span class="crayon-i">mmin</span><span class="crayon-h"> </span>-<span class="crayon-cn">120</span><span class="crayon-h"> </span>-<span class="crayon-i">print</span><span class="crayon-h"> </span><span class="crayon-c">// 120分以内更新したファイル</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p></p>

		<div id="crayon-6495401578895739626869" 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;">
// 今日更新したファイル
touch -t `date +%m%d0000` /tmp/hoge
find /directory_path -type f -newer /tmp/hoge
rm /tmp/hoge</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-6495401578895739626869-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401578895739626869-2">2</div><div class="crayon-num" data-line="crayon-6495401578895739626869-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401578895739626869-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401578895739626869-1"><span class="crayon-c">// 今日更新したファイル</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401578895739626869-2"><span class="crayon-i">touch</span><span class="crayon-h"> </span>-<span class="crayon-i">t</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-i">date</span><span class="crayon-h"> </span>+<span class="crayon-sy">%</span><span class="crayon-i">m</span><span class="crayon-sy">%</span><span class="crayon-i">d0000</span><span class="crayon-sy">`</span><span class="crayon-h"> </span>/<span class="crayon-i">tmp</span>/<span class="crayon-e">hoge</span></div><div class="crayon-line" id="crayon-6495401578895739626869-3"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">directory_path</span><span class="crayon-h"> </span>-<span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-i">f</span><span class="crayon-h"> </span>-<span class="crayon-i">newer</span><span class="crayon-h"> </span>/<span class="crayon-i">tmp</span>/<span class="crayon-e">hoge</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401578895739626869-4"><span class="crayon-i">rm</span><span class="crayon-h"> </span>/<span class="crayon-i">tmp</span>/<span class="crayon-i">hoge</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

最近使った便利なLinuxコマンド

<p>このリモコンみたいな物は「dash」、amazonが２０１４年４月に発表したガジェット。</p>
<p>基本的には日用品を購入するためのガジェットで製品のバーコードを読み取ったり、音声入力で商品の購入リストが作れるという事です。買いたい物のリストは自分の「amazon　fresh」アカウントに追加され、後は発送日などを決定して注文を完了するだけ。</p>
<p>ちなみにamazon freshはアメリカ・シアトルで展開されている通販サイトで野菜や肉類などの生鮮食品、加工食品、日曜雑貨などがそろっている、いわばネットスーパーです。「dash」の料金自体は無料ですが、「amazon　fresh」でしか使えません。</p>
<p><a href="https://fresh.amazon.com/"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5149" alt="Tools_GW_banner._V383740777_" src="/uploads-archive/2014/06/Tools_GW_banner._V383740777_-300x177.jpg" width="300" height="177" srcset="/uploads-archive/2014/06/Tools_GW_banner._V383740777_-300x177.jpg 300w, /uploads-archive/2014/06/Tools_GW_banner._V383740777_-228x135.jpg 228w, /uploads-archive/2014/06/Tools_GW_banner._V383740777_.jpg 312w" sizes="(max-width: 300px) 100vw, 300px" /></a>(amazon fresh)</p>
<p>「dash」を使ったサービスでよりネットでの買い物がよりシンプルになる感じです。物理的に作業がシンプル且つ楽で、購入までの手順がシンプルなほどユーザーはそちらへ流れると思います。　「dash」のようなガジェットを使ったＥＣが主流になるパラダイム変化が起きる可能性すらあります。家にすでにある物のバーコードを読み取る為、一度購入した物をリピートする確率が高くなると考えられるので、amazon freshでオリジナルブランドの日曜品を作って販売すればスゴイ事になりそうです。</p>
<p>ウィークポイントは服や雑貨のように、ショッピングを楽しむという商品には向かないので、日用品に限定されると思います。</p>
<h3>amazon dash的サービスは伸びシロがすごいかも</h4>
<p>現在は限定された地域だけのサービスですが、個人的には中長期的にみて、かなり伸びシロがあると感じます。</p>
<p>ここ数年アメリカの田舎では超大型ショッピングセンター進出の影響などで、地域のスーパーがどんどん潰れています。スーパーが残っている所でも品揃えがかなり悪く加工品ばかりで値段も高いのだそうです。</p>
<p>食料品に関して言えば田舎なのでスーパーなどに行かなくても農産物が豊富にあるような気がしますが、国や州からの補助金の影響や穀物メジャーが幅を利かせている為、作っているのはほとんどが穀物のみ。</p>
<p>野菜に関しても企業農業が進んでいるアメリカでは合理性や効率を優先するので輸送コストがかかる野菜は、田舎向けには作らず都会に住む人向けに作られています。田舎に住むアメリカ人の中には偏った食事から栄養失調になっている人も少なくないのだとか。</p>
<p>いわゆる「買い物難民」がアメリカには蔓延しているのです。加えて高齢化が進む状態で、amazon　dashのようなガジェットとのようなサービスはニーズが高くなるのは容易に推測できます。しかし、アメリカの国土の広さゆえに輸送コストからは逃げられない側面は無視できません。</p>
<h3>日本の「買い物難民」にウケるんじゃないの</h4>
<p>個人的にはむしろ日本でamazon dashとamazon freshを組み合わせたようなサービスが受けると思います。地方の過疎地はもちろんのこと、都内でも高齢化と買い物難民は大きな問題になっています。</p>
<p>よく取沙汰されるのは多摩ニュータウンなどですが、都会といわれる場所でも、実際買い物をする店も限られていて遠出が難しい高齢者には日用品を買いに行くこと自体が一苦労です。</p>
<p>ＥＣにおいて商品を購入するまでの作業をよりシンプルにできれば高齢者をユーザーとして獲得しやすくなるでしょうし、５年後、１０年後に高齢者となっている世代には、amazon dashのようなガジェットを使ったり、ネットで商品を購入する事への抵抗はほとんど無くなっていると思います。</p>
<p><iframe loading="lazy" width="425" height="350" src="http://www.youtube.com/embed/aFYs9zqYpdM" frameborder="0" allowfullscreen=""></iframe></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


amazonの新しいガジェットで生活が変わるかも

wordpressでバッチを動かす方法

【symfony】collectionタイプのForm実装

<p>前回は写真の撮り方をまとめてみましたが、実際写真を撮っている時間がない方や少しくらいお金を出してもいいからプロに撮ってもらいたいというクオリティー重視の方もいるかと思います。そこで今回はＥＣ向けに画像・映像の撮影サービスを行っている業者をまとめてみました。</p>
<p><a href="http://www.ec-revo.biz/e-fulfillment/management/photo/">ＥＣ－ＲＥＶＯ</a></p>
<p><a href="http://www.ec-revo.biz/e-fulfillment/management/photo/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5074" alt="head_logo" src="/uploads-archive/2014/06/head_logo.png" width="275" height="62" srcset="/uploads-archive/2014/06/head_logo.png 275w, /uploads-archive/2014/06/head_logo-228x51.png 228w" sizes="(max-width: 275px) 100vw, 275px" /></a></p>
<p>１カット８２．５円～で業界最安値を売りにしているみたいです。</p>
<p>主にアパレル関係が得意なのか、料金プランの例としてアップされている写真は服や帽子などが多いです。</p>
<p>カタログっぽい写真であればリーズナブルな感じです、４００円くらいから１カット撮れるとの事。アパレルの場合、マネキンを使っての撮影なら安いプランで１２カット９９０円。（３商品×４カット）。モデルさんを使っての写真も１０００円～という事で安いのでないでしょうか。</p>
<p><a href="/uploads-archive/2014/06/img_price01_1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5077" alt="img_price01_1" src="/uploads-archive/2014/06/img_price01_1-300x62.jpg" width="300" height="62" srcset="/uploads-archive/2014/06/img_price01_1-300x62.jpg 300w, /uploads-archive/2014/06/img_price01_1-228x47.jpg 228w, /uploads-archive/2014/06/img_price01_1.jpg 679w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>イメージカットは１カットという事で、ちゃんとしたカメラマンを連れてきて撮ってもらうよりは良さそう。</p>
<p><a href="/uploads-archive/2014/06/img_price04_13.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5078" alt="img_price04_13" src="/uploads-archive/2014/06/img_price04_13.jpg" width="165" height="166" srcset="/uploads-archive/2014/06/img_price04_13.jpg 165w, /uploads-archive/2014/06/img_price04_13-150x150.jpg 150w" sizes="(max-width: 165px) 100vw, 165px" /></a></p>
<p>１カットの値段は安いですが、カット単位で料金がかかる場合は撮影内容をできるだけフィックスしておいた方がいいと思います。特にイメージ写真なんかは正解がないので、あれもこれもとならない様に気をつけたほうが良いです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://sasageya.co.jp/loca/">ささげ屋</a></p>
<p><a href="http://sasageya.co.jp/loca/"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5079" alt="logo" src="/uploads-archive/2014/06/logo-300x44.png" width="300" height="44" srcset="/uploads-archive/2014/06/logo-300x44.png 300w, /uploads-archive/2014/06/logo-228x34.png 228w, /uploads-archive/2014/06/logo.png 520w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらの業者はカット単位でなく１日いくらというスタイルで撮影してくれるようです。</p>
<p>カメラマン+アシスタント+モデルの３名体制・１日８時間で７９０００円～という価格設定です。こちらも主にアパレルのストアをターゲットにしているようです。</p>
<p>３人体制で出張してくれるようですが、関東に限られるそうです。１日で７９０００円～となると小規模で行っているストアには少しハードルが高いかもしれませんが、ロケが可能なので季節感を出したい場合には、やはりロケ撮影がいいかもしれません。</p>
<p><a href="/uploads-archive/2014/06/Model.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5080" alt="Model" src="/uploads-archive/2014/06/Model.jpg" width="295" height="193" srcset="/uploads-archive/2014/06/Model.jpg 295w, /uploads-archive/2014/06/Model-228x149.jpg 228w" sizes="(max-width: 295px) 100vw, 295px" /></a></p>
<p>それに撮影するカット数が多い場合は逆に安くなるかもいれません。ちなみにＨＰで「時間内のカット数は無制限」となっています。</p>
<p>ただ、モデル有りの撮影だと全て同じモデルさんになるのもちょっと微妙かもしれませんね。</p>
<p>小物など物撮りだけで、カット数が多い場合は良いと思います。物撮りだけの場合でも食べ物の場合は時間がかかると思うのでおすすめできません。（値段だけで言うと）</p>
<p>&nbsp;</p>
<p><a href="http://www.mind-st.com/">マインドスタジオ</a></p>
<p><a href="http://www.mind-st.com/"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5081" alt="131008top" src="/uploads-archive/2014/06/131008top-300x75.jpg" width="300" height="75" srcset="/uploads-archive/2014/06/131008top-300x75.jpg 300w, /uploads-archive/2014/06/131008top-228x57.jpg 228w, /uploads-archive/2014/06/131008top.jpg 968w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらは特にＥＣ向けというわけではなさそうですが、汎用性が高そうなので加えました。飲食店向けにメニューの撮影なども行ってきた業者のようです。</p>
<p>上の２つに比べると老舗という感じ。特に食べ物を撮るのは色々と難しいので食品を扱うストアには良いかも。</p>
<p>料金も１時間６０００円、以降は３０分毎に３０００円という事なので、小規模で展開しているストアにはいいかもしれません。ただ、出張料で１００００円発生します。</p>
<p>こちらの業者も「撮影内容、ｶｯﾄ数は問いません。時間内であれば何点撮影しても料金は変わりません。」とのことなので、撮影前にきちんと撮影する商品を準備しておけば安く済ませるかもしれません。</p>
<p><a href="/uploads-archive/2014/06/131008.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5082" alt="131008" src="/uploads-archive/2014/06/131008-300x173.jpg" width="300" height="173" srcset="/uploads-archive/2014/06/131008-300x173.jpg 300w, /uploads-archive/2014/06/131008-228x132.jpg 228w, /uploads-archive/2014/06/131008.jpg 518w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>調べてみるとＥＣ向けの撮影サービスを行っている業者は以外に多いなという印象です。事業のメインが撮影というよりは、ＥＣのコンサルを行っている会社がサービスの一部として行っている所が多い印象です。</p>
<p>小規模にカタログ的な撮影をするのであれば、最近は照明機材なども安い物があるので自分で撮影するというのもアリかと思います。カメラに照明機材、バックの抜けを作る為の布などを揃えても１０万円くらいあれば十分かもしれません。</p>
<p>ただ、食品やモデル有りの場合はやはり業者に頼んだ方が時間もお金も節約できると思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ＥＣ向け撮影サービスまとめ

<p>前回css3のアニメーションの記事を書きましたが、</p>
<p><a href="/designer/css3%e3%81%aeanimation%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%82%89%e4%ba%88%e6%83%b3%e4%bb%a5%e4%b8%8a%e3%81%ab%e7%b0%a1%e5%8d%98%e3%81%a0%e3%81%a3%e3%81%9f%ef%bc%81.html">css3のanimationを使ってみたら予想以上に簡単だった！ | スターフィールド株式会社</a></p>
<p>タイトルのようなwebサービスがあるようです。</p>
<p>その名も、<a href="http://bouncejs.com/" target="_blank">Bounce.js</a></p>
<p>四角いボックスのアニメーションを、</p>
<p>様々な項目から設定でき、css3でエクスポートできます。</p>
<p>エクスポートのソースかなり長いですね笑</p>
<p>&nbsp;</p>
<p>アニメーションのパターンも用意されています。</p>
<p><a href="http://bouncejs.com/" target="_blank" class="link">Bounce.js</a></p>
<p>&nbsp;</p>


css3アニメーションをwebブラウザ上で作成できるサービス

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


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

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

WordPressPopularPostsでdie lock発生?

<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>ふと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>先日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>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2014/07/09

2014/07/02

2014/07/02

2014/07/02

2014/07/01

2014/06/25

2014/06/25

2014/06/18

2014/06/18

2014/06/17

2014/06/12

2014/06/12

2014/06/11

2014/06/04

2014/06/03

2014/05/28

2014/05/28

2014/05/28