<p>中国が日本など外国からの個人輸入を近々規制する法律を施行するかもしれないとのニュースがあった</p>
<p><a href="http://headlines.yahoo.co.jp/hl?a=20151209-00000029-rcdc-cn" target="_blank">http://headlines.yahoo.co.jp/hl?a=20151209-00000029-rcdc-cn</a></p>
<p>遅かれ早かれ何かしらの対策はされることは間違いないとは思っていたが<br />
遂に来たという印象だ。</p>
<p>内容や時期は明示されていないが、中国のことだから急にということもありえる。</p>
<p>これを生業ちしている日本国内の中国人はもちろんのこと、受発注で日本→中国に商品を発送している業者も打撃を受けることになるだろう。</p>
<p>&nbsp;</p>
<p>もしそうなった場合の脅威と対策を考えられる範囲でまとめてみた</p>
<p>&nbsp;</p>
<h2>配送について</h2>
<p>おそらくEMSは使えなくなるだろう。</p>
<p>抜け道はあれどリスクが高くなることは間違いなさそう。</p>
<p>感覚的には、現在の中国税関でのストップ率は2%程度だが、<br />
これが10%とかになるともうビジネスとしてはリスクが高すぎて実質利用不可になる。</p>
<p>そうなると、税関手続きを予め通しておく必要があり</p>
<p>これを解決してくれる代替サービスはこちら</p>
<p><a href="http://www.y-logi.com/ygl/service/chinadirect/index.html" target="_blank">http://www.y-logi.com/ygl/service/chinadirect/index.html</a></p>
<p>&nbsp;</p>
<p>料金は契約によるため明確に比較はできないが、実際に使っている人の話によると<br />
2〜3割程度EMSより高いという。</p>
<p>更に関税を事前に支払う必要があるため、消費者側からすると更に割高になる</p>
<p>ただ、規制が始まった場合、確実に届くというメリットはかなりでかい</p>
<p>&nbsp;</p>
<h2>サーバーについて</h2>
<p>越境ECを手掛ける日本国内のサービスを中国がブロックするケースも考えられる</p>
<p>この場合は中国国内にあるサーバーで中国IPを使っていればOKな可能性が高い</p>
<p><a href="http://www.bohan-it.com/jp/index.jsp" target="_blank">http://www.bohan-it.com/jp/index.jsp</a></p>
<p>この当たりは日本語でのサポートもあり、良いらしい</p>
<p>また、香港のサーバーを使う中国企業が割りと多いということなので<br />
香港のサーバーも良いかもしれない</p>
<p>「香港 サーバー」と検索するとたくさん出てくる</p>
<p>&nbsp;</p>
<p>あと考えられることとしては、日本で言う特定商取引法的なものの表示が必須となった場合や<br />
決済の加盟店になる条件が強化される場合などが考えられるが<br />
これは予測不可能なので都度対応するしかなさそう</p>
<p>&nbsp;</p>
<p>近々何かしらの動きがありそうなので、注目していきたい</p>


中国が個人輸入対策規制を実施か

CSS3のcolumn-countを知らなかったので使ってみた

何にでも使えるであろうナビゲーションバーをHTMLとCSSで作れるか試してみた

<p>通常gitで差分を表示するときは、下記のように縦に並べて差分が表示されるのですが、<br />
<a href="/uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2.png"><img decoding="async" loading="lazy" src="/uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-300x120.png" alt="スクリーンショット 2015-12-08 午後5.51.49" width="300" height="120" class="alignnone size-medium wp-image-8842" srcset="/uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-300x120.png 300w, /uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-1024x408.png 1024w, /uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-228x91.png 228w, /uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
たまにGUIを使ったときのような差分の表示の仕方のように横に並べて表示したくなるときがあるので、vimdiffを使った表示の方法を記述します。</p>
<h2>設定</h2>
<p>gitには外部のツールでdiffを表示させるという設定ができるので、それを実行します。</p>

		<div id="crayon-649540158ea79633126610" 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;">
git config --global diff.tool vimdiff
git config --global difftool.prompt false</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540158ea79633126610-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158ea79633126610-2">2</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540158ea79633126610-1"><span class="crayon-e">git </span><span class="crayon-i">config</span><span class="crayon-h"> </span>--<span class="crayon-m">global</span><span class="crayon-h"> </span><span class="crayon-i">diff</span><span class="crayon-sy">.</span><span class="crayon-e">tool </span><span class="crayon-e">vimdiff</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158ea79633126610-2"><span class="crayon-e">git </span><span class="crayon-i">config</span><span class="crayon-h"> </span>--<span class="crayon-m">global</span><span class="crayon-h"> </span><span class="crayon-i">difftool</span><span class="crayon-sy">.</span><span class="crayon-e">prompt </span><span class="crayon-t">false</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>使用方法</h2>
<p>通常git diffとしているところを、git difftoolと変更して使用します。<br />
git diff<br />
<a href="/uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2.png"><img decoding="async" loading="lazy" src="/uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-300x120.png" alt="スクリーンショット 2015-12-08 午後5.51.49" width="300" height="120" class="alignnone size-medium wp-image-8842" srcset="/uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-300x120.png 300w, /uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-1024x408.png 1024w, /uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2-228x91.png 228w, /uploads-archive/2015/12/170e2c24ca38a245aefcada2a8de7fa2.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
git difftool<br />
<a href="/uploads-archive/2015/12/db01c3dcf3b320ce19f534c6e2d98452.png"><img decoding="async" loading="lazy" src="/uploads-archive/2015/12/db01c3dcf3b320ce19f534c6e2d98452-300x165.png" alt="スクリーンショット 2015-12-08 午後5.52.36" width="300" height="165" class="alignnone size-medium wp-image-8843" srcset="/uploads-archive/2015/12/db01c3dcf3b320ce19f534c6e2d98452-300x165.png 300w, /uploads-archive/2015/12/db01c3dcf3b320ce19f534c6e2d98452-1024x565.png 1024w, /uploads-archive/2015/12/db01c3dcf3b320ce19f534c6e2d98452-228x126.png 228w, /uploads-archive/2015/12/db01c3dcf3b320ce19f534c6e2d98452.png 1915w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>

medium_git-logo.jpg

small_git-logo.jpg

thumbnail_git-logo.jpg

git-logo.jpg

git diffをvimdiffで表示する

<div class="booklink-box" style="text-align: left; padding-bottom: 20px; font-size: small; /zoom: 1; overflow: hidden;">
<div class="booklink-image" style="float: left; margin: 0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4844373870/sackoh71-22/" target="_blank"><img decoding="async" style="border: none;" src="http://ecx.images-amazon.com/images/I/51dhUOgPsGL._SL160_.jpg" alt="" /></a></div>
<div class="booklink-info" style="line-height: 120%; /zoom: 1; overflow: hidden;">
<div class="booklink-name" style="margin-bottom: 10px; line-height: 120%;">
<p><a href="http://www.amazon.co.jp/exec/obidos/asin/4844373870/sackoh71-22/" target="_blank">一流の人はなぜそこまで、コンディションにこだわるのか?~仕事力を常に120%引き出すカラダ習慣~</a></p>
<div class="booklink-powered-date" style="font-size: 8pt; margin-top: 5px; font-family: verdana; line-height: 120%;">posted with <a href="http://yomereba.com" target="_blank" rel="nofollow">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom: 5px;">上野啓樹,俣野成敏 クロスメディア・パブリッシング(インプレス) 2014-11-13</div>
</div>
<div class="booklink-footer" style="clear: left;"> 某氏に本を頂いたので、読みました。<br />
何故、このタイミングでこのような類の本を思ったのですが、本を開いて最初のテキストで良く分かりました。<br />
「一度痩せたら、二度と太らない方法」について書かれた本でした。<br />
タイトルからコンディションのマネジメントや自己啓発の類かと想像していましたが、大雑把に分類するとダイエットのハウトゥー本でした。<br />
いかにも某氏が好きそうな本だなと思いながら、私自身もこの手のパフォーマンスを出すための方法というのは模索し続け、自分に合ったものを実践しているのですが、本書ではまた全く私の知らない方法も数多く掲載してありました。<br />
フルーツでデトックス、運動はしなくていい、消化は体力の浪費などなどその中でも気になったワードを抜粋します。</div>
</div>
<div class="booklink-footer" style="clear: left;">本書に書いてあることの図解が公式サイトに掲載されていたので、まず、こちらを頭に入れておくと本書の内容が理解しやすいと思います。</div>
<div class="booklink-footer" style="clear: left;"> <a href="/uploads-archive/2015/12/3_3_sugosikata.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-8787" src="/uploads-archive/2015/12/3_3_sugosikata-300x83.png" alt="3_3_sugosikata" width="300" height="83" srcset="/uploads-archive/2015/12/3_3_sugosikata-300x83.png 300w, /uploads-archive/2015/12/3_3_sugosikata-228x63.png 228w, /uploads-archive/2015/12/3_3_sugosikata.png 979w" sizes="(max-width: 300px) 100vw, 300px" /></a></div>
<div class="booklink-box" style="text-align: left; padding-bottom: 20px; font-size: small; /zoom: 1; overflow: hidden;">
<div class="booklink-footer" style="clear: left; text-align: right;">引用：<a href="http://www.cm-publishing.co.jp/condition/" target="_blank">http://www.cm-publishing.co.jp/condition/</a></div>
<h2 class="booklink-footer" style="clear: left;">抜粋</h2>
<ul>
<li class="booklink-footer" style="clear: left;">ハイパフォーマンス＝コンディション×スキル＋運</li>
<li class="booklink-footer" style="clear: left;">人間の体にとって一番エネルギーを使うのは「消化」。</li>
<li class="booklink-footer" style="clear: left;">消化が悪い食事はコンディションを低下させる。</li>
<li class="booklink-footer" style="clear: left;">カロリーはただの熱量。ダイエットにも健康にも関係ない。</li>
<li class="booklink-footer" style="clear: left;">クレームが出て対応するのではなく、クレームが出る前に対応しておく。</li>
<li class="booklink-footer" style="clear: left;">朝食はお腹がすいていなければ無理して食べなくていい。</li>
<li class="booklink-footer" style="clear: left;">空腹の時こそ、パフォーマンスが上がる</li>
<li class="booklink-footer" style="clear: left;">カラダの機能は24時間を3分割（消化・吸収・排泄）</li>
<li class="booklink-footer" style="clear: left;">眠い時は無理せず20分の昼寝</li>
<li class="booklink-footer" style="clear: left;">クスリはカラダを治さない</li>
</ul>
</div>


一流の人はなぜそこまで、コンディションにこだわるのか?~仕事力を常に120%引き出すカラダ習慣~

<p>和風なwebサイトの場合、縦書きのデザインをすると思います。<br />
以下のサイトなんかも縦書きレイアウトをデザインを取り入れています。<br />
グッと和風感がでますよね！！</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-8838" src="/uploads-archive/2015/12/79fd808a494939fc6983e2199d1678181-851x1024.jpg" alt="" width="630" height="758" srcset="/uploads-archive/2015/12/79fd808a494939fc6983e2199d1678181-851x1024.jpg 851w, /uploads-archive/2015/12/79fd808a494939fc6983e2199d1678181-249x300.jpg 249w, /uploads-archive/2015/12/79fd808a494939fc6983e2199d1678181-228x274.jpg 228w, /uploads-archive/2015/12/79fd808a494939fc6983e2199d1678181.jpg 1151w" sizes="(max-width: 630px) 100vw, 630px" /><br />
<a class="link" href="http://www.miyama-sansou.com/" target="_blank">深山山荘オフィシャルサイト</a></p>
<p>縦書きの表現は、画像か１つずつ文字をspanかなんかで囲んでっていうのが定石だったのですが、CSS3で簡単に縦書きが出来るようになっています。<br />
(IEは独自の表現で出来るようです)</p>
<p>とりあえず、DEMOを作りましたので、そちらご覧ください。</p>
<p><a class="demo" href="/demo/abe/64/" target="_blank">DEMO</a></p>
<h2>解説</h2>
<p>基本的には本当に簡単です。</p>

		<div id="crayon-649540158e737118802378" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">CSS</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
.test{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}</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-649540158e737118802378-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158e737118802378-2">2</div><div class="crayon-num" data-line="crayon-649540158e737118802378-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158e737118802378-4">4</div><div class="crayon-num" data-line="crayon-649540158e737118802378-5">5</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-649540158e737118802378-1"><span class="crayon-k ">.test</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158e737118802378-2"><span class="crayon-h">	</span><span class="crayon-e ">writing-mode</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">vertical-rl</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158e737118802378-3"><span class="crayon-h">	</span><span class="crayon-e ">-ms-writing-mode</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">tb-rl</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158e737118802378-4"><span class="crayon-h">	</span><span class="crayon-e ">-webkit-writing-mode</span><span class="crayon-sy">:</span><span class="crayon-i ">vertical-rl</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158e737118802378-5"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>とするだけで縦書きになります。<br />
IEの場合は少し違うのでご注意を。<br />
上記の書き方だと、行は右から左へと流れます。</p>
<p>ちなみにIE9以上から対応しているようですが、<br />
僕の環境ではVirtualBoxのIE8でも確認出来たのですが、DeveloperToolなので信用しないほうがいいかもしれません。</p>
<h2>補足</h2>
<p>縦書きにした場合、真ん中に寄せるのは、<strong>text-align</strong>でも<strong>vertical-align</strong>でも無理っぽい感じでした。</p>
<p>marginをかけたい場合は画面上で見た通り、左側であれば<strong>margin-left</strong>、右側であれば<strong>margin-right</strong>、でOKでした。</p>

CSSだけで縦書きを表現する

<h2>縁故採用とは</h2>
<p>「縁故採用」という言葉にはあまりよくないイメージがあるかもしれません。</p>
<p>マンガ『課長　島耕作』シリーズの中でも、縁故採用で入社した社員が全然使えない男で、それにいら立った上司がいじめまくっていたんですけど、最後は逆切れして上司をぶん殴って自分は自殺未遂…というエピソードがありました。</p>
<p><strong>縁故採用こわいですね。。</strong></p>
<p>ですが、アメリカでは非常に一般的で、「社員の友達を、新しい社員として迎えよう！」というポジティブな思想のもと、この採用手法をじつに70％程度の企業が導入しています。</p>
<p><strong>リファラルリクルーティングというそうです。なんかかっこいいですね。</strong></p>
<h3>メリット</h3>
<blockquote>
<ul>
<li>マッチング率の向上 – 紹介する側が社内を知っているので、紹介者が選定されている</li>
<li>ニッチなスキルを持つ人材の確保 – 類は友を呼んでくれる</li>
<li>定着率のアップ – 社内に知り合いがいることで、比較的早く社内に馴染める</li>
<li>採用コストの削減－インセンティブを含めても大幅に採用コストを抑えられる</li>
</ul>
</blockquote>
<p>&nbsp;</p>
<p>メリットとしては上記のようなものがありまして、確かにこれだけ見るとたいへん良さそうに思います。コストがかからないというのは大きいですね。</p>
<p>ですが、この採用方法がいまいち活用されない理由は、社員の協力が得られにくい点に集約されそうです。</p>
<p>「うちの会社、求人しているんだけど興味ない？」って友達に伝えるの、意外と面倒ですよね。</p>
<p>そのへんの面倒なシステム部分や、いまいち明確でないインセンティブ（紹介した人が採用に至ったら報奨金など）をクリアにして、縁故採用をサポートするサービスが日本でも出てきたそうです。</p>
<p>リクルートやインテリジェンスなど転職エージェントがやっています。</p>
<p><a class="entry-title-link bookmark" href="http://mikkie914.hatenablog.com/entry/2015/10/06/015953">リファラル採用サービスを調べてみる【国内編】</a></p>
<h2>ここからご提案</h2>
<p>営業の僕が縁故採用に興味を持ったのは、営業でもこういうのできないかなと思ったのです。</p>
<p>営業のやり方って人それぞれですが、基本は「知人に紹介してもらう」だと思うんです。</p>
<p>もちろん、営業支援サービスで「社内で名刺を管理してビジネスチャンスを逃さない」みたいなのはありますが、そんなに大きな話ではなくて、ぼくが「広告代理店とかの知り合いいないですか？」とみんなに問いかけて、「あ、それならお姉ちゃんの旦那さんが電通だよ」みたいなカジュアルなかんじでできないでしょうか。</p>
<p>絶対誰でもビジネスに繋がりそうな知り合いがいるはずなんですが、「俺べつに営業じゃないし」といってスルーしているのではないかと思います。</p>
<p>実際に動くのは僕なので、紹介だけしてくれたらOKなのですが、それでもなかなか抵抗はあるのかなとも思います。</p>
<p>…どうでしょうか。。</p>
<p>と、いう問いかけなのですが、みなさんどう思いますか？</p>


縁故採用がいいらしい。

<p>商品画像を作成する際にCG画像を作成する事がありました。</p>
<p>after effects CCに付属しているcinema4D liteでどこまでできるかやってみました。基本的にcinema4D liteは映像制作で用いるためのものなのですが、単純で尚且つ画質の高さを求められないのであればある程度使えるかなと、正規版を購入するとかなり高いので、liteでどこまで使えるのか試してみました。</p>
<p>結果を先に言ってしまうと、フォトリアルな画像の作成は難しいとう事が分かりました。そもそも、フォトリアルな画像作るために必須のGI（グローバルイルミネーション)が使えないという事でした。</p>
<p>cinema4Dのグレードから言えば、primeでさえもGIが最近のバージョンでやっと使えるようになったばかりという事で、無料のLiteでは、なかなかそこまでの機能を提供していないようです。</p>
<p>&nbsp;</p>
<p>liteではやはり無理という事で、broadcastのバージョンを使用して違いを見てます。</p>
<h3>GI（グローバルイルミネーション）なし</h3>
<p><a href="/uploads-archive/2015/12/11.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8814" src="/uploads-archive/2015/12/11.jpg" alt="1" width="640" height="431" srcset="/uploads-archive/2015/12/11.jpg 640w, /uploads-archive/2015/12/11-300x202.jpg 300w, /uploads-archive/2015/12/11-228x154.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h3>GI（グローバルイルミネーション）あり</h3>
<p><a href="/uploads-archive/2015/12/31.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8818" src="/uploads-archive/2015/12/31.jpg" alt="3" width="640" height="434" srcset="/uploads-archive/2015/12/31.jpg 640w, /uploads-archive/2015/12/31-300x203.jpg 300w, /uploads-archive/2015/12/31-228x155.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上下の画像を見比べてみるとオブジェクトの質感や影の感じから下の方がリアルに見えるのではないでしょうか。</p>
<p>実写との合成を見比べてみるとさらによくわかります。</p>
<h3>GI（グローバルイルミネーション）なし</h3>
<p><a href="/uploads-archive/2015/12/41.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8834" src="/uploads-archive/2015/12/41.jpg" alt="4" width="640" height="508" srcset="/uploads-archive/2015/12/41.jpg 640w, /uploads-archive/2015/12/41-300x238.jpg 300w, /uploads-archive/2015/12/41-228x181.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h3>GI（グローバルイルミネーション）あり</h3>
<p><a href="/uploads-archive/2015/12/51.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8836" src="/uploads-archive/2015/12/51.jpg" alt="5" width="640" height="514" srcset="/uploads-archive/2015/12/51.jpg 640w, /uploads-archive/2015/12/51-300x241.jpg 300w, /uploads-archive/2015/12/51-228x183.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>GIは照明など光源から発生した光以外に、オブジェクト間の光の反射も計算するということなので、実写との合成では必須といっていいかもしれません。</p>
<p>ちなみ人間型のオブジェクトには光源が当たっていない状態です。</p>
<p><a href="/uploads-archive/2015/12/21.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8815" src="/uploads-archive/2015/12/21.jpg" alt="2" width="632" height="532" srcset="/uploads-archive/2015/12/21.jpg 632w, /uploads-archive/2015/12/21-300x253.jpg 300w, /uploads-archive/2015/12/21-228x192.jpg 228w" sizes="(max-width: 632px) 100vw, 632px" /></a></p>
<p>GIを使用する際にはレンダリング設定から特殊効果、グローバルイルミネーションを選択します。</p>
<p>細かい設定があり、適当にいじくりまわしてしまうとレンダリング時間が大幅に長くなったり、リアルさが欠如してしまったりするので、分からない場合はデフォルトで作業する事をオススメします。</p>
<p>&nbsp;</p>


GIでフォトリアルなCGを作る Cinema4Dliteでどこまでできるか

<p>画像加工の中でもWeb制作において<br />
使用頻度が高いであろうトリミングにフォーカスを当ててみました。</p>
<p>筆者自身はイラストレーターでもデザイナーでもないので<br />
あくまでデータの扱い方という側面で記載します。</p>
<h3>画像抽出におけるコツ</h3>
<div style="padding-left: 15px;">
  おおまかに分けると以下に集約されます。</p>
<ol>
<li>抽出したい画像の輪郭に対して内外の特徴を把握する</li>
<li>部分的に1が異なればパーツパーツに分けて捉える</li>
<li>内側と外側の特徴を差別化し、その差を作業レイヤーで強調する</li>
</ol>
<p>  文面では解りづらいと思うので<br />
  実例にて紹介していきます。
</p></div>
<h3>実例</h3>
<div style="padding-left: 15px;">
  今回はある程度トリミングのしやすい画像を選びました。<br />
  動物(モフモフ系)は毛の境が非常に高度なテクニックを要するので割愛です。</p>
<div id="attachment_8763" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/maneki5_pic1.jpg"><img aria-describedby="caption-attachment-8763" decoding="async" loading="lazy" src="/uploads-archive/2015/12/maneki5_pic1-300x200.jpg" alt="ターゲット元画像" width="300" height="200" class="size-medium wp-image-8763" srcset="/uploads-archive/2015/12/maneki5_pic1-300x200.jpg 300w, /uploads-archive/2015/12/maneki5_pic1.jpg 1024w, /uploads-archive/2015/12/maneki5_pic1-228x152.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8763" class="wp-caption-text">ターゲット元画像</p></div>
<p>  招き猫を抽出します。<br />
  背景はグレーのグラデーションがかかったホワイト系。ターゲットは金と黒。</p>
<p>  やることは「白はより白く、色味(金等)・黒はより濃くして差別化する」です。</p>
<p>  作業レイヤーを作って「自動選択」で大雑把に選択して選択範囲を2,3px縮小して反転。<br />
  その後、彩度をグッと上げると招き猫が怖い感じに強調されます。<br />
<div id="attachment_8773" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/1c53014bcd75f0263aa05357c3bb460a1.png"><img aria-describedby="caption-attachment-8773" decoding="async" loading="lazy" src="/uploads-archive/2015/12/1c53014bcd75f0263aa05357c3bb460a1-300x169.png" alt="色味を強調" width="300" height="169" class="size-medium wp-image-8773" srcset="/uploads-archive/2015/12/1c53014bcd75f0263aa05357c3bb460a1-300x169.png 300w, /uploads-archive/2015/12/1c53014bcd75f0263aa05357c3bb460a1-1024x576.png 1024w, /uploads-archive/2015/12/1c53014bcd75f0263aa05357c3bb460a1-228x128.png 228w, /uploads-archive/2015/12/1c53014bcd75f0263aa05357c3bb460a1.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8773" class="wp-caption-text">色味を強調</p></div></p>
<p>  ここでのポイントは「背景はほぼ無彩色」です。<br />
  なので、ある程度選択範囲の中に背景が入っていてもターゲット(だけ)の色が変わります。</p>
<p>  次に、色味のあるところを濃く(暗く)して背景と更に差を作りましょう。<br />
  選択範囲とレイヤーはそのままで、「特定色域の選択」にて「レッド」「マゼンタ」などのブラック要素を増やしましょう。<br />
  　※ 絶対値のラジオボタンをONにしておくのがコツです。</p>
<div id="attachment_8774" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/b20cf8fdaa10802de93e522c5bfbe8c41.png"><img aria-describedby="caption-attachment-8774" decoding="async" loading="lazy" src="/uploads-archive/2015/12/b20cf8fdaa10802de93e522c5bfbe8c41-300x169.png" alt="有彩色を濃くした" width="300" height="169" class="size-medium wp-image-8774" srcset="/uploads-archive/2015/12/b20cf8fdaa10802de93e522c5bfbe8c41-300x169.png 300w, /uploads-archive/2015/12/b20cf8fdaa10802de93e522c5bfbe8c41-1024x576.png 1024w, /uploads-archive/2015/12/b20cf8fdaa10802de93e522c5bfbe8c41-228x128.png 228w, /uploads-archive/2015/12/b20cf8fdaa10802de93e522c5bfbe8c41.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8774" class="wp-caption-text">有彩色を濃くした</p></div>
<p>  ズームアップしてみるとこんな感じまでなりました。<br />
<div id="attachment_8775" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/2fcec6eb1dc51bda96aca4874f5838c71.png"><img aria-describedby="caption-attachment-8775" decoding="async" loading="lazy" src="/uploads-archive/2015/12/2fcec6eb1dc51bda96aca4874f5838c71-300x169.png" alt="輪郭ズーム" width="300" height="169" class="size-medium wp-image-8775" srcset="/uploads-archive/2015/12/2fcec6eb1dc51bda96aca4874f5838c71-300x169.png 300w, /uploads-archive/2015/12/2fcec6eb1dc51bda96aca4874f5838c71-1024x576.png 1024w, /uploads-archive/2015/12/2fcec6eb1dc51bda96aca4874f5838c71-228x128.png 228w, /uploads-archive/2015/12/2fcec6eb1dc51bda96aca4874f5838c71.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8775" class="wp-caption-text">輪郭ズーム</p></div></p>
<p>  今度は逆に、背景のグレー寄りをホワイトよりにしましょう。<br />
  背景を自動選択でザックリ選択後、拡張2,3pxして「特定色域の選択」にて<br />
  ホワイト、グレーのブラック要素をマイナスします。さっきの逆です。<br />
<div id="attachment_8776" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/daffd3ebbafd2ca2a8f57fa04eb904921.png"><img aria-describedby="caption-attachment-8776" decoding="async" loading="lazy" src="/uploads-archive/2015/12/daffd3ebbafd2ca2a8f57fa04eb904921-300x169.png" alt="背景をよりホワイトに" width="300" height="169" class="size-medium wp-image-8776" srcset="/uploads-archive/2015/12/daffd3ebbafd2ca2a8f57fa04eb904921-300x169.png 300w, /uploads-archive/2015/12/daffd3ebbafd2ca2a8f57fa04eb904921-1024x576.png 1024w, /uploads-archive/2015/12/daffd3ebbafd2ca2a8f57fa04eb904921-228x128.png 228w, /uploads-archive/2015/12/daffd3ebbafd2ca2a8f57fa04eb904921.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8776" class="wp-caption-text">背景をよりホワイトに</p></div></p>
<p>  あとは最後の仕上げです。<br />
  輪郭部分を強調します。上述の方法を同じく範囲選択後、「アンシャープマスク」をかけます。<br />
  微調整は画像を見ながら、基本的に全ての設定値は「大きめ」で。<br />
<div id="attachment_8777" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/b5f6655a675fd534ba7c148dfa9bcace1.png"><img aria-describedby="caption-attachment-8777" decoding="async" loading="lazy" src="/uploads-archive/2015/12/b5f6655a675fd534ba7c148dfa9bcace1-300x169.png" alt="エッジ強調" width="300" height="169" class="size-medium wp-image-8777" srcset="/uploads-archive/2015/12/b5f6655a675fd534ba7c148dfa9bcace1-300x169.png 300w, /uploads-archive/2015/12/b5f6655a675fd534ba7c148dfa9bcace1-1024x576.png 1024w, /uploads-archive/2015/12/b5f6655a675fd534ba7c148dfa9bcace1-228x128.png 228w, /uploads-archive/2015/12/b5f6655a675fd534ba7c148dfa9bcace1.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8777" class="wp-caption-text">エッジ強調</p></div></p>
<p>  最後に背景を選択します。<br />
  適当に「自動選択」後、必要に応じてギザギザをごまかすために「輪郭を滑らかに」1-2px,<br />
  輪郭をぼかす 1-2px した後で「選択範囲を反転」し、作業用に作ったレイヤーは削除して切り抜くだけです！</p>
<div id="attachment_8778" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/e316ad288dccb17726c717c53c39f8661.png"><img aria-describedby="caption-attachment-8778" decoding="async" loading="lazy" src="/uploads-archive/2015/12/e316ad288dccb17726c717c53c39f8661-300x169.png" alt="切り抜かれた招き猫" width="300" height="169" class="size-medium wp-image-8778" srcset="/uploads-archive/2015/12/e316ad288dccb17726c717c53c39f8661-300x169.png 300w, /uploads-archive/2015/12/e316ad288dccb17726c717c53c39f8661-1024x576.png 1024w, /uploads-archive/2015/12/e316ad288dccb17726c717c53c39f8661-228x128.png 228w, /uploads-archive/2015/12/e316ad288dccb17726c717c53c39f8661.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8778" class="wp-caption-text">切り抜かれた招き猫</p></div>
<p>  <div id="attachment_8771" style="width: 310px" class="wp-caption alignnone"><a href="/uploads-archive/2015/12/maneki5_pic1.png"><img aria-describedby="caption-attachment-8771" decoding="async" loading="lazy" src="/uploads-archive/2015/12/maneki5_pic1-300x200.png" alt="出来た画像" width="300" height="200" class="size-medium wp-image-8771" srcset="/uploads-archive/2015/12/maneki5_pic1-300x200.png 300w, /uploads-archive/2015/12/maneki5_pic1.png 1024w, /uploads-archive/2015/12/maneki5_pic1-228x152.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-8771" class="wp-caption-text">出来た画像</p></div>
</div>
<h3>最後に</h3>
<div style="padding-left: 15px;">
  さまざまな画像があり、シーンに応じて使う技術は異なります。<br />
  似たような画像であれば「アクション」を使用することで<br />
  ボタン一つ＋微調整で済むでしょう。</p>
<p>  「クイックマスク」などを使わなくても出来てしまう<br />
  ちょっとした加工技術みっちょな紹介でした。
</p></div>


PhotoShopでの画像加工のコツ基礎編

small_nino-eye (2).jpg

thumbnail_nino-eye (2).jpg

nino-eye (2).jpg

マウスとタッチのイベントはHammer.jsが便利

<p>2015年10月までの訪日外国人の数が1,631万人を超え過去最高となったそうだ。</p>
<p>そうなると必然的に外国語での日本情報のニーズが増えるわけで、どんなサイトが人気なのかを調べてみた。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>今回は以下の条件で調べてみた</p>
<p>1. ホテル情報などではなくあくまで観光ガイド的なメディア</p>
<p>2. 日本の会社が運用している</p>
<p>3. 2カ国語以上に対応している</p>
<p>&nbsp;</p>
<h2>All About Japan</h2>
<p><a href="http://allabout-japan.com/" target="_blank">http://allabout-japan.com/</a></p>
<p>英語、簡体字、繁体字に対応</p>
<p>ブログメディアのような感じで写真も多く見やすい。</p>
<p>安定のAll Aboutクオリティといった印象</p>
<p>&nbsp;</p>
<h2>HOKKAIDO LIKERS</h2>
<p>http://www.hokkaidolikers.com/</p>
<p>英語、中国語に対応</p>
<p>丁寧に取材した情報がうけているようで、外国人向け北海道情報サイトとしてはかなり成功しているとのこと。</p>
<p>サッポロビールが運営</p>
<p>&nbsp;</p>
<h2>japan-guide.com</h2>
<p><a href="http://www.japan-guide.com/" target="_blank">http://www.japan-guide.com/</a></p>
<p>英語、簡体字、繁体字、ハングルに対応</p>
<p>1996年からやっているという超老舗</p>
<p>コンテンツ量と長年の信頼が感じられる</p>
<p>&nbsp;</p>
<h2>JAPAN Monthly Web Magazine</h2>
<p><a href="http://japan-magazine.jnto.go.jp/" target="_blank">http://japan-magazine.jnto.go.jp/</a></p>
<p>英語、簡体字、繁体字、ハングルに対応</p>
<p>日本政府観光局(JNTO)が運用</p>
<p>様々な情報が掲載されている</p>
<p>&nbsp;</p>
<h2>MATCHA</h2>
<p><a href="http://mcha.jp/" target="_blank">http://mcha.jp/</a></p>
<p>元バックパッカーの人が作ったというベンチャー企業</p>
<p>英語、簡体字、繁体字、ハングル、インドネシア語、タイ語、ベトナム語に対応</p>
<p>日本語を勉強している人向けの「やさしい日本語」という言語設定がある</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>意外なことに、まだまだ未開の分野であるとなんとなく感じられる。</p>
<p>日本人は外国語に弱いせいか、対応がおくれているように思える。</p>
<p>逆にすごくチャンスな分野だ</p>
<p>「多言語対応のオウンドメディア」というのが来年早々のキーワドになりそうだ</p>
<p>&nbsp;</p>
<p>また、EC業界としてはこの動きは非常に重要だ。</p>
<p>越境ECのプロモーション手段は現在は限られており、現時点での一番良い方法は販売先の国の媒体でプロモーションをすることだ。</p>
<p>それを国内で、しかも多数の国向けにプロモーションできるということの価値は非常に高い</p>


外国人がよく見ている(らしい)日本の情報サイト5個

CSSでボーダーのアニメーションを考えてみたけど・・・

Railsの開発環境を作る（１）

<p>若い人達が&#8221;カラコンで盛る&#8221;という言葉を発しているのを、よく耳に、目にします。</p>
<p>実際のところ、盛るとは一体どういう意味でしょう。<br />
ネットで検索してみました。</p>
<blockquote><p>も &#8211; る【盛る】</p>
<p>高く積み上げる。「砂を―」。<br />
器にうずたかく入れる。「飯を―」。<br />
薬を調合する。「毒を―」<br />
目盛りをつける。「目を―」<br />
内容として入れる。</p></blockquote>
<p>うーん…。なんか違いますね。<br />
では、次に若者言葉辞典で調べてみます。</p>
<blockquote><p>も &#8211; る【盛る】</p>
<p>誇張する。<br />
話を大げさに話す。<br />
「今日、石で蹴躓いて転びそうになったから宙返りして着地したわー」。<br />
髪型（髪にボリュームを持たせて頭頂部を大きくする）やメイク（派手めな化粧）の状態。「髪もうちょい盛るから、ちょっと待ってて」。</p></blockquote>
<p>と、ありました。（髪もうちょい盛る、なんて言うんですね…）</p>
<p>では、盛れるカラコンとは一体どういうものか。</p>
<p>突然ですが、<b>日本人の黒目の大きさは「ほぼ同じ」というのはご存知</b>でしょうか？</p>
<p><a href="/uploads-archive/2015/11/eye.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-8636" src="/uploads-archive/2015/11/eye-300x183.jpg" alt="eye" width="300" height="183" srcset="/uploads-archive/2015/11/eye-300x183.jpg 300w, /uploads-archive/2015/11/eye-228x139.jpg 228w, /uploads-archive/2015/11/eye.jpg 543w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>日本人の黒目の大きさは大体11～12mmなので、その前後が自然な黒目の大きさとなります。</p>
<p>ということは、それ以上にすれば 「盛れる」のか？<br />
でも普通に考えたら黒目だけが大きくてもちょっと怖いですよね。<br />
<span style="font-size: 10pt;">（ちなみに、全眼カラコンで検索すると怖いのがよくわかります）</span></p>
<p>では、どんなカラコンが<b>可愛く自然に盛れる</b>のでしょうか。<br />
今回はおすすめの商品を3つご紹介します！</p>
<h2>盛れ度　<span style="color: #ffcc00;">★★★★</span><span style="color: #000000;">★</span></h2>
<p>ナチュラル系カラコンで人気な<a href="http://item.rakuten.co.jp/catseye-store/cc45/" target="_blank">エバーカラーワンデーナチュラル</a>は、着色の範囲が12.8～13.8mmで、ブラウンやブラックなどのカラーで劇的に変化するわけではないですが、いつもの裸眼とは違う雰囲気が味わえます。</p>
<p>濃いブラウン系の「ナチュラルブラウン」や淡いブラウン系の「シャンパンブラウン」、西洋人には神秘的で美しいといわれているブラックの「ナチュラルブラック」の三種類が用意されています。</p>
<h2>盛れ度　<span style="color: #ffcc00;">★★★★★</span></h2>
<p>はっきりとした色合いがクールな瞳を演出出来るハーフ系のカラコンをおすすめします。<br />
ベージュや日本人離れしちゃうグレーのカラーを着けた瞬間から盛れちゃいます！<br />
ハーフ系カラコンで人気な<a href="http://item.rakuten.co.jp/catseye-store/cc117/" target="_blank">loveil ラヴェール</a>は、歌手の倖田來未さんがプロデュースしたカラーがあったり、通常カラーも豊富なので初めての方でも自分にピッタリのハーフ系カラコンが見つかること間違いなし！</p>
<p>人気色のアッシュグレージュは、肌を白く見せてくれる儚げメイクに欠かせないアイテムです。さらにキャットアイラインをガッツリ引いて、儚げメイクから一変、セクシーな目元も演出できちゃいます。</p>
<h2>盛れ度　<span style="color: #ffcc00;">★★★<span style="color: #000000;">★★</span></span></h2>
<p>寒い季節になりましたが、実は冬でもかなり紫外線が出ています！<br />
日焼け止めは目に塗れない…！</p>
<p>大事な目を守りたいあなたには<a href="http://item.rakuten.co.jp/catseye-store/cc01/" target="_blank">ネオサイトワンデーリング UV</a>。<br />
おしゃれに紫外線予防をしちゃいましょう♪<br />
こちらは、エバーカラーよりも着色直径が13.6mmと小さくより自然な瞳を演出します。<br />
盛るというより、大事な瞳を守りながらも密かに周りと差をつけちゃう感じですね。</p>
<h2>まとめ</h2>
<p>道具を使って盛るというのは、今の若い世代の方達にとって日常なんでしょう。</p>
<p>コンタクトって目が悪い人が視力補正のためにやむを得なく使う品物でしたが、<br />
今ではネットなどで簡単に手に入るようになって着用している方が多く見受けられます。<br />
昔のカラーコンタクトは、なんだか奇抜な色や模様が施されているイメージ…。<br />
現代では、目が格別悪くない方でも“盛るため”に着けるんですね。</p>
<p>度数は、度なしから度ありまで用意されているので、一度も着けた事がない人は挑戦してみてはいかがでしょうか？</p>
<p>※ コンタクトレンズを初めて使用される方は、必ず眼科医の検査と処方を受けてから正しくお使いください。</p>


つけた瞬間から盛れるカラコンをご紹介します

<p>たまたまなのですが、最近立て続けにプロのコピーライターの方と話す機会がありました。<br />
<br />
私は普段の業務ではがっつりコピーを考える機会は今のところありませんが、それでも企画書やメールなど文字を使ってなにかを表現する場合には、あーでもないこーでもないと頭を悩ましています。<br />
<br />
プロである彼らがいったいどうやって、ことばを生み出しているのか。<br />
たいへん興味があったので率直に<br />
<br />
「どうやってアイディアを出しているんですか？！」<br />
<br />
「ふだんどうやって練習しているんですか？」<br />
<br />
と訊ねてみました。<br />
</p>
<h3>キャッチコピーの考え方</h3>
<p></p>
<h4>電車の中で考える</h4>
<p>どうしてもアイディアが出てこないときに「場所をかえる」というのは有効なようです。<br />
人の出入りや、景色の移り変わりなどが刺激になるのでしょうか。<br />
「振動が気持ちよくて寝てしまう弱点がある」とも言っていました。<br />
</p>
<h4>病院の待合室で考える</h4>
<p>「場所をかえる」の別バージョンです。<br />
静かにしなければいけない場所であり、どちらかと言えば周りの人のテンションが低い場でもあります。<br />
PCをガシガシ使うわけにもいかないので、ペンと手帳だけをもって静かに考えることができるそうです。<br />
「街の個人病院でやると怪しまれるので、大きな待合室のある大病院でやりましょう」とのことです。<br />
</p>
<h4>渋谷の交差点で見える情景を描写する</h4>
<p><a href="/uploads-archive/2015/12/bsPAK95_shibuyaskshingoumachi20141018113722.jpg"><img decoding="async" loading="lazy" src="/uploads-archive/2015/12/bsPAK95_shibuyaskshingoumachi20141018113722.jpg" alt="bsPAK95_shibuyaskshingoumachi20141018113722" width="1000" height="667" class="alignnone size-full wp-image-8670" srcset="/uploads-archive/2015/12/bsPAK95_shibuyaskshingoumachi20141018113722.jpg 1000w, /uploads-archive/2015/12/bsPAK95_shibuyaskshingoumachi20141018113722-300x200.jpg 300w, /uploads-archive/2015/12/bsPAK95_shibuyaskshingoumachi20141018113722-228x152.jpg 228w" sizes="(max-width: 1000px) 100vw, 1000px" /></a><br />
若いころに行っていた練習法だそうです。<br />
キャッチコピーというよりは、文章そのものの修養でしょうか。<br />
ポイントは目に見えたものをできるだけ詳しく書く、ことにあるそうです。<br />
「一番に目に入ったのはサロンパスの看板だ。緑色の背景に、白色のゴシック体のカタカナで『サロンパス』とある。」<br />
<br />
…たぶんこういうことだと思います。<br />
「かなり地味な練習だな」と僕は思いました。</p>
<h4>過去にボツになった自分のネタをもってくる</h4>
<p>クライアントに提出するもボツになる作品は多いです。<br />
いくつか案を出した中で、採用と不採用のあいだにクオリティの違いはほとんどなく、むしろクライアントの好みだったりで自分の中ではそんなに良いと思っていないものが採用になることも多いそうです。<br />
過去にボツになった作品を、他業種の案件に当てはめた場合、案外はまることがあるらしいです。<br />
「自分の血と汗と涙の結晶だからねぇ。再利用しなくちゃ」とのことです。<br />
</p>
<h4>ネットのまとめサイトをみる</h4>
<p>ネット上には過去の名作コピーをまとめたサイトがたくさんあります。<br />
僕もよくそれらを眺めてヒントを得たりしていますが、<br />
「あっ、ベテランの人たちもやってるんだ！」と思いました。<br />
<br />
<a href="http://matome.naver.jp/odai/2135672763438036501">センスを感じる企業のキャッチコピー</a><br />
<a href="https://catchcopy.make1.jp/">キャッチコピー集めました</a></p>
<p></p>
<h3>かっこわるい？</h3>
<p>タイトルを「プロのコピーライターが実践する&#8221;あまりカッコよくない”アイディア発想法」としました。<br />
たしかにどれもあまりかっこよくない！地味！ふつうすぎ！<br />
でも、そうやって必死になって生み出したことばだけが、きらりと輝くのでしょう。<br />
そのようにまとめて、今回の記事を終えたいと思います。</p>
<p></p>


プロのコピーライターが実践する&#8221;あまりカッコよくない”アイディア発想法

<p>どんな業界にも共通しますが、求人を出す場合には同業の経験者、または未経験でもやる気のある人材に来て欲しいと熱望するはずです。しかし、一般的な求人サイト等でということになると、経験者が来る可能性は低くなりそうだし、とにかく掲載料がばかになりません。私が担当しているショップも例外ではなく、無料で求人が出せて、ECショップ経験者が集まりそうなサービスを探してみました。</p>
<h3>楽天仕事紹介</h3>
<p><a href="https://career.rakuten.co.jp/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8684" src="/uploads-archive/2015/12/1.jpg" alt="1" width="640" height="558" srcset="/uploads-archive/2015/12/1.jpg 640w, /uploads-archive/2015/12/1-300x262.jpg 300w, /uploads-archive/2015/12/1-228x199.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>なんともシンプルかつ分かりやすい名前のサイトですが、楽天がやっているだけあって、ＥＣショップに特化した求人になっています。</p>
<p><a href="/uploads-archive/2015/12/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8688" src="/uploads-archive/2015/12/2.jpg" alt="2" width="324" height="390" srcset="/uploads-archive/2015/12/2.jpg 324w, /uploads-archive/2015/12/2-249x300.jpg 249w, /uploads-archive/2015/12/2-228x274.jpg 228w" sizes="(max-width: 324px) 100vw, 324px" /></a></p>
<p>ネットショップ運営の中に、店長候補、業務全般など、仕事を探す側も細かく選ぶことができるようになっています。</p>
<p>では問題の掲載料ですが、2016年の7月までは楽天市場に出店している企業を限定に無料で掲載が可能との事です。</p>
<p>2016年の8月以降は2週間ごとに以下の掲載料がかかってきます。</p>
<p>①正社員・契約社員　25,000円（税別）</p>
<p>②バイト、在宅ワーク、業務委託、他　5,000円（税別）</p>
<p>ちなみに採用時の成果報酬も無料という事です。</p>
<p>くわしい事は下の店舗向けのページを参考にしてください。</p>
<p><a href="https://career.rms.rakuten.co.jp/apply/#recruit">https://career.rms.rakuten.co.jp/apply/#recruit</a></p>
<h3>完全無料　スタンバイ</h3>
<p><a href="https://stanby.co/#/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8719" src="/uploads-archive/2015/12/3.jpg" alt="3" width="640" height="535" srcset="/uploads-archive/2015/12/3.jpg 640w, /uploads-archive/2015/12/3-300x251.jpg 300w, /uploads-archive/2015/12/3-228x191.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="https://stanby.co/#/">https://stanby.co/#/</a></p>
<p>スタンバイはビズリーチが運営する求人サイトで、とにかく掲載側が完全無料で使用できるという点が売りになっています。</p>
<p>広告収入が主な収益元となっているらしく、どれだけ掲載しても料金はかからないとの事です。求人ページはCMSで自ら編集するので、若干手がかかるかもしれません。</p>
<p><a href="/uploads-archive/2015/12/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8721" src="/uploads-archive/2015/12/4.jpg" alt="4" width="640" height="600" srcset="/uploads-archive/2015/12/4.jpg 640w, /uploads-archive/2015/12/4-300x281.jpg 300w, /uploads-archive/2015/12/4-228x214.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>&nbsp;</p>
<h3>WENTEDLY トライアルは無料</h3>
<p><a href="https://www.wantedly.com/about/list?gclid=CILMldLgvMkCFUkJvAod0aYMyw"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8736" src="/uploads-archive/2015/12/5.jpg" alt="5" width="640" height="512" srcset="/uploads-archive/2015/12/5.jpg 640w, /uploads-archive/2015/12/5-300x240.jpg 300w, /uploads-archive/2015/12/5-228x182.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>料金プランを見ると結局のところ、有料で利用する事がメインになってしまいそうですが、トライアルというプランなら掲載が１つまで無料で利用できるようです。</p>
<p>料金プランについては下のＵＲＬを参考にしてください。</p>
<p><a href="https://www.wantedly.com/about/pricing">https://www.wantedly.com/about/pricing</a></p>
<h3>ECのシゴト　成果報酬以外は無料</h3>
<p><a href="/uploads-archive/2015/12/6.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-8739" src="/uploads-archive/2015/12/6.jpg" alt="6" width="640" height="582" srcset="/uploads-archive/2015/12/6.jpg 640w, /uploads-archive/2015/12/6-300x273.jpg 300w, /uploads-archive/2015/12/6-228x207.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>ＥＣに特化しているので、業界内の人材を確保しやすいというメリットがあります。しかし初期費用、掲載、求職者へのメール等については採用決定まで完全に無料で利用できますが、成果報酬は発生します。</p>
<p>アルバイトの求人については成果報酬が3万円なので、有料のサービスと比べるとかなり安価で利用できます。</p>
<p>&nbsp;</p>


無料でECサイト運営スタッフの求人が出せるサービスまとめ

<p>海外のECサイトを巡回していると、「Cyber Monday Deals」というのを目にした。</p>
<p>サイバーマンデーという単語をなんとなく聞いたことあるレベルだったので、先週の<a href="/officer/%E3%82%A2%E3%83%AA%E3%83%90%E3%83%90%E3%80%8C%E7%8B%AC%E8%BA%AB%E3%81%AE%E6%97%A5%E3%80%8D%E3%81%AE%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E4%BA%8B%E4%BE%8Baliexpress%E7%B7%A8.html">アリババ「独身の日」のマーケティング事例Aliexpress編</a>に続き、調べてみました。</p>
<h2>サイバーマンデーとは</h2>
<h3>その前にブラックフライデー</h3>
<p>まずは、サイバーマンデーを語る前に感謝祭とブラックフライデーを理解しておく必要があります。</p>
<p>ウィキペディアによると</p>
<blockquote><p>ブラックフライデー（英語: Black Friday）は米国で感謝祭（11月の第4木曜日）の翌日の金曜日のことである。正式の休暇日ではないが休暇になることが多く、伝統的に一年で買い物が最も行われるクリスマス商戦（ホリデーシーズン）の開始の日である。また、ブラックフライデー当日は感謝祭プレゼントの売れ残り一掃セール日でもある。<br />
1961年ごろからフィラデルフィアで始まり、1975年にはかなり広まった比較的新しい言葉で、当日買い物客で道路が混むのでそう呼ばれている。名付けたのはフィラデルフィアの警察で、人が外に溢れて仕事が増えるため「真っ暗な金曜日」と呼んだことがきっかけとされる。当初、小売店などはこの言葉に不快感を示して「ビッグフライデー」という言葉を作ったが、一般には「ブラックフライデー」で広まった。後に、フィラデルフィアの新聞が、小売業者が儲かり黒字になるという解釈を発表してからは「ブラックフライデー」は良い意味で使われるようになった。</p></blockquote>
<p>とあり、アメリカの感謝祭という祝日の翌日から始めるクリスマス商戦のセールの開始日を言います。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/DigiWS1YhxI?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>日本では初売り福袋販売などが似たようなイメージでしょうか。</p>
<h3>ブラックフライデーからのサイバーマンデー</h3>
<p>ブラックフライデーはどちらかというと小売店舗のセール開始日でECサイトは、それに続いて、</p>
<blockquote><p>サイバーマンデー（英：Cyber Monday）は、アメリカ合衆国で感謝祭（11月の第4木曜日）の次の月曜日を指す。この日は、オンラインショップ等におけるホリデーシーズンのセールの開始日と考えられており、各社が大々的なキャンペーンを実施し売上が急増する。</p></blockquote>
<p>となります。</p>
<blockquote><p>2006年Shop.orgはCyberMonday.comポータルを立ち上げたことを発表し、サイバーマンデー取引がすぐにできるショップを運営できる。サイバーマンデーはカナダ、イギリス、ポルトガル、ドイツ、チリのオンライン小売業者によって使われる国際マーケティング用語になった。日本では2012年にAmazon.co.jpが12月第2月曜日を日本版のサイバーマンデーとして日本記念日協会に申請し、認定された。</p></blockquote>
<p>日本では、余り馴染みのないものではありますが、Amazonでは、2012年から仕掛けており、今年で4回目の実施になろうかと思います。</p>
<h2>Cyber Monday Best Deals</h2>
<p>ここから実際にどのようなセールが行われているのかいくつか見たものをピックアップです。</p>
<p>オンラインショップなのでセールの対象は幅広いですが、個人的な趣味でスマートフォン主体です。</p>
<p><a href="/uploads-archive/2015/12/Deals_and_Sales_-_Smartphones_and_Accessories_-_Motorola1.jpg"><img decoding="async" loading="lazy" class="aligncenter wp-image-8673 size-medium" src="/uploads-archive/2015/12/Deals_and_Sales_-_Smartphones_and_Accessories_-_Motorola1-300x125.jpg" alt="Deals_and_Sales_-_Smartphones_and_Accessories_-_Motorola" width="300" height="125" srcset="/uploads-archive/2015/12/Deals_and_Sales_-_Smartphones_and_Accessories_-_Motorola1-300x125.jpg 300w, /uploads-archive/2015/12/Deals_and_Sales_-_Smartphones_and_Accessories_-_Motorola1-1024x426.jpg 1024w, /uploads-archive/2015/12/Deals_and_Sales_-_Smartphones_and_Accessories_-_Motorola1-228x95.jpg 228w, /uploads-archive/2015/12/Deals_and_Sales_-_Smartphones_and_Accessories_-_Motorola1.jpg 1262w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まずは、メーカーサイト。</p>
<p>MotorolaのGoogleNexusバージョンと似た端末。$100オフの日本円で36,000円といったところでしょうか？</p>
<p><a href="/uploads-archive/2015/12/Samsung_Galaxy_S6___Galaxy_S6_Reviews___Specs___T-Mobile.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-8674" src="/uploads-archive/2015/12/Samsung_Galaxy_S6___Galaxy_S6_Reviews___Specs___T-Mobile-300x206.jpg" alt="Samsung_Galaxy_S6___Galaxy_S6_Reviews___Specs___T-Mobile" width="300" height="206" srcset="/uploads-archive/2015/12/Samsung_Galaxy_S6___Galaxy_S6_Reviews___Specs___T-Mobile-300x206.jpg 300w, /uploads-archive/2015/12/Samsung_Galaxy_S6___Galaxy_S6_Reviews___Specs___T-Mobile-1024x702.jpg 1024w, /uploads-archive/2015/12/Samsung_Galaxy_S6___Galaxy_S6_Reviews___Specs___T-Mobile-228x156.jpg 228w, /uploads-archive/2015/12/Samsung_Galaxy_S6___Galaxy_S6_Reviews___Specs___T-Mobile.jpg 1251w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>携帯キャリアでもセールしてます。</p>
<p>日本でいうDocomo公式通販サイトのようなものです。こちらも$99オフ。</p>
<p><a href="/uploads-archive/2015/12/Screenshot_2-840x461.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-8675" src="/uploads-archive/2015/12/Screenshot_2-840x461-300x165.jpg" alt="Screenshot_2-840x461" width="300" height="165" srcset="/uploads-archive/2015/12/Screenshot_2-840x461-300x165.jpg 300w, /uploads-archive/2015/12/Screenshot_2-840x461-228x125.jpg 228w, /uploads-archive/2015/12/Screenshot_2-840x461.jpg 840w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Amazon.comでは、このような目玉商品も。前世代ですが、フラグシップモデルが約24,000円。<br />
<iframe loading="lazy" width="300" height="150" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=sackoh71-22&amp;o=9&amp;p=8&amp;l=as4&amp;m=amazon&amp;f=ifr&amp;ref=ss_til&amp;asins=B00R7W88HG" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p>日本のAmazonでは、型落ち品なので並行輸入品が6万円で売っているモデルです。</p>
<p>キャプチャ画像は、以下のサイトからお借りしました。</p>
<p><a href="http://www.androidauthority.com/" target="_blank">http://www.androidauthority.com/</a></p>
<p><a href="/uploads-archive/2015/12/Amazon_com__Online_Shopping_for_Electronics__Apparel__Computers__Books__DVDs___more.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-8676" src="/uploads-archive/2015/12/Amazon_com__Online_Shopping_for_Electronics__Apparel__Computers__Books__DVDs___more-300x94.jpg" alt="Amazon_com__Online_Shopping_for_Electronics__Apparel__Computers__Books__DVDs___more" width="300" height="94" srcset="/uploads-archive/2015/12/Amazon_com__Online_Shopping_for_Electronics__Apparel__Computers__Books__DVDs___more-300x94.jpg 300w, /uploads-archive/2015/12/Amazon_com__Online_Shopping_for_Electronics__Apparel__Computers__Books__DVDs___more-1024x320.jpg 1024w, /uploads-archive/2015/12/Amazon_com__Online_Shopping_for_Electronics__Apparel__Computers__Books__DVDs___more-228x71.jpg 228w, /uploads-archive/2015/12/Amazon_com__Online_Shopping_for_Electronics__Apparel__Computers__Books__DVDs___more.jpg 1272w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.amazon.com/" target="_blank">amazon.com</a>では、cyber monday全面推しです。</p>
<p><a href="/uploads-archive/2015/12/144d1cb93445e853b7d99635c32de96c.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-8677" src="/uploads-archive/2015/12/144d1cb93445e853b7d99635c32de96c-300x94.jpg" alt="Amazon_co_jp___通販_-_ファッション、家電から食品まで【通常配送無料】" width="300" height="94" srcset="/uploads-archive/2015/12/144d1cb93445e853b7d99635c32de96c-300x94.jpg 300w, /uploads-archive/2015/12/144d1cb93445e853b7d99635c32de96c-1024x321.jpg 1024w, /uploads-archive/2015/12/144d1cb93445e853b7d99635c32de96c-228x71.jpg 228w, /uploads-archive/2015/12/144d1cb93445e853b7d99635c32de96c.jpg 1267w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="http://www.amazon.co.jp/" target="_blank">amazon.co.jp</a>のトップは来週からでしょうか？ただ、サイバーマンデー用の特設ページは既にありました。</p>
<p><a href="http://www.amazon.co.jp/b?ie=UTF8&amp;node=3959621051" target="_blank">http://www.amazon.co.jp/b?ie=UTF8&amp;node=3959621051</a></p>
<h2>まとめ</h2>
<p>日本ではまだまだ馴染みのないセールですが、海外通販ユーザーとしては、見逃せないものでした。</p>
<p>祝日や伝統も重なっているので、今後普及していくのか、Amazon以外もどんどん仕掛けが増えていくのか引き続きウォッチしていきたいと思います。</p>


サイバーマンデーのマーケティング事例

<p>LaTeXという数式等を綺麗に記述してくれる組版システムがあるのですが、それをHTML内で使用できないのかと思い調べたところ、MathJaxというJavaScriptのライブラリがあったので紹介致します。</p>
<h2>使い方</h2>
<p>使い方はとても簡単で、下記のスクリプトをヘッダーに記載するだけで、HTML内でLaTeXの数式記述が可能になります。</p>

		<div id="crayon-649540158dd84417733683" 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">MathJax使用方法</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;">
&lt;script type="text/x-mathjax-config"&gt;
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\$','\$']]}});
&lt;/script&gt;
&lt;script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"&gt;
&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540158dd84417733683-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158dd84417733683-2">2</div><div class="crayon-num" data-line="crayon-649540158dd84417733683-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158dd84417733683-4">4</div><div class="crayon-num" data-line="crayon-649540158dd84417733683-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158dd84417733683-6">6</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-649540158dd84417733683-1"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/x-mathjax-config"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158dd84417733683-2"><span class="crayon-i">MathJax</span><span class="crayon-sy">.</span><span class="crayon-i">Hub</span><span class="crayon-sy">.</span><span class="crayon-e">Config</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span><span class="crayon-i">tex2jax</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-i">inlineMath</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">[</span><span class="crayon-s">'$'</span><span class="crayon-sy">,</span><span class="crayon-s">'$'</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">'\$'</span><span class="crayon-sy">,</span><span class="crayon-s">'\$'</span><span class="crayon-sy">]</span><span class="crayon-sy">]</span><span class="crayon-sy">}</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158dd84417733683-3"><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158dd84417733683-4"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span></div><div class="crayon-line" id="crayon-649540158dd84417733683-5"><span class="crayon-e ">src</span>=<span class="crayon-s">"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158dd84417733683-6"><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h2>デモ</h2>
<p><a class="demo" href="/demo/mizutani/01/">デモ</a></p>
<h2>補足</h2>
<p>MathJax以外にも、jsLaTeXというjQueryを使用し、数式の画像を生成してくれるものも存在するようです。</p>
<h2>参考</h2>
<p><a href="https://www.mathjax.org/">MathJax</a><br />
<a href="http://blog.dreasgrech.com/2009/12/jslatex-jquery-plugin-to-directly-embed.html">jsLaTeX</a></p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2015/12/16

2015/12/09

2015/12/09

2015/12/09

2015/12/09

2015/12/09

2015/12/09

2015/12/09

2015/12/08

2015/12/03

2015/12/03

2015/12/03

2015/12/03

2015/12/03

2015/12/03

2015/12/03

2015/12/03

2015/11/25