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

<p>前回のTwitterCardsに引き続き、OGPも設定してみました。</p>
<p>普通OGPのほうが先に出ているんだから、先に設定すべきだろうというツッコミは予想しつつ、内容と設定を簡単にまとめます。</p>
<p>OGP＝Open Graph Protocolです。各種ソーシャルメディアで、各種ウォール、ニュースフィードに「こういうサイトです」と明言するために必要な仕様です。</p>
<p>OGPの公式サイトはこちらから<strong><br />
</strong><a href="http://ogp.me/">http://ogp.me/</a></p>
<h2>基本設定</h3>
<p>HTMLヘッダーにmetaタグとして以下の設定します。</p>
<table>
<thead>
<tr>
<th>プロパティ</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td>og:type</td>
<td>blog, website, cafe, hotel, restaurantなど</td>
</tr>
<tr>
<td>og:url</td>
<td>ページのURL</td>
</tr>
<tr>
<td>og:title</td>
<td>ページのタイトル</td>
</tr>
<tr>
<td><tt>og:description</tt></td>
<td>ページの概要</td>
</tr>
<tr>
<td><tt>og:image</tt></td>
<td>記事に掲載される写真画像やサムネイルなど</td>
</tr>
<tr>
<td>og:site_name</td>
<td>サイトの名称</td>
</tr>
</tbody>
</table>
<p>ということでサイト上では以下のように記述しました。</p>

		<div id="crayon-64953fd5832f5344111454" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;meta property="og:type" content="website"&gt;
&lt;meta property="og:title" content="キャッツアイ｜カラコン通販サイト"&gt;
&lt;meta property="og:url" content="http://catseye-store.com"&gt;
&lt;meta property="og:description" content="カラコン通販専門キャッツアイはワンデーから1年使用、ナチュラルからメガ盛りカラコンまで、豊富なラインナップ。3150円以上で送料無料、5250円以上でもれなくケア用品プレゼント、7350円以上で代引き手数料無料とお客様第一のサービスを展開！"&gt;
&lt;meta property="og:image" content="http://catseye-store.com/images/big.jpg"&gt;
&lt;meta property="og:site_name" content="キャッツアイ｜カラコン通販サイト"&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-64953fd5832f5344111454-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5832f5344111454-2">2</div><div class="crayon-num" data-line="crayon-64953fd5832f5344111454-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5832f5344111454-4">4</div><div class="crayon-num" data-line="crayon-64953fd5832f5344111454-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5832f5344111454-6">6</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-64953fd5832f5344111454-1"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:type"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"website"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5832f5344111454-2"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:title"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"キャッツアイ｜カラコン通販サイト"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd5832f5344111454-3"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:url"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"http://catseye-store.com"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5832f5344111454-4"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:description"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"カラコン通販専門キャッツアイはワンデーから1年使用、ナチュラルからメガ盛りカラコンまで、豊富なラインナップ。3150円以上で送料無料、5250円以上でもれなくケア用品プレゼント、7350円以上で代引き手数料無料とお客様第一のサービスを展開！"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd5832f5344111454-5"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:image"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"http://catseye-store.com/images/big.jpg"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5832f5344111454-6"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:site_name"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"キャッツアイ｜カラコン通販サイト"</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>さらに、TwitterCardsは共存が可能（TwitterCardsがOGPを吸収できる）ということですので、先日に設定したものとマージします。</p>
<p>ちなみにTwitterCardsの基本設定は以下の通りです。</p>
<table>
<thead>
<tr>
<th>Cardプロパティ</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td><tt>twitter:card</tt></td>
<td>タイプ, &#8220;summary&#8221;, &#8220;photo&#8221;, または &#8220;player&#8221;か指定します</td>
</tr>
<tr>
<td><tt>twitter:url</tt></td>
<td>ページのURL</td>
</tr>
<tr>
<td><tt>twitter:title</tt></td>
<td>ページのタイトル</td>
</tr>
<tr>
<td><tt>twitter:description</tt></td>
<td>ページの概要</td>
</tr>
<tr>
<td><tt>twitter:image</tt></td>
<td>記事に掲載される写真画像やサムネイルなど</td>
</tr>
<tr>
<td><tt>twitter:site</tt></td>
<td>@username<br />
カードのフッターに表示されます。Webサイトのツイッターアカウントです（例えば企業アカウントとか）</td>
</tr>
<tr>
<td><tt>twitter:creator</tt></td>
<td>@username<br />
カードに表示されるページの制作者のツイッターアカウントです</td>
</tr>
</tbody>
</table>
<p>ということで、cardの種類とTwitterアカウント2つ計3項目を追記しました。</p>

		<div id="crayon-64953fd5832f9814771371" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;meta property="og:type" content="website"&gt;
&lt;meta property="og:title" content="キャッツアイ｜カラコン通販サイト"&gt;
&lt;meta property="og:url" content="http://catseye-store.com"&gt;
&lt;meta property="og:description" content="カラコン通販専門キャッツアイはワンデーから1年使用、ナチュラルからメガ盛りカラコンまで、豊富なラインナップ。3150円以上で送料無料、5250円以上でもれなくケア用品プレゼント、7350円以上で代引き手数料無料とお客様第一のサービスを展開！"&gt;
&lt;meta property="og:image" content="http://catseye-store.com/images/big.jpg"&gt;
&lt;meta property="og:site_name" content="キャッツアイ｜カラコン通販サイト"&gt;
&lt;meta name="twitter:card" content="summary"&gt;
&lt;meta name="twitter:site" content="@catseye_store"&gt;
&lt;meta name="twitter:creator" content="@catseye_store"&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-64953fd5832f9814771371-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5832f9814771371-2">2</div><div class="crayon-num" data-line="crayon-64953fd5832f9814771371-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5832f9814771371-4">4</div><div class="crayon-num" data-line="crayon-64953fd5832f9814771371-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5832f9814771371-6">6</div><div class="crayon-num" data-line="crayon-64953fd5832f9814771371-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5832f9814771371-8">8</div><div class="crayon-num" data-line="crayon-64953fd5832f9814771371-9">9</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-64953fd5832f9814771371-1"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:type"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"website"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5832f9814771371-2"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:title"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"キャッツアイ｜カラコン通販サイト"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd5832f9814771371-3"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:url"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"http://catseye-store.com"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5832f9814771371-4"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:description"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"カラコン通販専門キャッツアイはワンデーから1年使用、ナチュラルからメガ盛りカラコンまで、豊富なラインナップ。3150円以上で送料無料、5250円以上でもれなくケア用品プレゼント、7350円以上で代引き手数料無料とお客様第一のサービスを展開！"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd5832f9814771371-5"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:image"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"http://catseye-store.com/images/big.jpg"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5832f9814771371-6"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-m">property</span>=<span class="crayon-s">"og:site_name"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"キャッツアイ｜カラコン通販サイト"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd5832f9814771371-7"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:card"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"summary"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5832f9814771371-8"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:site"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"@catseye_store"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd5832f9814771371-9"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:creator"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"@catseye_store"</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2> 確認</h3>
<p>TwitterCardsの時のようにプレビューツールはないので、実際にFacebookに行き、URLのシェアなどを行います。</p>
<p><a href="/officer/ogp%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82.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_01_23_15_01" rel="attachment wp-att-1192"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-1192" alt="スクリーンショット_2013_01_23_15_01" src="/uploads-archive/2013/01/e655c3c309ac0ee711eae259f479cced-300x164.jpg" width="300" height="164" srcset="/uploads-archive/2013/01/e655c3c309ac0ee711eae259f479cced-300x164.jpg 300w, /uploads-archive/2013/01/e655c3c309ac0ee711eae259f479cced-228x125.jpg 228w, /uploads-archive/2013/01/e655c3c309ac0ee711eae259f479cced.jpg 522w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>上記のように設定した画像、文言が含まれていれば成功です。</p>
<p>&nbsp;</p>

OGPを設定してみた。

<p>OGPのTwitter版ともいうべき、機能「Twitter Cards」を弊社運営サイトに今更ながら設定してみました。</p>
<p>公式の説明はこちらです。</p>
<p><a href="https://dev.twitter.com/docs/cards" target="_blank">https://dev.twitter.com/docs/cards</a></p>
<p>&nbsp;</p>
<p>このTwitter Cardsを設定すると、該当のURLが紹介された時に、意図した画像や表現を設定することが出来ます。</p>
<p>設定は、弊社運営の<a title="カラコン通販キャッツアイ" href="http://catseye-store.com/" target="_blank">カラコン通販サイト「キャッツアイ」</a>にて行いました。</p>
<p>&nbsp;</p>
<h2>基本設定</h3>
<p>HTMLヘッダーにmetaタグとして以下の設定します。</p>
<table>
<thead>
<tr>
<th>Cardプロパティ</th>
<th>概要</th>
</tr>
</thead>
<tbody>
<tr>
<td><tt>twitter:card</tt></td>
<td>タイプ, &#8220;summary&#8221;, &#8220;photo&#8221;, または &#8220;player&#8221;か指定します</td>
</tr>
<tr>
<td><tt>twitter:url</tt></td>
<td>ページのURL</td>
</tr>
<tr>
<td><tt>twitter:title</tt></td>
<td>ページのタイトル</td>
</tr>
<tr>
<td><tt>twitter:description</tt></td>
<td>ページの概要</td>
</tr>
<tr>
<td><tt>twitter:image</tt></td>
<td>記事に掲載される写真画像やサムネイルなど</td>
</tr>
<tr>
<td><tt>twitter:site</tt></td>
<td>@username<br />
カードのフッターに表示されます。Webサイトのツイッターアカウントです（例えば企業アカウントとか）</td>
</tr>
<tr>
<td><tt>twitter:creator</tt></td>
<td>@username<br />
カードに表示されるページの制作者のツイッターアカウントです</td>
</tr>
</tbody>
</table>
<p>ということでサイト上では以下のように記述しました。</p>

		<div id="crayon-64953fd582c74684623125" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
    &lt;meta name="twitter:card" content="summary"&gt;
    &lt;meta name="twitter:title" content="キャッツアイ｜カラコン通販サイト"&gt;
    &lt;meta name="twitter:url" content="http://catseye-store.com"&gt;
    &lt;meta name="twitter:description" content="カラコン通販専門キャッツアイはワンデーから1年使用、ナチュラルからメガ盛りカラコンまで、豊富なラインナップ。3150円以上で送料無料、5250円以上でもれなくケア用品プレゼント、7350円以上で代引き手数料無料とお客様第一のサービスを展開！"&gt;
    &lt;meta name="twitter:image" content="http://catseye-store.com/images/big.jpg"&gt;
    &lt;meta name="twitter:site" content="@catseye_store"&gt;
    &lt;meta name="twitter:creator" content="@catseye_store"&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-64953fd582c74684623125-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd582c74684623125-2">2</div><div class="crayon-num" data-line="crayon-64953fd582c74684623125-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd582c74684623125-4">4</div><div class="crayon-num" data-line="crayon-64953fd582c74684623125-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd582c74684623125-6">6</div><div class="crayon-num" data-line="crayon-64953fd582c74684623125-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd582c74684623125-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:card"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"summary"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd582c74684623125-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:title"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"キャッツアイ｜カラコン通販サイト"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd582c74684623125-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:url"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"http://catseye-store.com"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd582c74684623125-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:description"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"カラコン通販専門キャッツアイはワンデーから1年使用、ナチュラルからメガ盛りカラコンまで、豊富なラインナップ。3150円以上で送料無料、5250円以上でもれなくケア用品プレゼント、7350円以上で代引き手数料無料とお客様第一のサービスを展開！"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd582c74684623125-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:image"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"http://catseye-store.com/images/big.jpg"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd582c74684623125-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:site"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"@catseye_store"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd582c74684623125-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">name</span>=<span class="crayon-s">"twitter:creator"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"@catseye_store"</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h2>プレビュー</h3>
<p>Twitterのデベロッパーサイトで確認が出来ます。</p>
<p><a href="https://dev.twitter.com/docs/cards/preview">preview tool</a>にいき、URLを入力します。</p>
<p><a href="/officer/twitter-cards%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82.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_01_16_17_03" rel="attachment wp-att-1153"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-1153" alt="スクリーンショット_2013_01_16_17_03" src="/uploads-archive/2013/01/a839bdb09859a2c182c0b6e03a59af1c-265x300.jpg" width="265" height="300" /></a></p>
<p>&nbsp;</p>
<p>設定できました。</p>
<h2>TwiiterCards利用申請</h3>
<p>最後にTwitterにCardの利用を設定する必要があります。</p>
<p>再び、Twitterのデベロッパーサイト<a href="https://dev.twitter.com/form/participate-twitter-cards">Apply to participate</a>にいき設定します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

Twitter Cardsを設定してみた。

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4822282295/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51HKFQD123L._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4822282295/sackoh71-22/" target="_blank" >アジャイルプロジェクトマネジメント</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">ジム ハイスミス 日経BP出版センター 2005-06-09    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4822282295/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>先日、<a title="アジャイルソフトウェア開発という手法" href="/officer/%e3%82%a2%e3%82%b8%e3%83%a3%e3%82%a4%e3%83%ab%e3%82%bd%e3%83%95%e3%83%88%e3%82%a6%e3%82%a7%e3%82%a2%e9%96%8b%e7%99%ba%e3%81%a8%e3%81%84%e3%81%86%e6%89%8b%e6%b3%95.html">アジャイルサムライ</a>というアジャイル開発のプロセスをまとめた本をご紹介してから引き続き、「アジャイル開発」について考察を深めているなかでの一冊です。なんとこの本も2005年出版なんですね。長い間、アジャイル開発という開発手法を知らなかったことがお恥ずかしい限りです。</p>
<p>アジャイルサムライが、プロセスの説明を重視していて、こちらの本はどちらかというとアジャイルプロジェクトマネジメント（APM）という概念からどのようにマネジメントを改善出来るかということを述べています。</p>
<h2>抜粋</h2>
<h3>■アジャイルプロジェクトマネジメントの価値</h3>
<ol>
<li>プロセスやツール　＜　個人との対話</li>
<li>包括的なドキュメント　＜　動作するソフトウェア</li>
<li>契約の交渉　＜　顧客との協調</li>
<li>計画に従う　＜　変化への対応</li>
</ol>
<h3>■アジャイルプロジェクトマネジメント（APM）の原則</h3>
<ul>
<li>製品提供と顧客価値
<ol>
<li>顧客価値の提供</li>
<li>反復型で機能ベースの提供</li>
<li>技術的優位性の重視</li>
</ol>
</li>
<li>リーダーシップ－コラボレーション
<ol>
<li>探索の奨励</li>
<li>適応型（自己組織的、自発的規律）チームの構築</li>
<li>シンプル</li>
</ol>
</li>
</ul>
<h3>■APMプロセスフレームワーク（APMモデル）</h3>
<ol>
<li>適応(Envision)
<ol>
<li>何を提供するかについての構想を立てる。</li>
<li>プロジェクトのスコープを決める。</li>
<li>ステークホルダも含めたチーム体制を決める。</li>
<li>チームメンバーがどのように協力し合って作業を進めるかの構想を立てる。</li>
</ol>
</li>
<li>思索(Speculate)
<ol>
<li>最初の要求を幅広く収集する。</li>
<li>機能リストを作り、その作業負荷を見積もる。</li>
<li>リソース計画とリリース計画（リリース、マイルストーン、イテレーション）を立てる。</li>
<li>計画にリスク軽減策を盛り込む。</li>
</ol>
</li>
<li>探索(Explore)
<ol>
<li>機能を実際にリリースする。</li>
<li>協力的で自己組織的なプロジェクトコミュニティを作り出す。</li>
<li>機能を実際にリリースする。</li>
<li>ステークホルダ間の対話を取り持つ。</li>
</ol>
</li>
<li>適応(Adapt)
<ol>
<li>計画し、結果を監視し、軌道修正する。</li>
<li>変更や変化に対応する。</li>
<li>学習した事を組み込み、それを教訓として覚えておく。</li>
<li>思索・探索・適応のループをたどり、各イテレーションで機能を洗練させていく。</li>
<li>チームが新しい情報を集めながら、構想フェーズに立ち戻って見直す。</li>
<li>顧客の観点、技術的観点、プロセスパフォーマンスの観点、プロジェクトステータスの観点から、成果を見直す。</li>
<li>最新の情報に基づいて修正されたプロジェクトの展望と、実情を対比して考察する。</li>
<li>適応によって得られた結果は次のイテレーションを開始する際の再計画に組み込まれる。</li>
</ol>
</li>
<li>終結(Close)
<ol>
<li>プロジェクトの終了を見極める。</li>
<li>学習し、学習した内容を次のイテレーションの作業に組み込む。</li>
<li>次のプロジェクトチームに引き継ぐ。</li>
</ol>
</li>
</ol>
<h2>まとめ</h2>
<p>アジャイルサムライだけでは、正直、ピンとこないというか腹にしっかり落ちた感覚はなかったのですが、私が携わるプロジェクトマネジメントという目線での本書であったので、非常にわかりやすかった。スポーツをやるにしても、茶道や書道などの芸術をやるにしても、先人が積み上げてきたものが基本、手本となっていて、それを習って習得することが最も早くレベルが上がるものと考えています。この考え方は、ビジネスにおいても当てはまるので、このようなフレームワーク、概念は積極的に取り入れて行きたいと思います。</p>


アジャイルプロジェクトマネジメント 最高のチームづくりと革新的な製品の法則

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4314010479/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51oNT1FOu3L._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4314010479/sackoh71-22/" target="_blank" >経済は感情で動く―― はじめての行動経済学</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">マッテオ モッテルリーニ 紀伊國屋書店 2008-04-17    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4314010479/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>行動経済学の先駆けの本。</p>
<p>合理的に判断をしないという人間の価値判断が非常に参考になります。</p>
<h2> 抜粋</h3>
<p>・お金に勝手に相対的価値を付けてしまう。娯楽費4万円と名目のない2万円+娯楽費2万円は違う。</p>
<p>・三つあると真ん中を選ぶ<br />
寿司屋のランチメニューで「特上・上・並」とあれば、「上」の注文がいちばん多い。一般に、三つの選択肢では真ん中が好まれる。売る立場でいうと、4000円と5000円の類似商品があって、値段の高いほうを「売りたい」と思えば、6000円という選択肢を追加すればよい。</p>
<p>・自分のものになると値が上がる<br />
通販での試供品の提供「使ってダメなら一週間以内に返品して下さい。お値段は無料です」。通販業者はめったに返品されないことを知っている。――買ってもいないのに、手元に来ただけで「保有効果」がはたらきます。</p>
<p>・進むも地獄、退くも地獄の…<br />
巨額の先行投資をしている。さらに追加の投資が必要。しかし、先行きの展望は「暗い」。これは、「コンコルドの誤謬」と呼ばれるもので、展望がないなら、いま、手を引くべきなのです。</p>
<p>・ダメな会議の典型とは…<br />
会議の結論がなかなか出ない。話がグルグル回っている気がする。これは最初の発言者の発言にひっぱられ、新しい話題が出てこなくなっているのです。これを、「アンカリング効果」といいます。</p>
<p>・交渉は最後の一言で決まる<br />
交渉事でメインの話が終わったら、安心したりしていませんか。締めの一言が、契約にこぎつけるには重要です。人の記憶はメインのことと、最後の一言で印象の良し悪しが決まります。これを「ピーク・エンドの法則」といいます(同様に、恋人とのデートは、別れ際の一言が最重要です)。</p>


経済は感情で動く

<p>みなさんは、マウスジェスチャーを使用しますか？</p>
<p>私は、Windows、Firefoxを メインに使っていた数年前から、マウスジェスチャーを多用していました。</p>
<p>ブラウジングなどでは、マウスを持つ片手のみで完結し、戻るためにフォーカスを合わせる必要もないので捗ります。</p>
<p>mac、chromeに移行をしてからもSmooth Gestureというプラグインを利用していたのですが、</p>
<p>突然、Chrome Web Storeから削除されるという事態が起こりました。</p>
<p><del><span style="font-size: x-large;"><a href="/uploads-archive/2012/12/smooth-gesture-8.png"><img decoding="async" loading="lazy" class=" wp-image-1549 alignnone" alt="smooth-gesture-8" src="/uploads-archive/2012/12/smooth-gesture-8.png" width="24" height="24" /></a>Smooth Gesture</span></del></p>
<p>当時の流れなどは↓のブログに書かれております。</p>
<p><a href="http://blog.livedoor.jp/protanuki/archives/13931688.html" target="_blank">http://blog.livedoor.jp/protanuki/archives/13931688.html</a></p>
<p>&nbsp;</p>
<p>その他にも</p>
<p><a href="https://chrome.google.com/webstore/detail/gestures-for-chrometm/jpkfjicglakibpenojifdiepckckakgk?hl=ja" target="_blank">Gestures for Chrome(TM)</a></p>
<p>などのマウスジェスチャーのプラグインがあるのですが、残念ながら現時点でmacには、対応しておりません。</p>
<p>マウスジェスチャーが失われてから数ヶ月、chromeを離れられる訳にもいかず、今でも長年の癖で空振りジェスチャーをしてしまっていましたが、ふと思い立って調べてみると、<strong>Smooth Gesture</strong>が復活していることが分かりました！</p>
<p>問題となったマルウェア削除したバージョンということですが、ご利用は自己責任でお願い致します。</p>
<h2>リンク</h3>
<p><span style="font-size: large;"><a href="http://nisza.org/" target="_blank">http://nisza.org/</a></span></p>
<p><a href="/uploads-archive/2012/12/fde42154af135f9fec5ec34d7c11da85.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-1550" alt="スクリーンショット_2013_02_20_12_15-3" src="/uploads-archive/2012/12/fde42154af135f9fec5ec34d7c11da85-300x123.jpg" width="300" height="123" /></a></p>
<blockquote><p>Smooth Gestures 0.15.4 &#8211; Hacked clean version (no malware)</p></blockquote>
<p>と書いてある箇所からダウンロードが出来ます。</p>
<h3>インストールの注意点</h4>
<p>Chrome Web Store外からの拡張機能をインストールするためには「拡張機能の管理」を開き、</p>
<p>ダウンロードしたファイルを「拡張機能の管理」の画面にドラッグ＆ドロップでインストールをすることが出来ます。</p>
<p>&nbsp;</p>


mac版chromeでマウスジェスチャーが動作する拡張機能「Smooth Gesture」

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4274068560/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51b4P511wTL._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4274068560/sackoh71-22/" target="_blank" >アジャイルサムライ−達人開発者への道−</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">Jonathan Rasmusson オーム社 2011-07-16    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4274068560/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>昔から言葉だけは聞いたことがあったのですが、友人経営者がアジャイルサムライという本を推薦していたので、読んでみました。</p>
<p>以下、アジャイル開発とは何か簡単にまとめます。</p>
<h2>アジャイルソフトウェア開発</h2>
<p>そもそもアジャイルという単語自体を調べると以下であることが分かります。</p>
<blockquote><p>アジャイル（agile) は「俊敏な」という意味。</p>
<p><a href="http://d.hatena.ne.jp/keyword/%A5%BD%A5%D5%A5%C8%A5%A6%A5%A7%A5%A2">ソフトウェア</a>開発プロセスのうち、良いものを素早く無駄なく作ろうとするものの総称。</p>
<p>従来の、後戻り不可能なウォータフォール型開発と対比して使われることがある。</p>
<ul>
<li><a href="http://d.hatena.ne.jp/keyword/%A5%A2%A5%B8%A5%E3%A5%A4%A5%EB">アジャイル</a>開発の価値
<ul>
<li><a href="http://d.hatena.ne.jp/keyword/%A5%D7%A5%ED%A5%BB%A5%B9">プロセス</a>やツールより人と人同士の相互作用を重視する。</li>
<li>包括的なドキュメントより動作する<a href="http://d.hatena.ne.jp/keyword/%A5%BD%A5%D5%A5%C8%A5%A6%A5%A7%A5%A2">ソフトウェア</a>を重視する。</li>
<li>契約上の交渉よりも顧客との協調を重視する。</li>
<li>計画に従うことよりも変化に対応することを重視する。</li>
</ul>
</li>
</ul>
</blockquote>
<p>ZDnetJAPANさんの文章を引用させていただくと下記になります。</p>
<blockquote><p>ウォーターフォールモデルを採用した場合には、ユーザーは開発の終盤にならなければシステムを利用して仮説の検証を行うということができず、そのためほとんどの機能を作り終えた後で変更要求が頻発して対応しきれなくなり、最終的に満足度の低いシステムになってしまう可能性が高いと言えます。</p>
<p>それに対して、アジャイル開発では開発プロジェクトの期間を短期間（1週間〜6週間）に区切り、この間に開発工程を一通り行って、部分的に機能を完成させます。そしてこの「短く区切られた期間で動くアプリケーションを開発する」という作業を繰り返すことによって、段階的にシステム全体を仕上げていきます。このような開発スタイルは反復型（イテレーション）開発と呼ばれていますが、開発期間の早い段階からユーザーが動くソフトウェアを目で見て確認できます。</p></blockquote>
<ul>
<li>3つの真実
<ul>
<li>プロジェクトの初めに全ての要求を集める事はできない。</li>
<li>集めたところで、要求はどれも必ず変わる。</li>
<li>やるべき事は必ず、当初の予定や予算より多い。</li>
</ul>
</li>
<li>アジャイルでは役割分担がはっきりとは分かれていない。</li>
<li>アジャイルチームの特徴
<ul>
<li>きっちり区別しない役割分担</li>
<li>継続的な開発工程</li>
<li>チームで成果責任を果たそうとする態度</li>
</ul>
</li>
<li>インセプションデッキ
<ul>
<li>我々はなぜここにいるのか？プロジェクトの意図、背景を理解</li>
</ul>
</li>
<li>エレベーターピッチを作る
<ul>
<li>エレベーターで会った重要人物に30秒でアイデアを伝える</li>
</ul>
</li>
<li>パッケージデザインを作る
<ul>
<li>プロダクトの顧客へのアピールは何か</li>
</ul>
</li>
<li>やらない事リストを作る
<ul>
<li>なにがプロジェクトのスコープ外か？内か？</li>
</ul>
</li>
<li>ご近所さんを探せ
<ul>
<li>予め関係しそうな人達に根回しする</li>
</ul>
</li>
</ul>
<h2> まとめ</h2>
<p>ウォーターフォール型の、いわゆるシステム開発のフレームワークは納めているつもりではおりましたが、弊社のようにライトなWebサービスの受託開発などでは、実態にそぐわないパターンが多いと感じていたところに、このアジャイルソフトウェア開発はまさに現代の手法だと感じました。</p>
<h3>参考サイト</h3>
<p><a href="http://d.hatena.ne.jp/keyword/%A5%A2%A5%B8%A5%E3%A5%A4%A5%EB" target="_blank">http://d.hatena.ne.jp/keyword/%A5%A2%A5%B8%A5%E3%A5%A4%A5%EB</a></p>
<p><a href="http://japan.zdnet.com/sp/sp_06sp0130/20248727/" target="_blank">http://japan.zdnet.com/sp/sp_06sp0130/20248727/</a></p>


アジャイルソフトウェア開発という手法

<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>2012年11月20日に早稲田大学の大隈講堂を会場にした、イベントに参加して参りました。</p>
<p>大企業とベンチャーを結びつけるOpen　Innovation　Networkということで、</p>
<p>大企業（CVC）、VC、ベンチャー経営者300人が一堂に会するというイベントでした。</p>
<p>開催趣旨説明で主催者であるメンバーズ剣持社長から説明がありましたが、全てが手弁当で会場さえも早稲田大学から無償で提供されているということをお聞きし、本イベント開催にあたっての関係者の皆さまに非常に感謝の念を覚えました。</p>
<p>私は普段から大学のインキュベーション施設にも入居しており、オフィスも高田馬場にあることから大学に今でも訪れる機会が多いのですが、卒業以来来ていなかったというOBの経営者の方が懐かしんでおられたり、私自身も、何年ぶりかに再会出来た方が複数名いたりと非常に意義のあるイベントでした。</p>
<p><a href="http://everevo.com/event/2464  " target="_blank">http://everevo.com/event/2464</a></p>
<h2>開催趣旨説明</h3>
<p>メンバーズ剣持社長から開催にあたっての趣旨説明。</p>
<p>雇用を創出できるのは現在ベンチャー企業しかない。大企業の状況は惨憺たるものだ。</p>
<p>だからこそ、ベンチャーを育てるために出来ることをやるという使命感の元に開催をしている。</p>
<p>イスラエル、軍事産業からベンチャーのメッカ</p>
<p>韓国、ベンチャー起業で兵役免除。雇用を増やすことを最重視する。</p>
<p>&nbsp;</p>
<p>株式上場　12社</p>
<p>M&amp;A　271社</p>
<p>&nbsp;</p>
<p>シリコンバレーはベンチャー企業だけのためのものでなく大企業のためのものである</p>
<p>IBMは直接投資ではなく、VCに資金提供</p>
<p>大企業はコーポレートベンチャリングへの関心が2/3がない</p>
<h2> パネルディスカッション</h3>
<p>・インキュベートファンド　本間さん</p>
<p>・リードキャピタル　高階さん</p>
<p>・マイク上杉さん</p>
<p>社長をやりたいから会社をやっている人のほうが大きい</p>
<p>No１になりたいから社長をやっている人のほうが少ない</p>
<p>日本では、全てのものに神が宿って、情が入る。</p>
<p>欧米では、企業、法律で決めた仕組みでしかない。</p>
<p>本間さん</p>
<p>シードステージに提供</p>
<p>ポケラボとセガの事例</p>
<p>セガのスマートフォンの知見とポケラボのガラケーの知見の融合</p>
<p>gumi　500名</p>
<div></div>
<p>高階さん</p>
<p>1999年渡米</p>
<p>CVC(Corporate Venture Capital)　2003年に帰国</p>
<p>3億の投資がメイン</p>
<div>リードのアジャイルメディア</div>
<p>&nbsp;</p>
<p>マイク上杉さん</p>
<p>ソーシャルリワーズ</p>
<p>2500万円ずつ出しあい5000万円で家を売って開始。</p>
<p>VC周りを1年やったが、全く受けなかった。</p>
<p>シードで5%しかやらない。</p>
<p>シリーズAでも少なめに。</p>
<div>ニッチマーケットに特化</div>
<p>&nbsp;</p>
<p>・大企業側が降りてきてくれている</p>
<p>早めに情報を共有することが大きい</p>
<p>・50%渡せは、いきなり結婚しろと言っているようなもの。</p>
<p>・MAのバリューがあがることを期待している</p>
<h2> パネルディスカッション2</h3>
<p>仮説</p>
<p>・大手企業にとってグローバル競争化に自前だけで事業開発は無理</p>
<p>・ベンチャーとの連携もしくはM&amp;Aで事業開発をしたいと本気で思っている</p>
<p>・起業家・アーリーVC・ミドルステージ</p>
<p>&nbsp;</p>
<p>リーンスタートアップ</p>
<p>起業家は若者　よそ者　変わり者</p>
<p>&nbsp;</p>


Connect! 2012に参加して

<p>今日も少し思いを綴っていきたいと思います。</p>
<p>&nbsp;</p>
<p>直近で取り組んだ案件で、私はこの「チームプレー」を意識しました。</p>
<p>ベンチャーでありがちな、今でも私自身もやってしまうのですが、個々の「マンパワー」で力技で納品に持っていくというやり方があります。当然、マンパワー＝個人能力ということもあるので、マンパワーが個々に高めるというのは当たり前です。</p>
<p>しかし、今回は構成するメンバーも今まではとは違う布陣で、個々人でやり切るというよりは、守備範囲を明確に決め、ボールを受け渡しあうチームプレーをとかく意識しました。</p>
<p>自分の担当に責任を持つのは当然ですが、何よりパスをしっかりさせ、全体を見回すために、定期的な会議を徹底的にやりました。</p>
<p>責任感に欠く行動については、徹底的に叱りました。</p>
<p>しかし、後から考えるとそのようなことを取ってしまうのは当たり前かもしれません。何故なら、今回初めて取り組んでいることですから。</p>
<p>皆、地頭は申し分ないので、すぐに理解し軌道修正をしてくれました。</p>
<p>そして結果、納品当日もスムーズに進行し、クライアント様にはお褒めの言葉を頂きました。</p>
<p>携わってくれたメンバーにはすごく感謝しているし、何より会社としての組織力が向上したと感じました。</p>
<h4>補足</h6>
<p>あとは、個人としての内容になりますが、組織を思うように動かし、結果、 クライアント様に喜んで頂き、そして対価を頂く。これほど、冥利に尽きることはありません。</p>
<p>それぞれが、満足を感じる、充足感を得るポイントというのは違うと思いますが、是非、仕事を通じてそういうのを見つけて頂きたいと心から思っています。何故なら、それこそが人して幸せだと思うからです。そのために、必要なことがあれば是非、私に意見を言って頂きたいと思います。</p>
<div></div>


チームプレーと組織力

<p>弊社が入居している、早稲田大学インキュベーション推進室の講演を聞いて来ました。</p>
<blockquote><p>インキュベーションセンター特別講演会</p>
<p>日時：2012年11月5日（月）17：00～19：00</p>
<p>講師：早稲田大学 商学学術院ビジネススクール　内田和成教授</p>
<p>内田教授 講演</p>
<p>「経営者の右脳の使い方 ～ロジカルシンキングだけでは経営できない～」</p>
<p>早稲田大学ビジネススクール　内田和成研究室 Webページ</p>
<p><a href="http://www.waseda.jp/sem-uchida/">http://www.waseda.jp/sem-uchida/</a></p></blockquote>
<p>今回、講演頂いた内田教授は、世界的なコンサルティングファームであるボストン コンサルティング グループの日本法人代表を務められ、また、2006年度には世界の有力コンサルタント、トップ25人に選出されるという輝かしい経歴のお方。普段、なかなか聞くことも出来ない貴重な機会でした。</p>
<p>その中で、講演内容の抜粋をシェアします。</p>
<p>基本的に、レジュメなどは用意せずに、喋るだけのスタイルだそうで、私も発せられた言葉をその場で書き留めているだけですので、ご了承下さい。</p>
<h2>経営は勘</h3>
<p>まず、はじめに右脳の使い方ということで結論を仰っていました。</p>
<p><strong style="color: #ff0000;"><span style="font-size: xx-large;">経営は勘</span></strong></p>
<p>であると。</p>
<p>冒頭にそのように仰られていたので、初めはポカンとしてしまいましたが、様々な大企業の経営者を見てきたなかで、行き着いた結論を一言で表すと「勘」につきると。</p>
<h3>ギャンブラーと勝負師</h4>
<p>勘とはいえ、ギャンブラーと勝負師は異なる。ギャンブラーは文字通り運まかせ。勝負師は、運を手繰りよせるべく、常に手を打って勝負をする。経営者は勝負師にならなければならない。</p>
<h3>経営者の一番大事な仕事</h4>
<ol>
<li>問題に気づく</li>
<li>意思決定</li>
<li>実行</li>
</ol>
<p>要は、問題設定と実行の能力</p>
<h4>仕事が出来る人間になる。</h6>
<p>定義は何？</p>
<h4>どういう上司の元で働きたいのか？</h6>
<p>作業が早い人間と仕事が出来るは違う。</p>
<p>作業が早い</p>
<p>↓</p>
<p>問題に気づく</p>
<p>人間になること。</p>
<p>&nbsp;</p>
<p>問題設定と優先順位をつけて課題解決</p>
<p>出来る人が一番大事な仕事。優秀な経営者</p>
<h4>救急医療センター（er）</h6>
<p>トリアージュ（仕分け）</p>
<p>瀕死の人を一人助けるよりは、</p>
<p>確実に助かる人を五人助ける。</p>
<p>倫理観を除くと医者としては優秀</p>
<h3> 事象と過程</h4>
<p>・泥棒が入りました。（事象）</p>
<p>泥棒が入った事自体は事象に過ぎない。</p>
<p>解決すべきはその事象に至る過程</p>
<p>→防犯体制</p>
<p>→報告体制</p>
<h4>少子高齢化</h6>
<p>どれを解くべきかは分からない。</p>
<p>視点が必要</p>
<p>グローバルに見ると、いいこと？悪いこと？</p>
<p>生産年齢人口が減る→社会保障費がまかなえなくなる。</p>
<p>歳入と歳出が合わなくなる。</p>
<h4>政治家には悪いやつがならないといけない。</h6>
<p>変革＝ルールを変えること、破ること。</p>
<h3>問題設定</h4>
<ol>
<li>候補を拾いだす</li>
<li>絞り込む</li>
<li>実行</li>
<li>確認</li>
</ol>
<p>&nbsp;</p>
<h3>筋がいい課題を洗い出す。</h4>
<ol>
<li>答えが出そうな問題</li>
<li>インパクトが出せるかどうか</li>
<li>やりきれるかどうか</li>
</ol>
<p>解くべき問題が違う？</p>
<p>&nbsp;</p>
<h3>勝負師になるためには</h4>
<ul>
<li>経験値をあげる。</li>
<li>課題意識をもつ。</li>
<li>自分のテリトリーを広げる。</li>
<li>視点、視座を変える。</li>
<li>引き出しを増やす。</li>
</ul>


経営者の右脳の使い方 ～ロジカルシンキングだけでは経営できない～

<p>制作会社を経営していて、日々、どのように生産性を高められるか？ひいては、会社、社員が成長をして幸せを感じることは出来るか？</p>
<p>ということを考え、様々な文化、制度を取り込み、やってみて意味を感じる、定着をする都度採用をしてきていますが、たまたま、RSSを流し読みしていたところ、初めてみる施策だったので考察してみました。</p>
<p><a href="http://gunosy.com/redirect?a=736244&amp;c=coHJOVbuGIU3.&amp;t=1&amp;url=http%3A%2F%2Fblog.8bit.co.jp%2F%3Fp%3D7111" target="_blank">少人数の制作会社こそ終礼は重要 </a></p>
<p>読んで字のごとく、業務の始まりにあるのが、朝礼。終わりにあるのが、終礼です。</p>
<p>弊社でも朝礼を取り組み初めてからは、タスクの確認や納期が迫っているものなどは朝に確認が出来たりと機能しています。</p>
<p>もっと深く意味を考えると、</p>
<ul>
<li>毎朝通勤時には自分のやることを認識していて、すぐに業務モードに入ることが出来る。</li>
<li>全員が集まるので遅刻出来ない空気感を作れる。</li>
<li>それぞれが自分で言葉を発するので、発言の場となる。</li>
</ul>
<p>などを目論んでいます。</p>
<p>さらに、朝礼で片付けてしまうとぼやけてしまうので、この朝の10分で勢いづける意味を込めて「Ten Minuets Charge」略してTMCという固有名詞をつけて定着に至りました。</p>
<p>&nbsp;</p>
<h2>抜粋</h3>
<ul>
<li>タスクのやり忘れをなくす。</li>
<li>定時で帰ることのきっかけになれば。</li>
<li>間に合わせる作業スピードを付けられるように。</li>
</ul>
<p>ちょうど、弊社が取り組んでいる週末の全社会議に似ているのかと思います。</p>
<p>&nbsp;</p>
<p>その他、今まで作ってきた制度を考えると以下の４つは機能しています。</p>
<ul>
<li>TMC（朝礼）
<ul>
<li>一人一人が当日のタスクを発表
<ul>
<li>通勤時には業務モードに入っているなどの意味を込めてます。</li>
</ul>
</li>
</ul>
</li>
<li>セルフNO残業デー（定時帰社日）
<ul>
<li>自分の好きな曜日にNO残業デーを設け、みんなに周知を行い、お互いに迷惑が及ばない前提で定時帰社曜日を設ける。
<ul>
<li>ブログ記事にも書いてあるように、なんとなく<strong>帰りにくい雰囲気</strong>などが発生しないようにという思惑があります。</li>
</ul>
</li>
</ul>
</li>
<li>ナレッジシェア（ブログ記事発表）
<ul>
<li>毎週水曜日の夕方、ブログ形式にてためになるで情報を発表します。
<ul>
<li>アウトプットする能力、常に情報収集、技術習得を目指すアンテナ感度の向上、なによりSEO効果（※実際に、デザイナーが書いた技術ブログがきっかけで受注したことも！）を狙っています。</li>
</ul>
</li>
</ul>
</li>
<li>案件進捗会議（これだけ名前がない！）
<ul>
<li>毎週金曜日の夕方、一週間の締めとしての会議を行っています。</li>
</ul>
</li>
</ul>
<h2> まとめ</h3>
<p>どのようになったらよりよくなるかということを考えるのが非常に好きです。うまく機能せずに自然消滅したものや、取り組んでみたものの何かしっくりこずにやめたものまで数知れずありますが、これからも積極的によりよいものは取り込んでいくので、社員のみんも提案してくれたらうれしいなと思います。</p>


終礼という制度についての提案

<p>本日、参加してきました。</p>
<p>多いに刺激を受けると同時に、経産省主導で話題喚起を行なって欲しいと心底思いました。</p>
<p>経産省の<a href="http://www.cbec.go.jp/index_ja_jpy.html">越境EC応援ポータル</a>もいいのですが、もっともっと活性化させてほしいです。</p>
<h2> 経済産業大臣の枝野幸男さんから挨拶</h3>
<p>まずは、経済産業大臣の枝野幸男さんから挨拶があり、</p>
<p>次代のソニー、ホンダのような新事業創出を目指している。</p>
<p>成熟した経済で31年ぶりに貿易赤字といったことを話して下さいました。</p>
<h2>南場さんの講演</h3>
<p>黒字まで4年間かかった。</p>
<h3> ■起業をしやすいかどうか？</h4>
<ol>
<li>まったく尊敬されない</li>
<li>起業家の個人保証・・・リスクマネーが乏しい
<ul>
<li>大株主に器量 金融系のスタンスは変わらず</li>
</ul>
</li>
<li>短期黒字化重視。小スケール化
<ul>
<li>最初から言うと虚言癖あるかいされる。</li>
</ul>
</li>
<li>世界の発送や人的ネットワークから隔離されている。</li>
<li>大企業とビジネスをやりにくい
<ul>
<li>実績主義だから。ベンチャーにそんなものあるわけない</li>
</ul>
</li>
<li>セカンドチャンスは厳しい</li>
<li>成功するとやっかまれる?</li>
</ol>
<h3>■3つ の思い</h4>
<p>・目標達成の喜びを分かち合う高揚感を真ん中に捉えた経営</p>
<p>・人材の質に妥協しない</p>
<p>・work evidenceに言い訳しない</p>
<h3>■阿呆か物好きしか起業しない国で良いのか？</h4>
<p>・グローバルNo.1の成功事例</p>
<p>・グローバルビジネスリーダー育成（日の丸を掲げたい愛国心が強い）</p>
<h2>まとめ</h3>
<p>日米起業協議会のレポートを踏まえてという前提があったため、日米の環境差などが語られる場面がほとんどであった。我々のように越境ECを通じアジアを見据えた事業展開を目論む企業への言及が欲しかった。質問をしたかったが時間がないためか、その時間がなかった。</p>
<p>また、参加していた方々について次代を担うベンチャー企業側が少なく、VC側か完了の方々のほうが多かったのが残念であった。</p>


「次代を担うベンチャー企業の創出を目指して」シンポジウムを参加して

<p>こういうのも利用するといいですね。</p>
<p>とある企業さんの成長分野等人材育成支援事業を利用したHTML5研修セミナーを聞いてきました。</p>
<p>Webの分野で厚労省が助成金、奨励金を出すということが今までにないことらしく、</p>
<p>もちろん奨励金の適用を検討することもさることながら、厚労省がこの分野で予算を割いてくれること自体に感動を覚えました。</p>
<p>このブログをご覧の方も必要であれば、情報共有しますので、コンタクトして下さい。</p>
<p>セミナー自体は、HTML5の流れ、取り巻く環境から実際の研修・セミナーの内容、助成金の内容の説明という具合でした。</p>
<h2>HTML5を取り巻く背景</h3>
<p>・7割〜8割ハイブリッドアプリ</p>
<p>・技術者不足による採用難と育成の重要性</p>
<p>・欧米比で最新技術導入の遅れ</p>
<p>・時限措置による教育機会（2013年3月までの奨励金）</p>
<p>・オフショア・エンジニアの成長</p>
<h2>HTML5とは</h3>
<p>・狭義</p>
<p>マークアップ言語</p>
<p>セマンティックWeb</p>
<p>・広義</p>
<p>HTML5API</p>
<p>CSS3</p>
<p>WebGL</p>
<p>SVG(ScalableVector Graphics)</p>
<h2>HTML5なら出来る分業体制</h3>
<p>・ネイティブアプリ</p>
<p>デザイン デザイナー</p>
<p>Objective-C/Java ネイティブエンジニア</p>
<p>PHP</p>
<p>・HTML5</p>
<p>デザイン デザイナー</p>
<p>HTML5/CSS3 マークアップエンジニア</p>
<p>JavaScript マークアップエンジニア/Webプログラマ</p>
<p>PHP Webプログラマ</p>
<h2>企業研修の内容</h3>
<p>2012年3月までの時限措置</p>
<p>一人20万円までの助成金</p>
<p>6ヶ月間の研修が必要</p>
<p>雇用保険を支払っている正社員であること</p>
<p>詳細</p>
<p>http://www.mhlw.go.jp/general/seido/josei/kyufukin/dl/f-top-c.pdf</p>


成長分野等人材育成支援事業を利用したHTML5研修

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

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4062144492/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/412tzq2vpML._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4062144492/sackoh71-22/" target="_blank" >モチベーション3.0 持続する「やる気!」をいかに引き出すか</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">ダニエル・ピンク 講談社 2010-07-07    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4062144492/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>こちらも、ベストセラー。前作のハイ・コンセプトも読んでいました。</p>
<p>改めて考える事が、働き方って変わったと。 今まで私自身が教育及び、見聞きしてきたことよりも本書に書いてあることのほうが共感出来る。 働き方がこの10年で変わっても、全体の雰囲気が変わるのは20年後だろうかはたまた30年後だろうか。</p>
<p>いち早く新しい働き方を体系化したものが本書です。</p>
<h2>抜粋</h3>
<h3>モチベーション1.0</h4>
<p>→生存を目的とする、飢餓動因、渇動因、性的動因などの生物学的な動機づけ。</p>
<h3>モチベーション2.0</h4>
<p>→外的な報酬と罰を中心に構築された周囲からの報酬や罰に対して反応するもう一つの動機づけ</p>
<p>20世紀のルーチンワークには有効だった。</p>
<h3>モチベーション3.0</h4>
<p>自律性（オートノミー）、熟達（マスタリー）、目的（ゴール）を達成したいという内発的な動機づけ</p>
<p>非ルーチンワークにおいて「交換条件つき（こうしたら、これをあげる）」が機能しないため、モチベーション3.0をビジネスに導入すること。</p>
<p>創造性が必要で右脳を使うクリエイティブワーク、知識労働者の働きと認識する。</p>
<h3>タイプIとタイプX</h4>
<p>モチベーション2.0はタイプXの行動を前提にし、活動によって得られる外的な報酬と結びついている。</p>
<p>モチベーション3.0はタイプIの行動を前提にし、タイプXのアップグレード版で活動自体からもたらされる内的な満足感と結びついている。後天的に培うことができる。</p>
<h3>自律性（オートノミー）</h4>
<p>人類は初期設定では、自律的であり、自己決定的である。教育や組織的なマネジメントにおいて、自然とこの自律性は影を潜める。</p>
<h3>熟達（マスタリー）</h4>
<p>モチベーション2.0では従順な姿勢が求められたのに対し、モチベーション3.0ではエンゲージメントが必要とされる。エンゲージメントを強めて初めて、価値あることの上達、熟達が出来る。</p>
<p>熟達には、向上が可能だという心の持ち方、苦痛が伴う、漸近線で完全に実現することは不可能だということを理解すること。</p>
<h3>目的（ゴール）</h4>
<p>人間は、本質的に人生の意義や目的を探すもの。</p>
<p>目的の最大化が、利益の最大化</p>
<h2>まとめ</h3>
<p>モチベーション3.0というものを理解し、経営に反映していきたいと思います。</p>
<p>マズローの5段階欲求でいうと、</p>
<p>モチベーション1.0生理的欲求、安全欲求</p>
<p>モチベーション2.0所属欲求、承認欲求</p>
<p>モチベーション3.0自己実現欲求</p>
<p>に分類出来るのではないだろうか？</p>


モチベーション3.0

<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ブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: Yuji Mezaki

2013/02/06

2013/01/31

2013/01/24

2013/01/17

2013/01/09

2012/12/20

2012/12/13

2012/12/06

2012/11/29

2012/11/22

2012/11/15

2012/11/08

2012/11/01

2012/10/24

2012/10/16

2012/10/10

2012/10/10

2012/10/09