<p>webアプリケーション、webの管理画面で、</p>
<p>そのままでも、少し加工して、デザインの参考に、</p>
<p>使えそうなデザインテンプレートがありましたので、紹介します。</p>
<p>&nbsp;</p>
<p>いずれもフリーで手に入れられます。<br />
<a href="http://www.egrappler.com/free-premium-html-adminbackend-template-for-web-applications-bluewhale-admin/" target="_blank">BlueWhale Admin</a><br />
<a href="http://www.egrappler.com/free-premium-html-adminbackend-template-for-web-applications-bluewhale-admin/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-3173" alt="Dashboard  BlueWhale Admin" src="/uploads-archive/2013/09/Dashboard-BlueWhale-Admin-1011x1024.jpg" width="615" height="622" srcset="/uploads-archive/2013/09/Dashboard-BlueWhale-Admin-1011x1024.jpg 1011w, /uploads-archive/2013/09/Dashboard-BlueWhale-Admin-296x300.jpg 296w, /uploads-archive/2013/09/Dashboard-BlueWhale-Admin-228x230.jpg 228w, /uploads-archive/2013/09/Dashboard-BlueWhale-Admin-120x120.jpg 120w, /uploads-archive/2013/09/Dashboard-BlueWhale-Admin.jpg 1333w" sizes="(max-width: 615px) 100vw, 615px" /></a><br />
960 Grid CSSをベースに作っているようです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/" target="_blank">Twitter Bootstrap Admin Template</a><br />
<a href="http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-3174" alt="Dashboard - Bootstrap Admin Template" src="/uploads-archive/2013/09/Dashboard-Bootstrap-Admin-Template-699x1024.jpg" width="615" height="900" srcset="/uploads-archive/2013/09/Dashboard-Bootstrap-Admin-Template-699x1024.jpg 699w, /uploads-archive/2013/09/Dashboard-Bootstrap-Admin-Template-205x300.jpg 205w, /uploads-archive/2013/09/Dashboard-Bootstrap-Admin-Template-228x333.jpg 228w, /uploads-archive/2013/09/Dashboard-Bootstrap-Admin-Template.jpg 1333w" sizes="(max-width: 615px) 100vw, 615px" /></a><br />
こちらはTwitter Bootstrapをベースに作っているようです。こちらはシンプルでいいデザインですね！</p>
<p>&nbsp;<br />
<a href="http://www.egrappler.com/free-web-backend-admin-template-psd-app-admin/" target="_blank">Free Web Backend Admin Template PSD: App Admin</a><br />
<a href="http://www.egrappler.com/free-web-backend-admin-template-psd-app-admin/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-3175" alt="Dashboard" src="/uploads-archive/2013/09/Dashboard-1024x743.jpg" width="615" height="446" srcset="/uploads-archive/2013/09/Dashboard-1024x743.jpg 1024w, /uploads-archive/2013/09/Dashboard-300x217.jpg 300w, /uploads-archive/2013/09/Dashboard-228x165.jpg 228w, /uploads-archive/2013/09/Dashboard.jpg 1100w" sizes="(max-width: 615px) 100vw, 615px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>おまけ</h3>
<p><a href="https://www.clipular.com/welcome" target="_blank">clipular</a>というchromeの拡張機能が良いらしいと聞きました。<br />
webサイトのキャプチャを撮れるものなんですが、それだけで終わらず、クラウドに自分で撮ったキャプチャのギャラリーを作れるというなんとも素晴らしい内容。（作れるというか自動的に一覧に表示できるようになってるという感じです。）</p>
<p>キャプチャして、ローカルに保存してる人なんかにはとてもいい拡張機能だと思います！！</p>


管理画面のデザインテンプレートをフリーでダウンロード!

<p>「Lightbox 2」を使って、ポップアップのスライドショーを簡単に作る事が出来ます。</p>
<p>まず、</p>
<p></p>

		<div id="crayon-64953fd590b18506145813" 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">js</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /&gt;
　&lt;script src="js/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
　&lt;script src="js/jquery-ui-1.8.18.custom.min.js"&gt;&lt;/script&gt;
　&lt;script src="js/jquery.smooth-scroll.min.js"&gt;&lt;/script&gt;
　&lt;script src="js/lightbox.js"&gt;&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd590b18506145813-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b18506145813-2">2</div><div class="crayon-num" data-line="crayon-64953fd590b18506145813-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b18506145813-4">4</div><div class="crayon-num" data-line="crayon-64953fd590b18506145813-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-64953fd590b18506145813-1"><span class="crayon-h">&lt;</span><span class="crayon-e">link </span><span class="crayon-i">rel</span>=<span class="crayon-s">"stylesheet"</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-s">"css/lightbox.css"</span><span class="crayon-h"> </span><span class="crayon-i">type</span>=<span class="crayon-s">"text/css"</span><span class="crayon-h"> </span><span class="crayon-i">media</span>=<span class="crayon-s">"screen"</span><span class="crayon-h"> </span>/<span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b18506145813-2">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery-1.7.2.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-64953fd590b18506145813-3">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery-ui-1.8.18.custom.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b18506145813-4">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.smooth-scroll.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-64953fd590b18506145813-5">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/lightbox.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>cssとjsをheaderの部分に書いて、ソースを読み込みます。</p>
<p>次は<br />
jQueryで画像の動きを書きます。</p>
<p></p>

		<div id="crayon-64953fd590b1d107485684" 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">js</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;script&gt;
jQuery(document).ready(function($) {
$('a').smoothScroll({
speed: 1000,
easing: 'easeInOutCubic'
});
$('.showOlderChanges').on('click', function(e){
$('.changelog .old').slideDown('slow');
$(this).fadeOut();
e.preventDefault();
})
});
&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-2">2</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-4">4</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-6">6</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-8">8</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-10">10</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-12">12</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-13">13</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-64953fd590b1d107485684-1"><span class="crayon-ta">&lt;script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-2"><span class="crayon-e">jQuery</span><span class="crayon-sy">(</span><span class="crayon-r">document</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-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-3"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'a'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">smoothScroll</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-4"><span class="crayon-i">speed</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">1000</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-5"><span class="crayon-i">easing</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'easeInOutCubic'</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-6"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-7"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'.showOlderChanges'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">on</span><span class="crayon-sy">(</span><span class="crayon-s">'click'</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">e</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-8"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'.changelog .old'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">slideDown</span><span class="crayon-sy">(</span><span class="crayon-s">'slow'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-9"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">fadeOut</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-64953fd590b1d107485684-10"><span class="crayon-i">e</span><span class="crayon-sy">.</span><span class="crayon-e">preventDefault</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-11"><span class="crayon-sy">}</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-12"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-13"><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>表示させたいHTML内容</p>
<p></p>

		<div id="crayon-64953fd590b1f904867141" 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">html</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
//ポップアップに表示される画像とテキスト
&lt;a href="./images/img_01.jpeg" rel="lightbox[plants]" title="ミャンマー、初めての首都、バガン"&gt;

&lt;img src="./images/img_01.jpeg" alt="バガン"&gt;&lt;/a&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-64953fd590b1f904867141-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1f904867141-2">2</div><div class="crayon-num" data-line="crayon-64953fd590b1f904867141-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1f904867141-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd590b1f904867141-1"><span class="crayon-c">//ポップアップに表示される画像とテキスト</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1f904867141-2"><span class="crayon-h">&lt;</span><span class="crayon-i">a</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-s">"./images/img_01.jpeg"</span><span class="crayon-h"> </span><span class="crayon-i">rel</span>=<span class="crayon-s">"lightbox[plants]"</span><span class="crayon-h"> </span><span class="crayon-i">title</span>=<span class="crayon-s">"ミャンマー、初めての首都、バガン"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd590b1f904867141-3">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1f904867141-4"><span class="crayon-h">&lt;</span><span class="crayon-e">img </span><span class="crayon-i">src</span>=<span class="crayon-s">"./images/img_01.jpeg"</span><span class="crayon-h"> </span><span class="crayon-i">alt</span>=<span class="crayon-s">"バガン"</span><span class="crayon-h">&gt;</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">a</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p><a href="/demo/poe/20130924/" class="demo" target="_blank">デモ</a></p>
<p>ポップアップのデザインをちょっと調整したい時は、「css/lightbox.css」を使って調整できます。</p>

ポップアップスライドショー

【symfony2.3】仕様変更のまとめその2

<p>Androidブラウザでアンカーリンクがうまく動作しないので調べてみたところ</p>
<p>同じURLには1度しか飛ばないという仕様があることが判明。</p>
<p>要は#link1に1度リンクしたら2度目以降はリンクしないそうだ。</p>
<p><a href="http://d.hatena.ne.jp/koba04/20120803/1343919758" target="_blank">http://d.hatena.ne.jp/koba04/20120803/1343919758</a></p>
<p>&nbsp;</p>
<p>それを解決するための簡単なスクリプトを作成した。</p>
<p><a class="demo" href="/demo/hoshino/45/1.html">デモ</a></p>
<p>&nbsp;</p>
<p>要は指定したリンク元が指している飛び先のx座標を調べて強制的にスクロールさせるというもの。</p>

		<div id="crayon-64953fd5905e6789367175" 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;">
android_ss( $( 'a' ) );
android_ss( $( '.smooth' ) );
android_ss( $( 'a.scroll' ) );</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-64953fd5905e6789367175-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905e6789367175-2">2</div><div class="crayon-num" data-line="crayon-64953fd5905e6789367175-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-64953fd5905e6789367175-1"><span class="crayon-e">android_ss</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'a'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5905e6789367175-2"><span class="crayon-e">android_ss</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'.smooth'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5905e6789367175-3"><span class="crayon-e">android_ss</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'a.scroll'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>例えばこのような形でスクロールさせるターゲットを引数として渡してもらえればOK。</p>
<p>プラグイン化するまでもないので、以下をコピペで貼り付けてもらえれば動作します。</p>

		<div id="crayon-64953fd5905eb957430662" 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 android_ss( a )
{
	for ( var i = 0; i &lt; a.size(); i++ )
	{	
		a.eq( i ).click(function()
		{
			var h = $( this ).attr( 'href' );
			var p = $( h ).offset().top;
			$( 'html, body' ).animate( {scrollTop: p}, 500, 'swing' );
			return false;
		});

		var h = $( this ).removeAttr( 'href' );
	}
}</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-64953fd5905eb957430662-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905eb957430662-2">2</div><div class="crayon-num" data-line="crayon-64953fd5905eb957430662-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905eb957430662-4">4</div><div class="crayon-num" data-line="crayon-64953fd5905eb957430662-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905eb957430662-6">6</div><div class="crayon-num" data-line="crayon-64953fd5905eb957430662-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905eb957430662-8">8</div><div class="crayon-num" data-line="crayon-64953fd5905eb957430662-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905eb957430662-10">10</div><div class="crayon-num" data-line="crayon-64953fd5905eb957430662-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905eb957430662-12">12</div><div class="crayon-num" data-line="crayon-64953fd5905eb957430662-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5905eb957430662-14">14</div><div class="crayon-num" data-line="crayon-64953fd5905eb957430662-15">15</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-64953fd5905eb957430662-1"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">android_ss</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">a</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5905eb957430662-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd5905eb957430662-3"><span class="crayon-h">	</span><span class="crayon-st">for</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">a</span><span class="crayon-sy">.</span><span class="crayon-e">size</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span>++<span class="crayon-h"> </span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5905eb957430662-4"><span class="crayon-h">	</span><span class="crayon-sy">{</span><span class="crayon-h">	</span></div><div class="crayon-line" id="crayon-64953fd5905eb957430662-5"><span class="crayon-h">		</span><span class="crayon-i">a</span><span class="crayon-sy">.</span><span class="crayon-e">eq</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">click</span><span class="crayon-sy">(</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-64953fd5905eb957430662-6"><span class="crayon-h">		</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd5905eb957430662-7"><span class="crayon-h">			</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">h</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">this</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">attr</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'href'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5905eb957430662-8"><span class="crayon-h">			</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">p</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">h</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">offset</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">top</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5905eb957430662-9"><span class="crayon-h">			</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'html, body'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">animate</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-i">scrollTop</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">p</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">500</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'swing'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5905eb957430662-10"><span class="crayon-h">			</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5905eb957430662-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-64953fd5905eb957430662-12">&nbsp;</div><div class="crayon-line" id="crayon-64953fd5905eb957430662-13"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">h</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">this</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">removeAttr</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'href'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5905eb957430662-14"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-64953fd5905eb957430662-15"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>

Android標準ブラウザでアンカーリンクが効かない場合の解決策

<p>前回は、審査基準ありの商品カテゴリーだったために、出品審査を提出したところまでご紹介致しました。</p>
<p>出品審査が降りてからは24時間以内に該当カテゴリーの出品が可能になるということで、</p>
<p>翌日、実際に商品を一つ登録してみました。</p>
<h2>アマゾン管理画面</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3122" alt="Amazon_セラーセントラル" src="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab21-300x195.jpg" width="300" height="195" srcset="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab21-300x195.jpg 300w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab21-1024x666.jpg 1024w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab21-228x148.jpg 228w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab21.jpg 1321w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>左カラム下の商品登録を選択します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3121" alt="Seller_Central_-_商品登録_-_Amazon_セラーセントラル" src="/uploads-archive/2013/09/cfd0af39582c54f350a427690633611d-300x71.jpg" width="300" height="71" srcset="/uploads-archive/2013/09/cfd0af39582c54f350a427690633611d-300x71.jpg 300w, /uploads-archive/2013/09/cfd0af39582c54f350a427690633611d-1024x242.jpg 1024w, /uploads-archive/2013/09/cfd0af39582c54f350a427690633611d-228x54.jpg 228w, /uploads-archive/2013/09/cfd0af39582c54f350a427690633611d.jpg 1312w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>検索ボックスがあるので、商品名やJANコードなどを入力します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3120" alt="Seller_Central_-_商品登録_-_Amazon_セラーセントラル 2" src="/uploads-archive/2013/09/dd2343027153d466d877b777d3e4f652-300x207.jpg" width="300" height="207" srcset="/uploads-archive/2013/09/dd2343027153d466d877b777d3e4f652-300x207.jpg 300w, /uploads-archive/2013/09/dd2343027153d466d877b777d3e4f652-1024x708.jpg 1024w, /uploads-archive/2013/09/dd2343027153d466d877b777d3e4f652-228x157.jpg 228w, /uploads-archive/2013/09/dd2343027153d466d877b777d3e4f652.jpg 1323w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>商品名で入力をすると複数の候補が検出されました。</p>
<p>ここでは、一番上の商品を選択をしました。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3119" alt="商品提供の情報を登録" src="/uploads-archive/2013/09/97d28c6f34b2dd433b0ce486677cf43f-300x216.jpg" width="300" height="216" srcset="/uploads-archive/2013/09/97d28c6f34b2dd433b0ce486677cf43f-300x216.jpg 300w, /uploads-archive/2013/09/97d28c6f34b2dd433b0ce486677cf43f-1024x739.jpg 1024w, /uploads-archive/2013/09/97d28c6f34b2dd433b0ce486677cf43f-228x164.jpg 228w, /uploads-archive/2013/09/97d28c6f34b2dd433b0ce486677cf43f.jpg 1304w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>商品価格等、必須項目を埋めます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3118" alt="商品提供の情報を登録 2" src="/uploads-archive/2013/09/a9c170c5afe5c10f29dc0e7d3c9e6311-300x208.jpg" width="300" height="208" srcset="/uploads-archive/2013/09/a9c170c5afe5c10f29dc0e7d3c9e6311-300x208.jpg 300w, /uploads-archive/2013/09/a9c170c5afe5c10f29dc0e7d3c9e6311-1024x710.jpg 1024w, /uploads-archive/2013/09/a9c170c5afe5c10f29dc0e7d3c9e6311-228x158.jpg 228w, /uploads-archive/2013/09/a9c170c5afe5c10f29dc0e7d3c9e6311.jpg 1303w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>次へを押しても、新規出品ではないため一切編集することは出来ません。</p>
<p>ここで保存して終了を選択します。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc7.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3117" alt="すべての出品商品" src="/uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc7-300x125.jpg" width="300" height="125" srcset="/uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc7-300x125.jpg 300w, /uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc7-1024x428.jpg 1024w, /uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc7-228x95.jpg 228w, /uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc7.jpg 1360w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>登録完了。ここでもあっけなくすんなりと終了しました。</p>
<p>次回は、一括登録に挑戦してみたいと思います。</p>
<h2>まとめ</h3>
<p>いままで複数のモールを出店してまいりましたが、ダントツでアマゾンが出品に関しては、簡単です。</p>
<p>既存の商品を選んで価格等最低限を調整するだけ。</p>
<p>但し、これでは、商品が横並びになってしまうので、価格以外で差別化出来る要因がないか探ってみたいと思います。</p>
<p>また、複数の商品が一覧で表示された場合の検索順位結果など、管理画面と実際のユーザ画面とを比較して最適な商品登録方法を模索したいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Amazonマーケットプレイス出店手順③（商品登録）

オブジェクトをきれいに整列させてくれるjQueryプラグイン

<p>前回の続きで、vimのコマンドを紹介したいと思います。</p>
<table>
<tbody>
<h2>vimのコマンド</h3>
<tr>
<td>u</td>
<td>undo の場合</td>
</tr>
<tr>
<td>ctrl+r</td>
<td>redo の場合</td>
</tr>
<tr>
<td>.</td>
<td> 直前の動作を繰り返す</td>
</tr>
<tr>
<td>2.</td>
<td>直前の動作を2回繰り返す</td>
</tr>
<tr>
<td>j</td>
<td>一行下に移動</td>
</tr>
<tr>
<td>k</td>
<td>一行上に移動</td>
</tr>
<tr>
<td>l</td>
<td>右に移動</td>
</tr>
<tr>
<td>h</td>
<td>左に移動</td>
</tr>
<tr>
<td>yy</td>
<td>行をコピー</td>
</tr>
<tr>
<td>y0</td>
<td>カーソルのある位置から行の先頭までをコピー</td>
</tr>
<tr>
<td>y$</td>
<td>カーソルのある位置から行の終わりまでをコピー</td>
</tr>
<tr>
<td>yw</td>
<td>カーソル位置の単語をコピー</td>
</tr>
<tr>
<td>yW</td>
<td>カーソル位置の単語をコピー(:や%などを含む)</td>
</tr>
</tbody>
</table>


vimの使い方②

small_title3.jpg

thumbnail_title3.jpg

title3.jpg

webサイトのフォントサイズをjQueryを使って変更する

【Symfony2.3】Form関連の仕様変更

【jquery】ページを丸ごと切り替えるプラグイン

高さを揃えるjQueryプラグイン「jQuery-fixHeightSimple」つくりました

phpとinfinitescrollのもっと見る機能

css3を使って要素を上下左右中央に配置する方法

<p>スマホのクレジットカードリーダーがいっときブームになり少し経った今<br />
少しずつ実用化がすすんでいる模様。</p>
<p>■Square<br />
<a href="https://squareup.com/jp" target="_blank">https://squareup.com/jp</a></p>
<p>■Coiney<br />
<a href="http://coiney.com/" target="_blank">http://coiney.com/</a></p>
<p>■楽天スマートペイ<br />
<a href="http://smartpay.rakuten.co.jp/" target="_blank">http://smartpay.rakuten.co.jp/</a></p>
<p>■PAYGATE<br />
<a href="http://paygate.royalgate.co.jp/" target="_blank">http://paygate.royalgate.co.jp/</a></p>
<p>正直スマホにリーダーをつけても、<br />
実際に決済する時は打ち込むし、ブラウザでカード情報を管理できるようにもなっているので<br />
誰も使わないだろうと思っていた。<br />
利用されるとすればタグレットでのPOSだろうと思っていたが<br />
これが徐々に増えている感じがする。</p>
<p>■テンポス<br />
<a href="http://www.tenpos.jp/ipadpos/" target="_blank">http://www.tenpos.jp/ipadpos/</a></p>
<p>■pos cube<br />
<a href="http://www.pos-cube.com/" target="_blank">http://www.pos-cube.com/</a></p>
<p>■スマレジ<br />
<a href="http://smaregi.jp/" target="_blank">http://smaregi.jp/</a></p>
<p>■Ubiregi<br />
<a href="https://ubiregi.com/ja" target="_blank">https://ubiregi.com/ja</a></p>
<p>■smapos<br />
<a href="http://smapos.com/site/" target="_blank">http://smapos.com/site/</a></p>
<p>しかし、出たてはどこも大きいパイを狙うもので<br />
飲食店向けが最も多い。<br />
飲食店は基本ECをやらないイメージなので、<br />
ECと連動したPOSはほとんどない。<br />
パッケージとしては、見つかったのは以下の3サービスのみ。</p>
<p>■TALOS<br />
<a href="http://www.cmedia.co.jp/service/web-system/netrendou/" target="_blank">http://www.cmedia.co.jp/service/web-system/netrendou/</a></p>
<p>■EC-Orange<br />
<a href="http://ec-cube.ec-orange.jp/pos/" target="_blank">http://ec-cube.ec-orange.jp/pos/</a></p>
<p>■カゴラボ<br />
<a href="http://www.cagolab.jp/option/posregi.html" target="_blank">http://www.cagolab.jp/option/posregi.html</a></p>
<p>これはECのシステム会社にとってはチャンスだと思う。<br />
今後は飲食店もサービス過多から新たな窓口を求めてECにどんどん流れこんでくると思う。<br />
事実飲食業界のトップ20のECの参入状況は以下。</p>
<table>
<tbody>
<tr>
<th>会社名</th>
<th>売上(億円)</th>
<th>ECサイト</th>
</tr>
<tr>
<td>ゼンショーホールディングス</td>
<td>4029</td>
<td><a href="http://www.oecmondake.com/" target="_blank">http://www.oecmondake.com/</a></td>
</tr>
<tr>
<td>日本マクドナルドホールディングス</td>
<td>3023</td>
<td>&#8211;</td>
</tr>
<tr>
<td>吉野家ホールディングス</td>
<td>1658</td>
<td><a href="http://e-shop.yoshinoya.com/shop/" target="_blank">http://e-shop.yoshinoya.com/shop/</a></td>
</tr>
<tr>
<td>ワタミ</td>
<td>1401</td>
<td><a href="http://www.watami-takushoku.co.jp/" target="_blank">http://www.watami-takushoku.co.jp/</a></td>
</tr>
<tr>
<td>プレナス</td>
<td>1270</td>
<td>&#8211;</td>
</tr>
<tr>
<td>ロイヤルホールディングス</td>
<td>1092</td>
<td><a href="http://www.shoproyal.jp/" target="_blank">http://www.shoproyal.jp/</a></td>
</tr>
<tr>
<td>ドトール・日レスホールディングス</td>
<td>1077</td>
<td>卸</td>
</tr>
<tr>
<td>スターバックス　コーヒー　ジャパン</td>
<td>1077</td>
<td>卸</td>
</tr>
<tr>
<td>コロワイド</td>
<td>1018</td>
<td>&#8211;</td>
</tr>
<tr>
<td>サイゼリヤ</td>
<td>998</td>
<td><a href="https://www.adda-tours.co.jp/" target="_blank">https://www.adda-tours.co.jp/</a></td>
</tr>
<tr>
<td>カッパ・クリエイト</td>
<td>926</td>
<td><a href="http://www.rakuten.co.jp/kappazusi/" target="_blank">http://www.rakuten.co.jp/kappazusi/</a></td>
</tr>
<tr>
<td>日本ケンタッキー・フライド・チキン</td>
<td>881</td>
<td>近日開始予定</td>
</tr>
<tr>
<td>不二家</td>
<td>876</td>
<td><a href="http://www.family-town.jp/" target="_blank">http://www.family-town.jp/</a></td>
</tr>
<tr>
<td>カネ美食品</td>
<td>815</td>
<td>&#8211;</td>
</tr>
<tr>
<td>大庄</td>
<td>792</td>
<td><a href="http://www.rakuten.co.jp/asiya/" target="_blank">http://www.rakuten.co.jp/asiya/</a><br />
他複数</td>
</tr>
<tr>
<td>松屋フーズ</td>
<td>756</td>
<td><a href="https://www.matsuyafoods.co.jp/onlineshop/" target="_blank">https://www.matsuyafoods.co.jp/onlineshop/</a></td>
</tr>
<tr>
<td>くらコーポレーション</td>
<td>744</td>
<td><a href="http://610kura.com/" target="_blank">http://610kura.com/</a></td>
</tr>
<tr>
<td>王将フードサービス</td>
<td>710</td>
<td>&#8211;</td>
</tr>
<tr>
<td>モスフードサービス</td>
<td>626</td>
<td><a href="http://www.rakuten.co.jp/mosburger-onlineshop/" target="_blank">http://www.rakuten.co.jp/mosburger-onlineshop/</a></td>
</tr>
<tr>
<td>トリドール</td>
<td>610</td>
<td><a href="http://www.marugame-shop.com/" target="_blank">http://www.marugame-shop.com/</a></td>
</tr>
</tbody>
</table>
<p>20件中15件が運用中、1件が公開予定と飲食点といえ多くがECに参入している。<br />
今後はシステムという意味においては<br />
ECとレジの境目がなくなってくる。<br />
大小問わずECに参入してくることはほぼ間違いないので<br />
システム的な立ち位置と機能を考えなければならない。</p>


スマホクレジットカードリーダーで増えるPOS連動型ECシステム

<p>※下記情報2013年9月10日現在のものです。管理画面の内容は頻繁に変わるようですのでご注意下さい。</p>
<p>前回に引き続き、Amazonマーケットプレイスの出店手順をご説明します。</p>
<p>前回は、出店者登録までお伝えしました。</p>
<p>一連の申請が完了すると、次の手順のメールが送信されてきます。</p>
<p>今回はそのメールの内容のアカウントの初期設定と商品登録についてご紹介します。</p>
<h2>アカウントの初期設定</h3>
<p><a href="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3055" alt="Amazon_セラーセントラル-2" src="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-300x170.jpg" width="300" height="170" srcset="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-300x170.jpg 300w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-1024x582.jpg 1024w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-228x129.jpg 228w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830.jpg 1354w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>管理画面の右上の設定ボタンから出品用アカウント情報を選択します。</p>
<p><a href="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3056" alt="Amazon_セラーセントラル" src="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-300x159.jpg" width="300" height="159" srcset="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-300x159.jpg 300w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-1024x543.jpg 1024w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-228x120.jpg 228w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2.jpg 1357w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>出品用アカウント情報の中の項目を埋めていきます。</p>
<p>前回、スキップをせずに埋めていたため、必要な項目は銀行口座くらいでした。</p>
<h2>商品登録</h3>
<p>商品登録については、主に3つのルールがあります。</p>
<ol>
<li>出品商品は事前に出品申請が必要なカテゴリーの商品か？</li>
<li>出品商品は、既にAmazon.co.jp上に商品ページがあるか？</li>
<li>出品商品に製品コードが付与されているか？</li>
</ol>
<p>ヘルス＆ビューティーのカテゴリーに属するものは、出品申請が必要となります。</p>
<p><a href="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3057" alt="Amazon_セラーセントラル 2" src="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-300x148.jpg" width="300" height="148" srcset="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-300x148.jpg 300w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-1024x507.jpg 1024w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-228x112.jpg 228w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301.jpg 1345w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>右上のヘルプページに行き、赤枠のテクニカルサポートの「問い合わせる」ボタンをクリックします。</p>
<p><a href="/uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3058" alt="Amazon_セラーセントラル 3" src="/uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-300x146.jpg" width="300" height="146" srcset="/uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-300x146.jpg 300w, /uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-1024x501.jpg 1024w, /uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-228x111.jpg 228w, /uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5.jpg 1360w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>特定の商品の出品許可について＞ヘルス＆ビューティーを選択します。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3059" alt="Amazon_セラーセントラル 4" src="/uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-300x142.jpg" width="300" height="142" srcset="/uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-300x142.jpg 300w, /uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-1024x485.jpg 1024w, /uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-228x108.jpg 228w, /uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3.jpg 1356w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>出品申請画面に行きますので選択をしていきます。</p>
<p><a href="/uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3060" alt="Amazon_セラーセントラル 5" src="/uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-300x121.jpg" width="300" height="121" srcset="/uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-300x121.jpg 300w, /uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-1024x415.jpg 1024w, /uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-228x92.jpg 228w, /uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1.jpg 1352w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>最後に商品画像のアップロードをします。</p>
<p><a href="/uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3061" alt="Amazon_セラーセントラル 6" src="/uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-300x130.jpg" width="300" height="130" srcset="/uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-300x130.jpg 300w, /uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-1024x443.jpg 1024w, /uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-228x98.jpg 228w, /uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7.jpg 1354w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>以上で申請は、完了となります。</p>
<p>24時間以内に審査が入るとのことですが、次の手順として「情報・ポリシー」に概要を埋める必要があるので、遷移します。</p>
<p><a href="/uploads-archive/2013/09/screenshot5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3062" alt="screenshot" src="/uploads-archive/2013/09/screenshot5-300x141.png" width="300" height="141" srcset="/uploads-archive/2013/09/screenshot5-300x141.png 300w, /uploads-archive/2013/09/screenshot5-1024x482.png 1024w, /uploads-archive/2013/09/screenshot5-228x107.png 228w, /uploads-archive/2013/09/screenshot5.png 1318w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>出品者情報欄に特定商取引法に必要な項目を埋めます。</p>
<p>以上で、作業は完了となります。</p>
<h2>まとめ</h3>
<p>次回は、審査が下りてから、高度医療機器販売許可証の提示や実際に商品を登録するフェーズに入ると思います。</p>


Amazonマーケットプレイス出店手順②（アカウントの初期設定、商品登録）

jQueryとCSS3で円の型抜きのホバー効果

googlemapをブラウザの横幅一杯に表示するとカッコイイかも

<p>今回は、弊社で展開しているカラコン通販サイト「キャッツアイ」<a href="http://catseye-store.com/">http://catseye-store.com/</a>のamazon店を出店すべく、</p>
<p>その手順をご紹介したいと思います。</p>
<p>&nbsp;</p>
<p>なお、カラーコンタクトレンズという商品は、大口出品というカテゴリーでしか出店出来ません。</p>
<h2>出店登録</h3>
<p>まずは、登録をすべく以下のURLにアクセスします。</p>
<p><a href="http://services.amazon.co.jp/" target="_blank">http://services.amazon.co.jp/</a></p>
<p><a href="/uploads-archive/2013/09/f457c796fb736ce48a84852ce36cfedf.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3014" alt="Amazon_Services_Amazon出品（出店）サービス_フルフィルメント_by_Amazon_FBA_" src="/uploads-archive/2013/09/f457c796fb736ce48a84852ce36cfedf-300x246.jpg" width="300" height="246" /></a></p>
<p>&nbsp;</p>
<p>右カラムに登録ボタンがあります。</p>
<h3>大口出品サービスと小口出品サービスの比較</h4>
<p>ここで、大口出品サービスと小口出品サービスという2つの形態があることがわかります。</p>
<p>下記のURLで確認することが出来ますが、抜粋をすると下図の表になります。</p>
<p><a href="http://services.amazon.co.jp/services/sell-on-amazon/individual-promerchant.html" target="_blank">http://services.amazon.co.jp/services/sell-on-amazon/individual-promerchant.html</a></p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>出品形態の機能</th>
<th>大口出品サービス</th>
<th>小口出品サービス</th>
</tr>
<tr>
<th>月間登録料</th>
<td>4,900円</td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>基本成約料詳しくは<a href="http://services.amazon.co.jp/services/sell-on-amazon/fee.html">こちら</a><br />
（成約商品1点につき100円）</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>Amazon.co.jp上にない<br />
商品のカタログデータ登録</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>出品形態</th>
<td>出店<br />
（Amazon.co.jp上に<br />
出品商品一覧ページ掲載）</td>
<td>出品</td>
</tr>
<tr>
<th>一括出品ツールの利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>注文管理レポートの利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>出品者独自の配送料金設定</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>プロモーション・<br />
ギフトオプションなどを利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>商品詳細ページ右側「ショッピングカート」または「こちらからも買えますよ」ボックスへの出品者名表示権限</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th rowspan="2">出品できるカテゴリー</th>
<td><strong>今すぐ出品が可能</strong>&nbsp;</p>
<p>書籍 ／文房具・オフィス用品／ミュージック／ホーム＆キッチン／ビデオ／DIY・工具・車用品／DVD／おもちゃ＆ホビー／PCソフト／スポーツ＆アウトドア／TVゲーム／ベビー＆マタニティ／エレクトロニクス／楽器</p>
<p><strong>出品許可が必要</strong></p>
<p>時計／ヘルス＆ビューティ／アパレル、シューズ、バッグ／コスメ／ジュエリー／食品＆飲料／ペット用品</td>
<td><strong>今すぐ出品が可能</strong>&nbsp;</p>
<p>書籍 ／文房具・オフィス用品／ミュージック／ホーム＆キッチン／ビデオ／DIY・工具・車用品／DVD／おもちゃ＆ホビー／PCソフト／スポーツ＆アウトドア／TVゲーム／ベビー＆マタニティ／エレクトロニクス／楽器</td>
</tr>
<tr>
<th>大口出品サービス</th>
<th>小口出品サービス</th>
</tr>
</tbody>
</table>
<h3>成約手数料</h4>
<p>また次に気になる販売時の手数料ですが、商品カテゴリーによって、販売の可否、手数料が異なりますので、以下のURLか、下図をご参照下さい。</p>
<p>http://services.amazon.co.jp/services/sell-on-amazon/fee.html</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>商品カテゴリー・サブカテゴリー</th>
<th>大口出品販売<br />
手数料(%)</th>
<th>小口出品販売<br />
手数料(%)</th>
</tr>
<tr>
<td>書籍</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>ミュージック</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>DVD</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>VHS</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>エレクトロニクス</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>パソコン・周辺機器</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>（エレクトロニクス商品、パソコン・周辺機器）アクセサリー商品<br />
(2013年10月11日より適用)</td>
<td>10%、もしくは50円の<br />
いずれか高い方 (*6)</td>
<td>10%、もしくは50円の<br />
いずれか高い方 (*6)</td>
</tr>
<tr>
<td>Kindle アクセサリ</td>
<td>45%</td>
<td>45%</td>
</tr>
<tr>
<td>楽器</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>文房具・オフィス用品（*4）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>スポーツ＆アウトドア</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>おもちゃ＆ホビー</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>PCソフト</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>TVゲーム（*5）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>ホーム＆キッチン（*3）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>大型家電</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>DIY・工具</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>カー＆バイク用品</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>ベビー＆マタニティ</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<th colspan="3">以下のカテゴリーは大口出品のご契約時のみ販売可能です。<br />
また、以下のカテゴリーの商品をご出品の場合は出品前に出品許可が必要となります。</th>
</tr>
<tr>
<td>コスメ</td>
<td>20%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ヘルス＆ビューティー</td>
<td>10%</td>
<td>出品不可</td>
</tr>
<tr>
<td>時計（*2）</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>アパレル</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>シューズ、バッグ</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ジュエリー</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>食品＆飲料（*１）</td>
<td>10%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ペット用品</td>
<td>15%</td>
<td>出品不可&nbsp;</p>
<p>&nbsp;</td>
</tr>
</tbody>
</table>
<p>以上から、弊社が扱う商材では、大口出品販売が必須でヘルス＆ビューティーというカテゴリーになりますので、手数料が10%ということになります。</p>
<h2>大口出品サービスに登録</h3>
<p><a href="/uploads-archive/2013/09/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3030" alt="screenshot" src="/uploads-archive/2013/09/screenshot-300x215.png" width="300" height="215" srcset="/uploads-archive/2013/09/screenshot-300x215.png 300w, /uploads-archive/2013/09/screenshot-768x551.png 768w, /uploads-archive/2013/09/screenshot-1024x734.png 1024w, /uploads-archive/2013/09/screenshot-228x163.png 228w, /uploads-archive/2013/09/screenshot.png 1328w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まず、先ほどの画像で示した箇所から大口出品登録に進むと各種基本情報の入力が求められます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3031" alt="screenshot" src="/uploads-archive/2013/09/screenshot1-300x198.png" width="300" height="198" srcset="/uploads-archive/2013/09/screenshot1-300x198.png 300w, /uploads-archive/2013/09/screenshot1-768x507.png 768w, /uploads-archive/2013/09/screenshot1-1024x676.png 1024w, /uploads-archive/2013/09/screenshot1-228x150.png 228w, /uploads-archive/2013/09/screenshot1.png 1315w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>続いて、店舗名や、住所を登録します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3032" alt="screenshot" src="/uploads-archive/2013/09/screenshot2-300x128.png" width="300" height="128" /></p>
<p>次に、クレジットカードの情報を入力します。</p>
<p>月額費用の引き落としに必要になります。後から、クレジットカード情報を変えることも可能と書いてあります。</p>
<p><a href="/uploads-archive/2013/09/screenshot3.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3033" alt="screenshot" src="/uploads-archive/2013/09/screenshot3-300x75.png" width="300" height="75" srcset="/uploads-archive/2013/09/screenshot3-300x75.png 300w, /uploads-archive/2013/09/screenshot3-1024x259.png 1024w, /uploads-archive/2013/09/screenshot3-228x57.png 228w, /uploads-archive/2013/09/screenshot3.png 1327w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ここまで進むと、電話認証の手続きになります。先ほど入力した電話番号に電話が掛かってきて、</p>
<p>画面に表示されている暗証番号を電話のプッシュボタンで入力します。</p>
<p><a href="/uploads-archive/2013/09/screenshot4.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3034" alt="screenshot" src="/uploads-archive/2013/09/screenshot4-300x112.png" width="300" height="112" srcset="/uploads-archive/2013/09/screenshot4-300x112.png 300w, /uploads-archive/2013/09/screenshot4-1024x384.png 1024w, /uploads-archive/2013/09/screenshot4-228x85.png 228w, /uploads-archive/2013/09/screenshot4.png 1309w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>以上で登録は完了です。</p>
<p>すぐに管理画面に移動します。</p>
<h2>まとめ</h3>
<p>正直、拍子抜けするほど手続きが簡単でした。</p>
<p>カラコンを扱うため、この後、高度管理医療機器販売の許可証などを提示するなど、いくつかタスクは残っておりますが、オンラインで完結するあたりが他のモールへの出品とは異なるなと思いました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2013/09/25

2013/09/25

2013/09/25

2013/09/24

2013/09/18

2013/09/18

2013/09/18

2013/09/18

2013/09/17

2013/09/11

2013/09/11

2013/09/11

2013/09/11

2013/09/11

2013/09/10

2013/09/05

2013/09/05

2013/09/05