<p>レンタルDNSサービスが無いレジストラでドメインを取得した場合、DNSを用意するのも大変だし、最悪レジストラを変えればと思っていたけど取得後60日間は移管できずリリースに間に合わないといった場合、実はさくらインターネットのVPSではDNSを用意してくれる。</p>
<p>たぶん以前からあったようだが知らず、試してみたら無事に使用できたのでメモと共有。</p>
<p>&nbsp;</p>
<h2>VPSコントロールパネルにログイン</h3>
<p>ログイン後、左メニューの「ネームサーバ登録」をクリック<br />
<a href="/uploads-archive/2014/05/11.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4837" alt="1" src="/uploads-archive/2014/05/11.png" width="656" height="539" srcset="/uploads-archive/2014/05/11.png 656w, /uploads-archive/2014/05/11-300x246.png 300w, /uploads-archive/2014/05/11-228x187.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<h2>ネームサーバ新規登録</h3>
<p>更に左メニューの「ネームサーバ新規登録」をクリックすると以下のようなページに行くので、最下部のドメイン名に使用したいドメイン名を入力して「送信する」をクリックする。</p>
<p>WWW有り無しは両方登録したほうがよさそう。<br />
<a href="/uploads-archive/2014/05/21.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4842" alt="2" src="/uploads-archive/2014/05/21.png" width="656" height="776" srcset="/uploads-archive/2014/05/21.png 656w, /uploads-archive/2014/05/21-253x300.png 253w, /uploads-archive/2014/05/21-228x269.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<h2>登録完了 → ゾーン設定へ</h3>
<p>登録完了後は以下のようなページに行くので、「ドメインメニューへ」をクリック<br />
<a href="/uploads-archive/2014/05/31.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4838" alt="3" src="/uploads-archive/2014/05/31.png" width="656" height="243" srcset="/uploads-archive/2014/05/31.png 656w, /uploads-archive/2014/05/31-300x111.png 300w, /uploads-archive/2014/05/31-228x84.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<h2>ゾーン編集へ</h3>
<p>登録済みドメインの一覧がでてくるので、該当ドメインの「ゾーン編集」ボタンをクリック。<br />
<a href="/uploads-archive/2014/05/4.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4836" alt="4" src="/uploads-archive/2014/05/4.png" width="656" height="419" srcset="/uploads-archive/2014/05/4.png 656w, /uploads-archive/2014/05/4-300x191.png 300w, /uploads-archive/2014/05/4-228x145.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<h2>ゾーンの新規登録</h3>
<p>新規登録の際は以下のようなページに行くので、さくらのVPSで該当ドメインを使いたい時は「さくらインターネットのネームサーバに設定する(詳細設定)」の「送信する」ボタンをクリックする。<br />
<a href="/uploads-archive/2014/05/5.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4840" alt="5" src="/uploads-archive/2014/05/5.png" width="656" height="760" srcset="/uploads-archive/2014/05/5.png 656w, /uploads-archive/2014/05/5-258x300.png 258w, /uploads-archive/2014/05/5-228x264.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<h2>エントリを追加</h3>
<p>上述の「さくらインターネットのネームサーバに設定する(詳細設定)」を選択した場合はTYPE=NSが登録済みなので、次にAレコードを登録する。</p>
<p>左メニューの「変更」ボタンをクリック<br />
<a href="/uploads-archive/2014/05/6.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4843" alt="6" src="/uploads-archive/2014/05/6.png" width="656" height="459" srcset="/uploads-archive/2014/05/6.png 656w, /uploads-archive/2014/05/6-300x209.png 300w, /uploads-archive/2014/05/6-228x159.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<h2>レコード追加</h3>
<p>エントリ名、種別の変更があれば設定し、値にIPアドレス(この場合はさくらVPSのIP)を記入する。<br />
<a href="/uploads-archive/2014/05/7.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4841" alt="7" src="/uploads-archive/2014/05/7.png" width="656" height="536" srcset="/uploads-archive/2014/05/7.png 656w, /uploads-archive/2014/05/7-300x245.png 300w, /uploads-archive/2014/05/7-228x186.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<h2>設定完了</h3>
<p>完了後、Aレコードが追加されていればOK</p>


【さくらインターネット】VPSで外部で取得したドメインを使用する方法

<p>当社ミャンマーラボからさくらインターネット(共有)にアクセスできなくなったとの連絡があり、<br />
慌てて問い合わせたところ、2014年の3月頃から国外のアクセスをブロックする設定変更を行ったとのこと。</p>
<p><a href="http://www.sakura.ad.jp/news/sakurainfo/newsentry.php?id=870" target="_blank"> http://www.sakura.ad.jp/news/sakurainfo/newsentry.php?id=870</a></p>
<p>これは当社にとっては非常に困るのでサーバー移管も考えたがすぐに解決した。</p>
<p>&nbsp;</p>
<h2>管理画面にログイン</h3>
<p>おなじみのこちらにログイン</p>
<p><a href="https://secure.sakura.ad.jp/rscontrol/" target="_blank">https://secure.sakura.ad.jp/rscontrol/</a></p>
<p><a href="/uploads-archive/2014/05/1.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4816" alt="1" src="/uploads-archive/2014/05/1.png" width="656" height="335" srcset="/uploads-archive/2014/05/1.png 656w, /uploads-archive/2014/05/1-300x153.png 300w, /uploads-archive/2014/05/1-228x116.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>ここをクリック！</h3>
<p>メインメニュー。見つけられな方自分が恥ずかしい</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/05/2.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4818" alt="2" src="/uploads-archive/2014/05/2.png" width="656" height="816" srcset="/uploads-archive/2014/05/2.png 656w, /uploads-archive/2014/05/2-241x300.png 241w, /uploads-archive/2014/05/2-228x283.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<h2>あとは変更するだけ！</h3>
<p><a href="/uploads-archive/2014/05/3.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4817" alt="3" src="/uploads-archive/2014/05/3.png" width="656" height="774" srcset="/uploads-archive/2014/05/3.png 656w, /uploads-archive/2014/05/3-254x300.png 254w, /uploads-archive/2014/05/3-228x269.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a>以上</p>
<p>&nbsp;</p>


【さくらインターネット】国外からアクセス出来ない件の解決方法

<p>以前都心の倉庫物件が値上がりしているという記事を書いたが、<br />
その流れが地方物件にも波及しているらしい。<br />
物流や生産の拠点としての投資物件のが増えているらしい。<br />
<a href="http://www.nikkei.com/article/DGXNASGD0904Q_Z00C14A4MM8000/" target="_blank">http://www.nikkei.com/article/DGXNASGD0904Q_Z00C14A4MM8000/</a></p>
<p>REITの保有不動産は合計で約11兆5千億円で<br />
このうち東京23区、大阪、名古屋を除いた地方物件は約4兆円と34％。<br />
前年度比の伸び率は三大都市圏の12％増、地方は28％増。</p>
<p>EC事業者のサービス競争により翌日配送などのニーズが高まっており<br />
物流施設の開発を急いでいることが最大の要因とのこと。</p>
<p>こうしたECの発展が自然に地域活性化につながるのは非常に良い動きだと感じたので今回共有させてもらいました。</p>
<p>千葉県八千代市で物流施設を再開発中の三井物産ロジスティクス・パートナーズ社は<br />
大型の物流施設が開設すれば数千人規模の雇用が生まれると話しているとのことで<br />
地方経済に与える影響は少なくない。</p>
<p>地方とECというのは親和性が高いが、インフラや人材の教育が進めば急速に動きが活発になる可能性がある。<br />
そうなると、我々のようなECのソリューションを提供する会社は地方との連携をどのように取れるかは非常に重要な要素となってくる。<br />
そういった意味で地方の動きは今後ウォッチしていきたいと思った</p>


EC拡大でREIT地方投資額が過去最大に

<p>ヤマトホールディングスが、中国全土への配送サービスを開始するとの発表がされた。<br />
中国最大の物流会社である中国郵政集団(チャイナポスト)と提携し、日本から中国全土への配送サービスを始めるとのこと。<br />
中国郵政集団は中国で唯一中国全土への配送網を持っており、日本から3〜5日での配送が可能になるという。<br />
料金は1kgまでが約2,000円、2kgまでが約3,500円となっており、頻度による割引もあるとのこと。<br />
「日本で培った使いやすく安定サービスを海外で展開する」という戦略を進めているとのことで、<br />
日本のEC事業者としては、今までの業務フローを大きく変えずに中国展開ができるようになる。</p>
<p>これは今後日本の越境ECが繁栄する上で大きな一歩だと思った。<br />
中国のECは急速に発展しており、市場規模は6.6兆円、EC化率は6%と言われている。(日本は9.5兆円、3.1%)<br />
人口や成長率を考えると、2014年度にも日本を上回る可能性がある。<br />
また、中国は越境ECも成長しており、2012年度に中国が日本及び米国からECで購入した総計は2,868億円となり<br />
前年同期比123%となっている。<br />
経済産業省の試算によると、日本から中国へのECでの販売は2020年にも9000億円に達するとされており、魅力的な市場であることは明らかだ。<br />
そこに日本のEC事業者が簡単に参入できるとなると、中小事業者でも中国向け販売で成功するところが複数出てくる可能性が高い。<br />
中国向け販売を足がかりに、EC事業者と運送会社がノウハウを構築し、次のステップに進めれば<br />
他の国への販売スキームも作りやすくなり、小さな店舗が数十カ国と取引するグローバル企業となるという当社の理念に近づくことも十分可能になる。</p>
<p>売り手、買い手ともに、返品や不良品、詐欺など懸念点はたくさんあり、これらをいかに整備するかで今後の越境ECの成長は大きく変わると思う。<br />
多言語でのサポートサイトやガイドラインを国若しくはそれに準ずる機関がこの分野に力を入れ、取り締まるのと取引の円滑化をしてもらえればと強く思う。</p>


ヤマト通販事業者向け中国全土配送サービスの開始を発表

<p>ただ単に売るということだけをメインとしたECサイトであった場合は、<br />
一般的な商材であれば価格勝負になるし、そうでなければそこでしか買えない商品を開発し、プロモーションをしなければならない。</p>
<p>それらとは異なる角度からECを成長させるという事例として、ECサイトをメディアとして捉えるという手法が増えているとのことでそのご紹介。</p>
<h2>Huckberry</h3>
<p><a href="http://huckberry.com/blog" target="_blank"> http://huckberry.com/blog</a><br />
<a href="http://blogos.com/article/80821/" target="_blank">http://blogos.com/article/80821/</a></p>
<p>メディア部分であるブログはだれでも見られるのに対し、EC部分はログインしないと見れない。<br />
メディアありきで上位ユーザーとしてECがある感じ。</p>
<p>写真はキャッチーでありブログメディアっぽく、ざっくり読んだだけだが記事も面白そうな感じだ。</p>
<p>商品は下着からハンマーまで幅広い。本当にブログ中心で気に入ったものを紹介している感じがする。<br />
サイトと記事をまとめると</p>
<p>・メールマガジンとブログで男性向け雑誌の切り口</p>
<p>・面白いものは多彩とでも紹介する</p>
<p>・メルマガ13万人、開封率27〜28%、クリック率4〜5%</p>
<p>・男性向けECサイトは富裕層向けと専門サイトに二分される</p>
<p>・ストーリーを文字と写真で紹介、買うことが目的ではなく楽しむことが目的</p>
<p>という感じらしい。</p>
<h2>北欧、暮らしの道具店</h3>
<p><a href="http://hokuohkurashi.com/" target="_blank"> http://hokuohkurashi.com/</a><br />
<a href="http://markezine.jp/article/detail/19209" target="_blank">http://markezine.jp/article/detail/19209</a></p>
<p>サイドメニューの商品カテゴリより上に読みものというメニューがあり、こちらもメディア中心の構成がうかがえる。</p>
<p>主婦向けで若干富裕層寄りのニュアンスが感じられる。</p>
<p>料理など生活に関わる内容と北欧の記事が中心。</p>
<p>例えば商品の一つである器を料理の記事と組み合わせ、最後に商品ページにリンクさせているようなページもあるが全くECと無関係なページも多く存在している。</p>
<p>アットホームな雰囲気作りで暮らしの提案をしてECに繋がている感じがする。</p>
<p>・サイトの成長は、SEOやバズマーケティングと良質なコンテンツを長期的に提供し続ける、の2通りがある</p>
<p>・商品ありきのコンテンツ作りではなく、コンテンツありきの商品を提供する</p>
<p>・「北欧、暮らしの道具店」は日常生活に不要であり、娯楽を売っているエンターテインメントビジネス</p>
<p>・エンターテインメント性のためにはユーザビリティを捨てる</p>
<p>・CVRは無視、アクセス数重視</p>
<p>ECサイトが乱立するとこのような動きは当然出てくるとは予想できるが、<br />
面白いと思ったのは、ライターとフォトグラファーというポジションがサイト上で高い地位で活躍していること。</p>
<p>通常サイトの運用などはデザイナーやコーダー、場合によってはプログラマーなどが中心となり、<br />
配送兼更新担当者のような方と広告担当がサイトごとに1人程度いるようなスタイルが多かったように思える。</p>
<p>しかしそれが本当に雑誌のようになりコンテンツが重要視されるようになると本当にこのようになるのかと思うと、ECが日々進化していっているのを感じる。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


メディア化するEC

<p>ZNAPとはQRを使った決済プラットフォーム。</p>
<p><a href="http://consumer.znap.com/" target="_blank">http://consumer.znap.com/</a></p>
<p>香港に拠点を置くMPayMe社が展開するサービスで、実は昨年から日本版が公開されていたとのことだが</p>
<p>知らなかったので使ってみた。</p>
<p>&nbsp;</p>
<p>まずはアプリをダウンロードする。</p>
<p><a href="/uploads-archive/2014/02/36c8c9261c98e7c1b7d7d5e14410cdda.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4183" alt="写真 1" src="/uploads-archive/2014/02/36c8c9261c98e7c1b7d7d5e14410cdda-200x300.png" width="200" height="300" srcset="/uploads-archive/2014/02/36c8c9261c98e7c1b7d7d5e14410cdda-200x300.png 200w, /uploads-archive/2014/02/36c8c9261c98e7c1b7d7d5e14410cdda-228x342.png 228w, /uploads-archive/2014/02/36c8c9261c98e7c1b7d7d5e14410cdda.png 640w" sizes="(max-width: 200px) 100vw, 200px" /></a></p>
<p>&nbsp;</p>
<p>個人情報を登録して会員登録。</p>
<p>登録後クレジットカード情報を予め登録しておくとすぐに使える模様。</p>
<p>ただし現在はVISAとMasterのみ対応しているらしい。(今後はその他カードと銀行引き落としも対応するとのこと)</p>
<p><a href="/uploads-archive/2014/02/d97c50263c64191b4a87e849b78211fe.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4185" alt="写真 2" src="/uploads-archive/2014/02/d97c50263c64191b4a87e849b78211fe-200x300.png" width="200" height="300" srcset="/uploads-archive/2014/02/d97c50263c64191b4a87e849b78211fe-200x300.png 200w, /uploads-archive/2014/02/d97c50263c64191b4a87e849b78211fe-228x342.png 228w, /uploads-archive/2014/02/d97c50263c64191b4a87e849b78211fe.png 640w" sizes="(max-width: 200px) 100vw, 200px" /></a></p>
<p>&nbsp;</p>
<p>QRを読み込む画面はこんな感じ</p>
<p><a href="/uploads-archive/2014/02/cb21c53e01edf9fb25f6ab527a681e99.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4186" alt="写真 3" src="/uploads-archive/2014/02/cb21c53e01edf9fb25f6ab527a681e99-200x300.png" width="200" height="300" srcset="/uploads-archive/2014/02/cb21c53e01edf9fb25f6ab527a681e99-200x300.png 200w, /uploads-archive/2014/02/cb21c53e01edf9fb25f6ab527a681e99-228x342.png 228w, /uploads-archive/2014/02/cb21c53e01edf9fb25f6ab527a681e99.png 640w" sizes="(max-width: 200px) 100vw, 200px" /></a>デモ用のQRがなかったのでキャプチャはここまで。</p>
<p>&nbsp;</p>
<p>買う方としては簡単に取り出して決済ができて、なおかつポイントがたまるので便利。</p>
<p>何がすごいかというのを以下自分なりにまとめてみた。</p>
<p>&nbsp;</p>
<h2> ポスターから直購入</h3>
<p>電車の待ち時間に目の前のポスターから直接購入できる。</p>
<p>また、これはポスターだけではなくカタログやフライヤーなど全ての紙媒体に言えることだ。</p>
<p>今まで成果が見えづらかった屋外広告がトレースできるだけでなく直接売上につながるのは新しい感覚だ。</p>
<p>&nbsp;</p>
<h2>小規模小売店で</h3>
<p>SquareやCoineyは結局設備投資を抑えたい小さな小売店に強いニーズがあるが<br />
ZNAPはそれらに必要な一切の端末が不要。</p>
<p>お品書きにQRをそれぞれ記載しておくこともできるし、<br />
合計金額を計算後画面にQRが出るようにすればトータルでの会計もきる。</p>
<p>むしろクレジットカードを持っている必要はない。</p>
<p>実は飲食店バージョンはZNAP自らコンセプトショップをやっているとのこと。</p>
<p><a href="http://consumer.znap.com/ja_JP/znap-news-press.html#znap-qrbar_16" target="_blank"> http://consumer.znap.com/ja_JP/znap-news-press.html#znap-qrbar_16</a></p>
<p>手数料も安く、3.24％とのこと。</p>
<p>&nbsp;</p>
<h2>販促</h3>
<p>提携店舗のクーポン情報を受け取れる。(使い込んでいないがおそらく位置情報でクーポンを受け取れる)</p>
<p>また、購入履歴には商品情報の他に位置情報も記憶されており、ニーズを抽出してクーポンをレコメンドできる。</p>
<p>あとはポイントがたまるので利用価値も高くなる。</p>
<p>&nbsp;</p>
<h2>まとめ</h3>
<p>非常によく出来た良い仕組みと思うが、最終的には対応店舗がネックになると思うので</p>
<p>これからはマーケティングが最も重要と感じた。</p>
<p>過去記事などを見ると計画的にマーケティングをしているようで、トータルで期待できる気がする。</p>
<p>あとはどこか大規模な超有名店が対応するなどして一気に広がるかもしれない。</p>
<p>ジャンルはわからないが、動きやすく競争過多である飲食店などで導入されるかもしれない。</p>


あらゆる場所が店になるZNAP

<p>世界に一つだけのオリジナルアイテムをオーダーできる「GEMIY」を触ってみた。</p>
<p>GEMIYとはお客(I)と作り手(YOU)との間に、たくさんのGEM(宝物)が生まれますようにとの思いから作られたサービスで、</p>
<p>世界に一つだけの商品をクリエイターにオーダーして作ってもらえるサイトだ。</p>
<p><a href="http://gemiy.net/" target="_blank">http://gemiy.net/</a></p>
<p>&nbsp;</p>
<p>本日現在、BERET、SHORT KNIT、TIE、BABY BALLなど9種類のカテゴリから商品を選択できる。</p>
<p>ちなみに価格はそれぞれ7,400円、26,000円、7,000円、2,500円と少し高め。</p>
<p><a href="/uploads-archive/2014/01/11.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4074" alt="1" src="/uploads-archive/2014/01/11.jpg" width="656" height="177" srcset="/uploads-archive/2014/01/11.jpg 656w, /uploads-archive/2014/01/11-300x80.jpg 300w, /uploads-archive/2014/01/11-228x61.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>そこから色を選択してカートに入れる。</p>
<p><a href="/uploads-archive/2014/01/21.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-4075" alt="2" src="/uploads-archive/2014/01/21.jpg" width="656" height="418" srcset="/uploads-archive/2014/01/21.jpg 656w, /uploads-archive/2014/01/21-300x191.jpg 300w, /uploads-archive/2014/01/21-228x145.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>流れはシンプルだが仕上がりをクリエイターと話し合って微調整できるとのこと。</p>
<p>今までのこういったオンリーワン系のクリエイターサイトと違う点は、</p>
<p>クリエイターをサイト側で選択しているところ。</p>
<p>誰でも参加できるわけではないので、クオリティを担保されているので</p>
<p>変なものが届くことは無いのだと思う。</p>
<p>とりあえず見にくるというユーザーではなく、こんなのがほしいというユーザー向きな感じだ。</p>
<p>クリエーターにある程度依存するので、影響力のあるクリエーターが集まれば良いかもしれない。</p>


世界に一つだけのオリジナルアイテムをオーダーできる「GEMIY」

<p>連休中の日経一面にEC記事が2件出てたのでその紹介です。</p>
<p>&nbsp;</p>
<h2>大和ハウス、ネット通販向け物流施設に2000億円</h3>
<p>1月11日 朝刊掲載</p>
<p><a href="http://www.nikkei.com/article/DGXNASDD100Q4_Q4A110C1MM8000/" target="_blank">http://www.nikkei.com/article/DGXNASDD100Q4_Q4A110C1MM8000/</a></p>
<p>&nbsp;</p>
<p>大和ハウス工業が2015年までに2000億円でEC業者向けの倉庫開発に投資するとのこと。</p>
<p>他にも、三井不動産は2017年度までに2000億円を投資、野村不動産ホールディングスは年200億～300億円の投資を予定している。</p>
<p>外資系では米系のプロロジスが年間500億～600億円、シンガポール系のグローバル・ロジスティック・プロパティーズは全国規模での展開を予定。</p>
<p>野村総合研究所の調査によると、2013年度のBtoCのEC市場規模は前年同期比13％増の11兆5千億円となっており、</p>
<p>2017年度には17兆3千億円になると予想している。</p>
<p>首都圏の倉庫における空室率4%台となっており、共有が不足しがちであるとともに</p>
<p>一般の賃貸と比べて長期での契約が見込めるため、デベロッパーにとっては良い市場とのこと。</p>
<p>&nbsp;</p>
<p>現在は大手モール中心のサービス合戦が繰り広げられており</p>
<p>即日配送など小規模サイトには真似できないサービスもこのような開発が進めば、簡単に導入できるようになるかもしれない。</p>
<p>&nbsp;</p>
<h2>ヤマト、ネット通販を後払いに 返品も容易に</h3>
<p>1月12日 朝刊掲載</p>
<p><a href="http://www.nikkei.com/article/DGXNASDD1102K_R10C14A1MM8000/" target="_blank">http://www.nikkei.com/article/DGXNASDD1102K_R10C14A1MM8000/</a></p>
<p>&nbsp;</p>
<p>ヤマトが新しい決済手段を始めるというニュース。</p>
<p>仕組みは私の理解だと以下の通り。</p>
<p>顧客：注文</p>
<p>EC業者：受注 &amp; ヤマト新決済を使って発送(未入金)</p>
<p>ヤマト：発送 &amp; コンビニなどの払込用紙を顧客に渡す</p>
<p>顧客：支払う or 支払い前にヤマトを呼んで返品可能</p>
<p>ヤマト：返品でなければEC業者に代金を立て替え。未払いの場合は債権回収を代行</p>
<p>&nbsp;</p>
<p>手数料の額や誰が負担できるか、若しくはそれらを選択できるのかなどは全く書いてなかったが、</p>
<p>EC事業者、顧客のメリットデメリットは以下が想定できる。</p>
<p>&nbsp;</p>
<p>[EC事業者]</p>
<p>■メリット</p>
<p>・確実な代金回収</p>
<p>・入金待ちのステータスがなくなる</p>
<p>・顧客の安心感による販売促進</p>
<p>&nbsp;</p>
<p>■デメリット</p>
<p>・返品が容易</p>
<p>・手数料の負担</p>
<p>&nbsp;</p>
<p>[顧客]</p>
<p>■メリット</p>
<p>・返品が容易</p>
<p>・スピーディな配送</p>
<p>&nbsp;</p>
<p>■デメリット</p>
<p>・手数料の負担</p>
<p>&nbsp;</p>
<p>手数料の負担を除いては顧客にとって有益な仕組みとなりそうな感じ。</p>
<p>しかしEC事業者にとってはシステムの改修や倉庫会社との連携など初期導入の心配が残るのと</p>
<p>返品が増えそうで怖い。</p>
<p>おそらくはクレジットカード持ってないけどすぐ送ってほしい顧客などが</p>
<p>手数料を負担してもいいから選択する、といった使い方がされるのだろうか。</p>


連休中の日経一面にEC記事が2件

<p>今更だが、最近良いという話を聞いたのでGumroadを使ってみた。</p>
<p>GumroadはSTORES.jpやBASEのように商品を無料で販売できるサービス。</p>
<p>ただ、イメージや電子書籍、楽曲などクリエイター向けに作られており、決済はPayPalだけというシンプルなものだ。</p>
<p>創業者はPinterestのデザイナーだった人とのことで、デザインやインターフェイスは細部まで作りこまれており</p>
<p>大変使いやすいが統一感とシンプル性を重視しているせいか汎用性は低い。</p>
<p>ただしこれはSNSでURLをシェアするという使い方に限定すれば逆に購入する側としてもわかりやすいと思った。</p>
<p>&nbsp;</p>
<h2>販売コンテンツ</h3>
<p><a href="/uploads-archive/2014/01/1.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3921" alt="1" src="/uploads-archive/2014/01/1.jpg" width="656" height="431" srcset="/uploads-archive/2014/01/1.jpg 656w, /uploads-archive/2014/01/1-300x197.jpg 300w, /uploads-archive/2014/01/1-228x149.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a>通常の商品とサブスクリプション(定期購入商材)、事前注文(予約商品)の3種類が利用できる。</p>
<p>商材はデータとしてアップロードできるものであれば何でもいける模様。</p>
<p>&nbsp;</p>
<h2>商品登録</h3>
<p><a href="/uploads-archive/2014/01/2.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3922" alt="2" src="/uploads-archive/2014/01/2.jpg" width="656" height="430" srcset="/uploads-archive/2014/01/2.jpg 656w, /uploads-archive/2014/01/2-300x196.jpg 300w, /uploads-archive/2014/01/2-228x149.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>商品登録はファイルとタイトルだけが必須項目になっていてとてもシンプルなフロー。</p>
<p>定期購入は月次課金と年次課金が選択できる。</p>
<p>通過も円をや香港ドル等複数から選択できる。</p>
<p>選択の仕方が通常のプルダウンでないところにデザイナーの細部のこだわりが感じられる。</p>
<p>販売する画像とは他にイメージ画像や説明文を登録することができる。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/01/3.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3925" alt="3" src="/uploads-archive/2014/01/3.jpg" width="656" height="430" srcset="/uploads-archive/2014/01/3.jpg 656w, /uploads-archive/2014/01/3-300x196.jpg 300w, /uploads-archive/2014/01/3-228x149.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>この時点で詳細ページのURLが発行されているので、ログインした状態でアクセスすると</p>
<p>以下の様な編集ツールが出現し、商品ページの見栄えの調整ができる。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/01/4.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3927" alt="4" src="/uploads-archive/2014/01/4.jpg" width="656" height="694" srcset="/uploads-archive/2014/01/4.jpg 656w, /uploads-archive/2014/01/4-283x300.jpg 283w, /uploads-archive/2014/01/4-228x241.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>ページの背景画像や決済画面の文言、支払い完了画面などの設定が可能。</p>
<p>デフォルトでも十分公開できるようになっている。</p>
<p>&nbsp;</p>
<p>上記の商品登録と、あとはアクセス解析や売上管理、顧客にメッセージを送る機能くらいと非常にシンプルにできている。</p>
<p>前述のとおりクリエイターがSNSでシェアすることを前提とした場合は簡単で良いかもしれない。</p>
<p>&nbsp;</p>
<p>ただ、この手のサイトは</p>
<p>・生活必需品でない</p>
<p>・企業が利用しづらい = 一定のニーズから絞りづらい</p>
<p>・既成品でない = 制作者のバリューに商材が比例</p>
<p>という理由ですぐに大きな流通量を稼ぎだすのは難しい気がするが</p>
<p>ショップという概念が無くSNSがそれであるという新しい概念として注目したいと思った</p>
<p>&nbsp;</p>


Gumroadを使ってみた

<p>1月〜11月の来日外国人の数が約950万人となっており、</p>
<div>12月中旬にも1000万人を超える見通しになると観光庁の発表があったとのこと。</div>
<div><a href="http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/" target="_blank">http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/</a></div>
<div><a href="http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/" target="_blank"> </a></div>
<div>以下は11月までの来日外国人の数</div>
<div> <a href="/uploads-archive/2013/12/076d9c0930789e3abb0c89f5cf396b58-e1387272685535.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3851" alt="スクリーンショット 2013-12-17 13.00.41" src="/uploads-archive/2013/12/076d9c0930789e3abb0c89f5cf396b58-e1387272685535.png" width="656" height="424" /></a></div>
<div>※出典：日本政府観光局(JNTO)</div>
<div><a href="https://www.jnto.go.jp/jpn/news/data_info_listing/" target="_blank">https://www.jnto.go.jp/jpn/news/data_info_listing/</a></div>
<div><a href="https://www.jnto.go.jp/jpn/news/data_info_listing/" target="_blank"> </a></div>
<div>韓国は引き続きトップだが、中国が戻ってきたのと、</div>
<div>ビザが免除されたタイ、マレーシアの伸率は引き続き多い。</div>
<div>また、発給条件が緩和されたベトナム、フィリピン、インドネシアもやはり多い。</div>
<div></div>
<div>以下は本日の日経朝刊でのアンケート結果</div>
<table>
<tbody>
<tr>
<th></th>
<th>1位</th>
<th>2位</th>
<th>3位</th>
</tr>
<tr>
<td>全地域平均</td>
<td>カメラ、時計</td>
<td>家電</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>マレーシア</td>
<td>漫画、アニメ関連</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>タイ</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
<td>家電</td>
</tr>
<tr>
<td>シンガポール</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
<td>家電</td>
</tr>
<tr>
<td>中国</td>
<td>カメラ、時計</td>
<td>家電</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>フランス</td>
<td>洋服、かばん、靴</td>
<td>漫画、アニメ関連</td>
<td>和服、民芸品</td>
</tr>
</tbody>
</table>
<div></div>
<div>マレーシアではオタク支持がすごいらしい。</div>
<div>1回の来日時の1人当たりの平均支出額は40,347円とかなりの額とのこと。</div>
<div></div>
<div>とはいっても、世界各国と比較した外国人旅行者の数としては全然下のほうだ。</div>
<table>
<tbody>
<tr>
<td>1</td>
<td>フランス</td>
<td>8301.8万人</td>
</tr>
<tr>
<td>2</td>
<td>アメリカ合衆国</td>
<td>6696.9万人</td>
</tr>
<tr>
<td>3</td>
<td>中国</td>
<td>5772.5万人</td>
</tr>
<tr>
<td>4</td>
<td>スペイン</td>
<td>5770.1万人</td>
</tr>
<tr>
<td>5</td>
<td>イタリア</td>
<td>4636.0万人</td>
</tr>
<tr>
<td>6</td>
<td>トルコ</td>
<td>3569.8万人</td>
</tr>
<tr>
<td>7</td>
<td>ドイツ(TCE)</td>
<td>3040.8万人</td>
</tr>
<tr>
<td>8</td>
<td>イギリス</td>
<td>2928.2万人</td>
</tr>
<tr>
<td>9</td>
<td>ロシア</td>
<td>2573.6万人</td>
</tr>
<tr>
<td>10</td>
<td>マレーシア</td>
<td>2503.3万人</td>
</tr>
<tr>
<td>11</td>
<td>オーストリア(TCE)</td>
<td>2415.1万人</td>
</tr>
<tr>
<td>12</td>
<td>香港</td>
<td>2377.0万人</td>
</tr>
<tr>
<td>13</td>
<td>メキシコ</td>
<td>2340.3万人</td>
</tr>
<tr>
<td>14</td>
<td>ウクライナ</td>
<td>2301.3万人</td>
</tr>
<tr>
<td>15</td>
<td>タイ</td>
<td>2235.4万人</td>
</tr>
<tr>
<td>16</td>
<td>カナダ</td>
<td>1631.1万人</td>
</tr>
<tr>
<td>17</td>
<td>ギリシャ</td>
<td>1551.8万人</td>
</tr>
<tr>
<td>18</td>
<td>ポーランド</td>
<td>1484.0万人</td>
</tr>
<tr>
<td>19</td>
<td>サウジアラビア</td>
<td>1366.4万人</td>
</tr>
<tr>
<td>20</td>
<td>マカオ</td>
<td>1357.7万人</td>
</tr>
<tr>
<td>21</td>
<td>オランダ(TCE)</td>
<td>1168.0万人</td>
</tr>
<tr>
<td>22</td>
<td>エジプト</td>
<td>1119.6万人</td>
</tr>
<tr>
<td>23</td>
<td>韓国(VF)</td>
<td>1114.0万人</td>
</tr>
<tr>
<td>24</td>
<td>スウェーデン</td>
<td>1091.4万人</td>
</tr>
<tr>
<td>25</td>
<td>クロアチア(TCE)</td>
<td>1036.9万人</td>
</tr>
<tr>
<td>26</td>
<td>ハンガリー</td>
<td>1035.3万人</td>
</tr>
<tr>
<td>27</td>
<td>モロッコ</td>
<td>937.5万人</td>
</tr>
<tr>
<td>28</td>
<td> 南アフリカ連邦</td>
<td>918.8万人</td>
</tr>
<tr>
<td>29</td>
<td>アラブ首長国連邦(THS)</td>
<td>897.7万人</td>
</tr>
<tr>
<td>30</td>
<td>チェコ</td>
<td>890.8万人</td>
</tr>
<tr>
<td></td>
<td>日本(VF)</td>
<td>836.8万人</td>
</tr>
</tbody>
</table>
<div></div>
<div>いろいろありますが、英語を勉強したり受け入れる体制を整えたりと、今後増加していくよう努力していければいいと思います</div>


2013年来日外国人が1000万人超える

<p>テキストボックスを分けずに、入力パターンを制御してくれるjQueryプラグインformatter.jsを使ってみた。</p>
<p>生年月日や電話番号など、テキストボックスを分けずに1つでも意図した値を得ることができそうと思ったのがきっかけ。</p>
<p>&nbsp;</p>
<p>まずはこちらからソースをダウンロード</p>
<p><a href="https://github.com/firstopinion/formatter.js" target="_blank">https://github.com/firstopinion/formatter.js</a></p>
<p>ファイルがいろいろ入っているが、jQueryとformatter.jsを読みこめば良い。</p>
<p>あとは入力フォームを用意して(maxlengthは設定したほうが良い)</p>

		<div id="crayon-64953fd593468984901578" 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" class="input" id="serial" maxlength="19"&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-64953fd593468984901578-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-64953fd593468984901578-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 ">class</span>=<span class="crayon-s ">"input"</span><span class="crayon-h"> </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"serial"</span><span class="crayon-h"> </span><span class="crayon-e ">maxlength</span>=<span class="crayon-s ">"19"</span><span class="crayon-r ">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>JSを実行する。</p>

		<div id="crayon-64953fd59346c407465045" 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()
{
	var serial = document.getElementById('serial');
	if ( serial )
	{
		new Formatter( serial,
		{
			'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}'
		});
	}
});</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-64953fd59346c407465045-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59346c407465045-2">2</div><div class="crayon-num" data-line="crayon-64953fd59346c407465045-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59346c407465045-4">4</div><div class="crayon-num" data-line="crayon-64953fd59346c407465045-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59346c407465045-6">6</div><div class="crayon-num" data-line="crayon-64953fd59346c407465045-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59346c407465045-8">8</div><div class="crayon-num" data-line="crayon-64953fd59346c407465045-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59346c407465045-10">10</div><div class="crayon-num" data-line="crayon-64953fd59346c407465045-11">11</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-64953fd59346c407465045-1"><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-sy">(</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-64953fd59346c407465045-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd59346c407465045-3"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">serial</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">document</span><span class="crayon-sy">.</span><span class="crayon-e">getElementById</span><span class="crayon-sy">(</span><span class="crayon-s">'serial'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59346c407465045-4"><span class="crayon-h">	</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">serial</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-64953fd59346c407465045-5"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59346c407465045-6"><span class="crayon-h">		</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">Formatter</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">serial</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd59346c407465045-7"><span class="crayon-h">		</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59346c407465045-8"><span class="crayon-h">			</span><span class="crayon-s">'pattern'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'{{9999}}-{{9999}}-{{9999}}-{{9999}}'</span></div><div class="crayon-line" id="crayon-64953fd59346c407465045-9"><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-64953fd59346c407465045-10"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-64953fd59346c407465045-11"><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>パターンは{{}}で囲う必要があり、それぞれ以下のように指定する。</p>
<p>数字(0-99) → 9</p>
<p>英字(A-Za-z) → a</p>
<p>全て(A-Za-z0-9) → *</p>
<p>&nbsp;</p>
<p>デモはこちら</p>
<p><a class="demo" href="/demo/hoshino/48/test.html">demo</a></p>
<p>&nbsp;</p>
<p>しかし、使ってみてわかったが、2つ大きな欠点がある。</p>
<p>&nbsp;</p>
<p>1. 日本語が使えない</p>
<p>姓名の間にスペースを入れるなどのフォーマットはできない。</p>
<p>それは良いとしても、記号や空白文字列も使えないので、結構困る。</p>
<p>正規表現が使えれば良いのだが、対応してないみたい。</p>
<p>&nbsp;</p>
<p>2. 桁数がフレキシブルじゃない</p>
<p>例えば日本の電話番号だと</p>
<p>03-…の場合もあれば080…の場合もある。</p>
<p>しかしこちらのプラグインでは桁数は予め決めた桁数からの過不足は認められない。</p>
<p>なので使うのであれば完全に桁数が決まっていなければならない。</p>
<p>&nbsp;</p>
<p>用途は限られるが、特にシリアルなどはわかりやすいので使ってみようと思う。</p>

入力パターンをかっこよく制御してくれるjQueryプラグイン formatter.js

<p>9月27日に経済産業省がEC市場調査結果を発表したのでまとめ。</p>
<p>2012年EC市場規模<br />
<a href="http://www.meti.go.jp/press/2013/09/20130927007/20130927007.html" target="_blank">http://www.meti.go.jp/press/2013/09/20130927007/20130927007.html</a></p>
<h2>国内EC</h3>
<p>・2012年のBtoC市場規模は9.5兆円(前年比 112.5%)<br />
・EC化率は3.1%(前年比 +0.35)<br />
・物販では「1位：総合小売業1兆8910億円」(前年比 106.1%)「2位：自動車・パーツ、家具・家庭用品・電気製品小売業の1兆4260億円」(前年比 114.4%)「3位：食品小売業」の6050億円(前年比 113.7%)</p>
<h2>越境EC</h3>
<p>・日本人が米国及び中国からECで購入した額は155億円(前年比 106.9%)<br />
・米国人が日本及び中国からECで購入した額は757億円(前年比 70.4%)<br />
・中国人が日本及び米国からECで購入した額は2,868億円(前年比 123%)</p>
<p>・2020年は、日本人が米国及び中国からECで購入した額は427億円<br />
・2020年は、米国人が日本及び中国からECで購入した額は1,732億円<br />
・2020年は、中国人が日本及び米国からECで購入した額は21,022億円</p>
<p>・日本の越境EC利用率は17.6%<br />
・中国の越境EC利用率は57.3%<br />
・米国の越境EC利用率は44.7%</p>
<p>・米国が日本から越境ECで購入しているものは<br />
「書籍、雑誌(電 子書籍のダウンロードは含まない)(29.7%)」「衣類、アクセサリー(23.6%)」「音楽、 映像のソフト(CD、DVD など)(コンテンツのダウンロードは含まない) (21.4%)<br />
・中国が日本から越境ECで購入しているものは<br />
「衣類、アクセサリー(29.6%)」「書籍、雑誌(電子書籍のダウンロードは含まない)(29.4%)」「医薬、化粧品(24.9%)」</p>
<p>また、矢野経済研究所から2013年のスマホECの市場規模予想が10月22日発表された。<br />
<a href="http://www.yano.co.jp/press/press.php/001167" target="_blank">http://www.yano.co.jp/press/press.php/001167</a></p>
<p>2012年に8,450億円だった市場規模が、2013年には159.4%の1兆3,469億円になると予想されている。<br />
スマホEC利用者比率が最も高いのは<br />
「1位：女性20代」(74.0%)「2位：女性10代」(55.0％)「男性30代」「女性30代」(50.0％)<br />
とのこと。</p>


EC市場規模

<p>商品詳細で使えそうな3DのjQueryプラグインを試してみた。</p>
<p><a class="demo" href="/demo/hoshino/47/detail.html">デモ</a></p>
<p>&nbsp;</p>
<p>設置方法は以下</p>
<p>js</p>

		<div id="crayon-64953fd591a67670239410" 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;">
$( window ).load(function()
{
	$('#slider').impulseslider({
		height: 300,
		width: 480,
		depth: 329,
		perspective: 2800,
		pauseTime: 3000,
		transitionDuration: 1000,
		transitionEffect: "ease-in-out",
		autostart: true,
		rightSelector: ".right",
		leftSelector: ".left",
		pauseSelector: ".pause",
		directionRight: true,
		containerSelector: "#slider-container",
		spinnerSelector: "#slider",
		images: ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg"],
		imageDivClasses: ["face"]
	});
});</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-64953fd591a67670239410-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-2">2</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-4">4</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-6">6</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-8">8</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-10">10</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-12">12</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-14">14</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-16">16</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-18">18</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-20">20</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-21">21</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-64953fd591a67670239410-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">window</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">load</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-64953fd591a67670239410-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#slider'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">impulseslider</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-4"><span class="crayon-h">		</span><span class="crayon-i">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">300</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-5"><span class="crayon-h">		</span><span class="crayon-i">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">480</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-6"><span class="crayon-h">		</span><span class="crayon-i">depth</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">329</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-7"><span class="crayon-h">		</span><span class="crayon-i">perspective</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">2800</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-8"><span class="crayon-h">		</span><span class="crayon-i">pauseTime</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">3000</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-9"><span class="crayon-h">		</span><span class="crayon-i">transitionDuration</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 crayon-striped-line" id="crayon-64953fd591a67670239410-10"><span class="crayon-h">		</span><span class="crayon-i">transitionEffect</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"ease-in-out"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-11"><span class="crayon-h">		</span><span class="crayon-i">autostart</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-12"><span class="crayon-h">		</span><span class="crayon-i">rightSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">".right"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-13"><span class="crayon-h">		</span><span class="crayon-i">leftSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">".left"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-14"><span class="crayon-h">		</span><span class="crayon-i">pauseSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">".pause"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-15"><span class="crayon-h">		</span><span class="crayon-i">directionRight</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-16"><span class="crayon-h">		</span><span class="crayon-i">containerSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"#slider-container"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-17"><span class="crayon-h">		</span><span class="crayon-i">spinnerSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"#slider"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-18"><span class="crayon-h">		</span><span class="crayon-i">images</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">"img/1.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/2.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/3.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/4.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/5.jpg"</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-19"><span class="crayon-h">		</span><span class="crayon-i">imageDivClasses</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">"face"</span><span class="crayon-sy">]</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-20"><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-64953fd591a67670239410-21"><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>HTML</p>

		<div id="crayon-64953fd591a6c175601526" 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;div id="slider-container"&gt;
    &lt;div id="slider"&gt;
       &lt;!-- to be populated by the plugin--&gt;
    &lt;/div&gt;

&lt;/div&gt;
 &lt;div class="nav"&gt;
    &lt;span class="left arrow"&gt;&amp;#60;&lt;/span&gt;
    &lt;span class="pause arrow"&gt;||&lt;/span&gt;
    &lt;span class="right arrow"&gt;&amp;#62;&lt;/span&gt;
&lt;/div&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-64953fd591a6c175601526-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-2">2</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-4">4</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-6">6</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-8">8</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-10">10</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-11">11</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-64953fd591a6c175601526-1"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"slider-container"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-2"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;div </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"slider"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-3"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-c">&lt;!-- to be populated by the plugin--&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-4"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;/div&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-5">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-6"><span class="crayon-r ">&lt;/div&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-7"><span class="crayon-i "> </span><span class="crayon-r ">&lt;div </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"nav"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-8"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;span </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"left arrow"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">&amp;#60;</span><span class="crayon-r ">&lt;/span&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-9"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;span </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"pause arrow"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">||</span><span class="crayon-r ">&lt;/span&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-10"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;span </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"right arrow"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">&amp;#62;</span><span class="crayon-r ">&lt;/span&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-11"><span class="crayon-r ">&lt;/div&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>cssは</p>
<p>font-awesome.min.css</p>
<p>を固定で読み込み、ナビゲーションなどは自分で調整すればOK。</p>
<p>ナビゲーションはjsの引数</p>
<p>・rightSelector → 右送りのオブジェクト</p>
<p>・leftSelector → 左送りのオブジェクト</p>
<p>・pauseSelector → 停止のオブジェクト</p>
<p>と指定する。</p>
<p>あとは</p>
<p>・containerSelector → コンテナ(画像の上のオブジェクト)</p>
<p>・spinnerSelector → 実際に画像が入るオブジェクト</p>
<p>・images → 画像のパスを指定</p>
<p>spinnerSelectorで指定した要素はpositionがabsoluteになるのでレイアウトに注意が必要。</p>
<p>&nbsp;</p>
<p>わりと派手だが、画像を複数効果的に見せたいときなどはいいかもしれない。</p>

商品詳細で使えそうな3D jQueryプラグイン

<p>2013年10月7日Yahooショッピングが衝撃的な発表をしましたね。</p>
<p>Yahooショッピングの出店は、大量に広告を投下してスタートダッシュをかけない限り、収益性に見合わないと出店を見合わせておりましたが、いよいよ出店する理由がなくなりました。</p>
<p>どれくらいの差が生じるのか？</p>
<p>最大のボリュームゾーンと想定する月商100万円規模で出店プランや費用シュミレーションを比較してみたいと思います。</p>
<p>比較するにあたり最も重要な「条件を揃える」ために出来る限りシンプルに条件を指定しています。</p>
<p>&nbsp;</p>
<p><span style="font-size: x-small;">なお、個人的な調査に基づいておりますので、間違いがある可能性も御座います。</span></p>
<p><span style="font-size: x-small;">また、実際には、アフィリエイト負担やポイント原資など他にも細かく費用が掛かるものがあり、モール固有のものは省いて粗く比較しています。</span></p>
<p><span style="font-size: x-small;">上記二点予めご了承下さいませ。</span></p>
<h2>出店プラン比較</h3>
<h3>条件</h4>
<ul>
<li>最小のプラン</li>
<li>税抜き</li>
</ul>
<table border="0">
<tbody>
<tr>
<td></td>
<td>Yahoo!ショッピング</td>
<td>楽天</td>
<td>DeNAショッピング</td>
<td>Amazon</td>
</tr>
<tr>
<td>プラン名称</td>
<td></td>
<td>がんばれプラン</td>
<td>ライトプラン</td>
<td>大口出品</td>
</tr>
<tr>
<td>初期費用</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>￥60,000</td>
<td>￥60,000</td>
<td><span style="color: #ff0000;">無料</span></td>
</tr>
<tr>
<td>月額費用</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>￥19,500</td>
<td>￥16,500</td>
<td>￥4,666</td>
</tr>
<tr>
<td>成約手数料</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>6.5%</td>
<td>6%</td>
<td>8%〜15%が多数</td>
</tr>
<tr>
<td>カード決済手数料</td>
<td>3.24%</td>
<td>2.65% or 3.6%</td>
<td>3.57%</td>
<td><span style="color: #ff0000;">無料</span>（成約手数料に含む）</td>
</tr>
<tr>
<td>カードトランザクション</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>15円/件</td>
<td>15円/件</td>
<td><span style="color: #ff0000;">無料</span></td>
</tr>
<tr>
<td>カード月額費用</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>￥3,000</td>
<td>￥2,000</td>
<td><span style="color: #ff0000;">無料</span></td>
</tr>
</tbody>
</table>
<h2>月商100万円の費用シミュレーション</h3>
<h3>条件</h4>
<ul>
<li>月商100万円（単価5,000円×200件）</li>
<li>決済はクレジットカードのみ</li>
<li>商品カテゴリーは家電（Amazonで8%）</li>
<li>対象デバイスはPC（スマートフォン、モバイルで手数料が異なるため）</li>
</ul>
<table border="0">
<tbody>
<tr>
<td></td>
<td>Yahoo!ショッピング</td>
<td>楽天</td>
<td>DeNAショッピング</td>
<td>Amazon</td>
</tr>
<tr>
<td>月額費用</td>
<td>¥0</td>
<td>￥19,500</td>
<td>￥16,500</td>
<td>￥4,666</td>
</tr>
<tr>
<td>成約手数料</td>
<td>¥0</td>
<td>¥65,000</td>
<td>¥60,000</td>
<td>¥80,000</td>
</tr>
<tr>
<td>カード決済手数料</td>
<td>¥32,400</td>
<td>￥26,500</td>
<td>￥35,700</td>
<td>¥0</td>
</tr>
<tr>
<td>カードトランザクション</td>
<td>¥0</td>
<td>￥3,000</td>
<td>￥3,000</td>
<td>¥0</td>
</tr>
<tr>
<td>カード月額費用</td>
<td>¥0</td>
<td>￥3,000</td>
<td>￥2,000</td>
<td>¥0</td>
</tr>
<tr>
<td><strong>小計</strong></td>
<td><strong>¥32,400</strong></td>
<td><strong>¥117,000</strong></td>
<td><strong>¥117,200</strong></td>
<td><strong>¥84,666</strong></td>
</tr>
</tbody>
</table>
<h2>参考資料</h3>
<h3>出店プラン</h4>
<p>Yahoo!ショッピング</p>
<p><a href="http://business.ec.yahoo.co.jp/shopping/archives/plan.html" target="_blank">http://business.ec.yahoo.co.jp/shopping/archives/plan.html</a></p>
<p>楽天</p>
<p><a href="http://www.rakuten.co.jp/ec/plan/" target="_blank">http://www.rakuten.co.jp/ec/plan/</a></p>
<p>DeNAショッピング</p>
<p><a href="http://www.bidders.co.jp/cb/ce/mplan.html" target="_blank">http://www.bidders.co.jp/cb/ce/mplan.html</a></p>
<p>Amazon</p>
<p><a href="http://services.amazon.co.jp/services/sell-on-amazon/fee.html" target="_blank">http://services.amazon.co.jp/services/sell-on-amazon/fee.html</a></p>
<h3>決済プラン</h4>
<p>Yahoo!ショッピング</p>
<p><a href="http://business.ec.yahoo.co.jp/shopping/archives/settlement.html" target="_blank">http://business.ec.yahoo.co.jp/shopping/archives/settlement.html</a></p>
<p>楽天</p>
<p><a href="http://www.rakuten.co.jp/ec/payment/" target="_blank">http://www.rakuten.co.jp/ec/payment/</a></p>
<p>DeNAショッピング</p>
<p>別途paygentとの契約必須</p>
<p>Amazon</p>
<p>成約手数料に含まれる</p>
<h2>まとめ</h3>
<p>比較してみると、Yahoo!ショッピングの安さが際立っていますね。</p>
<p>今回の改定がどのようなインパクトを与えるかを考えると、ガチンコの競合サービス以外は、CtoCへの参入によるCtoCマーケットの認知拡大、手数料が下がることによる利益の再分配が進み、総じてプラス方向に転じるのではないでしょうか？</p>
<p>弊社もいち早い出店を考えながら、先週電話を掛けてきたYahoo!ショッピング出店の代理店営業マンはどうなるんだろうと憂慮しながら、締めくりりたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Yahooショッピング無料の衝撃をまとめてみた

<p>前回までAmazon マーケットプレイスへの出品についてを進めており、ようやく、全部ではないですが、</p>
<p>多くの商品の出品が完了したためとどうやったら、上位表示が出来るか考えてみました。</p>
<p>検索をしても該当するような記事がありませんでした。</p>
<p>「Amazonマーケットプレイス＋SEO」のようなキーワードにおいても、Amazonそのものの検索結果が強すぎるため、</p>
<p>Amazon内で販売されているSEO関連の本ばかりが検索結果に表れてしまいました。</p>
<h2>基本ロジック</h3>
<p>まず基本的な検索ロジックの確認です。</p>
<h3>価格が同じで送料が異なるもの</h4>
<p><a href="/uploads-archive/2013/10/76df0c254e2558b1ba05f38c5c3e79ea.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3229" alt="Amazon.co.jp__こちらもどうぞ__エバーカラーワンデーナチュラルブラウン新発売！ばれずに盛れるナチュラルデカ目カラコン±0.00Ｄ-3" src="/uploads-archive/2013/10/76df0c254e2558b1ba05f38c5c3e79ea-300x208.jpg" width="300" height="208" srcset="/uploads-archive/2013/10/76df0c254e2558b1ba05f38c5c3e79ea-300x208.jpg 300w, /uploads-archive/2013/10/76df0c254e2558b1ba05f38c5c3e79ea-1024x712.jpg 1024w, /uploads-archive/2013/10/76df0c254e2558b1ba05f38c5c3e79ea-228x158.jpg 228w, /uploads-archive/2013/10/76df0c254e2558b1ba05f38c5c3e79ea.jpg 1346w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>現在、とある商品で当店は、27件中25位表示でした。</p>
<p>この検索結果をみて分かるように、同じ価格の商品の場合、何よりも「<strong>送料設定</strong>」が優先されます。</p>
<p>デフォルトの送料設定では、どうあがいても対応が出来ないため、最低限送料を周りに合わせる必要があります。</p>
<h3>価格が異なるもの</h4>
<p><a href="/uploads-archive/2013/10/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3230" alt="screenshot" src="/uploads-archive/2013/10/screenshot-300x212.png" width="300" height="212" srcset="/uploads-archive/2013/10/screenshot-300x212.png 300w, /uploads-archive/2013/10/screenshot-1024x724.png 1024w, /uploads-archive/2013/10/screenshot-228x161.png 228w, /uploads-archive/2013/10/screenshot.png 1348w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>商品価格が違うものは、価格が安いほうが上位表示されます。</p>
<h3>価格も送料も異なるもの</h4>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3231" alt="screenshot" src="/uploads-archive/2013/10/screenshot1-300x209.png" width="300" height="209" srcset="/uploads-archive/2013/10/screenshot1-300x209.png 300w, /uploads-archive/2013/10/screenshot1-1024x715.png 1024w, /uploads-archive/2013/10/screenshot1-228x159.png 228w, /uploads-archive/2013/10/screenshot1.png 1350w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>商品価格＋送料が加味されたもので最安のものが表示されます。</p>
<p>ただ、この場合参照している送料が<strong>関東への配送料</strong>であることを注意する必要があります。</p>
<p>逆にAmazonSEOを意識するのであれば、関東のみ送料を下げてといった施策を取ることが出来るのかは検証が必要です。</p>
<h3>価格も送料も同じ場合</h4>
<p><a href="/uploads-archive/2013/10/screenshot2.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3232" alt="screenshot" src="/uploads-archive/2013/10/screenshot2-300x209.png" width="300" height="209" srcset="/uploads-archive/2013/10/screenshot2-300x209.png 300w, /uploads-archive/2013/10/screenshot2-1024x715.png 1024w, /uploads-archive/2013/10/screenshot2-228x159.png 228w, /uploads-archive/2013/10/screenshot2.png 1353w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>これが一番難しいパターンですね。</p>
<p>様々なパラメータが設定されているように思われますが、</p>
<ol>
<li>在庫の有無</li>
<li>高評価</li>
<li>レビューの数</li>
</ol>
<p>といったところが総合的に評価されているようです。</p>
<h2>まとめ</h3>
<p>上位表示結果がAmazonの企業理念（得た利益を還元してコスト戦略を取っていく）そのものなのかもしてません。</p>
<p>トータルでの価格設定が第一優先。その上で、様々な評価を下すという内容です。</p>
<p>あ、この記事を書いているうちに送料無料設定を変更したら、27件中5位に表示されました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Amazon マーケットプレイスのSEOを考える

<p>Shopifyという無料でECサイトを作成できるサービスが8月に<br />
Shopify Ecommerce Design Awards<br />
と題してECサイトのデザインアワードが開催された。<br />
Shopifyはアメリカのサービスで2004からやっている、Store.jpやBaseの先駆け的な存在だ。<br />
Ruby on railsで開発されており、当時はそっちでのみ話題になっていた。</p>
<p>こちらがデザインアワードの結果ページ。<br />
<a href="http://www.shopify.com/design-awards" target="_blank">http://www.shopify.com/design-awards</a></p>
<p>こちらが受賞サイト</p>
<h2>1位 Whipping + Post</h3>
<p><a href="/uploads-archive/2013/10/1.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3201" alt="1" src="/uploads-archive/2013/10/1.png" width="656" height="340" srcset="/uploads-archive/2013/10/1.png 656w, /uploads-archive/2013/10/1-300x155.png 300w, /uploads-archive/2013/10/1-228x118.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://www.whippingpost.com/" target="_blank">http://www.whippingpost.com/</a></p>
<p>&nbsp;</p>
<h2>2位 GREATS</h3>
<p><a href="/uploads-archive/2013/10/2.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3202" alt="2" src="/uploads-archive/2013/10/2.png" width="656" height="340" srcset="/uploads-archive/2013/10/2.png 656w, /uploads-archive/2013/10/2-300x155.png 300w, /uploads-archive/2013/10/2-228x118.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://greatsbrand.com/" target="_blank">http://greatsbrand.com/</a></p>
<p>&nbsp;</p>
<h2>3位 Goodwin + Goodwin</h3>
<p><a href="/uploads-archive/2013/10/3.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3203" alt="3" src="/uploads-archive/2013/10/3.png" width="656" height="340" srcset="/uploads-archive/2013/10/3.png 656w, /uploads-archive/2013/10/3-300x155.png 300w, /uploads-archive/2013/10/3-228x118.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://www.goodwinandgoodwin.com/" target="_blank">http://www.goodwinandgoodwin.com/</a></p>
<p>&nbsp;</p>
<p>以下は佳作。10点あるが、個人的に良かったと思ったものを3点紹介。</p>
<p>&nbsp;</p>
<h2>Pure Fix Cycles</h3>
<p><a href="/uploads-archive/2013/10/4.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3204" alt="4" src="/uploads-archive/2013/10/4.png" width="656" height="340" srcset="/uploads-archive/2013/10/4.png 656w, /uploads-archive/2013/10/4-300x155.png 300w, /uploads-archive/2013/10/4-228x118.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://purefixcycles.com/" target="_blank">http://purefixcycles.com/</a></p>
<p>&nbsp;</p>
<h2>Jennifer Torosian</h3>
<p><a href="/uploads-archive/2013/10/5.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3205" alt="5" src="/uploads-archive/2013/10/5.png" width="656" height="340" srcset="/uploads-archive/2013/10/5.png 656w, /uploads-archive/2013/10/5-300x155.png 300w, /uploads-archive/2013/10/5-228x118.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://www.jennifertorosian.com/" target="_blank">http://www.jennifertorosian.com/</a></p>
<h2>Society of the Sun</h3>
<p><a href="/uploads-archive/2013/10/6.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3206" alt="6" src="/uploads-archive/2013/10/6.png" width="656" height="340" srcset="/uploads-archive/2013/10/6.png 656w, /uploads-archive/2013/10/6-300x155.png 300w, /uploads-archive/2013/10/6-228x118.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://shop.societyclothing.com/" target="_blank">http://shop.societyclothing.com/</a></p>
<p>&nbsp;</p>
<p>全体の印象としては、ほとんどがレスポンシブWebデザインであり完成度が高いということ。</p>
<p>あとはECサイトといえば商品が大量に陳列してあるイメージが強いが、</p>
<p>全てがコンセプトを全面に出しており世界観で勝負しているということ。</p>
<p>大量仕入れ大量販売では勝負できないサイトがコンセプトを追求し</p>
<p>ブランドを売っていくという方法は有効だ。</p>
<p>そこでweb上で一番大事になってくるのはデザインだ。</p>
<p>そういういみではデザインがECで成功するための最も重要なファクターの1つと再認識した。</p>


Shopify Ecommerce Design Awards

<p>前回に引き続き、今回は一括登録手順を試して見たいと思います。</p>
<h2>テンプレートのダウンロード</h3>
<p><a href="/uploads-archive/2013/09/3065edfbe13c5c8cb4e08d0241375837.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3171" alt="アップロードによる一括商品登録_-_Amazon_セラーセントラル" src="/uploads-archive/2013/09/3065edfbe13c5c8cb4e08d0241375837-300x211.jpg" width="300" height="211" srcset="/uploads-archive/2013/09/3065edfbe13c5c8cb4e08d0241375837-300x211.jpg 300w, /uploads-archive/2013/09/3065edfbe13c5c8cb4e08d0241375837-1024x721.jpg 1024w, /uploads-archive/2013/09/3065edfbe13c5c8cb4e08d0241375837-228x160.jpg 228w, /uploads-archive/2013/09/3065edfbe13c5c8cb4e08d0241375837.jpg 1354w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まずは、出品用のファイルをダウンロードします。</p>
<p>&nbsp;</p>
<p>出品カテゴリーや商品が既に登録されているか否かで複数のテンプレートがあるため、詳細は割愛致します。</p>
<p>ここでは、既に出品されている商品の登録で進めます。</p>
<h2>Amazon マーケットプレイスWebサービス(MWS) への登録</h3>
<p>Excelファイルをダウンロードすると、マクロが組まれており、Excel内で商品の検索などが可能になります。</p>
<p>それを実現させるためにAmazon マーケットプレイスWebサービス(MWS) への登録が必要になります。</p>
<p>下のURLで規約への同意等を進めていく形になります。</p>
<p>https://developer.amazonservices.jp/</p>
<p><a href="/uploads-archive/2013/09/Marketplace-Web-Service.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3161" alt="Marketplace Web Service" src="/uploads-archive/2013/09/Marketplace-Web-Service-300x253.png" width="300" height="253" srcset="/uploads-archive/2013/09/Marketplace-Web-Service-300x253.png 300w, /uploads-archive/2013/09/Marketplace-Web-Service-228x192.png 228w, /uploads-archive/2013/09/Marketplace-Web-Service.png 774w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>登録が完了すると4つのID（キー）が発行されるので、保存をしておきます。</p>
<h2>Excelファイルでの編集</h3>
<p><a href="/uploads-archive/2013/09/08b72341d1849e5d2e0121aaae1daf27.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3162" alt="スクリーンショット_092413_044955_PM" src="/uploads-archive/2013/09/08b72341d1849e5d2e0121aaae1daf27-300x233.jpg" width="300" height="233" srcset="/uploads-archive/2013/09/08b72341d1849e5d2e0121aaae1daf27-300x233.jpg 300w, /uploads-archive/2013/09/08b72341d1849e5d2e0121aaae1daf27-1024x798.jpg 1024w, /uploads-archive/2013/09/08b72341d1849e5d2e0121aaae1daf27-228x177.jpg 228w, /uploads-archive/2013/09/08b72341d1849e5d2e0121aaae1daf27.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>以下の必須項目を埋め</p>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="middle"><b>商品管理番号</b></td>
</tr>
<tr>
<td valign="middle"><b>販売価格</b></td>
</tr>
<tr>
<td valign="middle"><b>在庫数</b></td>
</tr>
<tr>
<td valign="middle"><b>商品コード(JANコード等)</b></td>
</tr>
<tr>
<td valign="middle"><b>商品コードのタイプ</b></td>
</tr>
<tr>
<td valign="middle"><b>商品のコンディション</b></td>
</tr>
</tbody>
</table>
<p>左上の一括検索を行います。</p>
<p><a href="/uploads-archive/2013/09/2f8ee34709f251ac1c0c07327c04e582.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3163" alt="スクリーンショット_092413_045029_PM" src="/uploads-archive/2013/09/2f8ee34709f251ac1c0c07327c04e582-300x233.jpg" width="300" height="233" srcset="/uploads-archive/2013/09/2f8ee34709f251ac1c0c07327c04e582-300x233.jpg 300w, /uploads-archive/2013/09/2f8ee34709f251ac1c0c07327c04e582-1024x798.jpg 1024w, /uploads-archive/2013/09/2f8ee34709f251ac1c0c07327c04e582-228x177.jpg 228w, /uploads-archive/2013/09/2f8ee34709f251ac1c0c07327c04e582.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>すると、商品コードをベースに検索をかけているようで、エラーが検出されました。</p>
<p><a href="/uploads-archive/2013/09/fd42d7fe990fe4dbb2bae3207a88d06e.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3164" alt="スクリーンショット_092413_045135_PM" src="/uploads-archive/2013/09/fd42d7fe990fe4dbb2bae3207a88d06e-300x233.jpg" width="300" height="233" srcset="/uploads-archive/2013/09/fd42d7fe990fe4dbb2bae3207a88d06e-300x233.jpg 300w, /uploads-archive/2013/09/fd42d7fe990fe4dbb2bae3207a88d06e-1024x798.jpg 1024w, /uploads-archive/2013/09/fd42d7fe990fe4dbb2bae3207a88d06e-228x177.jpg 228w, /uploads-archive/2013/09/fd42d7fe990fe4dbb2bae3207a88d06e.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>横のシートを見てみると該当の商品が2つ検出されていることがわかったので、上部のものを選択します。</p>
<p><a href="/uploads-archive/2013/09/892da03cf8da08fbea9ac0c9c66b10d4.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3165" alt="スクリーンショット_092413_045221_PM" src="/uploads-archive/2013/09/892da03cf8da08fbea9ac0c9c66b10d4-300x233.jpg" width="300" height="233" srcset="/uploads-archive/2013/09/892da03cf8da08fbea9ac0c9c66b10d4-300x233.jpg 300w, /uploads-archive/2013/09/892da03cf8da08fbea9ac0c9c66b10d4-1024x798.jpg 1024w, /uploads-archive/2013/09/892da03cf8da08fbea9ac0c9c66b10d4-228x177.jpg 228w, /uploads-archive/2013/09/892da03cf8da08fbea9ac0c9c66b10d4.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>情報が補完されますので、アップロードボタンを押します。</p>
<p><a href="/uploads-archive/2013/09/3b1c8442ae646a9714ec6320b2ec5228.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3166" alt="スクリーンショット_092413_045351_PM" src="/uploads-archive/2013/09/3b1c8442ae646a9714ec6320b2ec5228-300x233.jpg" width="300" height="233" srcset="/uploads-archive/2013/09/3b1c8442ae646a9714ec6320b2ec5228-300x233.jpg 300w, /uploads-archive/2013/09/3b1c8442ae646a9714ec6320b2ec5228-1024x798.jpg 1024w, /uploads-archive/2013/09/3b1c8442ae646a9714ec6320b2ec5228-228x177.jpg 228w, /uploads-archive/2013/09/3b1c8442ae646a9714ec6320b2ec5228.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>アップロードが完了しました。</p>
<p><a href="/uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc71.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3184" alt="すべての出品商品" src="/uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc71-300x97.jpg" width="300" height="97" srcset="/uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc71-300x97.jpg 300w, /uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc71-1024x333.jpg 1024w, /uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc71-228x74.jpg 228w, /uploads-archive/2013/09/c043c55b422f4b75c5ff2e0531241fc71.jpg 1362w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>管理画面を確認すると無事アップロード出来ていることが確認出来ました。</p>
<h2>まとめ</h3>
<p>商品の一括登録もどこよりも簡単でした。</p>
<p>JANコードやASINをベースに情報を補完してくれます。</p>
<p>新規出品は補完する情報がないため、全ての情報を入力する必要があります。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


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

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

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #EC

2014/05/13

2014/05/13

2014/04/16

2014/03/25

2014/02/25

2014/02/05

2014/01/22

2014/01/15

2014/01/08

2013/12/18

2013/11/13

2013/10/23

2013/10/09

2013/10/08

2013/10/02

2013/10/02

2013/09/25

2013/09/24