Gmailみたいなオートコンプリートを実装する jQueryプラグイン

<p>海外のECサイトの「<a href="http://www.etsy.com/">Etsy</a>」を今回ご紹介したいと思います。</p>
<h2>Etsyとは</h3>
<blockquote><p>Etsy, Inc.が運営している、主にハンドメイド（手作り）の雑貨などを扱うイーマーケットプレイスのサービスである。</p>
<p>Etsyでは、小額の掲載料を支払うことで作品を出品することができる。掲載した商品に対して購入希望者がいた場合には、PayPalの決済システムを通じて売買することができる。商品の送付や質問などは売り手・買い手が直接やり取りする。</p>
<p>Etsyは2005年にサービスの提供が開始。</p>
<p><a href="http://www.sophia-it.com/content/Etsy">http://www.sophia-it.com/content/Etsy</a></p>
<p>BINARYより引用</p></blockquote>
<p>&nbsp;</p>
<p>Etsyが1月に発表した売上高は前年比70%増加で、8億9510万ドルでした。</p>
<p>何故、Estyが大手ブランドサイトよりも売上をあげているのか。</p>
<p>通常のECサイトと何が違うのかを調べてみました。</p>
<ul>
<li>手数料が小額</li>
<li>個人だからこそ、購入後のメールやり取りが親密</li>
<li>売り手側のコミュニティが豊富にある</li>
</ul>
<p>もちろん商品自体の魅力もありますが、売り手側の入り口を広げていることで</p>
<p>出品が増え、結果買い手も集まっていると感じられます。</p>
<p>また、大きな傾向としてラグジュアリー離れがすすんでいるということもあるのかもしれません。</p>
<p>高級な贅沢品をもつよりも、自分にあった商品を選ぶ方向にシフトしていると考えると</p>
<p>売上の増加も納得できます。</p>
<p>EC自体まだ伸び続ける産業ですが、今後こういった傾向のECサイトも広がっていきそうですね。</p>
<p>&nbsp;</p>


Etsy-海外のECサイト-

<p>仕事柄、ECサイトをみることが多いですが、スマートフォン対応の</p>
<p>サイトって実は少なかったりします。</p>
<p>対応している場合でも別のURLでスマートフォン用の画面を作成しているということも多々。</p>
<p>スマートフォンの注文が多くなっているので、作成したいというお問合せもよくあります。</p>
<p>LaunchCartはレスポンシブWebデザインで作成していますが、それがどういったものなのか</p>
<p>というのを今回はご紹介したいと思います。</p>
<p>&nbsp;</p>
<h2>レスポンシブWebデザインとは</h3>
<ul>
<li>同一のURLで設置可能</li>
<li>デザインで統一性を持たせられる</li>
<li>修正や更新も変更後にスマホやPCに即時反映</li>
</ul>
<p>&nbsp;</p>
<p>上記が主な特徴です。</p>
<p>スマートフォンでは一部のPCアプリが使用不可だったりするので</p>
<p>それに頼らないサイトデザインの作成も可能になります。</p>
<p>&nbsp;</p>


LaunchCartでのスマートフォン対応

セキュアなパスワードを自動生成する便利ツール

<p>通信販売自体は電話やカタログからはがきでの申し込み等前々からあった</p>
<p>販売形態ですが、ECに関してはここ10年ほどでインターネットの普及により</p>
<p>利用者数・売上ともに爆発的に増加しています。</p>
<p>取扱商品は物品・サービス・デジタルコンテンツと様々ですが、</p>
<p>スマートフォンの普及からまた新たな変化がでています。</p>
<p>&nbsp;</p>
<p><span style="font-size: large;">入り口はスマートフォン</span></p>
<p>日本通信販売協会（JADMA）が1月23日に発表した</p>
<p>「インターネット利用実態調査結果」の中で</p>
<p>「スマートフォン購入後にインターネット通販の利用について」調査を行ったところ</p>
<p><strong>・15%が「PCでのインターネット通販利用が増えた」</strong></p>
<p><strong>・14%が「携帯電話（フマートフォン含む）での通販利用が増えた」</strong></p>
<p>と回答しています。</p>
<p>逆にテレビやカタログの通販については減少傾向です。</p>
<p><strong>■5回インターネット利用実態調査結果について</strong></p>
<p><a href="http://www.jadma.org/pdf/press/press_20130123net_survey.pdf">http://www.jadma.org/pdf/press/press_20130123net_survey.pdf</a></p>
<p>スマートフォンの利用率が携帯電話全体の4割を占めいている中で、</p>
<p>スマートフォンが購入のきっかけになるケースが増えている結果ですが、</p>
<p>現在スマートフォンに対応したサイト作成はどうなのでしょうか。。。</p>
<p>&nbsp;</p>
<p>ECサイト運営でスマートフォンサイトの整備が必要は不可欠になりそうです。</p>


ECの購入方法の移行

<p>最近ファッション関連ECサイトの動きが激しい。<br />
大きいところだと、ドコモ、楽天がそれぞれ<br />
マガシークとスタイライフにTOBを仕掛けている。</p>
<p>楽天はファッション関連の流通額を3567億円と初めて発表し、<br />
今後は更にファッション関連の販売に力を入れていくと強調している。</p>
<p>また、スタートトゥデイは新たにZOZObyUというセレクトショップをオープンする。<br />
従来のブランド単位でのラインナップと異なり、<br />
ブランドをまたがっての商品の提案により新たな購買層の獲得を狙う。</p>
<p>なぜ今ファッションECで大きな動きが起こっているのか?<br />
それは大きく分けると<br />
1. 購入者のネットリテラシー向上<br />
2. 競争の激化<br />
3. 技術革新<br />
が挙げられると感じる。</p>
<p>1. 購入者のネットリテラシー向上<br />
サイズやクオリティで、店舗での購入を選択していた購入者が<br />
ネットでの購入に慣れてきたということと、<br />
SNSなど個人の発言がweb上で一定の信頼感が得られるようになり<br />
加えてコミュニケーションツールの普及により購入までの障壁が下がったと考えられる。</p>
<p>2. 競争の激化<br />
即日配達、送料無料、ポイントなどの需要が高まるなか、<br />
利益率の減退に加え、流通、人的コストが増している。<br />
資本力と規模が優位性を保つ唯一の方法となる。</p>
<p>3. 技術革新<br />
付加価値や安心感を向上させるため、<br />
動画を使った表現などはよく目にするようになった。<br />
今後は例えばスマホアプリで自分を撮影して試着できるシステムや<br />
商品を3D表現するECサイトなども出てくるだろう。<br />
そうなると、値引きや流通コストの増加に加え、<br />
システムに対する設備投資もかさみ、これも資本力がものを言う。</p>
<p>要するに、そのECサイトで買うメリットが無ければ生き残れない = 大手の下で展開する<br />
しかないという選択を余儀なくされる時代になったということと思う。</p>
<p>企業にとっては苦しいが、ECサイトのクオリティ向上が図れるだけでなく、<br />
消費者にとっては選択の幅が広がることと、競争によるサービスの向上はEC業界にとってはとても良いことだと思う。</p>


ファッション業界のEC

<p>ECと一口にいっても様々な機能が最近では備わっています。</p>
<p>いろんな機能がありすぎて使用していない、どんな機能かわからないといった方も実は結構いらっしゃいます。</p>
<p>そんな日々お客様とお話させていただいた中からちょっとご紹介を。</p>
<ul>
<li>定期購入</li>
<li>ポイント</li>
<li>ステップメール等のメール機能</li>
</ul>
<p>ECカートでまずご要望の多い機能は上記の3点です。（業種にもよると思いますが）</p>
<p>今回は定期購入についてご説明したいと思います。</p>
<p>&nbsp;</p>
<p style="font-family: Arial, Helvetica, sans-serif; background-color: #5ee618; border-color: #25d971;"><span style="font-size: medium;"><strong>定期購入</strong></span></p>
<p>読んで字のごとく「定期的」に「同一の商品を購入」というのが定期購入です。</p>
<p>いつでもwebで販売しているのに、なぜ定期便購入にするのかというと</p>
<p>購入されるお客様も販売するお店にもそれぞれのメリットがあります。</p>
<p><strong>お客様側のメリット</strong></p>
<ul>
<li><span class="Apple-style-span" style="line-height: 13px;">商品を通常より安く購入できる（場合によっては送料無料などもあります）</span></li>
<li>日常的に使う商品の買い忘れ防止</li>
<li>注文する手間を省ける</li>
</ul>
<p><strong>お店側のメリット</strong></p>
<ul>
<li>受注商品数の予測が可能</li>
<li>顧客リピート率の向上</li>
<li>売上の安定</li>
</ul>
<p>いいところばかりでデメリットは？と思われるかもしれませんが</p>
<p>実際のところ双方にとってこれほどありがたいと思う購入方法はありません。</p>
<p>かなり昔のことですが、以前通信販売の会社に勤めていた時は</p>
<p>商品のお届け日や届け先が変更できない、支払い方法が代引き固定など</p>
<p>システム上の融通がきかないイメージでしたが、現在ではほとんど対応可能に</p>
<p>なっています。</p>
<p>ちなみに定期システムは当社のLaunch Cartでも実装している機能です。</p>
<p>ぜひご活用ください！</p>
<p>&nbsp;</p>


ECサイトで欲しい機能

<p>最近何かと話題のクラウドソーシング。ようやく市場が立ち上がって来た感がありますが、実際に、調べてみると総額で億を超えるの仕事の流通が図られているようです。</p>
<p>それぞれのサイトのターゲット、集まっている方々などが違うので、公表されている限りでまとめてみました。</p>
<p>プラットフォームの大きさを表す流通総額。大きければ大きい程、仕事がたくさんある状態です。さらに、開始年月から活性状況を逆算することが出来ます。</p>
<p>依頼する側も、仕事を受ける側も、求めるもの、提供出来るものがマッチすれば幸いです。</p>
<p>どれも2013年2月6日時点で知り得た情報です。</p>
<p>&nbsp;</p>
<h2>総合</h3>
<h4><a href="http://www.lancers.jp/" target="_blank">Lancers</a></h6>
<p style="text-align: center;"><strong><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_42" rel="attachment wp-att-1419"><img decoding="async" loading="lazy" class="aligncenter" alt="スクリーンショット_2013_02_06_14_42" src="/uploads-archive/2013/02/c2bc53e292ee181b421f7c58eb7412a8-300x141.jpg" width="300" height="141" /></a></strong><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_43" rel="attachment wp-att-1418"><br />
</a></p>
<table>
<thead>
<tr>
<th>内容</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>依頼主</td>
<td>制作・開発全般70カテゴリー</td>
</tr>
<tr>
<td>受託側</td>
<td>フリーランス全般</td>
</tr>
<tr>
<td>流通総額</td>
<td>46億円</td>
</tr>
<tr>
<td><tt>開始</tt></td>
<td>2008年</td>
</tr>
<tr>
<td>コメント</td>
<td>業界では老舗です。</td>
</tr>
</tbody>
</table>
<h4><a href="http://crowdworks.jp/" target="_blank">Crowdworks</a></h6>
<p style="text-align: center;"><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_58" rel="attachment wp-att-1431"><img decoding="async" loading="lazy" class="size-medium wp-image-1431 aligncenter" alt="スクリーンショット_2013_02_06_14_58" src="/uploads-archive/2013/02/9b7ee8e17e2c29829dc99999a42d07c1-300x113.jpg" width="300" height="113" /></a></p>
<table>
<thead>
<tr>
<th>内容</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>依頼主</td>
<td>制作・開発</td>
</tr>
<tr>
<td>受託側</td>
<td>デザイナー、エンジニア</td>
</tr>
<tr>
<td>流通総額</td>
<td>6億円</td>
</tr>
<tr>
<td><tt>開始</tt></td>
<td>2011年</td>
</tr>
<tr>
<td>コメント</td>
<td>メディアでの露出も多く勢いを感じます。</td>
</tr>
</tbody>
</table>
<h4><a href="http://jobhub.jp/" target="_blank">Job-Hub</a></h6>
<p style="text-align: center;"><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_43" rel="attachment wp-att-1418"><img decoding="async" loading="lazy" class="aligncenter" alt="スクリーンショット_2013_02_06_14_43" src="/uploads-archive/2013/02/4cfcb06788579bbdebaef2397e7bb5a9-300x136.jpg" width="300" height="136" /></a></p>
<table>
<thead>
<tr>
<th>内容</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>依頼主</td>
<td>制作・開発</td>
</tr>
<tr>
<td>受託側</td>
<td>フリーランス全般</td>
</tr>
<tr>
<td>流通総額</td>
<td>不明</td>
</tr>
<tr>
<td><tt>開始</tt></td>
<td>2012年8月</td>
</tr>
<tr>
<td>コメント</td>
<td>人材派遣大手のパソナが手がけるプラットフォーム</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>デザイナー</h3>
<h4><a href="http://www.designclue.co/" target="_blank">designclue</a></h6>
<p style="text-align: center;"><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_44-2" rel="attachment wp-att-1422"><img decoding="async" loading="lazy" class="aligncenter" alt="スクリーンショット_2013_02_06_14_44 2" src="/uploads-archive/2013/02/220cd93a14e7ceb57567d134394042db-300x100.jpg" width="300" height="100" /></a></p>
<table>
<thead>
<tr>
<th>内容</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>依頼主</td>
<td>デザイン</td>
</tr>
<tr>
<td>受託側</td>
<td>海外デザイナー</td>
</tr>
<tr>
<td>流通総額</td>
<td>不明</td>
</tr>
<tr>
<td><tt>開始</tt></td>
<td>2012年</td>
</tr>
<tr>
<td>コメント</td>
<td>海外（特にインドネシア）のデザイナーが多い。社長は私と同い年（85年生まれ）です。</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>ライター</h3>
<h4><a href="http://crowd.biz-samurai.com/corporate/">Shinobiライティング</a></h6>
<p style="text-align: center;"><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_40-4" rel="attachment wp-att-1421"><img decoding="async" loading="lazy" class="aligncenter" alt="スクリーンショット_2013_02_06_14_40-4" src="/uploads-archive/2013/02/1662cb5ddcd8571a8fb8bba466481651-300x118.jpg" width="300" height="118" /></a></p>
<table>
<thead>
<tr>
<th>内容</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>依頼主</td>
<td>ライティング業務</td>
</tr>
<tr>
<td>受託側</td>
<td>ライター</td>
</tr>
<tr>
<td>流通総額</td>
<td>約40,000件</td>
</tr>
<tr>
<td><tt>開始</tt></td>
<td>不明</td>
</tr>
<tr>
<td>コメント</td>
<td>1万人以上のライターが登録済み</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>マイクロタスク</h3>
<h4><a href="http://crowdsourcing.yahoo.co.jp/">Yahoo!クラウドソーシング</a></h6>
<p style="text-align: center;"><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_41" rel="attachment wp-att-1420"><img decoding="async" loading="lazy" class="aligncenter" alt="スクリーンショット_2013_02_06_14_41" src="/uploads-archive/2013/02/80ba703de7822a113268a46c7c5b34a7-300x151.jpg" width="300" height="151" /></a></p>
<table>
<thead>
<tr>
<th>内容</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>依頼主</td>
<td>記事作成、写真撮影、データ入力など</td>
</tr>
<tr>
<td>受託側</td>
<td>一般yahooユーザー</td>
</tr>
<tr>
<td>流通総額</td>
<td>不明</td>
</tr>
<tr>
<td><tt>開始</tt></td>
<td>2012年</td>
</tr>
<tr>
<td>コメント</td>
<td>yahooポイントがもらえる特殊な形式をとっています。</td>
</tr>
</tbody>
</table>
<h4><a href="http://www.realworld.jp/crowd/" target="_blank">Crowd</a></h6>
<p style="text-align: center;"><a href="/officer/%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%b3%e3%82%b0%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%a6%e3%81%bf%e3%81%9f.html/attachment/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2013_02_06_14_44" rel="attachment wp-att-1417"><img decoding="async" loading="lazy" class="aligncenter" alt="スクリーンショット_2013_02_06_14_44" src="/uploads-archive/2013/02/394b085fc683617a2744890cb13e7050-300x135.jpg" width="300" height="135" /></a></p>
<table>
<thead>
<tr>
<th>内容</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>依頼主</td>
<td>記事作成、写真撮影、データ入力など</td>
</tr>
<tr>
<td>受託側</td>
<td>主婦、学生、就職活動中の方</td>
</tr>
<tr>
<td>流通総額</td>
<td>55億円</td>
</tr>
<tr>
<td><tt>開始</tt></td>
<td>2008年</td>
</tr>
<tr>
<td>コメント</td>
<td>お小遣い稼ぎをうたっています。</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>番外：海外編</h3>
<p><a href="https://www.elance.com/" target="_blank">eLance</a></p>
<p><a href="https://www.odesk.com/" target="_blank">oDesk </a></p>
<p><a href="http://www.zhubajie.com/" target="_blank">猪八戒　zhubajie</a></p>
<h2>まとめ</h3>
<p>基本なんでも自分達でやるというスタンスではありますが、弊社のようなベンチャー企業では、専任の人間を抱えているわけではないので、案件ベースで適宜利用することを視野に入れるべきだと思います。例えば、Webサイトの制作を依頼される中で、商品（サイト）のライティングを合わせて依頼されるケースもありますが、そのような場合に、スポットでプロのライターにお願いするような想定が出来ます。</p>


クラウドソーシングをまとめてみた

<p>昨年あたりからこのキーワードを耳にするようになりましたが、体系だってまとめたことがありませんでしたので、</p>
<p>今更ながら簡単にまとめてみます。</p>
<p>2013年1月1日号の宣伝会議において、2013年注目しているキーワード12位DSP、13位RTBそして、2013年注力したいと考えているキーワード9位DSP、14位RTBと注目が集まっている新しい広告手法です。</p>
<p>まず、それぞれの意味をweblio,IT用語辞典から引用すると以下の通りとなります。</p>
<blockquote><p><strong>RTB</strong><br />
【英】Real-Time Bidding<br />
リアルタイム入札とは、オンライン広告の入札の仕組みで、広告のインプレッションが発生するたびに広告枠の競争入札を行い、配信する広告を決定する方式のことである。</p>
<p>リアルタイム入札では、入札希望者はあらかじめ、ターゲットとなるユーザー属性、広告の掲載基準、掲載面、クリエイティブや入札価格などをあらかじめ設定しておく。ある掲載面でインプレッションが発生した場合に、その媒体・掲載面・ユーザー属性などの条件に合致する購入者（広告主）の入札を募り、最も高く入札した購入者の広告を配信する。入札はミリ秒の単位で、リアルタイムに行われる。</p>
<p>リアルタイム入札を導入することによって、広告枠を1インプレッション単位で売買することが可能になる他、広告枠の売り手（販売者）にとっては複数の広告主に対して広告枠を競売にかけることができる、広告枠の買い手となる広告主側には、狙ったターゲットや条件ごとに適切な価格で入札・表示できる、といったメリットがある。</p>
<p>リアルタイム入札の仕組みは米国で2010年頃に登場し、徐々に普及していった。2011年1月には、日本でもリアルタイム入札の専業ベンチャー企業であるFreakOutがサービスの提供を開始。2011年6月にはアドバタイジングドットコム、7月にはGoogleがリアルタイム入札への参入を発表するなど、新しい潮流を生み出しつつある。</p></blockquote>
<p>&nbsp;</p>
<blockquote><p><strong>DSP</strong></p>
<p>【英】Demand-Side Platform,<br />
デマンドサイドプラットフォームとは、オンライン広告において、広告主（購入者）側の広告効果の最大化を支援するツールのことである。</p>
<p>デマンドサイドプラットフォームは、広告主側が行う予算管理、入稿管理、掲載面の管理、予算やターゲットとするユーザー属性などに基づいた最適な広告枠の選定、あるいは、過去の成果を反映することで行われる配信条件の最適化、といった機能を提供する。</p>
<p>広告主側を支援するデマンドサイドプラットフォームに対して、広告枠の販売者側を支援するツールは「サプライライドプラットフォーム」（SSP）と呼ばれる。</p>
<p>デマンドサイドプラットフォームとサプライライドプラットフォームは、純広のような1対1の売買ではなく、多対多で接続して広告枠の競争入札を行う「アドエクスチェンジ」、および、「リアルタイム入札」（RTB）を実現する。</p></blockquote>
<p>&nbsp;</p>
<blockquote><p><strong>SSP</strong></p>
<p>【英】Supply-Side Platform</p>
<p>サプライサイドプラットフォームとは、オンライン広告において、媒体社（メディア）の広告枠の販売や広告収益の最大化などを支援するツールのことである。略して「SSP」と呼ばれることが多い。</p>
<p>サプライサイドプラットフォームでは、主に、広告のインプレッションが発生するごとに最適な広告を自動的に選択し、収益性の向上を図る、といった仕組みが提供されている。具体的にどのような方式が採用されているかは個々のサービスによって異なるが、アドネットワークの一元的管理、アドエクスチェンジ、リアルタイム入札（RTB）、などに対応している場合が多い。</p>
<p>配信する広告が決定される際には、eCPMだけではなく、ユーザーの行動履歴や属性などといったオーディエンスデータなどが利用される場合が多い。また付加的な機能として、特定の枠に純広を配信し、配信期間やインプレッション回数を制御するといった、アドサーバーとしての利用も可能である場合が多い。これらによって収益最大化だけでなく広告管理の全体的な効率化が実現できる。</p>
<p>2011年11月現在、国内で提供されているサプライサイドプラットフォームの例としては、オーディエンスターゲティングを中心としたMicroAdの「ADfunnel」、訪問者の広告閲覧回数に基づいた広告収益の最大化を特長とした「Kauli」、スマートフォン向けのサプライサイドプラットフォーム「SSPapri」などがある。</p>
<p>なお、媒体社の側を支援するサプライサイドプラットフォームに対して、クライアント側（広告主）を支援するシステムは、「デマンドサイドプラットフォーム」と呼ばれている。</p></blockquote>
<p>以上のように、広告主がオーディエンス属性や行動に合わせた広告をリアルタイムに入札出来る仕組みがRTB。</p>
<p>それを支える広告主側のプラットフォーム＝DSP、メディア側のプラットフォーム＝SSPとなります。</p>
<h2>概念図</h3>
<p>以上を概念図にすると下記のようになると思います。</p>
<p>参考までに従来の手法も記載をしておきました。</p>
<p><a href="/officer/%e5%ae%a3%e4%bc%9d%e4%bc%9a%e8%ad%b02013%e5%b9%b4%e6%b3%a8%e7%9b%ae%e3%81%ae%e5%ba%83%e5%91%8a%e3%82%ad%e3%83%bc%e3%83%af%e3%83%bc%e3%83%89%ef%bc%88rtb%e3%80%81dsp%e3%80%81ssp%ef%bc%89.html/attachment/%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a" rel="attachment wp-att-1391"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-1391" alt="名称未設定" src="/uploads-archive/2013/01/7dd4c3f74f006b34bb1d70d7adebd54e-300x194.png" width="300" height="194" /></a></p>
<h2> まとめ</h3>
<p>アドテクノロジーにもパラダイムシフトが起こり、より効率化されたシステムが構築され、企業、ユーザー双方にとって、利便性が増したアドテクノロジーへと進化していくようです。</p>


宣伝会議2013年注目の広告キーワード（RTB、DSP、SSP）

ECサイトで使えそうなjQueryプラグイン elevatezoom

<p>ECサイトというと馴染みが薄いかもしれませんが、インターネットで通信販売を申し込んだことがある、という人は結構いらっしゃるのではないでしょうか？</p>
<p>乱暴にいえば、お買い物する時カートのマークがついていればECサイトです。</p>
<p>半年ほど前になりますが経産省から発表された電子商取引実態調査では、週1回以上ECを利用する割合が日本では7.4％とまだ少なめですが、市場自体は8.5兆円で前年比＋8.6%と着実に増加しています。</p>
<p>http://www.meti.go.jp/policy/it_policy/statistics/outlook/ie_outlook.htm</p>
<p>日常生活にも少しずつ浸透しつつあるECサイト。簡単にではありますがどういった種類があるのか、メリット・デメリットを今回説明したいと思います。</p>
<p>●ASP:アプリケーションで提供しているサービス</p>
<p>●パッケージ製品：一定の機能を備えたソフト</p>
<p>●受託開発：要望を聞いて作成する</p>
<p>・ASPは安価で作成・運営を行えますが、提供されているアプリケーションなのでカスタマイズが難しく、類似したサイトデザインになりがちです。機能を追加したい場合は提供者側のバージョンアップを待つか、別途で作成する必要があります。</p>
<p>・パッケージ製品は欲しい内容をある程度変更でき、ASPよりもサイトの幅が広がっています。販売金額は数万円～数百万円です。また金額により変更できる内容もさまざまですので、ある程度選別する必要があります。</p>
<p>・受託開発はかゆいところまで手が届く発注側の要望をそのまま作成することができます。ただ１からの作成となるのでパッケージ製品と比べても高額で、準備作成に時間が必要となります。</p>
<p>ECサイト作成当初には現在の規模・予算・機能で考えがちですが、機能追加などのカスタマイズが難しい場合もあるので、今後のサイト運営をふまえて選択することで実質コスト削減にもつながります。</p>


ECサイトとはなんぞや

<div>何か参考になる記事を見つけたのでメモと、</div>
<div>今後のために今ECソリューションの営業をしていて思ったことのまとめ。</div>
<div><a href="http://web-tan.forum.impressrd.jp/e/2012/11/16/14171" target="_blank">http://web-tan.forum.impressrd.jp/e/2012/11/16/14171</a></div>
<div></div>
<h2>リニューアルを検討している人の要望</h3>
<h3>1. 運用方法を変更したい</h4>
<div>・受注〜管理のフローを最適化したい</div>
<div>・新たに倉庫会社と連携したい</div>
<div>・コールセンターで注文を受けるようにしたい</div>
<p>&nbsp;</p>
<div>サイトの成長や扱う商品の変化など、</div>
<div>フェーズによって現行システムに不満を持ち出すケースが多い模様。</div>
<div></div>
<div>
<h3>2. 機能を拡張したい</h4>
<div>・メルマガ、ステップメール</div>
<div>・決済手段を増やしたい</div>
<div>・定期購入、ブログ連携</div>
<p>&nbsp;</p>
<div>初期の売上をとにかく増やすというフェーズを越え</div>
<div>コンバージョン率の向上や多方面のニーズへの対応など</div>
<div>サービスの拡張としての機能拡張が多い模様。</div>
<div></div>
<h3>3. プラットフォーム</h4>
<div>・スマホ、タブレット対応</div>
<div>・Facebookページと連携</div>
</div>
<div>・モールからの脱却</div>
<p>&nbsp;</p>
<div>時代の変化に伴う改修。</div>
<div>ユーザーが集まる、若しくはよりよいサービスを提供するためのニーズ。</div>
<div></div>
<h3>4. 露出を増やしたい</h4>
<div>・LPなど特設ページを増設したい</div>
<div>・複数のアフィリエイトをやりたい</div>
<div>・SEOやアクセス解析</div>
<p>&nbsp;</p>
<div>アクセスやコンバージョンを高めたいというニーズ。</div>
<div>次のステップへサイトを成長させるための施策としてリニューアルを検討するケースが多い模様。</div>
<div></div>
<h2>現状システムへの不満</h3>
<div>1. 機能の拡張ができない、運用が合わない</div>
<div>2. 広告、アフィリエイトとの連携がとれない</div>
<div>3. デザインの縛り、テンプレートの拡張ができない</div>
<p>&nbsp;</p>
<div>ASPやオープンソースを使っているECサイトに多いが</div>
<div>やはりやりたいことが出来ないという悩み。</div>
<div>独自システム構築済みのECサイトでは、コールセンターや物流センターの新設や</div>
<div>新たなプラットフォームへの対応きっかけでリニューアルを検討する模様。</div>
<div></div>
<h2>リニューアル後に期待すること</h3>
<div>1. 運用効率の向上 = コスト削減</div>
<div>2. アクセス数、広告効果向上 = 売上アップ</div>
<div>3. ブランディング</div>
<p>&nbsp;</p>
<div>当たり前だが、システムのリプレイスはEC事業者にとってコストでしかない。</div>
<div>コストに見合う成果 = 運用コストダウン、売上の向上が伴わなければする意味が無い。</div>
<div>逆に、そこら辺を可視化して説明すれば、大抵は納得してくれる。</div>
<div>例えば、スマホ最適化するとスマホ経由の売上が倍になるとか、</div>
<div>Facebookページと連携すると10%アクセス伸びるとか。</div>
<div></div>
<h2>越境ECについて</h3>
<div>正直ニーズとしてはほとんどない。</div>
<div>あったとしても淘宝網などの海外のモール系サービスへの出店について検討しているくらい。</div>
<div>ただ、ここのニーズは今はまだ無い方が良い。</div>
<div>ここは当社がプラットフォームを創りニーズを掘り起こす！</div>
<div></div>
<h2>まとめ</h3>
<div>冒頭で紹介したサイトの文言を引用すると</div>
<div>「成功しているECサイトは、ベンダーと夫婦のような関係を築いている」</div>
<div>ということ。</div>
<div>技術やプラットフォームは時代と共に変化するもの。</div>
<div>変化に迅速に、且つ上手に対応していくことはとても大事。</div>
<div>ベンダーもこれらの対応がソフトウェアの価値を向上させる。</div>
<div>要はECサイトの成長がベンダーの成長にもつながる関係の構築を作ることが両者にとって一番よいことですね。</div>
<p>&nbsp;</p>
<div>あと、すごく驚いたのが、上記の要望や不満</div>
<div><a href="/launchcart" target="_blank">LaunchCart</a>は全て無料で対応してくれること。</div>
<div>LaunchCart すごい…</div>


ECサイトのリニューアルを検討している人の要望まとめ

<p>皆様もみたことがあるであろうこのマーク。グッドデザイン賞2012が11月25日に発表されました。</p>
<p>大賞はテレビ番組 の「デザインあ」（<a href="http://www.g-mark.org/award/describe/39089">http://www.g-mark.org/award/describe/39089</a>）でした。</p>
<p>2つ驚いた点があるのですが、単純にデザイン性の優れた製品が対象だと思っていたのですが、</p>
<p>グッドデザイン賞が定めるデザインの定義はもっと広く、</p>
<blockquote>
<h4>グッドデザイン賞の対象</h6>
<p>「グッドデザイン賞」は、家電やクルマなどの工業製品から、住宅や建築物、各種のサービスやソフトウェア、パブリックリレーションや地域づくりなどのコミュニケーション、ビジネスモデルや研究開発など、有形無形を問わず、人によって生み出されるあらゆるものや活動を対象としています。<br />
その対象の主体者（企業やデザイナーなど）は、その対象が、翌年の3月末までに生活者が使用・利用できる状況にあれば、グッドデザイン賞に応募することができます。</p></blockquote>
<p>とのことでした。</p>
<p>そして、今回の大賞を取ったのが、テレビ番組ということです。</p>
<p>ウェブの制作会社であれば知らない人はいないであろう、中村勇吾氏がディレクターに入っていたりとその番組は見たことがないのですが、ものすごく興味がそそられるものでした。</p>
<p><a href="http://www.nhk.or.jp/design-ah/ah-song/">http://www.nhk.or.jp/design-ah/ah-song/</a></p>
<p>のようなウェブサイトも公開されており、一つの作品として評価されているんだなと思います。</p>
<p>&nbsp;</p>
<h2>モバイルアプリケーションが金賞受賞</h3>
<p>さらに、驚くべきことは金賞に</p>
<p><a href="http://www.g-mark.org/award/describe/39107" target="_blank">http://www.g-mark.org/award/describe/39107</a></p>
<p>アプリが入ってきており、生活をより便利ものにするという広義のデザインとして、</p>
<p>モバイルアプリケーションが認めれたことになります。</p>
<h3>過去のグッドデザイン賞</h4>
<p>過去のグッドデザイン賞を見回してみても、いわゆるIT分野のソフトウェアというのは</p>
<p>受賞歴がありません。</p>
<ul>
<li><a href="http://archive.g-mark.org/2011/" target="_blank">Good Design Award 2011</a></li>
<li><a href="http://archive.g-mark.org/2010/" target="_blank">Good Design Award 2010</a></li>
<li><a href="http://archive.g-mark.org/2009/" target="_blank">Good Design Award 2009</a></li>
<li><a href="http://archive.g-mark.org/2008/" target="_blank">Good Design Award 2008</a></li>
<li><a href="http://archive.g-mark.org/2007/" target="_blank">Good Design Award 2007</a></li>
</ul>
<p>といいたいところなのですが、</p>
<p><a href="http://archive.g-mark.org/2007/best15/07C02038.html" target="_blank">http://archive.g-mark.org/2007/best15/07C02038.html</a></p>
<p>ありましたセカンドライフが。</p>
<p>もう5年前にもなるのですね。</p>
<p>今は、こんな感じになっているようです。</p>
<p><a href="http://liginc.co.jp/osora/archives/2575" target="_blank">http://liginc.co.jp/osora/archives/2575</a></p>
<h2>まとめ</h3>
<p>最後にオチがついてしまいましたが、グッドデザイン賞を眺めていて、我々が手がけている分野でも評価をされるということがわかり、いつかは、このような賞を貰えるような仕事を作ってみたいと思いました。</p>


グッドデザイン賞2012のデザインあ

<p>コンシューマ向けの3Dプリンタがかなり話題になってきた。<br />
扱える素材も増え、安価で高性能なプリンタが増えてきたことがきっかけで<br />
ビジネスとして比較的障壁が低く参入できるようになってきた。</p>
<p>日本のものづくりは今後中小企業が主役になる。<br />
その価値を決めるのは個人の技術と創造力だ。<br />
これまではデザインやプログラム、情報などPCさえあれば納品できる商材において、個人や企業が多数容易に参入してきていた。<br />
3Dプリンタの高性能化と低価格化により、今後はこのようなデジタルデータにとどまらずあらゆる”もの”をつくることができるようになる。<br />
とても素晴らしい変化だ。</p>
<p>ちょっとしたグラスやアクセサリーを作ってみたり、3Dスキャナーで壊れた水道管のパッキンを複製して自分で直すこともできるようになる。<br />
第三次産業革命や新産業革命という人も出てきている。</p>
<p>やりようによっては個人も企業も大きなビジネスチャンスだ。</p>
<p>ただ、1つだけ気をつけないといけないのは、3Dプリンタは今まであったものが簡単に作れるという範囲でのイノベーションということだ。<br />
生産効率の向上と手軽さが最大の魅力であり、大事なのは個人レベルでの取り扱いが可能となることで、新しい価値が生まれることに期待したい。<br />
紙やwebのデザイナーが新たな販促品を生み出したり、リフォーム会社がオリジナルの装飾部品を開発したりなど、今まで取り扱えなかった分野へチャレンジできるようになる。</p>
<p>今は普及が十分でなくこのような新たな価値はこれからという状況だが、今後はどんなものが生まれてくるかを注目したい</p>


3Dプリンタ 第三次産業革命の可能性

<p>出所：<a href="http://www.worksap.co.jp/topics/news/2012/1026.html" target="_blank">http://www.worksap.co.jp/topics/news/2012/1026.html</a></p>
<p>&nbsp;</p>
<p>大変参考になる記事を見つけたのでメモ。</p>
<p>&nbsp;</p>
<h4>主に大手企業ECサイト、通販運営者71人の回答</h6>
<table>
<tbody>
<tr>
<td>SNSプロモーション</td>
<td>39</td>
<td>55%</td>
</tr>
<tr>
<td>スマホ対応</td>
<td>32</td>
<td>45%</td>
</tr>
<tr>
<td>顧客データの分析</td>
<td>28</td>
<td>39%</td>
</tr>
<tr>
<td>リピート率向上</td>
<td>26</td>
<td>37%</td>
</tr>
<tr>
<td>SEO</td>
<td>19</td>
<td>27%</td>
</tr>
<tr>
<td>他社との差別化</td>
<td>18</td>
<td>25%</td>
</tr>
<tr>
<td>O2O連携</td>
<td>18</td>
<td>25%</td>
</tr>
<tr>
<td>リスティング</td>
<td>14</td>
<td>20%</td>
</tr>
<tr>
<td>システムコストの増大</td>
<td>13</td>
<td>18%</td>
</tr>
<tr>
<td>システム陳腐化</td>
<td>12</td>
<td>17%</td>
</tr>
<tr>
<td>セキュリティ脆弱性</td>
<td>11</td>
<td>15%</td>
</tr>
<tr>
<td>ブラックボックス化</td>
<td>9</td>
<td>13%</td>
</tr>
<tr>
<td>アフィリエイト</td>
<td>7</td>
<td>10%</td>
</tr>
<tr>
<td>バナー広告</td>
<td>6</td>
<td>8%</td>
</tr>
<tr>
<td>システム規模変更</td>
<td>3</td>
<td>4%</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h4>EC・通販関連システムの利用年数</h6>
<p><a href="/uploads-archive/2012/10/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-524" title="1" src="/uploads-archive/2012/10/1.jpg" alt="" width="362" height="217" srcset="/uploads-archive/2012/10/1.jpg 362w, /uploads-archive/2012/10/1-300x179.jpg 300w, /uploads-archive/2012/10/1-228x136.jpg 228w" sizes="(max-width: 362px) 100vw, 362px" /></a></p>
<p>&nbsp;</p>
<p>なるほどと思える結果。</p>
<p>5年以上前のECシステムでスマホ、ソーシャルコマースが十分考慮されているものは無いはず。</p>
<p>システム的な小回りが効かないことに加え</p>
<p>1日のサイト停止がうん千万円という機械損失になる大規模サイト特有の悩みともとれる。</p>
<p>&nbsp;</p>
<h4>サイト運営業務に関する外部委託業務範囲</h6>
<p><a href="/uploads-archive/2012/10/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-528" title="2" src="/uploads-archive/2012/10/2.jpg" alt="" width="362" height="217" srcset="/uploads-archive/2012/10/2.jpg 362w, /uploads-archive/2012/10/2-300x179.jpg 300w, /uploads-archive/2012/10/2-228x136.jpg 228w" sizes="(max-width: 362px) 100vw, 362px" /></a></p>
<p>広告関連と思いきや、以外にもデザインが一番多い。</p>
<p>クリエイティブにこだわりがあるということはもちろんのこと、</p>
<p>古めのシステムはカート、決済、ポイントなどECとしての機能が重視されており、</p>
<p>CMSなど見た目の制御があまり考えられていないことも起因していると思う。</p>


大手ECサイト、8割がリニューアルを検討

<p>今回は、SEO対策の方法について、復習することにしました。</p>
<p>&nbsp;</p>
<p>ちょうど今月(2012月10月)、Googleの<a href="http://support.google.com/webmasters/bin/answer.py?hl=ja&amp;answer=35769" target="_blank">ウェブマスター向けガイドライン</a>が更新されたようですので、</p>
<p>そちらから、HTMLコーディングに関する主なものをまとめてみました。</p>
<p>あからさまなスパム行為は省略しました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>基本</h3>
<p><strong>1.　サイトの構造はわかりやすく。</strong></p>
<p><strong>2.　主要ページへのリンクを記載したサイトマップを用意する。</strong></p>
<p><strong>　　サイトマップ内のリンクが非常に多い場合は複数ページに分ける。</strong></p>
<p><strong>3.　ユーザーが検索するときに入力する可能性と高いキーワードをサイトに含める。</strong></p>
<p><strong>4.　重要な名前、コンテンツ、リンクは、画像の代わりにテキストを使用。</strong></p>
<p><strong>　　画像を使用する必要がある場合は、alt属性を使用して、説明テキストを組み込む。</strong></p>
<p><strong>5.　無効なリンクを防ぐ。HTMLが正しいか確認する。</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>避けるべきことと、対策</h3>
<p><strong>1.　JavaScriptを使って、外部ページにリダイレクト(サイトにアクセスしたユーザーを、リクエストされたURLとは別のURLに移動させること)すること。</strong></p>
<p>対策→　新サイトへの移動などの場合は、301リダイレクトを使用する。</p>
<p>&nbsp;</p>
<p><strong>2.　隠しテキストと隠しリンクの利用</strong></p>
<p>・白の背景で白のテキストを使用する</p>
<p>・テキストを画像の背後に置く</p>
<p>・CSSを使用して、テキストを画面外に配置する</p>
<p>・フォントサイズを0に設定する。</p>
<p>・小さな１文字のみをリンクにして、リンクを隠す</p>
<p><span style="color: #808080; font-size: small;"><br />
</span></p>
<p><strong><span style="color: #3366ff; font-size: small;">画像やJavaScript、動画の使用で、テキストをおく必要がある場合の対策方法と注意点</span></strong></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;"><br />
</span></strong></span></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;">画像</span></strong></span></p>
<p><span style="color: #3366ff;">　・alt属性を使用して、わかりやすい説明テキストを記述する。</span><br />
<span style="color: #3366ff;">　　　（例：&lt;img src=&#8221;puppy.jpg&#8221; alt=&#8221;持ってこいをするダルメシアンの子犬&#8221;&gt;）</span></p>
<p><span style="color: #3366ff;">　・画像近くに、わかりやすいキャプションや説明テキストを配置する(可能な限り画像の近くに置くと効果的)</span></p>
<p><span style="color: #3366ff;">　・ファイル名を、画像の題材がわかるようなものにする</span></p>
<p><span style="color: #3366ff;">　・alt属性にキーワードを多用しない</span></p>
<p><span style="color: #3366ff;">　　　（スパムとみなされる場合がある。例：&lt;img src=&#8221;puppy.jpg&#8221; alt=&#8221;子犬 犬の赤ちゃん 小さな子犬 レトリーバー ラブラドール ウルフハウンド セッター ポインター ジャックラッセル テリヤ ドッグ フード ドッグフード 安い 子犬の餌&#8221;/&gt;）</span></p>
<p><span style="color: #3366ff;">　・重要なテキストは画像に埋め込まない</span></p>
<p><span style="font-size: small; color: #3366ff;"><br />
</span></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;">JavaScript</span></strong></span></p>
<p><span style="color: #3366ff;">　・JavaScript内と同じコンテンツを&lt;noscript&gt;タグ内に記述する</span></p>
<p><span style="color: #3366ff;">　　　(&lt;noscript&gt;タグ内の内容は、JavaScript内のコンテンツと完全に同様にする)</span></p>
<p><span style="color: #3366ff;"> </span></p>
<p><span style="color: #3366ff;"><strong><span style="font-size: small;">動画</span></strong></span></p>
<p><span style="color: #3366ff;">　・動画の説明テキストをHTML内に記述する</span></p>
<p>&nbsp;</p>
<p><strong>3.　誘導ページの利用</strong></p>
<p>(誘導ページ：特定のフレーズに対して、検索結果の上位に表示して、ユーザーを特定のサイトやページに誘導する目的で設置された、特定のキーワードやフレーズ用に作成された、テンプレートを使用した品質の低いページの集まり)</p>
<p>対策→　ユーザーの利便性を考慮した、質の高いページを設置する</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>画像の配置やJavaScriptなどで、デザインの都合上、対策が難しい場合もありますが、</p>
<p>改めて、これらのことを頭に入れてデザインをすることで、</p>
<p>利便性の高い、SEOも考慮されたサイト作りに役立てたいです。</p>


SEOを考慮したHTMLコーディングの復習

<p>iOSでFlashを搭載しない変わりに代替する技術として、HTML5とJavaScriptによるアニメーション表現が発達してまいりましたが、マルチデバイス対応及びフィーチャーフォン（ガラケー）向けの資産を再利用したいという理由でflashを変換するツールも同時に複数立ち上がっています。</p>
<p>それぞれ案件でこなしながら、flash変換ツールに関して代表的なツール4つのメリット・デメリットをまとめてみました。</p>
<p>非エンジニアの筆者がまとめております点、ご容赦下さい。技術情報については末尾に参考記事を掲載しております。</p>
<h2>swiffy（提供：GOOGLE）</h3>
<p>flaファイル変換系</p>
<p><a href="https://www.google.com/doubleclick/studio/swiffy/" target="_blank">https://www.google.com/doubleclick/studio/swiffy/</a></p>
<h3>メリット</h4>
<p>再現率が高い</p>
<h3>デメリット</h4>
<p>出力したソースが複雑（minifyされている）であるため改修は困難。</p>
<p>画像がSVG形式であるため、Androidは2.x系に対応していない。</p>
<h2>CreateJS（提供：<a href="http://gskinner.com/" target="_blank">gskinner</a>）</h3>
<p>flaファイル変換系</p>
<p><a href="http://www.createjs.com/#!/CreateJS" target="_blank">http://www.createjs.com/#!/CreateJS</a></p>
<h3>メリット</h4>
<p>出力したソースが綺麗。後のカスタマイズも容易</p>
<p>HTML5+Javascript+Imagesという構成なので、スマートフォン全般に対応可能</p>
<h3>デメリット</h4>
<p>仕様・制限が多い。既存のflaファイルからの修正は困難。</p>
<p>CS6もしくはCreative Cloudが必要</p>
<h2>ExGame（提供：DeNA）</h3>
<p>swf変換系</p>
<p><a href="http://developer.dena.jp/mbga/support/exgame.html" target="_blank">http://developer.dena.jp/mbga/support/exgame.html</a></p>
<h3>メリット</h4>
<p>ユーザーアクセス時にswfを解釈する仕組のため、ヘッダーに記述するだけ。</p>
<p>再現率が高い</p>
<h3>デメリット</h4>
<p>モバゲープラットフォーム以外では使えない</p>
<h2>reel（提供：GREE）</h3>
<p><a href="https://docs.developer.gree.net/ja/technicalspecs/reel/" target="_blank">https://docs.developer.gree.net/ja/technicalspecs/reel/</a>（要ログイン）</p>
<p>swf変換系</p>
<h3>メリット</h4>
<p>ユーザーアクセス時にswfを解釈する仕組のため、ヘッダーに記述するだけ。</p>
<p>再現率が高い</p>
<h3>デメリット</h4>
<p>GREEプラットフォーム以外では使えない</p>
<h2>まとめ</h3>
<p>新規で構築するのであれば、CreateJS一択でいいと思います。CreateJSを前提に制作をすれば、フィーチャーフォン→flashlite、スマートフォン→CreateJSで出力したHTML5で運用も軽微になります。</p>
<p>ただ、まだ新しい技術ということも情報があまりにも少なく、独自に未成熟な部分も発見しております。</p>
<p>ツールの進化、情報の蓄積を期待しています。</p>
<p>フィーチャーフォン向けのswfが既にあるならば、それぞれのプラットフォームが提供している、swf変換系のツールを素直に使いましょう。</p>
<p>アプリ化やその他プラットフォームに対応既存コンテンツを対応させる場合は、Swiffy＋FLASH（Andorid2.x系）の組み合わせになり、現時点では、一番工数が掛かります。</p>
<p>こちらも、後1年するとAndroid2.x系ユーザーが少なくなり、Swiffyのみ選択するということでよくなるかもしれません。</p>
<h4>技術参考記事</h6>
<p><a href="http://ameblo.jp/principia-ca/entry-11033734709.html" target="_blank">http://ameblo.jp/principia-ca/entry-11033734709.html</a></p>
<p><a href="http://d.hatena.ne.jp/ndruger/20111113/1321205098" target="_blank">http://d.hatena.ne.jp/ndruger/20111113/1321205098</a></p>
<p><a href="http://www.slideshare.net/ytksn/0322engineercafe-12124546" target="_blank">http://www.slideshare.net/ytksn/0322engineercafe-12124546</a></p>
<p>&nbsp;</p>


flash変換ツールまとめ（swiffy,CreateJS,ExGame,reel）

<p>2012年9月27日に行われた「ECのミカタセミナー」というECサイト運営社向けのセミナーに参加してまいりました。 その中で、私には全く新しい視点でWebサイトを捉えているセッションがありましたので、紹介致します。</p>
<h2>KEYNOTE SYSTEMS社のビジネス</h3>
<p>講演をされていたのが、Keynote Systems社というアメリカのカリフォルニアに本社を置く日本法人の代表の方でした。 Keynoteというとmacのプレゼンテーションソフトしか思い浮かびませんでしたが、顧客数4,000超でNASDAQに上場している企業とのことです。 クライアントもそうそうたるもので、ebayやcoarchといった小売業者からAMEX、GMと多岐に渡っています。 その主力ビジネスが Webサイトのパフォーマンスを計測、改善するサービスということなのです。</p>
<h2>アクセス解析とWEBパフォーマンスの関係</h3>
<p>ここで、Webサイトのパフォーマンスってあまり意識したことなかったのですが、それもそのはずで、断言されておりました「Webパフォーマンスに限らず、日本は統計に基づく分析に関して遅れている」と。 特に統計学に携わる分野で大学の学部を見ても、統計学を専攻する学部は一つもないとのことです。 Webパフォーマンスの相関を例を上げると・・・</p>
<ul>
<li>16%・・・1秒が遅れる毎の顧客満足度低下率</li>
<li>11%・・・1秒早くなる毎のPVの向上</li>
<li>7%・・・1秒早くなる毎のCVの向上</li>
<li>88%・・・継続的な計測による顧客満足度向上</li>
<li>200%・・・1秒早くなる毎のブランドイメージのアップ</li>
</ul>
<p>と統計的に証明されているとのことです。 ここで、本セッションがWebパフォーマンスに限った統計のことで、レコメンドや、ランディングページ等、機能やマーケティングに関しては除外されていることをお気をつけ頂きたい。</p>
<h2>スピード＝価値</h3>
<p>ライリーの小売引力の法則</p>
<blockquote><p>P=α*A/D^2</p></blockquote>
<p>P=購入確率、α＝計数、A=魅力、D=距離（サイト速度） 購入確率は、人口ないし、品揃えに比例し、距離（サイト速度）の2乗に反比例する。 PCサイトの世界標準・・・1秒以下 スマートフォンサイトの世界標準・・・6秒以下 →日本の大手ECサイトはどれも達成出来ていない。 6秒以内に表示するためには・・・</p>
<ul>
<li>100kb</li>
<li>CSS1</li>
<li>JS1</li>
<li>Redirect1</li>
</ul>
<p>に抑える必要がある。 参考、chanel、zappos</p>
<h2>まとめ</h3>
<p>目からウロコであることが非常に多かった。世界トップレベルのサイトの取り組みというものを垣間見ることが出来、参考になりました。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: EC

2013/04/04

2013/04/03

2013/03/28

2013/03/07

2013/02/28

2013/02/28

2013/02/21

2013/02/06

2013/01/31

2013/01/23

2013/01/17

2012/12/13

2012/11/29

2012/11/15

2012/11/01

2012/10/11

2012/10/10

2012/10/09