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


Keynote SystemsのWebサイト改善手法

<p>何度でも発信していこうと思います。今置かれている立場そして、向かう先。</p>
<h2>過去-今置かれている現状-</h3>
<p>まずは、この記事を読んでいただきたい。 さすがに、田原さん非常によくまとまっていて現状を端的に述べてくれています。</p>
<p><a href="http://www.taharasoichiro.com/cms/?p=892" target="_blank">絶不調企業シャープ、ソニー、パナソニックと絶好調企業ユニクロ、ここが決定的に違う</a></p>
<blockquote><p>かつてシャープは、「液晶のシャープ」として一世を風靡した。<br />
ところがいま、過剰な設備投資に加え、主力商品の液晶テレビや太陽電池で<br />
赤字に歯止めがかからず、深刻な経営不振に喘いでいる。<br />
数年前まで液晶テレビ「ＡＱＵＯＳ」が飛ぶように売れていた状況からは、<br />
にわかに信じがたい凋落ぶりだ。</p>
<p>この状況を受けて進められた台湾の鴻海（ホンハイ）精密工業との資本業務提携も、<br />
シャープ株の急落を受け、出資を棚上げされている。<br />
このため、２０１３年３月期には、最終赤字が２５００億円へと大幅に拡大するとの<br />
予想を発表。<br />
創立１００周年を迎えながら、シャープは創業以来最大の危機に直面しているのだ。</p>
<p>しかし、経営不振はシャープに限ったことではない。<br />
日本の電機産業が軒並み深刻な業績悪化に陥っている。<br />
パナソニックは３万６０００人、ソニーやＮＥＣは１万人規模の大幅な人員削減を<br />
打ち出している。日本の電機産業全体が危機的状況に陥っているのだ。</p>
<p>そもそも歴史を振り返ると、まず戦後すぐに繊維産業が日本の産業を牽引してきた。<br />
僕が高校を卒業するころは、東洋紡や鐘紡といった繊維メーカーが、就職する学生の<br />
人気企業だった。繊維産業は、発展途上の日本を支えていたのだ。<br />
８０年代には、繊維メーカーに替わり、家電メーカーの時代になる。<br />
経済発展の段階に応じて、主力となる産業が変わっていくのである。<br />
どの国も、同じような発展のプロセスをたどるのだ。<br />
家電産業でいえば、コモディティ化が進んだことで、いままで基幹商品だったものが、<br />
うまみの薄い商品になり、逆に経営の足を引っ張っていくことになった。</p>
<p>いま日本は、家電の段階を過ぎた。<br />
新しい産業に取り組まなければならない時期を迎えているのだ。<br />
具体的に言うと、家電産業に替わるのはＩＴ産業だろう。<br />
ところが日本は、ＩＴ産業に取り組めていない。<br />
その証拠に、iPhoneのアップルにしてもWindowsのマイクロソフトにしても、<br />
みなアメリカの企業である。<br />
日本も家電産業からＩＴ産業へと替わっていかなくてはならない。<br />
ところが、そうなっていないところが家電産業の危機的状況のいちばんの<br />
原因なのだろう。</p>
<p>ユニクロの柳井正さんに、なぜユニクロはうまくいっているのか、と僕は<br />
聞いたことがある。<br />
下着メーカーや繊維メーカーは苦しんでいるのに、なぜユニクロはうまくいって<br />
いるのか、不思議に思ったからだ。<br />
柳井さんの答えははっきりしていた。「当たり前だ」と。</p>
<p>繊維産業は、経済発展のある段階で成長する産業なのだ。<br />
日本は繊維産業が発展する段階をすでに過ぎている。<br />
だから、ユニクロはすべて中国で生産し、日本で売ってきた。<br />
ところが、中国経済がだんだん成長してきた。当然、人件費も高くなる。<br />
そこで、今度は生産拠点をバングラデシュに移した。<br />
そして、今度は中国でユニクロの製品を売るようにしているのだ。</p>
<p>産業のプロセスはこのように発展し、成長する産業も変化していく。<br />
ところが日本は、いつまでも家電産業を中心にしてきた。<br />
本当は、ＩＴ産業をどう育成して、産業の基幹にするか、もっと真剣に<br />
考えなければならない。</p></blockquote>
<div> 長い引用になってしまいましたが、田原さんはこのあと、エネルギー産業に言及されていくので、割愛。このように、産業が変化していくなかで、我々はIT産業に携わっている。これからどうしていくのかいいのか、一つの成功事例を述べているのが次の記事。</div>
<h2> 未来-このようにしたい-</h3>
<p><a href="http://satoshi.blogs.com/life/2012/09/contents.html" target="_blank">Gangnam Style と韓国のコンテンツ戦略</a></p>
<blockquote><p>ここ一ヶ月ほどで、米国で一気にメジャーに躍り出た歌がある。韓国のタレント、PSY の Gangnam Style である。</p>
<p>７月にYoutube に公開した<a href="http://www.youtube.com/watch?v=9bZkp7q19f0&amp;feature=player_embedded" target="_self">プロモーションビデオ</a>が一億回以上再生されただけでもすごいが、Ellen&#8217;s Show で Britney Spears にダンスを教え（<a href="http://www.youtube.com/watch?v=QZmkU5Pg1sw" target="_self">参照</a>）、ABC の Google Morning Amerika で紹介され（<a href="http://www.youtube.com/watch?v=aS8mDE-SOVk" target="_self">参照</a>）、NBC の Today Show にゲストとして招かれて歌を披露し（<a href="http://www.youtube.com/watch?v=9bZkp7q19f0&amp;feature=player_embedded" target="_self">参照</a>）、Saturday Night Live がパロディを演じた（<a href="http://www.nbc.com/saturday-night-live/video/lids/1417085/" target="_self">参照</a>）。これほど完璧なタレントの売り出しは見たことがない。当然、iTunes Music のチャートでは堂々 No.1 だ。やはり Justin Biever のマネージャと契約したことが大きかった（<a href="http://mediadecoder.blogs.nytimes.com/2012/09/04/digital-notes-justin-biebers-manager-signs-korean-web-star-psy/" target="_self">参照</a>）。</p>
<p>偶然が生み出したスターなのか、最初から綿密に計画された結果作られたスターなのかは外からは分かりにくいが、韓国がここ数年力を入れて来た「コンテンツ輸出戦略」がついに効果を表しはじめた結果、と私は見ている。</p>
<p>８月２０日に Dogers スタジアムに PSY が来た時のビデオを見ると、かなり計画的に仕込まれて来たことがわかる（<a href="http://www.youtube.com/watch?v=jz4H5WI6bvY&amp;feature=player_embedded" target="_self">参照</a>）。メジャーリーグ・ベースボールは、単にスターが会場に来たからと言ってその人の曲を流したりはしない。これは、明らかなプロモーションだ。</p>
<p>「こんなお笑い芸人なら日本には腐るほどいる」 という批判する人もいるが、結局は結果がすべて。面白いコンテンツを持っていても、世界に売り出すのは簡単ではない。Apple の iPhone を見て「あんな携帯ならうちにも簡単に作れる」と言った日本のメーカーのエンジニアのセリフと妙に重なる。</p></blockquote>
<p>隣の韓国は、内需に限界があると判断し、早くから輸出を積極的に展開している。 そして、資源がないと分かっているので「芸能」というコンテンツを<strong>国策</strong>として売りだしている。 iTunes Music チャート全米1位という結果を出していることに関する記事です。</p>
<h2>まとめ</h3>
<p>日本もいいものたくさん持っています。 続きはまた発信していきます。</p>


海外展開に関する備忘録-気になったブログ記事-

<p>先日、弊社が入居する<a href="http://www.waseda.jp/rps/incubation/index.htm" target="_blank">早稲田大学インキュベーションセンター</a>の交流会に参加して来ました。</p>
<p>基本的には、入居者及び起業に関心を持つ学生限定のクローズドな会ですが、毎回ゲストをお呼びして、講演が行われます。</p>
<p>今回は</p>
<p>「IT従業者のメンタルヘルス」</p>
<p>という題材で早稲田大学スポーツ科学部　内田直教授によるものでした。</p>
<p>精神科医でもある内田先生の元に訪れる精神疾患者はIT従業者の割合が非常に高いということで、そのような現状と予防策を教えて頂きました。</p>
<p>まず、何故精神疾患に陥るのか簡単に説明すると、交感神経と副交感神経のバランスが崩れること。</p>
<p>交感神経は、緊張、副交感神経は緩和（リラックス）ですが、IT従業者は、交感神経が長時間働いている割合が多いと仰っていました。その理由として</p>
<ul>
<li>一人への責任が大きい</li>
<li>長時間労働が多い</li>
<li>ゲーム等の趣味でもディスプレイを眺める人が多い</li>
<li>慢性的な運動不足</li>
</ul>
<p>などがあり、その中の一つで、昨今話題のブルーライトについて言及されていました。ディスプレイから発生する光が太陽の波長に似ていて、脳が昼間だと勘違いし、交感神経系を刺激してしまい、精神疾患の一因になるだけではなく、複合的に<a href="http://www.lifehacker.jp/2011/03/110308_bed_ipad.html" target="_blank">睡眠障害</a>まで引き起こしてしまう可能性があるとのことです。</p>
<p>このブルーライトを抑制するメガネが流行っておりますが、同様の効果が得られるWindowsやMacのフリーソフト「<a href="http://stereopsis.com/flux/" target="_blank">F.lux</a>」を導入するとよいということを教えて頂きました。</p>
<p>実際に導入をすると、ディスプレイ全体が、オレンジ色にかかり、青白いが少なく、色温度が抑えられていることが実感出来ます。</p>
<p>また、デザイナーなど色を忠実に再現しなくてはいけないような場合には、ワンボタンで1時間動作を切るというありがたい機能も搭載しています。</p>
<p>エンジニアはまず、導入しておけってことですね。</p>
<p>&nbsp;</p>
<h2>まとめ</h3>
<p>&nbsp;</p>
<p>以上、ブルーライトを抑えるフリーソフトをご紹介しましたが、あくまで予防策の一つで何より一番は、運動をすること。その時間を作ることだと仰っていました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: Yuji Mezaki

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

2012/10/03

2012/08/30