<p>LaunchCartは越境ECシステムなので当然多言語テンプレートに対応しているのだが、IPアドレスによる自動の言語切替をするような機能は標準では搭載していない。</p>
<p>内部的にIPアドレスを定義しておけば当然できるのだが、メンテナンスが必要となってしまうため個人的にあまり好きなやり方ではない。</p>
<p>&nbsp;</p>
<p>多少お金がかかっても良いので気軽に扱えて信頼性が高いサービスが無いかと思い調べた結果良さそうだったのがこちら。</p>
<p><a href="https://ipinfo.io/" target="_blank">https://ipinfo.io/</a></p>
<p>&nbsp;</p>

		<div id="crayon-6495402642b79940082640" 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;">
curl ipinfo.io</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-6495402642b79940082640-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-6495402642b79940082640-1"><span class="crayon-e">curl </span><span class="crayon-i">ipinfo</span><span class="crayon-sy">.</span><span class="crayon-i">io</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>これだけでアクセス元のIPアドレスからの情報を得られる。</p>
<p>&nbsp;</p>
<p>以下はjavascriptで連携した例。</p>
<p><a class="demo" href="/demo/hoshino/71/" target="_blank">デモ</a></p>
<p>&nbsp;</p>

		<div id="crayon-6495402642b7d203198241" 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">JavaScript</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;">
$(function() {
    $.getJSON('http://ipinfo.io', function(data){
        if (data) {
            data = eval(data);
            $("dd:eq(0)").html(data.country);
            $("dd:eq(1)").html(data.city);
            $("dd:eq(2)").html(data.ip);
        }
    })
});</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-6495402642b7d203198241-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-2">2</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-4">4</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-6">6</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-8">8</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-10">10</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-6495402642b7d203198241-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-e">getJSON</span><span class="crayon-sy">(</span><span class="crayon-s">'http://ipinfo.io'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">data</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">eval</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"dd:eq(0)"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">country</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"dd:eq(1)"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">city</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"dd:eq(2)"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">ip</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-10"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こんな感じで取得した情報を表示している。</p>
<p>&nbsp;</p>
<p>当社のように1テンプレートで言語を出し分けている場合はページのロード後にajaxで言語を入れ替えることもできるため、選択肢が広がってよさそうだ。</p>
<p>価格も1日320,000リクエストで$400でバカ高くは無い</p>

IPアドレスから国を判断する方法

<h2>アプリ化するメリット</h2>
<p>ECサイトに限らずですが、webサイトのアプリ化にはいろんなメリットがあります。</p>
<h4>サイトをリピートして利用してもらえる</h4>
<p>ブラウザを通してサイトにたどり着くというルートに比べると、アプリの場合は立ち上げるだけでサイトにアクセスできて、手順が少ない（遷移回数が少い）のでユーザビリティが高くリピート率が高くなります。</p>
<p>ブラウザで検索してからという事になると、同じ検索結果が表示されず「あれ？あのサイトが見当たらない」という具合にユーザーが辿りつけない場合も考えられますが、アプリならスマホのホーム画面にあるわけですから言わずもがなです。</p>
<p>特にECサイトにとってはスマホからのアクセスが約7割、売上が約5割（2015年のデータ 参照：<a href="http://ecclab.empowershop.co.jp/archives/4411">http://ecclab.empowershop.co.jp/archives/4411</a>）という事もあり ユーザーのリピート率向上という意味で大きなメリットがあります。</p>
<h4>ユーザーに情報をプッシュ配信できる</h4>
<p>これもユーザーのリピート利用率向上につながるのですが、アプリをダウンロードする際に同意してもらえるようにしておけば、新商品やセールの情報、配送に関する案内などをプッシュ配信できます。</p>
<p>大手のECモールでショップを展開している場合はメールという事になりますが、メールの開封率はかなり低く、人気ショップのメルマガですら良くて1割ほどの開封率、そこからのクリック率はさらに1割がいいところ、購入までいくのはほんのわずかという事になります。</p>
<p>支払に関する内容や配送状況などのメールについても、キャリアメール（@docomo、@ezweb、@softbank）を利用しているユーザーはPCからのメールを拒否設定している場合が多く、開封どころか届いてすらいない場合があります。拒否しているユーザーの中にはリテラシーが低い人も多く、「拒否した覚えがないのになぜメールが届かない」というクレームに繋がることがしばしばです。※@ezwebはデフォルトで拒否設定になっているそうです。</p>
<p>最近増えてきたLINE@での情報配信もありますが、こちらは「友だち」を増やす事に一苦労します。ECサイトで商品を購入したからと言って自動的に「友だち」になるわけではないので、メールアドレスと違いショップを利用してくれたユーザー全てを配信対象にはできません。LINE@は「友だち」に対して情報をリーチする事にかけては、メールのより効率が良いのですが、その「友だち」を獲得するのにかなりコストがかかってしまいます。</p>
<p>アプリの場合はダウンロードさえしてもらえれば、情報をプッシュ配信でホーム画面に表示できます。「LINE@の友だち追加する」と「アプリをダウンロードする」はユーザーから見たときのハードルの高さにさほど違いはないと思います。</p>
<h2>アプリをダウンロードしてもらうためのハードル</h2>
<p>もちろんですがアプリをダウンロードしたくなる理由が必要です。ECショップ自体を気に入ってもらう事は絶対条件として、その他にユーザーにとって何等かのメリットが無ければダウンロードしてもらえないでしょう。</p>
<p>楽天市場やYahoo!ショッピングなど大きなECモールもアプリをリリースしていますが、アプリから購入するとポイント倍率が高くなるなどのキャンペーンを行う事でダウンロードを促しています。</p>
<p>アプリをダウンロードしてもらうには、単純なところで以下のような方法があります。</p>
<p>①ポイント率に差をつける</p>
<p>②商品価格に差をつける</p>
<p>③再送のスピードに差をつける</p>
<p>④ショッピング以外のコンテンツを展開する</p>
<p>最も効果があるのはおそらく②の価格自体が安くなるという方法だと思いますが、扱っている商品によっては単価がもともと安いために価格を下げられなかったりもするので、リリース時の一時的なキャンペーンとして行うのが最善かもしれません。</p>
<h2>アプリ化に適した商材</h2>
<p>サイトをアプリ化するメリットをいくつか上げましたが、そもそもECサイトの場合は扱っている商材によって向き不向きがあります。</p>
<p>日用品や消耗品などリピートして利用・購入してもらえる商材（リピート商材）の場合はいいのですが、リピートされない商材については難しいところです。</p>
<p>ユーザーとしては一回の買い物のためにアプリをダウンロードするという煩わしさがありますし、ダウンロードするハードルを下げるには「価格が安くなる」くらいしか響かないでしょう。ポイントが高いと言われても「もう利用しないからどうでもいい」という気持ちになるはずです。</p>
<p>ショップ側がどんなにリピート率を上げたいと思ってアプリ化しても、そもそも商材がリピート商材でなければ効果は薄いと思います。</p>
<h2>アプリ化する方法</h2>
<h4>webサイトをそのままアプリにするサービスを利用する</h4>
<p>サイトをアプリで改めて構築するとなると、それなりの時間とコストがかかってしまいます。という事で既存のwebサイトをそのままアプリにできるサービスを調べてました。</p>
<p>探してみるとwordpressをアプリにするというサービスはかなり出てきます。しかしECサイトはwordpressをベースしている物だけではないのでもっと汎用性の高いサービスも探してみるといくつかありました。</p>
<p><a href="https://ja.monaca.io/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11759" src="/uploads-archive/2016/08/1-2.jpg" alt="1" width="640" height="465" srcset="/uploads-archive/2016/08/1-2.jpg 640w, /uploads-archive/2016/08/1-2-300x218.jpg 300w, /uploads-archive/2016/08/1-2-228x166.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>小規模なら無料で利用できるプランもあります</p>
<p>そのままアクセスするだけのアプリであればすぐにできてしまうようです。詳しい事はこちらの記事を参考にしてみてください。<a href="http://smart-phone.783783783.com/2016/03/09/monaca-website-app/">http://smart-phone.783783783.com/2016/03/09/monaca-website-app/</a></p>
<p><a href="https://gonative.io/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11760" src="/uploads-archive/2016/08/2-2.jpg" alt="2" width="640" height="543" srcset="/uploads-archive/2016/08/2-2.jpg 640w, /uploads-archive/2016/08/2-2-300x255.jpg 300w, /uploads-archive/2016/08/2-2-228x193.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>プラントしては590ドルからで、100％pple App Store と Google Playに登録できると事を保証できるサービスとの事です。</p>
<p><a href="/admin/wp-contehttps://joren.io/ja/index.htmlnt/uploads/2016/08/3-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11761" src="/uploads-archive/2016/08/3-1.jpg" alt="3" width="640" height="476" srcset="/uploads-archive/2016/08/3-1.jpg 640w, /uploads-archive/2016/08/3-1-300x223.jpg 300w, /uploads-archive/2016/08/3-1-228x170.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>ノンプログラミングでサイトをアプリ化できてプッシュ配信も可能というだそうですが、現時点ではまだ事前登録のみでリリースはまだ行われていません。</p>
<p><a href="/uploads-archive/2016/08/4-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11763" src="/uploads-archive/2016/08/4-1.jpg" alt="4" width="640" height="308" srcset="/uploads-archive/2016/08/4-1.jpg 640w, /uploads-archive/2016/08/4-1-300x144.jpg 300w, /uploads-archive/2016/08/4-1-228x110.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>Androidアプリに限定されてしまいますが、ノンプログラムでサイトをアプリ化できます。無料で利用可能です。</p>
<h4>アプリを改めて構築する</h4>
<p>アプリ制作会社によってはECに特化したアプリを作ってくれるところもいくつかあります。</p>
<p><a href="http://applile.jp/#a02"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11764" src="/uploads-archive/2016/08/5-2.jpg" alt="5" width="640" height="307" srcset="/uploads-archive/2016/08/5-2.jpg 640w, /uploads-archive/2016/08/5-2-300x144.jpg 300w, /uploads-archive/2016/08/5-2-228x109.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>EC向けに特化しているようで、日時を指定したプッシュ通知やカゴ落ちユーザーを対象にしたプッシュもできます。クーポン機能やユーザーからのアンケートもできるそうです。</p>
<p>初期費用が50000円で月々980円から利用できますが、EC向けの機能を利用する場合は月額5000円にプランになるようです。</p>
<p><a href="https://yapp.li/category/ec.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11766" src="/uploads-archive/2016/08/6-1.jpg" alt="6" width="640" height="303" srcset="/uploads-archive/2016/08/6-1.jpg 640w, /uploads-archive/2016/08/6-1-300x142.jpg 300w, /uploads-archive/2016/08/6-1-228x108.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>こちらはCMSになっていて自分でドラッグ＆ドロップで機能を並べてアプリを作成できます。ECに適した機能も充実しているようです。</p>
<p>価格については詳しい記載を見つけられませんでしたが、yappliについて書いているブログによると月額9800円とありました。</p>


ECサイトをアプリ化するメリットとサービス

<p>画像のレタッチでコントラストを強くする際に気を付けないと「白とび」や「黒潰れ」が起こってしまいます。つまり諧調が失われてしまうわけです。意図してやっているなら問題はないのですが、そうでない場合は確認しながら慎重に作業をする必要があります。</p>
<p>じゃあどうやって確認するのかという事ですがちゃんと方法があります。</p>
<p>photoshopに限らず画像のレタッチをする際には「レベル補正」または「トーンカーブ」を使う方が多いようです。今回ご紹介するのはこの２つの調整レイヤー（調整レイヤーでなくても直接修正ができます。）を使う場合の諧調つぶれを確認する方法です。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11731" src="/uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s.jpg" alt="c47d4b4d8e9ab61cd57208b1eced3f1f_s" width="640" height="424" srcset="/uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s.jpg 640w, /uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s-300x199.jpg 300w, /uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>レベル補正でコントラストを上げてみます。</p>
<p><a href="/uploads-archive/2016/08/1-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11732" src="/uploads-archive/2016/08/1-1.jpg" alt="1" width="310" height="334" srcset="/uploads-archive/2016/08/1-1.jpg 310w, /uploads-archive/2016/08/1-1-278x300.jpg 278w, /uploads-archive/2016/08/1-1-228x246.jpg 228w" sizes="(max-width: 310px) 100vw, 310px" /></a></p>
<p><a href="/uploads-archive/2016/08/2-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11733" src="/uploads-archive/2016/08/2-1.jpg" alt="2" width="640" height="424" srcset="/uploads-archive/2016/08/2-1.jpg 640w, /uploads-archive/2016/08/2-1-300x199.jpg 300w, /uploads-archive/2016/08/2-1-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>コントラストが強くなって若干ですが夏らしさが増しました。しかし、赤い矢印で示した白と黒のスライダーをAltキーを押しながらクリックしてみると、、、</p>
<p><a href="/uploads-archive/2016/08/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11734" src="/uploads-archive/2016/08/3.jpg" alt="3" width="310" height="334" srcset="/uploads-archive/2016/08/3.jpg 310w, /uploads-archive/2016/08/3-278x300.jpg 278w, /uploads-archive/2016/08/3-228x246.jpg 228w" sizes="(max-width: 310px) 100vw, 310px" /></a></p>
<p>Altを押しながら白のスライダーをクリックした時（白い部分が白とび）</p>
<p><a href="/uploads-archive/2016/08/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11736" src="/uploads-archive/2016/08/4.jpg" alt="4" width="640" height="417" srcset="/uploads-archive/2016/08/4.jpg 640w, /uploads-archive/2016/08/4-300x195.jpg 300w, /uploads-archive/2016/08/4-228x149.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>Altを押しながら黒のスライダーをクリックした時（黒い部分が黒潰れ）</p>
<p><a href="/uploads-archive/2016/08/5-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11738" src="/uploads-archive/2016/08/5-1.jpg" alt="5" width="634" height="414" srcset="/uploads-archive/2016/08/5-1.jpg 634w, /uploads-archive/2016/08/5-1-300x196.jpg 300w, /uploads-archive/2016/08/5-1-228x149.jpg 228w" sizes="(max-width: 634px) 100vw, 634px" /></a></p>
<p>それぞれが意味する所は、白・黒・R・G・Bで諧調が潰れている（とんでいる）部分にその色がついています。</p>
<p>&nbsp;</p>
<p>トーンカーブの時は同じようにAltを押しながらスライダーをクリックすると、RGBの潰れがわかります。（白と黒に関してはカーブが上枠・下枠に設置してしまうと潰れる。）</p>
<p><a href="/uploads-archive/2016/08/6.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11739" src="/uploads-archive/2016/08/6.jpg" alt="6" width="318" height="402" srcset="/uploads-archive/2016/08/6.jpg 318w, /uploads-archive/2016/08/6-237x300.jpg 237w, /uploads-archive/2016/08/6-228x288.jpg 228w" sizes="(max-width: 318px) 100vw, 318px" /></a></p>
<p>かなり簡単な説明になってしまいましたが、直接触ってみるのが一番わかり安いので試してみてください。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


photoshop　白とび・黒潰れを確認する方法

nino-eye (3).jpg

Canvasで画像の白を透過にする

<p>3色といってもそれぞれに意味合いは違うのですが、これ使い分けると非常に便利です。</p>
<p>みなさんおなじみのGoogleChromeは一番左のカラフル版だと思います。</p>
<p>これは安定版として提供されているものです。</p>
<p>真ん中の青いアイコンはChromiumというオープンソースのブラウザで、GoogleがこのChromiumのソースを元にGoogle独自の機能を追加してリリースしているのがChromeになります。</p>
<p>一番右の金色のアイコンはChrome Canaryといって、安定版に乗る前の新機能を搭載してテストをするためのバージョンで、いわゆるベータ版よりも前のアルファ版に近いようなイメージです。</p>
<p>バグがある前提のバージョンではありますが、既にchromeの大部分は安定していて、頻繁に落ちるというようなこともなく、どちらかと言うと新機能追加がメインかと思います。</p>
<h2>3つのchromeの何が便利？</h2>
<p><a href="/uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11715" src="/uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-300x116.png" alt="dcc3650b7bb248afb5557ca9c73df37f" width="300" height="116" srcset="/uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-300x116.png 300w, /uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-768x297.png 768w, /uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-1024x396.png 1024w, /uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-228x88.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ほぼこれを伝えたかったということに尽きるのですが、それぞれが独立したアプリケーションとして使うことが出来ます。</p>
<p>Chromeのベータ版やDEV版もダウンロード出来るのですが、これは、通常のchromeを上書きしてしまうので、独立したアプリケーションになりません。</p>
<p><a href="https://www.google.co.jp/chrome/browser/beta.html" target="_blank">https://www.google.co.jp/chrome/browser/beta.html</a></p>
<p>&nbsp;</p>
<p>独立したアプリケーションになることで</p>
<p>自分での使い方として以下になります。</p>
<ul>
<li>Googleアカウントが複数あるのでそれぞれ異なるアプリでログインしておく。<br />
→一つのアプリでマルチログインも出来ますがより便利</li>
<li>検証専用ブラウザにする。<br />
→スマートフォン幅を頻繁に確認する時など便利</li>
</ul>
<p>他にもいろいろな用途が考えられます。</p>
<h2>ダウンロード場所</h2>
<h3>Google Chrome Canary</h3>
<p><a href="https://www.google.co.jp/chrome/browser/canary.html" target="_blank">https://www.google.co.jp/chrome/browser/canary.html</a></p>
<h3>Chromium</h3>
<p><a href="https://download-chromium.appspot.com/" target="_blank">https://download-chromium.appspot.com/</a></p>
<h4>おまけ</h4>
<p>Chromiumは、自動アップデート機能がないので、下記のプラグインを入れて置くと随時バージョンを確認して最新バージョンをダウンロードしてくれます。</p>
<p><a href="https://chrome.google.com/webstore/detail/chromium-updater/ccgjmadhdidfloacagcnnodbkedkjedg?hl=ja" target="_blank">https://chrome.google.com/webstore/detail/chromium-updater/ccgjmadhdidfloacagcnnodbkedkjedg?hl=ja</a></p>


chorme_chromium_canary-1024x311.png

3色のGoogleChrome「chrome chromium canary」

<p>社名っぽい、ただそれだけの理由で「jQuery Starfield」というプラグインを使ってみた。</p>
<p><a href="https://github.com/rocketwagon/jquery-starfield" target="_blank">https://github.com/rocketwagon/jquery-starfield</a></p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/70/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<p>使い方は簡単で、</p>
<p>JS</p>

		<div id="crayon-6495402642789019918057" 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">JavaScript</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;">
$( 'body' ).starfield( {
	starDensity: 4.0,
	mouseScale: 1.0,
	seedMovement: true
});</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495402642789019918057-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642789019918057-2">2</div><div class="crayon-num" data-line="crayon-6495402642789019918057-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642789019918057-4">4</div><div class="crayon-num" data-line="crayon-6495402642789019918057-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-6495402642789019918057-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'body'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">starfield</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642789019918057-2"><span class="crayon-h">	</span><span class="crayon-i">starDensity</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">4.0</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495402642789019918057-3"><span class="crayon-h">	</span><span class="crayon-i">mouseScale</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">1.0</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642789019918057-4"><span class="crayon-h">	</span><span class="crayon-i">seedMovement</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span></div><div class="crayon-line" id="crayon-6495402642789019918057-5"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>CSS</p>

		<div id="crayon-649540264278d396942473" 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;">
html {height: 100%;}
body {padding: 0; margin: auto; width: 100%; height: 100%;}</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-649540264278d396942473-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264278d396942473-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-649540264278d396942473-1"><span class="crayon-k ">html </span><span class="crayon-sy">{</span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">100%</span><span class="crayon-sy">;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264278d396942473-2"><span class="crayon-k ">body </span><span class="crayon-sy">{</span><span class="crayon-e ">padding</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-e ">margin</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">auto</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">100%</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">100%</span><span class="crayon-sy">;</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>htmlのheightを100%にしないと表示されなかったので注意。</p>
<p>&nbsp;</p>
<p>以下はパラメータ</p>
<table>
<tbody>
<tr>
<th></th>
<th>Default</th>
<th>説明</th>
</tr>
<tr>
<td>starDensity</td>
<td>1.0</td>
<td>星の数</td>
</tr>
<tr>
<td>mouseScale</td>
<td>1.0</td>
<td>マウス動かした時のスピード感</td>
</tr>
<tr>
<td>seedMovement</td>
<td>true</td>
<td>マウス動かさなくても動作開始するか</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

jQuery Starfieldというのがあったので使ってみた

<h3>前置き</h3>
<div style="padding-left: 15px;">
便利なPhotoshopですが<br />
隠れに隠れた機能が多いアプリケーション</p>
<p>そんなの知ってるよ！</p>
<p>と思うのも多々あるかと思いますが備忘録的な感じで紹介します</p></div>
<h3>特徴</h3>
<div style="padding-left: 15px;">
<p>WindowsではControlキーがMacのCommandキーに相当します。</p>
<ul>
<li>Shift : 選択範囲など「プラス」のイメージ</li>
<li>Control : コマンド実行、他Shift, Alt等との組み合わせ識別</li>
<li>Alt : 選択範囲など「マイナス」のイメージ</li>
</ul>
</div>
<h3>良く使うキー組み合わせ</h3>
<div style="padding-left: 15px;">
<table>
<tbody>
<tr>
<th>キー・マウス動作</th>
<th>動作内容</th>
</tr>
<tr>
<td>Control + T</td>
<td>選択されたレイヤーの自由変形</td>
</tr>
<tr>
<td>Control 押しながらドラッグ</td>
<td>選択レイヤーの移動</td>
</tr>
<tr>
<td>Control + Shift + クリック</td>
<td>複数レイヤー選択</td>
</tr>
<tr>
<td>Control + E</td>
<td>上位レイヤーと結合</td>
</tr>
<tr>
<td>Control + Shift + E</td>
<td>表示されているレイヤー統合</td>
</tr>
<tr>
<td>d</td>
<td>描画色・背景色を黒白に初期化</td>
</tr>
<tr>
<td>x</td>
<td>描画色・背景色の入れ替え</td>
</tr>
<tr>
<td>q</td>
<td>クイックマスクモード切り替え</td>
</tr>
<tr>
<td>Control + R</td>
<td>定規の表示・非表示切り替え</td>
</tr>
<tr>
<td>Tab</td>
<td>メインウィンドウ以外の表示・非表示切り替え</td>
</tr>
</tbody>
</table>
<p>※ 上記は設定で「ツールの変更にShiftキーを使用」を敢えて外しています</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/DL3J_nBjDG0?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/W8fgF99Q3YA?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
</div>


ps.jpg

Webデザインで使えそうなPhotoshop小技変

【レポート】2年ぶりのミャンマーで感じた事2016

CentOSにHadoopをインストールしてみよう！

CanvasでPNGの透過を利用してシルエット画像を作る

<h2>制作する動画のイメージを共有するのは難しい</h2>
<p>動画制作の仕事をする上で、同じプロジェクトのスタッフまたはクライアントと「どんな動画を作るのか？」を共有するのは必須事項でありながら、なかなか難しい作業だと思います。</p>
<p>動画のイメージを言葉で伝えて、お互い共有したつもりになっていても、それぞれが抱いているイメージが違っていたら大問題です。なので、制作に入る前の段階で参考になる動画をお互いに見て「こんな感じ」とイメージの共有をする必要が出てきます。</p>
<p>参考になる動画をクライアントが気に入って、それと同じ撮り方や編集・加工を加えるのであれば、作成する動画のイメージを共有する作業は完了するのですが、これまでに無いような動画、または複数の参考動画から演出をかけわせたような動画を作成する場合はどうしてもイメージを共有する事が困難です。</p>
<p>そこで複数の参考動画を編集して「こんな感じ」というサンプルとなる動画を作ってイメージ共有する必要が出てきます。かと言って、サンプル動画の為に撮影をしていたら予算オーバーになってしまいます。（その分、予算があれば是非撮るべきだと思いますが。）</p>
<h2>サンプルの動画を撮影するのは困難</h2>
<p>ちょっと長くなりましたが、サンプルとなる動画はイメージが伝わればいいだけなので、いろんな所からキャプチャして仮素材にするのが一番手っ取り早いと思います。</p>
<p>ただあくまでもイメージを共有するためだけに使用する事が前提です。</p>
<p>デスクトップ画面をキャプチャーするアプリケーションは沢山ありますが、NVIDIAのグラボ、GPUを積んでいるPCを使っているならこちらが良いと思います。</p>
<p><a href="http://www.nvidia.co.jp/object/geforce-experience-shadow-play-jp.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11695" src="/uploads-archive/2016/08/1.jpg" alt="1" width="640" height="447" srcset="/uploads-archive/2016/08/1.jpg 640w, /uploads-archive/2016/08/1-300x210.jpg 300w, /uploads-archive/2016/08/1-228x159.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>本来はPCでゲームをプレイしているのを収録するためのアプリケーションですが、無料で品質が高いのでお勧めです。</p>
<p><a href="/uploads-archive/2016/08/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11699" src="/uploads-archive/2016/08/2.jpg" alt="2" width="525" height="296" srcset="/uploads-archive/2016/08/2.jpg 525w, /uploads-archive/2016/08/2-300x169.jpg 300w, /uploads-archive/2016/08/2-228x129.jpg 228w" sizes="(max-width: 525px) 100vw, 525px" /></a></p>
<p>６０FPS、50Mbpsで録画ができるので画質が下がってイメージが伝わらないという事はないと思います。</p>
<p>&nbsp;</p>


PCのデスクトップを動画でキャプチャする

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


3-3.jpg

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

<p>中小機構が主催している越境ECまるごとフェスティバル2016に参加してきました。<br />
<a href="http://marugoto-ecfes.smrj.go.jp/" target="_blank">http://marugoto-ecfes.smrj.go.jp/</a></p>
<h2>越境ECまるごとフェスティバルとは？</h2>
<blockquote><p>海外向けWEBサイト構築・モール・WEBマーケティング・翻訳・受注管理・物流・決済など、<br />
海外向けECビジネスのプロセスにおける課題をお持ちの企業の方々、<br />
特定の対象国でのビジネス展開やBtoB、BtoCそれぞれのビジネスモデルを持つ企業の方々など、<br />
さまざまな企業のニーズに答えられるよう各分野のプロフェッショナルをお呼びし、<br />
その場でお悩みを解決できる交流の場を提供するとともに、<br />
海外向けECビジネスのノウハウを提供するセミナーを行い、<br />
越境ECを目指す方が次のステージへ進んでいただくことを目的としたイベントです。</p></blockquote>
<p>ということで、越境ECの主要プレイヤーがほとんど参加していました。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-1024x429.png" alt="中小機構 越境EC“まるごと”フェスティバル2016" width="1024" height="429" class="alignleft size-large wp-image-11578" srcset="/uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-1024x429.png 1024w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-300x126.png 300w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-768x322.png 768w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-228x96.png 228w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca.png 1205w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>弊社は…というと今回はタイミングが悪く出店できなかったので、どんなものか見学に行ってきました。</p>
<p>セミナーがメインという印象を受けましたが、越境ECに関するよろず相談所があったり、各社のブースがあったりで非常に盛り上がっていました。</p>
<p>現在、越境ECに関する補助金の申し込みが受付中ということもあるからか、非常に多くの参加者がいて、みなさん熱心に情報を吸収していました。</p>
<h2>感想</h2>
<p>あらためて感じたのは、越境ECは一社では完結しないということでした。<br />
序文にもあるように、サイト構築・モール・WEBマーケティング・翻訳・受注管理・物流・決済と、越境ECをやるには多岐にわたる問題を解決する必要があります。<br />
越境ECを支援する会社の多くは、「このサービスは提供できるけど、これはできない。だから出来る範囲で提案する…」というかたちにならざるを得ません。<br />
しかしながらそれでは、市場に対しての最適解を出すことは難しく、そのことが越境ECでの圧倒的な成功事例を生み出すことを阻害しています。<br />
越境ECに関しては、チームジャパンで取り組み、各社が協力していくことが必要ではないか、とあらためて感じました。<br />
もちろんそう考えているのは私だけではなく、最近お話する方たちも同様のことを仰る方は多いです。そもそも、この越境ECフェスティバルというイベントもそのような理念のもと行っているのではないかと思います（違うのかな？）</p>
<p>そんな感想をもちました。</p>
<h2>おまけ</h2>
<p>そのあと、ベンチャー稲門会というものに参加してきました。<br />
稲門会というのわ早稲田大学のOB組織でして、職種や地域ごとに様々なグループが存在します。<br />
ベンチャー稲門会はその名の通り、ベンチャー企業を経営している人を対象にした集まりでして、私は社長副社長の代理で参加してきました。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/IMG_0364-1024x768.jpg" alt="IMG_0364" width="1024" height="768" class="aligncenter size-large wp-image-11575" srcset="/uploads-archive/2016/07/IMG_0364-1024x768.jpg 1024w, /uploads-archive/2016/07/IMG_0364-300x225.jpg 300w, /uploads-archive/2016/07/IMG_0364-768x576.jpg 768w, /uploads-archive/2016/07/IMG_0364-228x171.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>リンクアンドモチベーションの会長や、オプトの鉢嶺社長などが登壇してトークセッションを行っていました。</p>
<p>経営者の苦悩や喜び、リーダーシップのステージごとの発揮の仕方など、経営者でない私にとっても大変楽しく、勉強になった時間でした。<br />
これからもっと参加者を増やしたい、と幹事の方は仰っていましたが、一つだけ苦言を呈しさせて頂きますと、参加費5000円払って、私はクラッカー一枚しか食べれませんで、懇親会の時間配分とか、料理への導線とかそのへんは改善点があるのではないかと一従業員の私は思いました。</p>


【レポート！】越境ECまるごとフェスティバル2016＆ベンチャー稲門会

Vagrantの容量を変更する方法

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

wp.jpg

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

<p>最近、webフォントがどんどんいろんなサイトで使用されており、日本語のフォントも見かけることも多くなってきました。<br />
webフォントを提供しているサービスは数多くあるのですが、少々お値段がかかってしまうので、<br />
今回、フリーで使用できる日本語のwebフォントを2つ紹介したいと思います。</p>
<p>いきなり話はそれますが、先日さくらさんがwebフォントに関する新たなサービスを発表していました。</p>
<p><a href="https://www.sakura.ad.jp/press/2016/0629_morisawa/" target="_blank">モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現</a></p>
<p>これは制作物の幅が広がりそうですね！！</p>
<h2>フリーの日本語webフォントを使う</h2>
<p>さて、本題に入りますが、私が把握している日本語のwebフォントでフリーで使えるのは2つになります。<br />
・<a href="https://mplus-fonts.osdn.jp/about.html#multilingual" target="_blank">M+ FONTS</a><br />
・<a href="https://www.google.com/get/noto/" target="_blank">Noto Sans JP</a></p>
<h3>M+ FONTS</h3>
<p>まずはM＋ FONTSというフォントです。<br />
webフォントの使用は下記のサイトにもありますが、<br />
<a href="http://mplus-webfonts.osdn.jp/" target="_blank">M+ Web Fonts</a><br />
使用したいフォントをダウンロードして以下のようにして使用します。</p>
<p></p>

		<div id="crayon-6495402641709672325736" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">CSS</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
@font-face{ 
  font-family: 'mplus-1p-light';
  src: url('../font/mplus-1p-light.eot');
  src: url('../font/mplus-1p-light.eot?#iefix') format('embedded-opentype'),
       url('../font/mplus-1p-light.woff') format('woff'),
       url('../font/mplus-1p-light.ttf') format('truetype');
}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495402641709672325736-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641709672325736-2">2</div><div class="crayon-num" data-line="crayon-6495402641709672325736-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641709672325736-4">4</div><div class="crayon-num" data-line="crayon-6495402641709672325736-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641709672325736-6">6</div><div class="crayon-num" data-line="crayon-6495402641709672325736-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402641709672325736-1"><span class="crayon-n">@font-face</span><span class="crayon-sy">{</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641709672325736-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'mplus-1p-light'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402641709672325736-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.eot'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641709672325736-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.eot?#iefix'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'embedded-opentype'</span><span class="crayon-sy">)</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-6495402641709672325736-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.woff'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'woff'</span><span class="crayon-sy">)</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641709672325736-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-i ">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../font/mplus-1p-light.ttf'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i ">format</span><span class="crayon-sy">(</span><span class="crayon-s">'truetype'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402641709672325736-7"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>そして、使用したいタグに、</p>
<p></p>

		<div id="crayon-649540264170e326570062" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
p {
  font-family: 'mplus-1p-light';
}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540264170e326570062-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264170e326570062-2">2</div><div class="crayon-num" data-line="crayon-649540264170e326570062-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540264170e326570062-1">p<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264170e326570062-2"><span class="crayon-h">&nbsp;&nbsp;</span>font-family<span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s ">'mplus-1p-light'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264170e326570062-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と指定してやるとフォントを使えます。</p>
<h3>Noto Sans JP</h3>
<p>次は、Noto Sans JPになります。</p>
<p>このフォントはgoogleが提供しているフォントでいろんな言語が用意されています。</p>
<p>日本語を使いたい場合はこちら、<br />
<a href="https://www.google.com/fonts/earlyaccess#Noto+Sans+JP" target="_blank">Google Fonts : Early Access</a></p>
<p>サイトにも記載がありますが、</p>
<p></p>

		<div id="crayon-649540264170f356862491" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">CSS</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540264170f356862491-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540264170f356862491-1"><span class="crayon-n">@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このCSSを読み込みあとは、先ほど同じように、</p>
<p></p>

		<div id="crayon-6495402641710702011569" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
p {
  font-family: 'Noto Sans JP';
}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495402641710702011569-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402641710702011569-2">2</div><div class="crayon-num" data-line="crayon-6495402641710702011569-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402641710702011569-1">p<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402641710702011569-2"><span class="crayon-h">&nbsp;&nbsp;</span>font-family<span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s ">'Noto Sans JP'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402641710702011569-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と指定すると使用できます。</p>
<p>ちなみにこのフォント、Noto Sans Japaneseというものも存在しています。</p>
<p>ほぼ同じものなんですが、ウェイトの種類や、対応文字数がほんの少し違うだけです。</p>
<p>詳しくは以下のサイトで詳しく説明されております。</p>
<p><a href="http://oxynotes.com/?p=10293" target="_blank">Google Fontsの日本語フォント「Noto Fonts」の使い方 | OXY NOTES</a></p>
<p>webフォントによって表現がより豊かにできるのでぜひぜひ使用していきたいですね！</p>
<p>今後の問題としては、やはりwebフォントは重いので、表示スピードが遅くなってしまうことだと思います。<br />
キャッシュを使ったりいくつか方法がありますが、<br />
必要な文字だけダウンロードしてくる、みたいになれば無駄がなくて便利ですよね。。。</p>

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

<p>切り出して立体にしたロゴを看板やエントランスに設置している会社をよく見ますよね、あれってどこに発注すればいいのかなと思い調べてみました。発泡スチロールで自作できるなんて記事も見かけましたが、カッコイイものを作る時はケチらない方が後々良い気がしたので業者を探す方向で調べてみました。</p>
<h2>立体ロゴ・立体文字の材質と種類</h2>
<p>そもそも業者に発注すると、どういう材質になるのか調べてみると、聞きなれないワードが沢山出てきました。</p>
<h3>カルプ切文字</h3>
<p>ウレタン樹脂をカットして作成する、ロゴでは複雑な形も再現できる</p>
<h3>アクリル切文字</h3>
<p>アクリル板をレーザーなどでカットして作成する</p>
<h3>金属切文字</h3>
<p>アルミやステンレスの金属板を切り出して作成する、スタンドを使い浮かせて設置すると影を落とす事ができる</p>
<p>&nbsp;</p>
<p>上の３つが主な材質でした。種類としては<strong>切文字と箱文字</strong>があります。これらのワードで検索するとかなりの業者がヒットしてくると思います。</p>
<p>箱文字についてはチャンネル文字とも呼ばれているようです。</p>
<h2> 立体ロゴ・文字の価格はいくらするの？</h2>
<p>価格はそれぞれの業者によってかなりバラつきがありました、やはり手作業が主な業者は高いようです。</p>
<p>共通して言えるのは材質でいうと、とアクリルが一番安く、形状でいうと切文字の方がやすいです。</p>
<p>アクリル＜カルプ＜金属</p>
<p>切文字＜箱文字</p>
<p>それでいくらなんだ？という事ですが、サイズや文字数にもよるので参考価格が分かる業者サイトを集めてみました。</p>
<p><a href="http://www.kirimojisign.com/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11537" src="/uploads-archive/2016/07/1-2.jpg" alt="1" width="480" height="306" srcset="/uploads-archive/2016/07/1-2.jpg 480w, /uploads-archive/2016/07/1-2-300x191.jpg 300w, /uploads-archive/2016/07/1-2-228x145.jpg 228w" sizes="(max-width: 480px) 100vw, 480px" /></a></p>
<p><a href="http://mojiok.com/%E5%88%87%E3%82%8A%E6%96%87%E5%AD%97%E4%BE%A1%E6%A0%BC/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11538" src="/uploads-archive/2016/07/2-2.jpg" alt="2" width="480" height="387" srcset="/uploads-archive/2016/07/2-2.jpg 480w, /uploads-archive/2016/07/2-2-300x242.jpg 300w, /uploads-archive/2016/07/2-2-228x184.jpg 228w" sizes="(max-width: 480px) 100vw, 480px" /></a></p>
<p><a href="http://www.technical-sign.jp/rough_estimate/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11541" src="/uploads-archive/2016/07/3-2.jpg" alt="3" width="480" height="396" srcset="/uploads-archive/2016/07/3-2.jpg 480w, /uploads-archive/2016/07/3-2-300x248.jpg 300w, /uploads-archive/2016/07/3-2-228x188.jpg 228w" sizes="(max-width: 480px) 100vw, 480px" /></a></p>
<h2>作った立体文字をどう設置するのか？</h2>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/_jLSxtw9SGE?feature=oembed" frameborder="0" allowfullscreen></iframe></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2016年

2016/08/24

2016/08/20

2016/08/10

2016/08/10

2016/08/10

2016/08/09

2016/08/03

2016/08/03

2016/08/03

2016/08/03

2016/08/02

2016/07/27

2016/07/27

2016/07/27

2016/07/27

2016/07/27

2016/07/26

2016/07/20