<h3>はじめに</h3>
<div style="padding-left: 15px;">
<p>今更！と思われるかもしれませんがAndroid OSをLollipoop(5.0)へ移行してみました。元に戻すのは通常は無理な代物なので、慎重に情報収集した結果、決行に至ったレポートを記載します。</p>
</div>
<h3>今までとの違いは？</h3>
<div style="padding-left: 15px;">
<p>各所で聞くところによると、</p>
<ul>
<li>軽量な動作になった</li>
<li>アプリはある程度すでに対応されているものが多い</li>
<li>SDカードへの書き込みはアプリによって対応</li>
</ul>
<p>と魅力的な情報が満載！<br />
ですが、、、ここは慎重に。</p>
</div>
<h3>移行前の手順</h3>
<div style="padding-left: 15px;">まずはバックアップを取ります。<br />
「設定」＞「バックアップと復元」あたりで「バックアップ」をタップし実行します。<br />
(端末によって細かな違いはあります)※ それでもカバーしきれないデータ(主にソーシャルゲーム系)はPCと繋いでadbバックアップなど応用的な処置が必要なので注意しましょう。<br />
※ adb: Android Developer Bridge (Android開発者用のドライバ)違いを解りやすく数値化しておくことで比較がしやすくなります。<br />
端末の動きを細かく比較したい方は、デジカメなどの外部メディア機器を使用して動画を撮るのもオススメです。筆者は比較用に &#8220;AnTuTu Benchmark&#8221; というアプリを使用してみました。無料です。<br />
<a href="https://play.google.com/store/apps/details?id=com.antutu.ABenchMark&amp;hl=ja">Antutu Benchmark &#8211; Google Play の Android アプリ</a>移行前のベンチ結果です。<br />
<a href="/uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16.png" rel="attachment wp-att-10055"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-10055" src="/uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-576x1024.png" alt="Screenshot_2016-03-12-15-23-16" width="576" height="1024" srcset="/uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-576x1024.png 576w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-169x300.png 169w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-768x1365.png 768w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-228x405.png 228w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a></p>
</div>
<h3>移行時の手順</h3>
<div style="padding-left: 15px;">通知バーに常に自己主張してくる「システムアップデート」をタップするか<br />
「設定」の「バージョン情報」から「ソフトウェア・アップデート」を手動で実行するかOKです。</div>
<h3>違いを比較！</h3>
<div style="padding-left: 15px;">数値的には以下の様な違いとなっています。<br />
<a href="/uploads-archive/2016/03/before.png" rel="attachment wp-att-10057"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-10057" src="/uploads-archive/2016/03/before-576x1024.png" alt="before" width="576" height="1024" srcset="/uploads-archive/2016/03/before-576x1024.png 576w, /uploads-archive/2016/03/before-169x300.png 169w, /uploads-archive/2016/03/before-768x1365.png 768w, /uploads-archive/2016/03/before-228x405.png 228w, /uploads-archive/2016/03/before.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a><a href="/uploads-archive/2016/03/after.png" rel="attachment wp-att-10058"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-10058" src="/uploads-archive/2016/03/after-576x1024.png" alt="after" width="576" height="1024" srcset="/uploads-archive/2016/03/after-576x1024.png 576w, /uploads-archive/2016/03/after-169x300.png 169w, /uploads-archive/2016/03/after-768x1365.png 768w, /uploads-archive/2016/03/after-228x405.png 228w, /uploads-archive/2016/03/after.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a>あくまでも数値上での比較。</div>
<div style="padding-left: 15px;">体感としては、スワイプなどの動作がヌルサクからちょっぴりサクを削減した感じです。<br />
起動してから認証パターンからホームに移行するまで<br />
<strong><span style="color: #ff0000;">・Before：0.8秒〜0.9秒くらい？</span></strong><br />
<strong><span style="color: #ff0000;"> ・After：0.3秒〜0.4秒くらい？</span></strong><br />
な感じでした。エビデンスはありません。</p>
<p>今のところ特にデメリットや不具合は無さそうです。</p></div>
<h3>まとめ</h3>
<div style="padding-left: 15px;">
<p>筆者は初期化時にROMに支障をきたしたのか、CPUベンチが落ちました。。。(移行前の時点で総合スコアが45000ほどありました&#8230;)</p>
<p>バックアップしたものの、復元がグレーアウトして復元も出来ず！SDカードの初期化やキャッシュクリアなど試行錯誤していますが、未だ原因解らず。<br />
これはショップに持ち込まないと解らないレベルなので原因判明したら追記しようかと思います。</p>
<p>初期化すると軽くなるというのは本当だと思いますが、慎重に行いましょう！！！ lol</p>
</div>


Android Lollipop導入・検証結果レポート

<p>前回に引き続き、シミュレーションタグの使用方法を簡単に説明させて頂きます。</p>
<p>物が落下するようなアニメーションはキーフレームだけでも可能ですが、複雑なものになるとシミュレーションによって動きをつけた方が何倍も作業が楽になります。</p>
<p>CINEMA４Dの中でオブジェクトに質量を与えて落下させたり、場合にはシミュレーションタグの「リジットボディ」を適用します。</p>
<p><a href="/uploads-archive/2016/03/1.gif" rel="attachment wp-att-10049"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10049" src="/uploads-archive/2016/03/1.gif" alt="1" width="640" height="492" /></a></p>
<p>作業的にはこれだけで、「現実世界の物」と同様に落下していきます。</p>
<p>逆に落ちてくるものを受け止めるには「衝突」タグを適用します。これは落下してくるオブジェクトをその位置で止めるように作用するので、床を表現する際などに使います。</p>
<div style="width: 720px;" class="wp-video"><video class="wp-video-shortcode" id="video-10048-5" width="720" height="404" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2016/03/test_5.mp4?_=5" /><a href="/uploads-archive/2016/03/test_5.mp4">/uploads-archive/2016/03/test_5.mp4</a></video></div>
<p>こうしたシミュレーションタグを使えば、簡単にピタゴラスイッチ的な表現が可能です。</p>
<p>ちなみにソフトボディを適用させて場合は、液体のような表現ができます。</p>
<div style="width: 720px;" class="wp-video"><video class="wp-video-shortcode" id="video-10048-6" width="720" height="404" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2016/03/test_5_2.mp4?_=6" /><a href="/uploads-archive/2016/03/test_5_2.mp4">/uploads-archive/2016/03/test_5_2.mp4</a></video></div>


CINEMA4D　シミュレーションタグを使ってピタゴラスイッチを作る

<p></p>

		<div id="crayon-649540263ad95666248220" 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">weather</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 wttr.in</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-649540263ad95666248220-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-649540263ad95666248220-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と打つことで、コンソール上に天気を表示させることができます。<br />
<a href="/uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908.png" rel="attachment wp-att-10036"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-300x169.png" alt="スクリーンショット 2016-03-25 16.49.55" width="300" height="169" class="alignnone size-medium wp-image-10036" srcset="/uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-300x169.png 300w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-768x432.png 768w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-1024x576.png 1024w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-228x128.png 228w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p></p>

		<div id="crayon-649540263ad9a620058105" 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">Tokyo, weather</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 wttr.in/Tokyo</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-649540263ad9a620058105-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-649540263ad9a620058105-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">Tokyo</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と打つことで場所を指定して天気を表示させることができます。<br />
curl wttr.in/Moscow<br />
と打てば、プログラム作成中にモスクワの天気もチェックできます。</p>
<p>他にも空港コードや</p>

		<div id="crayon-649540263ad9c899761731" 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">Doha International Airport, Qatar, weather</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 wttr.in/doh</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-649540263ad9c899761731-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-649540263ad9c899761731-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">doh</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>IPアドレス</p>

		<div id="crayon-649540263ad9e738781411" 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">sterfield co. ltd. webserver, weather</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 wttr.in/@sterfield.co.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-649540263ad9e738781411-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-649540263ad9e738781411-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-sy">@</span><span class="crayon-i">sterfield</span><span class="crayon-sy">.</span><span class="crayon-i">co</span><span class="crayon-sy">.</span><span class="crayon-i">jp</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>にも対応しているようです。</p>
<p>また、天気の他にも、月の満ち欠けも確認できます。</p>

		<div id="crayon-649540263ad9f020339767" 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">moon</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 wttr.in/Moon</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-649540263ad9f020339767-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-649540263ad9f020339767-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">Moon</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

		<div id="crayon-649540263ada2752104946" 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">moon</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 wttr.in/Moon@2016-Mar-23</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-649540263ada2752104946-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-649540263ada2752104946-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">Moon</span><span class="crayon-sy">@</span><span class="crayon-cn">2016</span>-<span class="crayon-i">Mar</span>-<span class="crayon-cn">23</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p><a href="/uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126.png" rel="attachment wp-att-10041"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-300x195.png" alt="スクリーンショット 2016-03-25 17.06.38" width="300" height="195" class="alignnone size-medium wp-image-10041" srcset="/uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-300x195.png 300w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-768x500.png 768w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-1024x667.png 1024w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-228x149.png 228w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126.png 1906w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ちなみにアドレス直打ちでも見れます。<br />
<a href="http://wttr.in/tokyo">http://wttr.in/tokyo</a></p>
<h2>参考</h2>
<p><a href="https://github.com/chubin/wttr.in">chubin/wttr.in</a></p>

もしコンソールを叩いているときに天気が気になったら

<p>弊社では、毎週火曜日（たまに前後）にナレッジシェアとして、皆でブログを更新しています。ブログを見るのは好きな私ですが、書くのは苦手なんだなーと最近気付きました。</p>
<h2>そう思う主な原因</h2>
<p>・全体的にまとまっていない<br />
・何を伝えたいか自分はハッキリしているのに表現力がない<br />
・ぐだついている</p>
<p>などなど。</p>
<p>個人的に、弊社の目崎さんが書かれるブログはとても簡潔でピシッとまとまっていて分かりやすいので羨ましい。コンペナビ編集長の橋本さんは、編集長だけあってとてもユニークで言葉のセンスが良いのでリスペクト。</p>
<p>私は面白いブログというよりも分かりやすいブログを、まず書けるようにしたいと思っています。そのために実行すべき事はどんな事なんでしょうか。今更なのかもしれないですが、ブログの書き方を勉強しようと思います。</p>
<h2>ブログを書くのに最低限するべきこと</h2>
<p>長くなってしまうので、<strong>なるべく簡潔に</strong>します。</p>
<h3>タイトルにはキーワードを必ず入れていく</h3>
<p>弊社のブログページはアイキャッチ画像とタイトルが表示されて並んでいます。</p>
<p><a href="/uploads-archive/2016/03/sterfield01.jpg" rel="attachment wp-att-10000"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/sterfield01.jpg" alt="sterfield01" width="1000" height="503" class="alignnone size-full wp-image-10000" srcset="/uploads-archive/2016/03/sterfield01.jpg 1000w, /uploads-archive/2016/03/sterfield01-300x151.jpg 300w, /uploads-archive/2016/03/sterfield01-768x386.jpg 768w, /uploads-archive/2016/03/sterfield01-228x115.jpg 228w" sizes="(max-width: 1000px) 100vw, 1000px" /></a></p>
<p>アイキャッチ画像はとても大事な要素ですが、やはりタイトルにも興味を持ってもらえないとスルーされてしまうと思うのです。<br />
なので抽象的なタイトルはやめておきましょう。</p>
<p>（例）「今日は良いお買い物が出来たよ」</p>
<p>では、<strong>「コンビニクーポンを使って4,600円引きでiqosが買える方法」</strong>というタイトルに変更してみましょう。さらに、<strong>「禁煙がしたいあなたに。コンビニクーポンを使って4,600円引きでiqosが買える方法」</strong>などにしてみると、ターゲットも絞れますね。例のタイトルにも含まれるように数字を入れるのも効果があるそうです。</p>
<p>大事なことは、<strong>中身を読んでみたくなるキーワード</strong>がタイトルにいれる！　ですね。</p>
<h3>見出しにキーワードを入れる</h3>
<p>タイトルと同様に見出しにもキーワードをいれましょう。でもタイトルで使ったキーワードを繰り返し使うのはNG。</p>
<p>タイトルが「初心者でも出来るおいしいレモンケーキの作り方」、見出しを「ケーキの作り方その1」とかにはしないこと。また、このブログでも使っていますが見出しはhタグを使うととても見やすくなります。私の場合、メイン見出しにはh2、サブ見出しにはh3にしています。</p>
<h2>見やすいように、改行・段落をうまく使う</h2>
<p>私がいつも悩む「改行・段落」、どこで切ったらいいのか正直分かりません。ですが、これはブログを読んでくれている方の環境にもよりますが、大体段落は3～4行を目安にすると見やすいとのこと。それ以上になると読むのが面倒という印象を与えてしまうそうです。</p>
<p>また、漢字を多用するのも同様の印象を与えてしまうので、ひらがなとカタカナを織り交ぜてバランスよく書きましょう。</p>
<h2>一文の長さでテンポをつける</h2>
<p>文章中の一文を短く区切ることにより、テンポが生まれます。</p>
<p>何も考えずに書くと、無駄な文がいつの間にか増えてしまう事がありませんか？「しかし」や「だから」といった接続詞を思い切って消してみるとすっきりした文章になります。ただ削りすぎてしまうのも個性を失うので、適度なバランスをひたすら書いて感覚を磨いていきましょう。</p>
<p>私はコレがとても苦手なので、これを意識するようにします。</p>
<h2>文中は共起語と関連語をメインに使う</h2>
<p>キーワード中心に考えてしまうと、あちこちで使いたくなってしまいますが、文章の中に同じ単語が出てくるのは見ている方がウンザリします。</p>
<p>検索エンジンに拾われるかどうかよりも読みやすさです。「ブログの書き方」という言葉が段落ごとに出てきたら、だんだん見るのも嫌になってきますよね。</p>
<p>最適な量は全体の文章に対して･･･なんて決まりはありませんので、文中に無理矢理キーワードを差し込むのではなくキーワードはタイトルと見出しにいれて、記事内は関連語や共起語をメインに使いましょう。自分で思いつくワードに限界がある！という方には、こちらの<a href="http://neoinspire.net/cooccur/" target="_blank">共起語抽出ツール</a>や<a href="http://goodkeyword.net/" target="_blank">関連キーワードツール</a>で調べてみましょう。</p>
<p>※共起語<br />
メインとなるキーワードと共に使われる言葉。</p>
<p>※関連語<br />
メインが「ブログ」なら「アクセス」「ランキング」など。</p>
<p>共起語という言葉は初めて知りました･･･（；＾ω＾）</p>
<h2>色や太さなどの装飾はなるべく控える</h2>
<p>キーワードや強調したい言葉の文字色を変えたり、太さや大きさを変えすぎてしまうと<font color="red">どこを強調したい</font>のか<em>分かりません</em>よね。<font size="6">大きさ</font>や<strong>太さ</strong>がまちまちだと読みづらくなります。（書いているこちらも疲れます）</p>
<p>私はあまり装飾自体を使うことはありませんが、使っても太さの変更ぐらいかと思います。また、色を変える際は背景色にもよりますが、弊社のブログのように白の場合は「黄色」や「薄い灰色」などは読みづらく、また青色は「青＝リンク」という認識が強いので、読者に無駄なクリックを誘ってしまうかもしれません。イラついてしまう原因にもなりますのでご注意を。</p>
<h3>画像や動画は装飾の中でも一番良い</h3>
<p>画像や動画は、文章で伝えきれないものを補足してくれます。また、画像を見ることで見ている側は無意識に小休止することが出来るので、読み疲れを抑える効果があります。</p>
<p><a href="/uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s.jpg" rel="attachment wp-att-10012"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s.jpg" alt="9e2e4adcffa79c4df161f62e18b1f108_s" width="640" height="427" class="alignnone size-full wp-image-10012" srcset="/uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s.jpg 640w, /uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s-300x200.jpg 300w, /uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s-228x152.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>言葉だけでは自分の意志を100％伝えるのは難しいです。頭で考えたことを言葉に変換する時、それが相手の目や耳に届いたとき、相手が解釈するロスが生じますよね。そのロスを動画像は軽減してくれるのです。</p>
<h2>まとめ</h2>
<p>みなさん、どうでしょうか。<br />
ちなみに今回の記事は、こちら　<a href="http://naifix.com/blog-beginner/" target="_blank">ブログ初心者が最低限覚えておくべきブログの書き方10ヶ条</a> をものすごく参考にさせて頂きました。</p>
<p>理解しながらまとめていくことで、勉強になったのは誰よりも私かもしれません。これをスタートに通販事業部のブログもすらすら～～～っと書けるように頑張りたいですね！</p>


読みやすいブログの書き方を学ぶ

<p>テクニカルクリエイターってご存じですか？？</p>
<p>2015年末から2016年頭にかけてサイバーエージェントさんで定義された新しい職種の名称のようです。</p>
<p><a href="http://ameblo.jp/shibuya/entry-12114099278.html" target="_blank">テクニカルクリエイター｜渋谷ではたらく社長のアメブロ</a></p>
<h2>テクニカルクリエイターとは？</h2>
<p>要は、エンジニアとデザイナーの両方の技術・仕事をする人達を呼ぶそうです。<br />
（プログラミングとデザインの両方の知識・技術を持ち合わせた人）</p>
<p>確かに最近は、その垣根がなくなりつつあり、webデザイナーといっても、<br />
ただデザインするだけでなく、コーディングはもちろん、wordpressの構築をも担当するようになっています。</p>
<p>その中で、なんと名乗ればいいのか困る時もあります。<br />
（僕自身もそんな感じで、いつも幅広くやってますと説明していました笑）</p>
<p>そういう時にこのような名称があるとちょっと説明しやすくなるかもしれません。</p>
<p>ただ、「フルスタックエンジニア」なんて言葉もありましたが浸透もいまいちだったので、<br />
(というかフルスタックエンジニアはフロントエンドとサーバサイドの技術を持った人に近いかも)<br />
この名称が定着するかはわかりません。</p>
<p>今回の「テクニカルクリエイター」はサイバーエージェントさん発信なのでもしかしたらこの名称が定着するようになるかもしれません。</p>
<p>こんなサイトもあります。<br />
（これはサイバーエージェントさんが発表する前からあったようです。偶然？？）</p>
<p><a href="http://technical-creator.com/" target="_blank" class="link">テクニカルクリエイター.com</a></p>
<p>このサイトの運営は、今では有名な「UI Crunch」の管理人の小島芳樹さんなので、こちらもどんどん浸透していく可能性は高いです。</p>
<p>テクニカルクリエイター関係ではこんなスライドも。</p>
<p><a href="http://www.slideshare.net/keisukeimura/ss-57090547" target="_blank">テクニカルクリエイターの憂鬱</a></p>
<p>うーん、今後どうなっていくんでしょうか？</p>
<p>この名称、奥さんに言ったら一言だけこう言われました。</p>
<p>「逆にださい」</p>
<p>なんの逆かはわかりませんが、あまりカッコイイ名称とは思えなかったようです笑</p>


テクニカルクリエイターという名称は定着するのだろうか？？

<p>提案前に調べたことをアウトプットします。</p>
<p>今はなき「マザーズオークション」という透明性、中立性を売りにした不動産のオークションがありました。</p>
<p>最後は、需要と供給のバランスが崩れ、低い落札率が続き、売り主側も離れていく循環に陥り、オークション市場として成立がしなくなり2011年に閉鎖されるという状況になりました。</p>
<p>時代を先取りし過ぎたや、不動産業界にマッチしなかったなどと言われていますが、いまさらですが、当時のサービス内容や失敗の原因などを調査してみました。</p>
<h3>売り手側の費用</h3>
<ol>
<li>入会金…300,000円</li>
<li>月額…100,000円</li>
<li>成約時…0.5%</li>
</ol>
<h3>買い手側の費用</h3>
<div class="rs-1">
<ol>
<li>成約額200万円以下…5.25％</li>
<li>成約額200万円超～400万円…4.2％＋21,000円</li>
<li>成約額400万円超～…3.15％＋63,000円</li>
</ol>
<h3>仕組み</h3>
<ul>
<li>上限なし競り上がり方式</li>
<li>入札日より7日間以内に更なる入札がなければ落札</li>
<li>売却価格を下回る値下げ交渉昨日</li>
</ul>
<h3>掲げていた理想</h3>
<ul>
<li>売主は高く売れる</li>
<li>買主は適正価格で物件を取得できる</li>
</ul>
<h3>失敗の原因を探る</h3>
<p><a href="/officer/%e3%81%8b%e3%81%a4%e3%81%a6%e3%81%82%e3%81%a3%e3%81%9f%e4%b8%8d%e5%8b%95%e7%94%a3%e3%82%aa%e3%83%bc%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%80%8c%e3%83%9e%e3%82%b6%e3%83%bc%e3%82%ba%e3%82%aa%e3%83%bc/attachment/%e5%9b%b31/" rel="attachment wp-att-9993"><img decoding="async" loading="lazy" class="aligncenter wp-image-9993" src="/uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-300x106.png" alt="図1" width="546" height="193" srcset="/uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-300x106.png 300w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-768x272.png 768w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-1024x362.png 1024w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-228x81.png 228w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa.png 1388w" sizes="(max-width: 546px) 100vw, 546px" /></a></p>
<p>①同じものが二つないので本当に適正な価格が分からない。</p>
<p>→それは市場が決めるという理想と現実</p>
<p>②両社の心理の差に乖離が生じている。</p>
<p>→売り主の心理状況が強く反映したまま、最初から乖離が大きいまま寄り付かない状態</p>
<p>③不動産業者の商慣習</p>
<p>→透明性を売りにするばかりに必要書類が多数あり、不動産業者に対する足かせとなった</p>
<p>④満額の仲介手数料</p>
<p>→今まで通りの相対取引との差がなく買い手側にお得感を見いだせなかった。</p>
<h3>当時の状況を振り返る</h3>
<blockquote class="twitter-tweet" data-lang="ja">
<p dir="ltr" lang="ja">アイディーユー（8922）　また資金調達ですか～。株券の価値がスーパー稀薄化。しかもマザーズオークションChinaって・・・・(笑)日本のマザーズオークションは閑古鳥ですが。http://bit.ly/5C3ffB $$</p>
<p>— AssetArt (@AssetArt) <a href="https://twitter.com/AssetArt/status/6491031780">2009年12月9日</a></p></blockquote>
<p>2009年時点で閑古鳥となっていたようです。</p>
<blockquote class="twitter-tweet" data-lang="ja">
<p dir="ltr" lang="ja">ふと思いついて見てみたらマザーズオークションってまだサイトがあるんですね。出展は０件だけど・・・。</p>
<p>— 藤井和之 (@kazu_jijineko) <a href="https://twitter.com/kazu_jijineko/status/60316774754820096">2011年4月19日</a></p></blockquote>
<p>閉鎖される直前の状況かと、こうなるともう残念ながら終わりですね。</p>
</div>
<p>2008年時点でブログ記事にしている方がいらっしゃいました。</p>
<p><img decoding="async" src="http://livedoor.blogimg.jp/yuraku_love/imgs/7/c/7c268ee6.GIF" alt="" width="100%" /></p>
<p><a href="http://blog.livedoor.jp/yuraku_love/archives/51181890.html" target="_blank">http://blog.livedoor.jp/yuraku_love/archives/51181890.html</a></p>
<div class="rs-1">
<h3>考察</h3>
<p>プラットフォームを創造するというのは、数多ある事業の中でも非常に難易度が高いことを知っている。</p>
<p>それだけにキャズムを超えたプラットフォームというのは築いたプラットフォーム上でビジネスが成り立っていくので、とても安定的にプラットフォーマーが利益を得ることが出来る。</p>
<p>しかしながら、その需要と供給のバランスを取りながら、売り手、買い手、プラットフォームがそれぞれwinwinでなければプラットフォームビジネスは成立しない。</p>
<p>とてもよくあるパターンが供給側が伸びず、需要が離れていき、やがて供給側もプラットフォームに乗るメリットを見いだせなくなり、過疎化し、衰退する。</p>
<p>オークションでもSNSでも競りでも原理は一緒でそこにエコシステムを築くことが出来なければ失敗する。</p>
<p>マザーズオークションにおいても、失敗の原因に上げたところから売り手の心理、業界の商慣習といったところが、供給を阻み、買い手としても物件数が少なく、仲介手数料も同じため、不動産屋が親身やってくれるとしたら相対取引と何が違うのか？という状態になり、最後はプラットフォームあるあるの衰退への道を辿ったのではないだろうか？</p>
<p>かつてはTVCMも流し、買い手を大きく募る戦略にでも出ていたマザーズオークションだが、巨大な市場かつ歴史と特有の商慣習を持つ業界へのインターネットを利用した新しいプラットフォームの創造はまだ険しかったということだろう。</p>
</div>


かつてあった不動産オークション「マザーズオークション」

SVGを使った面白そうなテキストのアニメーションを再現してみました

<p><a href="https://github.com/harisenbon/autokana" target="_blank">https://github.com/harisenbon/autokana</a></p>
<p>&nbsp;</p>
<p>会員登録やECサイトでの配送先の入力などで便利そうと思い使ってみた</p>
<p><a class="demo" href="/demo/hoshino/64/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<h2>HTML</h2>
<p></p>

		<div id="crayon-649540263a94d759821254" 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;">
姓名：&lt;input type="text" name="name" &gt;
フリガナ：&lt;input type="text" name="name_kana" &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-649540263a94d759821254-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a94d759821254-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-649540263a94d759821254-1">姓名：<span class="crayon-r ">&lt;input </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text"</span><span class="crayon-h"> </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"name"</span><span class="crayon-r "> &gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a94d759821254-2"><span class="crayon-i ">フリガナ：</span><span class="crayon-r ">&lt;input </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text"</span><span class="crayon-h"> </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"name_kana"</span><span class="crayon-r "> &gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>普通にinputタグを設置する</p>
<p>&nbsp;</p>
<h2>Javascript</h2>
<p></p>

		<div id="crayon-649540263a951342792418" 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;">
$( document ).ready( function()
{
	// 姓名 (カタカナ)
	$.fn.autoKana( "input[name='name']", "input[name='name_kana']", {
		katakana : true
	});

	// 住所 (ひらがな)
	$.fn.autoKana( "input[name='address']", "input[name='address_kana']", {
		katakana : 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-649540263a951342792418-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-2">2</div><div class="crayon-num" data-line="crayon-649540263a951342792418-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-4">4</div><div class="crayon-num" data-line="crayon-649540263a951342792418-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-6">6</div><div class="crayon-num" data-line="crayon-649540263a951342792418-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-8">8</div><div class="crayon-num" data-line="crayon-649540263a951342792418-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-10">10</div><div class="crayon-num" data-line="crayon-649540263a951342792418-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-12">12</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-649540263a951342792418-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">document</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">ready</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263a951342792418-3"><span class="crayon-h">	</span><span class="crayon-c">// 姓名 (カタカナ)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-4"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-i">fn</span><span class="crayon-sy">.</span><span class="crayon-e">autoKana</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='name']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='name_kana']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263a951342792418-5"><span class="crayon-h">		</span><span class="crayon-i">katakana</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-6"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263a951342792418-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-8"><span class="crayon-h">	</span><span class="crayon-c">// 住所 (ひらがな)</span></div><div class="crayon-line" id="crayon-649540263a951342792418-9"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-i">fn</span><span class="crayon-sy">.</span><span class="crayon-e">autoKana</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='address']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='address_kana']"</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-649540263a951342792418-10"><span class="crayon-h">		</span><span class="crayon-i">katakana</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span></div><div class="crayon-line" id="crayon-649540263a951342792418-11"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-12"><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>$.fn.autoKana( &#8220;漢字入力する方&#8221;, &#8220;フリガナを表示させる方&#8221;);</p>
<p>というように記述する。</p>
<p>引数はkatakana(bool)で、trueでカタカナ、falseでひらがなとなる。デフォルトはfalse</p>
<p>&nbsp;</p>
<h2>感想</h2>
<p>打ち込んだキーを取得してフリガナを生成しているようなので、</p>
<p>コピペすると変換されないのが弱点。</p>
<p>とはいえ精度は高いし普通に打ち込むよりは楽なので、登録フォームでの離脱が多い場合などは試してみる価値がありそうだ</p>
<p>&nbsp;</p>

漢字入力を自動でヒラガナに変換してくれるjQueryプラグイン

jQeuryで横にはみ出させた要素をフリックでスライドさせる

<h2>現状</h2>
<p>そもそも、中国国内にモノを入れるときは、「貨物」と「物品」の区分があります。</p>
<h3>貨物</h3>
<p>・貿易としての扱い<br />
・関税、消費税、増値税の3種類の税金が課される<br />
（ものにもよりますが総額50％以上！）<br />
・商品検査、植物検査、衛生検査がある<br />
・BtoB</p>
<h3>物品</h3>
<p>・郵便物や手荷物の扱い<br />
・行郵税のみ課される<br />
（安い。しかも50元以下なら免税）<br />
・人不足、システム不備のため実際ほとんど検査されず<br />
・BtoC</p>
<p>このいびつな構造のために、税込み価格で比べた場合、「貨物」として輸入した商品と、「物品」として郵送された商品には大きな価格差が生じます。<br />
そのため、現状のところBtoCで中国に売られる商品は、EMSなどを使って「物品」として中国国内にむけて入っていくことになります。</p>
<h2>中国政府の待った！保税区を活用した政府主導の越境EC</h2>
<p>中国政府はこの現状を改善すべく、保税区という経済特区を利用した政府主導の越境ECを推し進めています。</p>
<p>これは、売買が成立したあとに海外から商品を発送するのではなくあらかじめ保税倉庫に保管している商品を売買するというものです。<br />
ネットで販売するのは今と同じですが、その売買が成立した瞬間、商品はもう中国にあるってことです。<br />
そして特区内の倉庫をでるときに、はじめて税金がかかります。</p>
<p>これの良いところは、<br />
①倉庫に入る時点で政府チェックがあるので、品質が保証されている<br />
②注文後に海外から配送するEMSに比べ、すぐに購買者に届く<br />
③返品への対応などもできる</p>
<p>です。</p>
<p>以上の３つは、中国の消費者にとってのメリットですが、もちろんそれだけのために中国政府が動いているわけではありません。</p>
<p>中国政府としては、越境ECの賞品と物流を管理することで、税金をあまさず徴収することが本来の目的でしょう。<br />
今後、保税区モデルをさらに浸透させ、越境ECの「正規軍」として他を駆逐するために、EMSに対する締め付けが厳しくなる恐れがあります。</p>
<p>福岡市上海出張所の方のレポートをものすごく参考にしました。<br />
ありがとうございます。<br />
www.fukuoka-fta.or.jp/uploads/attachments/1_1430383532_1.pdf</p>


保税区をつかった政府系越境ECビジネス「正規軍」ってなに？

<p>CINEMA4Dではシミュレーションタグを使用する事で簡単に風でなびく旗のCGを作成する事が出来ます。</p>
<p>まずプリミティブの平面など旗の布になるオブジェクトにシミュレーションタグのクロスを設置します。</p>
<p>本来このクロスタグは名前の通り、キャラクターなどに服を着させるためのシミュレーションタグになりますが、色んな使い方ができます。</p>
<p>シミュレーションさせるオブジェクトはこのとき、編集可能なオブジェクトに変更しておく必要があります。</p>
<p><a href="/uploads-archive/2016/03/1-2.jpg" rel="attachment wp-att-9945"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9945" src="/uploads-archive/2016/03/1-2.jpg" alt="1" width="640" height="386" srcset="/uploads-archive/2016/03/1-2.jpg 640w, /uploads-archive/2016/03/1-2-300x181.jpg 300w, /uploads-archive/2016/03/1-2-228x138.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>続いてクロスタグの「着付け」から固定するポイント（またはポリゴン）を設定します。</p>
<p>ポイント選択またはポリゴン選択で棒に固定される部分を選択し、「着付け」の固定ポイントから「記録」します。</p>
<p>これで選択した部分は動かなくなります。</p>
<p><a href="/uploads-archive/2016/03/2-2.jpg" rel="attachment wp-att-9946"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9946" src="/uploads-archive/2016/03/2-2.jpg" alt="2" width="640" height="350" srcset="/uploads-archive/2016/03/2-2.jpg 640w, /uploads-archive/2016/03/2-2-300x164.jpg 300w, /uploads-archive/2016/03/2-2-228x125.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>風を吹かせるにはフォースのパラメータを調整します。</p>
<p><a href="/uploads-archive/2016/03/3-2.jpg" rel="attachment wp-att-9950"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9950" src="/uploads-archive/2016/03/3-2.jpg" alt="3" width="640" height="578" srcset="/uploads-archive/2016/03/3-2.jpg 640w, /uploads-archive/2016/03/3-2-300x271.jpg 300w, /uploads-archive/2016/03/3-2-228x206.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>旗の硬さなどはタグから調整する事ができます。</p>
<p><a href="/uploads-archive/2016/03/4-2.jpg" rel="attachment wp-att-9951"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9951" src="/uploads-archive/2016/03/4-2.jpg" alt="4" width="640" height="581" srcset="/uploads-archive/2016/03/4-2.jpg 640w, /uploads-archive/2016/03/4-2-300x272.jpg 300w, /uploads-archive/2016/03/4-2-228x207.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>出来上がった物がこちらになります。</p>
<div style="width: 720px;" class="wp-video"><video class="wp-video-shortcode" id="video-9944-4" width="720" height="404" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2016/03/test_4.mp4?_=4" /><a href="/uploads-archive/2016/03/test_4.mp4">/uploads-archive/2016/03/test_4.mp4</a></video></div>


CINEMA4D シミュレーションを使って旗を作る方法

<p>Googleスプレッドシート作りましたシリーズ⑤</p>
<p>今回は、ファイブフォース分析のフォーマットです。</p>
<h2>ファイブフォース分析とは</h2>
<ul>
<li>新規参入業者</li>
<li>業界競合他社</li>
<li>買い手</li>
<li>売り手</li>
<li>代替品</li>
</ul>
<p>上記5つの外部要因を整理する際に用いるビジネスフレームワークです。</p>
<p><a href="/officer/%E4%BA%8B%E6%A5%AD%E7%92%B0%E5%A2%83%E3%81%AE3c%E5%88%86%E6%9E%90%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEgoogle%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%83%89%E3%82%B7%E3%83%BC%E3%83%88/">3C分析</a>と組み合わせるとよいとされています。</p>
<p>事業立ち上げの際、もしくは撤退を検討する際も事業継続の判断材料として有効です。</p>
<h3>新規参入業者</h3>
<p>参入障壁が高いかどうか？</p>
<p>参入障壁も様々あり、規模の経済、初期コスト、スイッチングコスト、PEST要因など。</p>
<h3>業界競合他社</h3>
<p>競合の数。シェア。成長率。安売り合戦や焼け畑的戦略になっているかどうかなど。</p>
<h3>買い手</h3>
<p>買い手側の交渉力。値下げの圧力や買い手自体が少ない場合、力関係の均衡が崩れる要因となる。</p>
<h3>売り手</h3>
<p>売り手側の交渉力。卸元や仕入元の数や強さ。売り手自体が直接市場に参入しているかどうか。</p>
<h3>代替品</h3>
<p>その名の通り代替品の登場によって既存の製品の優位性が脅かされる状態</p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=1137137515" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


外部要因整理の「ファイブフォース分析」Googleスプレッドシート

Beautiful Soupを使ってスクレイピングを遊ぶ

<p>タイトルのまんまですね。<br />
そして、これはPCから登録し設定する方法です。（スマホでも出来る筈だけどわからない）</p>
<p><strong>やっと通販事業部の方でLINE＠デビューが出来ました！</strong></p>
<p>ですが、登録にすごく苦戦しまして弊社の目崎さんを巻き込んでやっとこさ登録が出来ました。分かりづらいの私だけだったりして？このブログを書いた後に「こんな事もわからないなんて･･･」となるかもしれないですが、きっと同じところで躓く人がいると信じて書きます。</p>
<h2>まずは申請</h2>
<p>企業としてのLINE＠を開きたい場合には、<a href="http://at.line.me/jp/">こちら（LINE＠オフィシャル）</a>の「登録」から申請を出します。<br />
個人でのLINE＠（まず個人のLINE＠ってなんだという方は、弊社の橋本さんの記事をご参考くださいませ ⇒<a href="/blog/ec/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0/line%EF%BC%A0%E3%81%A7%E5%80%8B%E4%BA%BA%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E3%81%A4%E3%81%8F%E3%81%A3%E3%81%9F%EF%BC%81%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%81%99%E3%82%8B/">LINE＠で個人アカウントをつくった！おすすめする一つの理由</a>）は、ただアプリをダウンロードしてアカウントを作るだけで簡単なのですが、企業用のLINE＠となるとそうはいきません。</p>
<h3>最初の入力は簡単</h3>
<p>入力する情報は、主に業種や個店・EC通販なのかという申込タイプをはじめ、店舗/施設情報から企業名や住所を入力します。</p>
<p><a href="/uploads-archive/2016/03/line01.jpg" rel="attachment wp-att-9895"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/line01.jpg" alt="line01" width="851" height="951" class="alignnone size-full wp-image-9895" srcset="/uploads-archive/2016/03/line01.jpg 851w, /uploads-archive/2016/03/line01-268x300.jpg 268w, /uploads-archive/2016/03/line01-768x858.jpg 768w, /uploads-archive/2016/03/line01-228x255.jpg 228w" sizes="(max-width: 851px) 100vw, 851px" /></a></p>
<p>このようなフォーマットが用意されているので、簡単ですね～ヾ(*´Ο｀*)/<br />
すべて入力が終了すると確認画面へと移動し、そのまま申込が完了となります。すると･･･</p>
<p><strong>※本メールは仮登録メールです　正式な登録は審査後になります</strong></p>
<p>という文言から始まるメールが届きますので確認しましょう。<br />
大事な受付番号というものと、登録した情報が書かれておりますので大事に保管しておいてくださいね。<br />
後日LINEさん本人確認として会社に電話があります。いくつか質問されますが、登録した内容の事を聞かれるだけですので、すぐに終わります。</p>
<p>ここまで来れば、後は審査結果のメールを待つのみです。</p>
<h2>審査結果は迷惑メールフォルダに入ってきちゃう</h2>
<p>さて･･･申請～本人確認の電話も完了したし、後は審査が通るのを待つだけだ･･･と、二週間ほど経っても連絡が来ない。<br />
LINEさんへ確認したくても、電話での問い合わせは受け付けておらず、仮申請で貰った受付番号を記載の上メールでのやり取りだけで進めることになりました。<br />
メールの返信は必ず返ってきますが、翌日になってしまったり、やはり文章だけでは伝わらない部分などもあるので出来れば電話でのやり取りが出来ると嬉しいですね。</p>
<p>返ってきた内容は、<br />
「お手数ですが、メールの受信設定および迷惑メールのフォルダに振り分けられていないかご確認ください​。弊社からのメールが「迷惑メールとして振り分けられる」あるいは「フィルタにはじかれている」可能性がございます。」</p>
<p>その通りでした。<br />
迷惑メールフォルダにしっかりと審査結果が届いておりました。<br />
LINEさんから届くメールは、高い確率で迷惑メールへ振り分けられてしまうっぽいので皆様お気を付けくださいませ。</p>
<p>審査結果が”可”の場合には、ログイン・設定方法の説明が書かれていますので登録しましょう。</p>
<h2>登録が出来ないよ･･･？</h2>
<p>==========================================<br />
▽STEP1<br />
LINEログイン認証用URLへアクセスしてください。</p>
<p>【LINEログイン認証用URL】<br />
⇒URLが貼られています</p>
<p>▽STEP2</p>
<p>～～～～～～<br />
==========================================</p>
<p>上のようなSTEP式で書かれているのですが、どうも分かりづらい。一応ヘルプURLなども貼ってありましたが、リンク切れでした、残念。<br />
LINEログイン認証用URLへ飛びますと、ログイン画面は出てきますが自分が思い当たるメールアドレスとパスワードを入れても通りません。</p>
<p><a href="/uploads-archive/2016/03/line02.jpg" rel="attachment wp-att-9897"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/line02.jpg" alt="line02" width="515" height="639" class="alignnone size-full wp-image-9897" srcset="/uploads-archive/2016/03/line02.jpg 515w, /uploads-archive/2016/03/line02-242x300.jpg 242w, /uploads-archive/2016/03/line02-228x283.jpg 228w" sizes="(max-width: 515px) 100vw, 515px" /></a></p>
<p><strong>このログイン画面から進まない！</strong></p>
<h3>LINE＠に登録する前に準備しておくもの</h3>
<p>・LINEアカウントのあるスマホ（なるべく社用）<br />
・LINE＠のアプリを落としておく（個人アカウントの作成の有無は問わず）</p>
<p>準備が完了したらスマホアプリのLINEから以下のように設定してください。</p>
<p>その他 ⇒ 設定 ⇒ アカウント ⇒ メールアドレス登録（同時にパスワードも登録します）</p>
<p>登録完了と画面がなりましたら、同じ画面の「ログイン許可」のチェックボックスを入れてください。</p>
<p><a href="/uploads-archive/2016/03/sketch-1457606117740-e1457606305924.jpg" rel="attachment wp-att-9898"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/sketch-1457606117740-e1457606305924.jpg" alt="sketch-1457606117740" width="400" height="711" class="alignnone size-full wp-image-9898" /></a></p>
<p>そうしましたら、先程のLINEログイン画面に</p>
<p><a href="/uploads-archive/2016/03/line02.jpg" rel="attachment wp-att-9897"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/line02.jpg" alt="line02" width="515" height="639" class="alignnone size-full wp-image-9897" srcset="/uploads-archive/2016/03/line02.jpg 515w, /uploads-archive/2016/03/line02-242x300.jpg 242w, /uploads-archive/2016/03/line02-228x283.jpg 228w" sizes="(max-width: 515px) 100vw, 515px" /></a></p>
<p>登録しましたメールアドレスとパスワードを入力してください。<br />
PCとつなげる同意を求められますので、同意するとスマホに確認コードが送られてきます。</p>
<p>その確認コードをPCへ入力したらやっとLINE＠（PC版）が開設されます･･･！<br />
ここまで私が掛かった時間は悩みに悩んで1時間ほど迷っていました(笑)<br />
最後にまとめておきますので、これからLINE＠を開設しようと考えていらっしゃる方のお役に立てますように。</p>
<h2>まとめ</h2>
<p>● 用意するもの ●<br />
・LINEアカウントのあるスマホ（なるべく社用）<br />
・LINE＠のアプリを落としておく（個人アカウントの作成の有無は問わず）</p>
<p>● 順序 ●</p>
<p>① <a href="http://at.line.me/jp/">こちら（LINE＠オフィシャル）</a>から登録の申請<br />
② 本人確認の電話<br />
③ 審査結果のメール（本人確認からデフォで1週間～10日程掛かります）<br />
④ LINE＠のログイン</p>
<p>これだけでLINE＠のアカウントは作れちゃいます。それからはPCでもスマホからでも編集できますので好きなようにお使いくださいませ。</p>
<p>全然大したことしてないのに、アー疲れたってなりました。いい経験です。</p>


LINE＠の登録方法が分かりづらいから説明してみる

<p>アリババが展開する阿里云というクラウドサービスがあり、日本では全く聞いたこと無いが中国本土で成長しているという話を聞き、実際に中身を見てみた。</p>
<p>https://www.aliyun.com/</p>
<p>&nbsp;</p>
<p>アカウントは淘宝網などアリババの他のサービスと連携できるため、登録自体はかなりスムーズにできた。</p>
<p>&nbsp;</p>
<p>ログインするとこんな感じの画面</p>
<p>英語にも対応しておりわかりやすそうだ</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9912" src="/uploads-archive/2016/03/1-1-e1458022314935.png" alt="1" width="660" height="379" /></p>
<p>&nbsp;</p>
<p>ECS(Elastic Compute Service)の画面</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9914" src="/uploads-archive/2016/03/2-e1458022666541.png" alt="2" width="660" height="379" /></p>
<p>&nbsp;</p>
<p>ここにインスタンスを追加して利用するようだ。</p>
<p>画面上から</p>
<p>シンガポール、深セン、青島、北京、上海、香港、杭州、シリコンバレー</p>
<p>のリージョンを選択できることがわかる</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9915" src="/uploads-archive/2016/03/3-e1458022722473.png" alt="3" width="660" height="193" /></p>
<p>&nbsp;</p>
<p>インスタンスはこのように購入するようだ</p>
<p>リージョン<br />
↓<br />
CPU、メモリ<br />
↓<br />
帯域?<br />
↓<br />
OS?<br />
↓<br />
HDD?<br />
↓<br />
ログイン情報<br />
↓<br />
契約期間、台数</p>
<p>の順にスペックを選択するようだ</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9920" src="/uploads-archive/2016/03/4-e1458023295703.png" alt="4" width="660" height="756" /></p>
<p>&nbsp;</p>
<p>その他にもDBやロードバランサーも同様の手順で契約し、構成できる様子。</p>
<p>実際のところは運用してみないとなんとも言えないが、ぱっと見た感じは使いやすそうな印象を受けた。</p>
<p>AWS等、普段我々が使っているサーバー環境は、中国内では使えないと思ったほうが良いので、</p>
<p>中国内でサービスを大規模に展開する場合には是非試してみたいと思った</p>


中国のAWS「阿里云」を使ってみる

<p>以前、Project Cometについてブログを書きましたが、<br />
<a class="link" href="/designer/web%e3%82%b5%e3%82%a4%e3%83%88%e3%83%bb%e3%82%a2%e3%83%97%e3%83%aa%e3%81%ae%e3%83%a2%e3%83%83%e3%82%af%e3%82%a2%e3%83%83%e3%83%97%e3%80%81%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%83%84/">webサイト・アプリのモックアップ、デザインのツールはAdobeに期待！！ | スターフィールド株式会社</a><br />
とうとう、3月14日に「Adobe Experience Design CC」と名前を変え、登場しました。</p>
<p><a class="link" href="http://www.adobe.com/products/experience-design.html" target="_blank">Adobe Experience Design CC</a></p>
<h2>Adobe Experience Design CC</h2>
<p>以前お伝えした通り、こちらはモックアップ制作のためのツールになり、<br />
UX設計のためのツールとのことです。<br />
今はPreviewってことなのか、Adobeのアカウントがあれば無料で使えます。</p>
<p>実際に使ってみましょう！</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-9904" src="/uploads-archive/2016/03/05436cf30b0ae6abc0d60f24de4fff86.png" alt="スクリーンショット 2016-03-15 14.32.04" width="463" height="269" srcset="/uploads-archive/2016/03/05436cf30b0ae6abc0d60f24de4fff86.png 801w, /uploads-archive/2016/03/05436cf30b0ae6abc0d60f24de4fff86-300x175.png 300w, /uploads-archive/2016/03/05436cf30b0ae6abc0d60f24de4fff86-768x447.png 768w, /uploads-archive/2016/03/05436cf30b0ae6abc0d60f24de4fff86-228x133.png 228w" sizes="(max-width: 463px) 100vw, 463px" /></p>
<p>スマホ、タブレット、webのサイズで作ることができます。</p>
<p>元々のサンプルや、iOSやGoogle Materialのkitがあるので、そちらを用いるのいいかもしれません。</p>
<p>とりあえず,iPhoneを選んで作成してみます。</p>
<p><img decoding="async" src="/uploads-archive/2016/03/7VVRdbaNEe.gif" alt="7VVRdbaNEe" width="640"  class="alignnone size-large wp-image-9905" /></p>
<h2>Design</h2>
<p>まずはDesign画面。<br />
スッキリしたインターフェイスで、ちょっとsketchっぽい感じもします。<br />
直線、図形、ペンツール、テキストが使え、画像はドラッグ＆ドロップで使えます。</p>
<p>図形やテキストに関しては、色、透明度、ボーダー、シャドウを適用することができます。<br />
Photoshopのように多くのスタイルは用意されていないようです。</p>
<p>ただ、モックアップはもちろん、最近のアプリのデザインのためにはそこまでスタイルは必要ないかもしれないので充分かもしれません。</p>
<p>Adobeということで、aiとpsdとの連携は抜群なので、このツールで作れない部分は、aiやpsdで作ると良いと思います。</p>
<p>同じようなパターンが続く場合は以下のようにサクッと作ることができます。</p>
<p><img decoding="async" src="/uploads-archive/2016/03/01Hl7bnhpo.gif" alt="01Hl7bnhpo" width="640" class="alignnone size-large wp-image-9908" /></p>
<p>これはスゴいですね！！</p>
<h2>Prototype</h2>
<p>次にPrototype画面。<br />
これもスゴいですね。</p>
<p>Prototype設定画面に行って、選択して遷移させたい箇所につなげるだけでOKです。<br />
遷移のアニメーションも5つ(スライドレフト・ライト・アップ・ダウン、ディゾルブ)用意されています。</p>
<p><img decoding="async" src="/demo/abe/gif/20160315.gif" alt="01Hl7bnhpo" width="640" /></p>
<p>実際画面がどの用意に遷移していくのか、リンク先はどこなのかこれを作って共有すれば基本理解出来ますね！</p>
<h2>終わりに</h2>
<p>いや〜、遂に登場しましたが、今後毎月新しい機能を追加していくとのことですが、<br />
どのようになっていくのでしょうか？<br />
現状webサイトのデザインをするという視点からは見るとPhotoshopの方がいいかなという感じです。<br />
それはなぜかというと、</p>
<h3>個人的に気になる点</h3>
<p>・レイヤー機能がない<br />
・スライス機能がない<br />
・スタイルが少ない</p>
<p>まぁこのツールはそもそも「UXデザイナーのため」と謳っているので、上記の機能は必要ないのかもしれません。</p>
<p>しかし、今後の機能次第では、web・アプリの制作の定番ツールになりそうな気もします。</p>
<p>今後に期待です！！</p>


遂に来た！Adobe Experience Design CCがいい！

<p>先週に続きweibo情報です。<br />
企業がweiboを使う際にどんなことができるか調べてみました。</p>
<p>ざっくり言いますと、google、Facebook、Twitter、LINEの良いところを全部足して、プラス独自の機能があるという感じでした。<br />
中国全土にくまなく、しかも狙ったターゲットを外さずに情報を伝える仕組みが出来上がっています。<br />
すごいっす。</p>
<p>ざっくりと説明しましたが、主な機能についてまたざっくりとご紹介します。</p>
<h2>Feed広告</h2>
<p>広告枠を買って、タイムラインに投稿を表示させるものです。<br />
FacebookでもTwitterでもありますしこれは理解しやすいですよね。<br />
CPM・CPEの概念もばっちりあります。</p>
<h2>Adネットワーク</h2>
<p>weiboで影響力のあるアカウントに情報の配信、拡散を依頼します。<br />
たとえば、私が「中国の２０代の女性向けの化粧品」を扱っている場合、「中国の２０代女性の化粧品購買に影響力のあるアカウント」にお願いして、「わ～この化粧品すごくいい！わたしいつも使っているよ★」のような投稿を依頼できるのです。</p>
<p>これステマですよね。<br />
モデルや芸能人にこのような依頼をする手法はツイッターでもInstagramでも横行していますが、この仕組みを本部がおおっぴらにやってるのがすごいなと思いました。<br />
でもすごく合理的。</p>
<p>拡散を依頼される影響力の高いアカウントはKOL（=Key Opinion Leader）と言われ、企業から依頼される投稿を配信、拡散することで報酬がでます。<br />
Adネットワークにはどんなアカウントでも登録できますが、フォロワー数や投稿内容によってランキング化され、報酬金額に影響します。</p>
<h2>イベントツール</h2>
<p>下記のようなキャンペーンを展開できるツールです。<br />
上２つの広告手法との連動で使うものです。</p>
<p>・プレゼント応募キャンペーン<br />
・クーポン発行キャンペーン<br />
・サンプル配布キャンペーン<br />
・レビュー投稿キャンペーン</p>
<h2>ファンサービス</h2>
<p>Twitterで言うところのダイレクトメッセージサービスにカスタマイズ性を持たせたようなものです。<br />
双方向性の強さと管理機能の高性能さに関してはLINE＠にも似ています。</p>
<p>・フォロワー一斉ダイレクトメッセージ配信<br />
・自動返信<br />
・有料コンテンツ購読機能<br />
・フォロワーコンテンツ分析　など</p>
<h2>まとめ</h2>
<blockquote><p>Weiboは6億人の登録ユーザー、企業アカウント56万件、1日あたり6970万人のアクティブユーザー、そして1日あたり1.2億件の投稿がある中国最大のソーシャルメディアへと成長しました。しかし、情報の飽和やBOTアカウントの存在、さらにユーザーとの新密度（エッジランク）や行動時間の違いなどより、アカウント上での投稿だけでは本来のターゲットへ情報を届けることが難しくなって来ています。
</p></blockquote>
<p>さすが、中国。情報の過多具合、カオス具合も半端ないのでしょう。<br />
洗練されたマーケティングツールはこのような（ある意味）悪状況によって生まれたのかもしれません。</p>


超ざっくり！ Weiboでできるマーケティングツールが凄かった！

<p>知り合いにimport.ioというスクレイピングツールといことを教えていただきました。</p>
<p><a href="https://www.import.io/" target="_blank" class="link">Import.io | Web Data Platform &amp; Free Web Scraping Tool</a></p>
<p>スクレイピングという言葉自体を知りませんでした。</p>
<blockquote><p>
ウェブスクレイピング（Web scraping）とは、ウェブサイトから情報を抽出するコンピュータソフトウェア技術のこと。ウェブ・クローラー(Web crawler) あるいはウェブ・スパイダー(Web spider)とも呼ばれる。 通常このようなソフトウェアプログラムは低レベルのHTTP（Hypertext Transfer Protocol）を実装することで、もしくはInternet ExplorerまたはMozilla FirefoxなどのWebブラウザを埋め込むことによって、人間によるWWWのブラウジングをシミュレートする。<br />
<a href="https://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0">ウェブスクレイピング &#8211; Wikipedia</a>より
</p></blockquote>
<p>要は、サイトのデータを一括で情報を取得できるということでしょうか。<br />
例えばECサイトの商品の一覧ページの情報を取得したりとか&#8230;</p>
<h3>コンペナビで試してみた</h3>
<p>とりあえず、弊社の<a href="http://compe.sterfield.jp/" target="_blank">コンペナビ</a>で試してみました。</p>
<p><img decoding="async" src="/uploads-archive/2016/03/import.io-Magic-Web-Data-Platform-Free-Web-Scraping-Tool2-1024x598.jpg" alt="import.io Magic  Web Data Platform &amp; Free Web Scraping Tool2" width="500"  class="alignnone size-large wp-image-9882" srcset="/uploads-archive/2016/03/import.io-Magic-Web-Data-Platform-Free-Web-Scraping-Tool2-1024x598.jpg 1024w, /uploads-archive/2016/03/import.io-Magic-Web-Data-Platform-Free-Web-Scraping-Tool2-300x175.jpg 300w, /uploads-archive/2016/03/import.io-Magic-Web-Data-Platform-Free-Web-Scraping-Tool2-768x448.jpg 768w, /uploads-archive/2016/03/import.io-Magic-Web-Data-Platform-Free-Web-Scraping-Tool2-228x133.jpg 228w, /uploads-archive/2016/03/import.io-Magic-Web-Data-Platform-Free-Web-Scraping-Tool2.jpg 1141w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
(一部ぼかしてます)</p>
<p>いい感じで取得出来ている感じです。<br />
CSVで保存したり、APIにしたりすることが出来るようです！</p>
<p>webサイトのリニューアルで「現行サイトのデータを持って来といて」なんて言われることがあるんですが、そういう時使えそうな感じがします。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2016年

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/25

2016/03/16

2016/03/16

2016/03/16

2016/03/16

2016/03/16

2016/03/16

2016/03/16

2016/03/16

2016/03/09

2016/03/09