<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>CIOを目指しつつの8makiのアレ &#187; survey</title>
	<atom:link href="http://blog.8maki.jp/category/survey/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.8maki.jp</link>
	<description>俺と周りの変態リタラシーを埋める</description>
	<lastBuildDate>Tue, 06 Jul 2010 00:13:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/category/survey/feed" />
		<item>
		<title>Web系企業の従業員一人当たり売上高ランキング</title>
		<link>http://blog.8maki.jp/2010/05/sales-ranking-of-japanese-web-company.html</link>
		<comments>http://blog.8maki.jp/2010/05/sales-ranking-of-japanese-web-company.html#comments</comments>
		<pubDate>Tue, 25 May 2010 00:02:18 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[survey]]></category>
		<category><![CDATA[企業]]></category>
		<category><![CDATA[ファイナンス]]></category>
		<category><![CDATA[企業分析]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=719</guid>
		<description><![CDATA[
			
				
			
		
最近、「小さなチーム、大きな仕事―37シグナルズ成功の法則」という本で話題の、37signalsのブログで、Web系ハイテク企業の従業員一人当たりの売上高ランキングを出していました。

&#187; Ranking tech companies by revenue per employee &#8211; (37signals)
The Calacanis/DHH discussion touched on the idea that web companies should pay more attention to unique visitors per employee. The theory: That ratio forces you to get away from talking sheer size/traffic and instead focus on efficiency.
この記事で、Web企業はもっと従業員一人当たりのユニークユーザー数に注意を払うべきだ、という提案がされています。
はじめはAlexaのランキング順位で比較していたみたいですが、AmazonとGoogleのトラフィックはそもそも中身が異なるということで、年間売上を比較していました。
よく自分の給料の4倍は稼げ、と言われたりしますが、Craigslistは神としても、一人当たり1億円くらい稼いでいるGoogleやAmazon、Facebookは非常に効率のよい体質なのが分かります。
では、日本企業はどうなのか？
日本企業は事業効率が悪いという印象があったのですが、実際のところどうなのか、同じ指標を用いて調べてみました。
日本のWeb企業の従業員一人当たり売上高ランキング



No.
企業名
従業員数（人）
売上高（百万円）
一人当たり売上高（百万円）


1
グリー(株)
118
13,945
118.17


2
(株)ディー・エヌ・エー
442
39,030
88.30


3
(株)CHINTAI
108
9,244
85.59


4
ヤフー（株）
3,560
250,240
70.29


5
(株)ザッパラス
149
9,612
64.51


6
(株)ファンコミュニケーションズ
129
8,016
62.13


7
(株)一休
47
2,790
59.36


8
(株)サイバーエージェント
760
42,442
55.84


9
(株)ミクシィ
247
13,600
55.06


10
(株)カカクコム
229
12,067
52.69


13
楽天(株)
2,625
113,555
43.25


19
クックパッド(株)
58
1,083
18.67


（売上高や従業員数はYahoo!ファイナンスから抜粋）
時価総額が100億円を超えるWeb系企業の、従業員一人当たりの売上高ランキングをグラフ化しました。
（理想的には営業利益で比較すべきですが、上記米国企業と比較するために売上高でランキングをしています。）
示唆
・グリー、DeNA当たりは、最近のびっくり決算から見ても当然のように思えたが、意外にヤフーが健闘、一休が少ない従業員ながら大手に引けを取らない売上を上げる良い企業体質っぽい。
・たまにGoogleが「一人当たり1億稼いでる！」というのをニュースやブログで目にするが、日本企業と比較してもそこまで非現実的な数値ではない。
（Googleのすごいところは、従業員が19,835人もいる、ということかもしれません。）
・向こうのYahoo!やebayと比較しても、圧倒的に日本企業が劣っているというわけではない。
もちろん業界の平均を比較してみないと結論は出ませんが、向こうのメジャーな企業と比較してもトントンな企業も多いというわけです。
・とは言え、Craigslistのような一人3億円稼ぐようなバケモノ企業は、今のところ日本には無い。
上場していない企業もあると思いますが、さすがに数十億稼いでいて従業員数が１桁、っていうのはあまり見たことがありません。
※ngi groupが従業員を８人としていることもあり、数値上そのような構造になっていましたが、売り上げの多くが投資から来ていそうな点と、一気に従業員を減らした点から例外だと思われます。
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F05%2Fsales-ranking-of-japanese-web-company.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F05%2Fsales-ranking-of-japanese-web-company.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>最近、「<a href="http://www.amazon.co.jp/gp/product/4153200115?ie=UTF8&#038;tag=8makiblog-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4153200115" target="_blank">小さなチーム、大きな仕事―37シグナルズ成功の法則</a>」という本で話題の、37signalsのブログで、Web系ハイテク企業の従業員一人当たりの売上高ランキングを出していました。</p>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/rev_emp_graph.png" alt="rev_emp_graph" title="rev_emp_graph" width="530" height="433" class="aligncenter size-full wp-image-721" /></p>
<p>&raquo; <a href="http://37signals.com/svn/posts/2283-ranking-tech-companies-by-revenue-per-employee" target="_blank">Ranking tech companies by revenue per employee &#8211; (37signals)</a></p>
<blockquote><p>The Calacanis/DHH discussion touched on the idea that web companies should pay more attention to unique visitors per employee. The theory: That ratio forces you to get away from talking sheer size/traffic and instead focus on efficiency.</p></blockquote>
<p>この記事で、<strong>Web企業はもっと従業員一人当たりのユニークユーザー数に注意を払うべきだ</strong>、という提案がされています。<br />
はじめはAlexaのランキング順位で比較していたみたいですが、AmazonとGoogleのトラフィックはそもそも中身が異なるということで、年間売上を比較していました。</p>
<p>よく自分の給料の4倍は稼げ、と言われたりしますが、Craigslistは神としても、一人当たり1億円くらい稼いでいるGoogleやAmazon、Facebookは非常に効率のよい体質なのが分かります。</p>
<p>では、日本企業はどうなのか？</p>
<p>日本企業は事業効率が悪いという印象があったのですが、実際のところどうなのか、同じ指標を用いて調べてみました。</p>
<h4>日本のWeb企業の従業員一人当たり売上高ランキング</h4>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/revenue-rank.png" alt="revenue-rank" title="revenue-rank" width="567" height="501" class="aligncenter size-full wp-image-735" /></p>
<table border=0>
<tr>
<th>No.</th>
<th>企業名</th>
<th>従業員数（人）</th>
<th>売上高（百万円）</th>
<th>一人当たり売上高（百万円）</th>
</tr>
<tr>
<td>1</td>
<td>グリー(株)</td>
<td>118</td>
<td>13,945</td>
<td>118.17</td>
</tr>
<tr>
<td>2</td>
<td>(株)ディー・エヌ・エー</td>
<td>442</td>
<td>39,030</td>
<td>88.30</td>
</tr>
<tr>
<td>3</td>
<td>(株)CHINTAI</td>
<td>108</td>
<td>9,244</td>
<td>85.59</td>
</tr>
<tr>
<td>4</td>
<td>ヤフー（株）</td>
<td>3,560</td>
<td>250,240</td>
<td>70.29</td>
</tr>
<tr>
<td>5</td>
<td>(株)ザッパラス</td>
<td>149</td>
<td>9,612</td>
<td>64.51</td>
</tr>
<tr>
<td>6</td>
<td>(株)ファンコミュニケーションズ</td>
<td>129</td>
<td>8,016</td>
<td>62.13</td>
</tr>
<tr>
<td>7</td>
<td>(株)一休</td>
<td>47</td>
<td>2,790</td>
<td>59.36</td>
</tr>
<tr>
<td>8</td>
<td>(株)サイバーエージェント</td>
<td>760</td>
<td>42,442</td>
<td>55.84</td>
</tr>
<tr>
<td>9</td>
<td>(株)ミクシィ</td>
<td>247</td>
<td>13,600</td>
<td>55.06</td>
</tr>
<tr>
<td>10</td>
<td>(株)カカクコム</td>
<td>229</td>
<td>12,067</td>
<td>52.69</td>
</tr>
<tr>
<td>13</td>
<td>楽天(株)</td>
<td>2,625</td>
<td>113,555</td>
<td>43.25</td>
</tr>
<tr>
<td>19</td>
<td>クックパッド(株)</td>
<td>58</td>
<td>1,083</td>
<td>18.67</td>
</tr>
</table>
<p>（売上高や従業員数は<a href="http://finance.yahoo.co.jp/" target="_blank">Yahoo!ファイナンス</a>から抜粋）</p>
<p>時価総額が100億円を超えるWeb系企業の、従業員一人当たりの売上高ランキングをグラフ化しました。<br />
（理想的には営業利益で比較すべきですが、上記米国企業と比較するために売上高でランキングをしています。）</p>
<h4>示唆</h4>
<p>・グリー、DeNA当たりは、最近のびっくり決算から見ても当然のように思えたが、意外にヤフーが健闘、一休が少ない従業員ながら大手に引けを取らない売上を上げる良い企業体質っぽい。</p>
<p>・たまにGoogleが「一人当たり1億稼いでる！」というのをニュースやブログで目にするが、日本企業と比較してもそこまで非現実的な数値ではない。<br />
（Googleのすごいところは、従業員が19,835人もいる、ということかもしれません。）</p>
<p>・向こうのYahoo!やebayと比較しても、圧倒的に日本企業が劣っているというわけではない。<br />
もちろん業界の平均を比較してみないと結論は出ませんが、向こうのメジャーな企業と比較してもトントンな企業も多いというわけです。</p>
<p>・とは言え、Craigslistのような一人3億円稼ぐようなバケモノ企業は、今のところ日本には無い。<br />
上場していない企業もあると思いますが、さすがに数十億稼いでいて従業員数が１桁、っていうのはあまり見たことがありません。<br />
※ngi groupが従業員を８人としていることもあり、数値上そのような構造になっていましたが、売り上げの多くが投資から来ていそうな点と、一気に従業員を減らした点から例外だと思われます。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/05/sales-ranking-of-japanese-web-company.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2010/05/sales-ranking-of-japanese-web-company.html" />
	</item>
		<item>
		<title>Google Visualization APIがGoogle Chart Toolsとしてリニューアルしてた</title>
		<link>http://blog.8maki.jp/2010/02/google-chart-tools.html</link>
		<comments>http://blog.8maki.jp/2010/02/google-chart-tools.html#comments</comments>
		<pubDate>Wed, 17 Feb 2010 14:32:15 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Chart Tools]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=631</guid>
		<description><![CDATA[
			
				
			
		
パラパラとData Visualization系のライブラリを見てたら、いつの間にかGoogle Visualization APIとGoogle Chart APIが統合してGoogle Chart Toolsなる一つのAPIに統合されていました。
その中でも、QRコードや数式、動的なアイコン生成など、画像を生成するモノはThe Chart API、
Motion ChartやインタラクティブなグラフなどJavascriptやFlashを使うモノはThe Visualization API、
という棲み分けがなされているようです。
Dynamic Icons (Image API)
Image APIでは、Dynamic Iconsなる機能が追加されていました。
こんな感じの画像をこういうソースで呼び出すことができるようです。

chst=d_bubble_icon_text_big
chld=
snack&#124;
bb&#124;
$2.99+!&#124;
FFBB00&#124;
000000
Visualization Gadget &#124; Data Source (Visualization API)
主にVisualization APIについてですが、Visualization GadgetとしてGoogle Doc等で使えたり、Visualization用にデータを配信するData Source Toolも同時に配布されています。
ちょっと色々な機能を包含していて全体像が把握しきれなかったので、図にまとめました。



Data Sourceに関して、ちょっと何なのか良く分からなかったのですが、どうやら、ほぼほぼGoogle Server Side Data Source Java Libraryのことを指しているようです。Java LibraryではTomcatを用いてデータを公開している模様。（Javaに限らずPythonやPHP版などもありますが）
これはWebサービス運営者など、データを持つユーザーが、サーバー側でVisualization用にデータを配信するライブラリみたいです。SQLを用いてローカルのDBにアクセスしたり、データをJSON形式やCSV形式や他に様々なスタイルのデータ型に変換して出力したり、Visualization用データを生成する様々なツールが提供されています。
また、Google DocsのSpread Sheetからデータを取得できるのも特徴的ですね。Data Sourceに関してはこのムービーが詳しいです。



Visualizationに着目すると、Motion Chartや、A Magic Table、Annotated Time Lineが珍しいですね。
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F02%2Fgoogle-chart-tools.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F02%2Fgoogle-chart-tools.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>パラパラとData Visualization系のライブラリを見てたら、いつの間にかGoogle Visualization APIとGoogle Chart APIが統合して<a href="http://code.google.com/intl/ja/apis/visualization/interactive_charts.html" target="_blank">Google Chart Tools</a>なる一つのAPIに統合されていました。</p>
<p>その中でも、QRコードや数式、動的なアイコン生成など、画像を生成するモノは<a href="http://code.google.com/intl/ja/apis/chart/docs/gallery/chart_gall.html" target="_blank">The Chart API</a>、<br />
<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery/motionchart.html" target="_blank">Motion Chart</a>やインタラクティブなグラフなどJavascriptやFlashを使うモノは<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery.html" target="_blank">The Visualization API</a>、<br />
という棲み分けがなされているようです。</p>
<h4>Dynamic Icons (Image API)</h4>
<p>Image APIでは、<a href="http://code.google.com/intl/ja/apis/chart/docs/gallery/dynamic_icons.html" target="_blank">Dynamic Icons</a>なる機能が追加されていました。</p>
<p><img class="aligncenter size-full wp-image-642" title="DynamicIcon" src="http://blog.8maki.jp/wp-content/uploads/2010/02/DynamicIcon.png" alt="DynamicIcon" width="123" height="63" />こんな感じの画像をこういうソースで呼び出すことができるようです。</p>
<pre class="brush: jscript;">
chst=d_bubble_icon_text_big
chld=
snack|
bb|
$2.99+!|
FFBB00|
000000</pre>
<h4>Visualization Gadget | Data Source (Visualization API)</h4>
<p>主にVisualization APIについてですが、Visualization GadgetとしてGoogle Doc等で使えたり、Visualization用にデータを配信するData Source Toolも同時に配布されています。<br />
ちょっと色々な機能を包含していて全体像が把握しきれなかったので、図にまとめました。</p>
<div style="border:solid 1px #DDDDDD;">
<img src="http://blog.8maki.jp/wp-content/uploads/2010/02/OverviewGoogleChartTools.png" alt="OverviewGoogleChartTools" title="OverviewGoogleChartTools" width="472" height="272" class="aligncenter size-full wp-image-657" /></div>
<p></p>
<p>Data Sourceに関して、ちょっと何なのか良く分からなかったのですが、どうやら、ほぼほぼGoogle Server Side Data Source Java Libraryのことを指しているようです。Java LibraryではTomcatを用いてデータを公開している模様。（Javaに限らずPythonやPHP版などもありますが）</p>
<p>これはWebサービス運営者など、データを持つユーザーが、サーバー側でVisualization用にデータを配信するライブラリみたいです。SQLを用いてローカルのDBにアクセスしたり、データをJSON形式やCSV形式や他に様々なスタイルのデータ型に変換して出力したり、Visualization用データを生成する様々な<a href="http://code.google.com/intl/ja/apis/visualization/documentation/toolsgallery.html" target="_blank">ツール</a>が提供されています。</p>
<p>また、Google DocsのSpread Sheetからデータを取得できるのも特徴的ですね。Data Sourceに関してはこのムービーが詳しいです。</p>
<div style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/guhdYoPY3kM&amp;hl=ja_JP&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/guhdYoPY3kM&amp;hl=ja_JP&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p></p>
<p>Visualizationに着目すると、<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery/motionchart.html" target="_blank">Motion Chart</a>や、<a href="http://magic-table.googlecode.com/svn/trunk/magic-table/google_visualisation/example_1.html" target="_blank">A Magic Table</a>、<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery/annotatedtimeline.html" target="_blank">Annotated Time Line</a>が珍しいですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/02/google-chart-tools.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2010/02/google-chart-tools.html" />
	</item>
		<item>
		<title>【書評】シゴトの渋滞、解消します! 結果がついてくる絶対法則</title>
		<link>http://blog.8maki.jp/2010/02/bookreview-ja.html</link>
		<comments>http://blog.8maki.jp/2010/02/bookreview-ja.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 15:40:12 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[survey]]></category>
		<category><![CDATA[書評]]></category>
		<category><![CDATA[渋滞学]]></category>
		<category><![CDATA[西成活裕]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=621</guid>
		<description><![CDATA[
			
				
			
		
以前、とある勉強会でお会いした、東大の「無駄学」で有名な西成先生から新書の献本をいただいたので、読んだ感想を書かせていただきます。
『シゴトの渋滞、解消します! 結果がついてくる絶対法則』
流体力学を学び渋滞学を研究されている西成先生ならでは、仕事のライフハック的なことを「流れ」で説明しようという感じの本でした。
章立ては以下。

個人の渋滞、解消します！
部内の渋滞、解消します！
社内の渋滞、解消します！

正直申し上げると、2章までは普通のことを渋滞学という切り口で書いているだけで、あまり面白さを感じませんでした。
普段からライフハックやら啓蒙本やら読んでる人には物足りないかも。
ただ、3章は別です。
会社組織をどう円滑に運営していくか、というのが題目なのですが、西成先生個人のお話を中心に書かれています。
東大で順調に研究生活を送り、トップジャーナルに載ったにもかかわらず就職口もなく、ストレスで顔面マヒ、運よく滑り込んだ山形大でも予算が無くて発表が年2回くらいしかできない。そんな中、社会とつながる自分独自の研究領域を発見し、東大に戻った後、ケルン大学の一年研究留学する機会をもらい、そこで一生の研究仲間と出会った。
要約するとこんな感じなのですが、テレビに出たり本を出したり社会的な研究者のパラダイム転換を垣間見ることができる貴重なエピソードでした。
バリバリ研究一筋で研究室から出ない研究者のキャリアは読んだりするのですが、実際仕事が経営コンサルみたいな研究者の方の生き様はとても新鮮でした。
「複雑系」に対する全体視野アプローチ
3章の最後には組織の話というよりかは、「複雑系」の話が中心になっていました。
いや、組織も複雑系における個の集合という点で同じ。
そのときに取られる物理学ならではの通常のアプローチというのは・・・・「対象を単純な要素に還元して、モデル化してそのモデルを解くことによって、対象を理解する」という方向でしょう。
～
生き物については、部分の単なる総和は全体にはならないわけです。物理的にいえば、部分と部分が相互作用をしているから、全体は部分の総和にはならないのです。
だから、「相互作用をしていない要素」「要素と要素の相互関係がかなり弱くなるところ」まで全体をうまく分割できれば、そうした要素のみをあつかっても、全体を理解することができるのではないか？
～
要素単位を変更させながらも、全体の因果関係を理解するために挑戦してゆく。
単に部分に分割するのではなく、その因果関係に着目して全体の「流れ」を知る。
渋滞学ならではの観点ですね。
複雑系において全体から物事を見ることの大切はよく説かれますが、新しい西成先生なりのアプローチを提案されて妙に腑に落ちた気がしました。



シゴトの渋滞、解消します! 結果がついてくる絶対法則
posted with amazlet at 10.02.14

西成 活裕 朝日新聞出版 
Amazon.co.jp で詳細を見る



]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F02%2Fbookreview-ja.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F02%2Fbookreview-ja.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>以前、とある勉強会でお会いした、東大の「無駄学」で有名な<a href="http://park.itc.u-tokyo.ac.jp/tknishi/" target="_blank">西成先生</a>から新書の献本をいただいたので、読んだ感想を書かせていただきます。</p>
<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4022506741/8makiblog-22/ref=nosim/" target="_blank">『シゴトの渋滞、解消します! 結果がついてくる絶対法則』</a></p>
<p>流体力学を学び渋滞学を研究されている西成先生ならでは、仕事のライフハック的なことを「流れ」で説明しようという感じの本でした。<br />
章立ては以下。</p>
<ol>
<li>個人の渋滞、解消します！</li>
<li>部内の渋滞、解消します！</li>
<li>社内の渋滞、解消します！</li>
</ol>
<p>正直申し上げると、2章までは普通のことを渋滞学という切り口で書いているだけで、あまり面白さを感じませんでした。<br />
普段からライフハックやら啓蒙本やら読んでる人には物足りないかも。</p>
<h4>ただ、3章は別です。</h4>
<p>会社組織をどう円滑に運営していくか、というのが題目なのですが、西成先生個人のお話を中心に書かれています。</p>
<p>東大で順調に研究生活を送り、トップジャーナルに載ったにもかかわらず就職口もなく、ストレスで顔面マヒ、運よく滑り込んだ山形大でも予算が無くて発表が年2回くらいしかできない。そんな中、社会とつながる自分独自の研究領域を発見し、東大に戻った後、ケルン大学の一年研究留学する機会をもらい、そこで一生の研究仲間と出会った。</p>
<p>要約するとこんな感じなのですが、テレビに出たり本を出したり社会的な研究者のパラダイム転換を垣間見ることができる貴重なエピソードでした。<br />
バリバリ研究一筋で研究室から出ない研究者のキャリアは読んだりするのですが、実際仕事が経営コンサルみたいな研究者の方の生き様はとても新鮮でした。</p>
<h4>「複雑系」に対する全体視野アプローチ</h4>
<p>3章の最後には組織の話というよりかは、「複雑系」の話が中心になっていました。<br />
いや、組織も複雑系における個の集合という点で同じ。</p>
<blockquote><p>そのときに取られる物理学ならではの通常のアプローチというのは・・・・「対象を単純な要素に還元して、モデル化してそのモデルを解くことによって、対象を理解する」という方向でしょう。<br />
～<br />
生き物については、部分の単なる総和は全体にはならないわけです。物理的にいえば、部分と部分が相互作用をしているから、全体は部分の総和にはならないのです。<br />
だから、「相互作用をしていない要素」「要素と要素の相互関係がかなり弱くなるところ」まで全体をうまく分割できれば、そうした要素のみをあつかっても、全体を理解することができるのではないか？<br />
～<br />
要素単位を変更させながらも、全体の因果関係を理解するために挑戦してゆく。</p></blockquote>
<p>単に部分に分割するのではなく、その因果関係に着目して全体の「流れ」を知る。<br />
渋滞学ならではの観点ですね。</p>
<p>複雑系において全体から物事を見ることの大切はよく説かれますが、新しい西成先生なりのアプローチを提案されて妙に腑に落ちた気がしました。</p>
<div class="amazlet-box" style="margin-bottom:0px;">
<div class="amazlet-image" style="float:left;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4022506741/8makiblog-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41th2HufTSL._SL160_.jpg" alt="シゴトの渋滞、解消します! 結果がついてくる絶対法則" style="border: none;" /></a></div>
<div class="amazlet-info" style="float:left;margin-left:15px;line-height:120%">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4022506741/8makiblog-22/ref=nosim/" name="amazletlink" target="_blank">シゴトの渋滞、解消します! 結果がついてくる絶対法則</a>
<div class="amazlet-powered-date" style="font-size:7pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/4022506741//ref=nosim/" title="シゴトの渋滞、解消します! 結果がついてくる絶対法則" target="_blank">amazlet</a> at 10.02.14</div>
</div>
<div class="amazlet-detail">西成 活裕 <br />朝日新聞出版 </div>
<div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4022506741/8makiblog-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="amazlet-footer" style="clear: left"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/02/bookreview-ja.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2010/02/bookreview-ja.html" />
	</item>
		<item>
		<title>グラフだけじゃない、Data Visualizationフレームワーク集</title>
		<link>http://blog.8maki.jp/2010/01/javascript-data-visualization-library-not-only-for-charts.html</link>
		<comments>http://blog.8maki.jp/2010/01/javascript-data-visualization-library-not-only-for-charts.html#comments</comments>
		<pubDate>Mon, 18 Jan 2010 23:56:01 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Information Presentation]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=585</guid>
		<description><![CDATA[
			
				
			
		
(8 free Data Visualization frameworks not only for charts [en])
相変わらずData Visualization関係で調査・開発を行っているのですが、その中でJavascriptのライブラリ・フレームワークを探す時間も多いです。
» 20 Fresh JavaScript Data Visualization Libraries
上記記事のようにまとめ記事が結構あって助かるのですが、ほとんどがCharts（グラフ）のライブラリなんですよね。Chartsも線グラフか、棒グラフか、円グラフか、、、みたいにライブラリ化される主要なグラフは8種類くらいしかなく、面白くない。
適切なデータに対して適切なVisualを関連付けるわけですから、もっと多くのVisualが考えられてもいいはず！
そこでChartsに限らない、もっと根本的にData Visualizationを扱っている有名どころのフレームワークをリストアップしてみました。
SIMILE Widgets Exhibit

MITのメディアラボがリリースしているFaceted Search用フレームワークです。HTMLを拡張したテンプレート言語を用いて、簡単にFaceted Searchと、検索結果のリッチなVisualizeを可能にしています。現在、リスト、テーブル、地図、Timeline、TimeplotといったVisualに対応しています。タブなどでVisualを切り替えられるので、ユーザーの目的にマッチした検索機能を提供することができます。
SIMILE Widgetsでは、他にもTimelineや、Timeplot、Runway(Coverflow)などのVisualもAPIとして個別に提供しています。
» SIMILE Widgets Exhibit &#8211; US President Search DEMO
ProtoVis

ProtoVisはStanfordのVisualizationフレームワークです。これは巷のライブラリと違い、グラフや地図、といった単位を1つの単位として扱わず、線や面、点といったもっと細かい部品単位でVisualを作成しています。どちらかというとProcessing.jsに近いかも。たくさんのDEMOが載っているので、それらを参考にかなり自由度の高いVisualを作成することができます。
» ProtoVis DEMO
Prefuse Flare (Flash)

Prefuse FlareもData Visualizationのフレームワークとして有名です。Prefuseは、Javaのフレームワークでしたが、今回Flashに対応しました。こちらも豊富なVisualを用意しており、SIMILE同様データ構造をしっかり設計しているので柔軟性が高く、Visualの切り替えや様々なVisualを拡張することができるようになっています。
また、Flashならでわの気持ちのいいインタラクションも高評価です。
» Flare DEMO
Style Chart

こちらは、javascriptでVisualのリクエストを投げるとサーバー側で画像を生成し、それを表示するというフレームワークです。Galleryを見る限りかなり豊富なVisualを扱えるようです。画像だからってアニメーションやアクションが行えないわけではなく、そこにもちゃんと対応しています。扱っているライブラリが少ない、レーダーチャート（スパイダーチャート）も用意している点がいいです。
» Style Chart Editor(DEMO)
» Style Chart Gallery
CanViz

有名なVisualizationフレームワークであるGraphvizのJavascript版です。主にグラフ構造のデータを描画するのに適しています。ただ、DEMOを見る限り、アニメーションやイベントの設定ができないようで、本当にVisualizeのためだけのフレームワークのようです。
» CanViz DEMO
Axiis (Flex)

こちらはAdobe FlexのVisualizationフレームワークです。インタラクティブなアクションがかなりリッチに作りこまれています。下記のBrowser Statisticsは一部で話題になりましたね。かなり自由度の高いフレームワークのようです。
» Axiis &#8211; Browser Statistics DEMO
Infovis

こちらもグラフ構造のデータ描画ライブラリとして有名です。フレームワークではないので個別のVisualを利用する形になります。グラフ構造しか扱えないのですが、この手のライブラリとしては珍しく、Weighted Graph（ノード間のパスに重みが付いている）/Directed Graph（パスに方向がある）、の描画にも対応しています。現時点で5種類のグラフ系、ツリー系のVisualがありますが、どれもよくできています。
» Infovis DEMO
RGraph
番外ですが、HTML5用のグラフ生成ライブラリも登場しています。HTML5なのでまだまだ本格導入は難しいかもしれませんが、相当クオリティ高く仕上がっており、今後が楽しみなライブラリです。
» RGraph DEMO
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F01%2Fjavascript-data-visualization-library-not-only-for-charts.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F01%2Fjavascript-data-visualization-library-not-only-for-charts.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>(<a href="http://analyst.8maki.jp/2010/01/20/data-visualization-frameworks-not-only-for-charts/" target="_blank">8 free Data Visualization frameworks not only for charts</a> [en])</p>
<p>相変わらずData Visualization関係で調査・開発を行っているのですが、その中でJavascriptのライブラリ・フレームワークを探す時間も多いです。</p>
<p>» <a href="http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/" target="_blank">20 Fresh JavaScript Data Visualization Libraries</a></p>
<p>上記記事のようにまとめ記事が結構あって助かるのですが、ほとんどがCharts（グラフ）のライブラリなんですよね。Chartsも線グラフか、棒グラフか、円グラフか、、、みたいにライブラリ化される主要なグラフは8種類くらいしかなく、面白くない。<br />
適切なデータに対して適切なVisualを関連付けるわけですから、もっと多くのVisualが考えられてもいいはず！</p>
<p>そこでChartsに限らない、もっと根本的にData Visualizationを扱っている有名どころのフレームワークをリストアップしてみました。</p>
<h4><a href="http://www.simile-widgets.org/" target="_blank">SIMILE Widgets Exhibit</a></h4>
<p><img class="aligncenter size-full wp-image-589" title="dv-js-library-simile" src="http://blog.8maki.jp/wp-content/uploads/2010/01/dv-js-library-simile.png" alt="dv-js-library-simile" width="550" height="260" /></p>
<p>MITのメディアラボがリリースしているFaceted Search用フレームワークです。HTMLを拡張したテンプレート言語を用いて、簡単にFaceted Searchと、検索結果のリッチなVisualizeを可能にしています。現在、リスト、テーブル、地図、Timeline、TimeplotといったVisualに対応しています。タブなどでVisualを切り替えられるので、ユーザーの目的にマッチした検索機能を提供することができます。</p>
<p>SIMILE Widgetsでは、他にも<a href="http://www.simile-widgets.org/timeline/" target="_blank">Timeline</a>や、<a href="http://www.simile-widgets.org/timeplot/" target="_blank">Timeplot</a>、<a href="http://www.simile-widgets.org/runway/" target="_blank">Runway(Coverflow)</a>などのVisualもAPIとして個別に提供しています。</p>
<p>» <a href="http://www.simile-widgets.org/exhibit/examples/presidents/presidents.html" target="_blank">SIMILE Widgets Exhibit &#8211; US President Search DEMO</a></p>
<h4><a href="http://vis.stanford.edu/protovis/" target="_blank">ProtoVis</a></h4>
<p><img class="aligncenter size-full wp-image-588" title="dv-js-library-protovis" src="http://blog.8maki.jp/wp-content/uploads/2010/01/dv-js-library-protovis.png" alt="dv-js-library-protovis" width="550" height="260" /></p>
<p>ProtoVisはStanfordのVisualizationフレームワークです。これは巷のライブラリと違い、グラフや地図、といった単位を1つの単位として扱わず、線や面、点といったもっと細かい部品単位でVisualを作成しています。どちらかというと<a href="http://processingjs.org/" target="_blank">Processing.js</a>に近いかも。たくさんのDEMOが載っているので、それらを参考にかなり自由度の高いVisualを作成することができます。</p>
<p>» <a href="http://vis.stanford.edu/protovis/ex/" target="_blank">ProtoVis DEMO</a></p>
<h4><a href="http://flare.prefuse.org/" target="_blank">Prefuse Flare (Flash)</a></h4>
<p><img class="aligncenter size-full wp-image-591" title="dv-js-library-prefuse" src="http://blog.8maki.jp/wp-content/uploads/2010/01/dv-js-library-prefuse.png" alt="dv-js-library-prefuse" width="550" height="261" /></p>
<p><a href="http://flare.prefuse.org/" target="_blank">Prefuse Flare</a>もData Visualizationのフレームワークとして有名です。<a href="http://prefuse.org/" target="_blank">Prefuse</a>は、Javaのフレームワークでしたが、今回Flashに対応しました。こちらも豊富なVisualを用意しており、SIMILE同様データ構造をしっかり設計しているので柔軟性が高く、Visualの切り替えや様々なVisualを拡張することができるようになっています。</p>
<p>また、Flashならでわの気持ちのいいインタラクションも高評価です。</p>
<p>» <a href="http://flare.prefuse.org/demo" target="_blank">Flare DEMO</a></p>
<h4><a href="hhttp://chart.inetsoft.com/" target="_blank">Style Chart</a></h4>
<p><img style="display: block; margin-left: auto; margin-right: auto; border: 0px initial initial;" title="dv-js-library-style-charts" src="http://blog.8maki.jp/wp-content/uploads/2010/01/dv-js-library-style-charts.png" alt="dv-js-library-style-charts" width="550" height="260" /></p>
<p>こちらは、javascriptでVisualのリクエストを投げるとサーバー側で画像を生成し、それを表示するというフレームワークです。Galleryを見る限りかなり豊富なVisualを扱えるようです。画像だからってアニメーションやアクションが行えないわけではなく、そこにもちゃんと対応しています。扱っているライブラリが少ない、<a href="http://chart.inetsoft.com/gallery/leSHhADy.png" target="_blank">レーダーチャート（スパイダーチャート）</a>も用意している点がいいです。</p>
<p>» <a href="http://chart.inetsoft.com/editor.html" target="_blank">Style Chart Editor(DEMO)</a><br />
» <a href="http://chart.inetsoft.com/gallery.html" target="_blank">Style Chart Gallery</a></p>
<h4><a href="http://code.google.com/p/canviz/" target="_blank">CanViz</a></h4>
<p><img class="aligncenter size-full wp-image-590" title="dv-js-library-canviz" src="http://blog.8maki.jp/wp-content/uploads/2010/01/dv-js-library-canviz.png" alt="dv-js-library-canviz" width="550" height="260" /></p>
<p>有名なVisualizationフレームワークである<a href="http://www.graphviz.org/" target="_blank">Graphviz</a>のJavascript版です。主にグラフ構造のデータを描画するのに適しています。ただ、DEMOを見る限り、アニメーションやイベントの設定ができないようで、本当にVisualizeのためだけのフレームワークのようです。</p>
<p>» <a href="http://www.ryandesign.com/canviz/" target="_blank">CanViz DEMO</a></p>
<h4><a href="http://www.axiis.org/index.html" target="_blank">Axiis (Flex)</a></h4>
<p><img class="aligncenter size-full wp-image-599" title="dv-js-library-axiis" src="http://blog.8maki.jp/wp-content/uploads/2010/01/dv-js-library-axiis.png" alt="dv-js-library-axiis" width="550" height="260" /></p>
<p>こちらはAdobe FlexのVisualizationフレームワークです。インタラクティブなアクションがかなりリッチに作りこまれています。下記のBrowser Statisticsは一部で話題になりましたね。かなり自由度の高いフレームワークのようです。</p>
<p>» <a href="http://www.axiis.org/examples.html" target="_blank">Axiis &#8211; Browser Statistics DEMO</a></p>
<h4><a href="http://thejit.org/" target="_blank">Infovis</a></h4>
<p><img class="aligncenter size-full wp-image-592" title="dv-js-library-infovis" src="http://blog.8maki.jp/wp-content/uploads/2010/01/dv-js-library-infovis.png" alt="dv-js-library-infovis" width="550" height="260" /></p>
<p>こちらもグラフ構造のデータ描画ライブラリとして有名です。フレームワークではないので個別のVisualを利用する形になります。グラフ構造しか扱えないのですが、この手のライブラリとしては珍しく、Weighted Graph（ノード間のパスに重みが付いている）/Directed Graph（パスに方向がある）、の描画にも対応しています。現時点で5種類のグラフ系、ツリー系のVisualがありますが、どれもよくできています。</p>
<p>» <a href="http://thejit.org/demos/" target="_blank">Infovis DEMO</a></p>
<h4><a href="http://www.rgraph.net/" target="_blank">RGraph</a></h4>
<p>番外ですが、HTML5用のグラフ生成ライブラリも登場しています。HTML5なのでまだまだ本格導入は難しいかもしれませんが、相当クオリティ高く仕上がっており、今後が楽しみなライブラリです。</p>
<p>» <a href="http://www.rgraph.net/examples/index.html" target="_blank">RGraph DEMO</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/01/javascript-data-visualization-library-not-only-for-charts.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2010/01/javascript-data-visualization-library-not-only-for-charts.html" />
	</item>
		<item>
		<title>モノと関連データの関係性-Semantic Webによるスキーマ定義-</title>
		<link>http://blog.8maki.jp/2009/12/data-visulization_rdf_semantic-web.html</link>
		<comments>http://blog.8maki.jp/2009/12/data-visulization_rdf_semantic-web.html#comments</comments>
		<pubDate>Sun, 13 Dec 2009 12:42:31 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Dublin Core]]></category>
		<category><![CDATA[RDF]]></category>
		<category><![CDATA[Semantic Web]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=577</guid>
		<description><![CDATA[
			
				
			
		
前回、モノをある切り口で捉え、それを適切な表現方法にあてはめて考えるアイディア出しスタイルと、モノの関連データにVisualizationをあてはめるというData Visualizationのスタイルは、脳の構造・プロセスが同じで、分かりやすいのではないか、という記事を書きました。
» アイディアの発想法とData Visualizationは同じ構造なのではないか？

そこで今回は、上記事で言及している”モノとその関連データ”とは何なのか、深く掘り下げてみたいと思います。
関連データとはプロパティである
「データから自動でVisualizationを行う」という取り組みの中で、どのようにデータを扱えばよいかという問いにぶちあたり、最近RDFおよびRDF Schema、Dublin Coreあたりを調べています。
RDF とは、主語・述語(プロパティ)・目的語(値)という3要素を用いてデータの関係性を表現するWeb上の枠組みのことです。例えば、「New Yorkの略語はNYである。」という例文は下記のようなXMLで表現されます。

&#60;rdf:RDF
 xmlns:rdf=&#34;http://www.w3.org/1999/02/22-rdf-syntax-ns#&#34;
 xmlns:dcterms=&#34;http://purl.org/dc/terms/alternative&#34;&#62;
  &#60;rdf:Description rdf:about=&#34;urn:states:New%20York&#34;&#62;
    &#60;dcterms:alternative&#62;NY&#60;/dcterms:alternative&#62;
  &#60;/rdf:Description&#62;
&#60;/rdf:RDF&#62;

この例で、主語・述語・目的語はこのような意味になります。↓
主語： New York というモノが存在し、
目的語： NY という関連データがあり、
述語： 略語 という主語と関連データの関連性を意味している。
これだけだとちょっと分かりにくいかもしれませんが、表は、基本的に主語・述語・目的語の構造に落とすことができます。下記は宇多田ヒカルのWikipedia Infoboxの例です。「宇多田ヒカルの出生名は宇多田光である」ということを表しています。

この構造は、前回の記事で示した、モノ⇔関連データ⇔Visualizationの構造に合致しています。
ここの述語、要はプロパティの部分とVisualizationをうまくひもづけるルールを定義できたら、「扱うデータからVisualizationを発想する」ことができるのではないでしょうか。さらに言えば、ルールさえしっかりしていれば、データとプロパティさえ定義すると自動でユーザーが求めるVisualizationを生成することができるようになります。
規格化されたプロパティの定義
ただ、適切なプロパティと適切なVisualizationをひもづけるには、プロパティの規格化が必要です。色々な人が、バラバラのプロパティ名を用いたり、統一化されていないカテゴリをプロパティとして付与したりすると、自動化が非常に困難になります。
そこでRDFでは、Dublin Coreというメタデータ記述語彙集を用いることが推奨されています。Dublin Coreには、TitleやCreatorといった15の基本要素と呼ばれるプロパティ候補があり、これらを用いることで、情報に共通化されたメタデータ、プロパティを付与することができるようになります。
さらにこれを細分化したDCMI Metadata Termsというものも存在します。DCMI Metadata Termsでは、50個以上のプロパティが定義されています。 先程の「略語」という述語（プロパティ）は、DCMI Metadata Termsのdcterms:alternativeというプロパティに置き換えることができます。
考察
このようにWeb上でデータを構造化する動きは、Semantic Webという流れの一つです。Semantic Webとは、コンピュータが理解できるように、Web上の情報に意味を付与しよう、というプロジェクトです。Data Visualizationで扱うデータをSemantic Webに合わせて構造化する方法は、現状は、割と有効だと思われます。
ただ、Semantic Webは分かりにくい上に考え方が古いので、中々浸透していません。Data Visualizationを主軸に考える場合、もっと別なデータの構造化・規格化手法を考える余地は大いにあるとは思います。
参考
こちらに、Semantic Webの概念図が載っています。コンテンツにメタデータの付与→メタデータの語彙規格化→語彙の意味把握(Ontology)→論理式を用いて結論を導く(Rules,Logic Framework)→結論の証明(Proof) という流れはいい線いっている気がしますが、先は長そうですね。
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F12%2Fdata-visulization_rdf_semantic-web.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F12%2Fdata-visulization_rdf_semantic-web.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>前回、モノをある切り口で捉え、それを適切な表現方法にあてはめて考えるアイディア出しスタイルと、モノの関連データにVisualizationをあてはめるというData Visualizationのスタイルは、脳の構造・プロセスが同じで、分かりやすいのではないか、という記事を書きました。</p>
<p>» <a href="http://blog.8maki.jp/2009/11/data-visualization_idea.html" target="_blank">アイディアの発想法とData Visualizationは同じ構造なのではないか？</a></p>
<p style="text-align: center;"><img class="aligncenter" src="http://blog.8maki.jp/wp-content/uploads/2009/11/edit3.png" alt="" width="350" height="270" /></p>
<p>そこで今回は、上記事で言及している”モノとその関連データ”とは何なのか、深く掘り下げてみたいと思います。</p>
<h4>関連データとはプロパティである</h4>
<p>「データから自動でVisualizationを行う」という取り組みの中で、どのようにデータを扱えばよいかという問いにぶちあたり、最近<a href="http://ja.wikipedia.org/wiki/Resource_Description_Framework" target="_blank">RDF</a>およびRDF Schema、<a href="http://ja.wikipedia.org/wiki/Dublin_Core" target="_blank">Dublin Core</a>あたりを調べています。</p>
<p>RDF とは、主語・述語(プロパティ)・目的語(値)という3要素を用いてデータの関係性を表現するWeb上の枠組みのことです。例えば、「New Yorkの略語はNYである。」という例文は下記のようなXMLで表現されます。</p>
<pre class="brush: xml;">
&lt;rdf:RDF
 xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;
 xmlns:dcterms=&quot;http://purl.org/dc/terms/alternative&quot;&gt;
  &lt;rdf:Description rdf:about=&quot;urn:states:New%20York&quot;&gt;
    &lt;dcterms:alternative&gt;NY&lt;/dcterms:alternative&gt;
  &lt;/rdf:Description&gt;
&lt;/rdf:RDF&gt;
</pre>
<p>この例で、主語・述語・目的語はこのような意味になります。↓<br />
<strong>主語</strong>： New York というモノが存在し、<br />
<strong>目的語</strong>： NY という関連データがあり、<br />
<strong>述語</strong>： 略語 という主語と関連データの関連性を意味している。</p>
<p>これだけだとちょっと分かりにくいかもしれませんが、表は、基本的に主語・述語・目的語の構造に落とすことができます。下記は宇多田ヒカルのWikipedia Infoboxの例です。「宇多田ヒカルの出生名は宇多田光である」ということを表しています。</p>
<p><img class="aligncenter size-full wp-image-580" title="utada" src="http://blog.8maki.jp/wp-content/uploads/2009/12/utada.png" alt="utada" width="280" height="234" /></p>
<p>この構造は、前回の記事で示した、モノ⇔関連データ⇔Visualizationの構造に合致しています。</p>
<p>ここの述語、要はプロパティの部分とVisualizationをうまくひもづけるルールを定義できたら、「扱うデータからVisualizationを発想する」ことができるのではないでしょうか。さらに言えば、ルールさえしっかりしていれば、データとプロパティさえ定義すると自動でユーザーが求めるVisualizationを生成することができるようになります。</p>
<h4>規格化されたプロパティの定義</h4>
<p>ただ、適切なプロパティと適切なVisualizationをひもづけるには、プロパティの規格化が必要です。色々な人が、バラバラのプロパティ名を用いたり、統一化されていないカテゴリをプロパティとして付与したりすると、自動化が非常に困難になります。</p>
<p>そこでRDFでは、Dublin Coreというメタデータ記述語彙集を用いることが推奨されています。<a href="http://ja.wikipedia.org/wiki/Dublin_Core" target="_blank">Dublin Core</a>には、TitleやCreatorといった15の基本要素と呼ばれるプロパティ候補があり、これらを用いることで、情報に共通化されたメタデータ、プロパティを付与することができるようになります。</p>
<p>さらにこれを細分化した<a href="http://dublincore.org/documents/dcmi-terms/" target="_blank">DCMI Metadata Terms</a>というものも存在します。DCMI Metadata Termsでは、50個以上のプロパティが定義されています。 先程の「略語」という述語（プロパティ）は、DCMI Metadata Termsのdcterms:alternativeというプロパティに置き換えることができます。</p>
<h4>考察</h4>
<p>このようにWeb上でデータを構造化する動きは、<a href="http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%9E%E3%83%B3%E3%83%86%E3%82%A3%E3%83%83%E3%82%AF%E3%83%BB%E3%82%A6%E3%82%A7%E3%83%96" target="_blank">Semantic Web</a>という流れの一つです。Semantic Webとは、コンピュータが理解できるように、Web上の情報に意味を付与しよう、というプロジェクトです。Data Visualizationで扱うデータをSemantic Webに合わせて構造化する方法は、現状は、割と有効だと思われます。</p>
<p>ただ、Semantic Webは分かりにくい上に考え方が古いので、中々浸透していません。Data Visualizationを主軸に考える場合、もっと別なデータの構造化・規格化手法を考える余地は大いにあるとは思います。</p>
<h4>参考</h4>
<p><a href="http://www.ritsumei.ac.jp/~inabam/class/km/4/" target="_blank">こちら</a>に、Semantic Webの概念図が載っています。コンテンツにメタデータの付与→メタデータの語彙規格化→語彙の意味把握(Ontology)→論理式を用いて結論を導く(Rules,Logic Framework)→結論の証明(Proof) という流れはいい線いっている気がしますが、先は長そうですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/12/data-visulization_rdf_semantic-web.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/12/data-visulization_rdf_semantic-web.html" />
	</item>
		<item>
		<title>MicrosoftのChromeOSとは別のベクトルのウェブブラウズ体験「Pivot」</title>
		<link>http://blog.8maki.jp/2009/11/microsoft-pivot.html</link>
		<comments>http://blog.8maki.jp/2009/11/microsoft-pivot.html#comments</comments>
		<pubDate>Fri, 20 Nov 2009 02:16:32 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[Faceted Search]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[pivot]]></category>
		<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[検索]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=545</guid>
		<description><![CDATA[
			
				
			
		
先程、こんなニュース記事を見つけました。巷ではChromeOSのリリースで賑わっていますが、Microsoftも隠れてこんなものをリリースしていたようです。
» マイクロソフトによるウェブ閲覧の新しい実験「Pivot」
&#160;
「ウェブをばらばらのページの集まりとしてではなく、“くもの巣ようなウェブ”として閲覧する方法だ」というコンセプトのようですが、下記のムービーを見る限り、この3つ↓の部分が特徴的な、半ブラウザ・半検索エンジンみたいなアプリケーションという印象です。

検索itemをグループ化（Collections）して、属性で絞り込んだり、ソートできたりするファセット検索
ローカル・Webの境なく、透過的に検索itemを扱える（File、Webページ、画像、、、）
リッチなVisualization


» Learn More about Pivot &#124; Microsoft Pivot
個人的に2:30くらいの部分で出てくる&#8221;Wikipdeia Collections&#8221;がツボりました。便利かどうかは使ってみないとわからないですが、こうやってWebを整理して閲覧する方向性は面白いと思います。
そこでグループ化が肝となってくるようですが、Pivotではそれを”Collections”と評していて、3つのタイプに分けてitemグループを扱っているようです。数学の集合に近いイメージ。

Simple Collections
Linked Collections
Dynamic Collections


まあ、Windows Vista以上、.NET Framework 3.5、IE8がないと動かない点は、なんというか”Microsoft”っぽいですが。。。
ただ、HTML5も本格的に流行り出していますし、今後もブラウザとWebアプリケーションの境が曖昧なコンセプトが出てきそうで、中々おもしろい領域だと思います。ちなみに、近々2つのHTML5関連のイベントに参加予定です。
» HTML5 Tech Talk on November 2009
» HTML5 のご紹介@Opera
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F11%2Fmicrosoft-pivot.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F11%2Fmicrosoft-pivot.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignleft size-full wp-image-546" title="logo-pivot" src="http://blog.8maki.jp/wp-content/uploads/2009/11/logo-pivot.png" alt="logo-pivot" width="191" height="80" />先程、こんなニュース記事を見つけました。巷では<a href="http://googleblog.blogspot.com/2009/11/releasing-chromium-os-open-source.html" target="_blank">ChromeOS</a>のリリースで賑わっていますが、Microsoftも隠れてこんなものをリリースしていたようです。</p>
<p>» <a href="http://japan.zdnet.com/sp/feature/07microsoft/story/0,3800083079,20403889,00.htm" target="_blank">マイクロソフトによるウェブ閲覧の新しい実験「Pivot」</a></p>
<p>&nbsp;</p>
<p>「ウェブをばらばらのページの集まりとしてではなく、“くもの巣ようなウェブ”として閲覧する方法だ」というコンセプトのようですが、下記のムービーを見る限り、この3つ↓の部分が特徴的な、半ブラウザ・半検索エンジンみたいなアプリケーションという印象です。</p>
<ul>
<li><span style="background-color: #ffffff; ">検索itemをグループ化（Collections）して、属性で絞り込んだり、ソートできたりするファセット検索</span></li>
<li><span style="background-color: #ffffff; ">ローカル・Webの境なく、透過的に検索itemを扱える（File、Webページ、画像、、、）</span></li>
<li><span style="background-color: #ffffff; ">リッチなVisualization</span></li>
</ul>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BZuFUZpEZ-A&#038;hl=ja_JP&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BZuFUZpEZ-A&#038;hl=ja_JP&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>» <a href="http://www.getpivot.com/" target="_blank">Learn More about Pivot | Microsoft Pivot</a></p>
<p>個人的に2:30くらいの部分で出てくる&#8221;Wikipdeia Collections&#8221;がツボりました。便利かどうかは使ってみないとわからないですが、こうやってWebを整理して閲覧する方向性は面白いと思います。</p>
<p>そこでグループ化が肝となってくるようですが、Pivotではそれを”Collections”と評していて、3つのタイプに分けてitemグループを扱っているようです。数学の集合に近いイメージ。</p>
<ul>
<li>Simple Collections</li>
<li>Linked Collections</li>
<li>Dynamic Collections</li>
</ul>
<p style="text-align: center; "><img class="size-full wp-image-547 aligncenter" title="pivot-collections" src="http://blog.8maki.jp/wp-content/uploads/2009/11/pivot-collections.png" alt="pivot-collections" width="500" height="229" /></p>
<p style="text-align: left;">まあ、Windows Vista以上、.NET Framework 3.5、IE8がないと動かない点は、なんというか”Microsoft”っぽいですが。。。</p>
<p style="text-align: left;"><span style="background-color: #ffffff;">ただ、HTML5も本格的に流行り出していますし、今後もブラウザとWebアプリケーションの境が曖昧なコンセプトが出てきそうで、中々おもしろい領域だと思います。ちなみに、近々2つのHTML5関連のイベントに参加予定です。</span></p>
<p style="text-align: left;"><span style="background-color: #ffffff;">» <a href="http://docs.google.com/View?id=dfwmsc7v_15cc6s2vdh" target="_blank">HTML5 Tech Talk on November 2009</a></span></p>
<p style="text-align: left;"><span style="background-color: #ffffff;">» <a href="http://my.opera.com/MezamashiTech/blog/2009/11/12/html5" target="_blank">HTML5 のご紹介@Opera</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/11/microsoft-pivot.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/11/microsoft-pivot.html" />
	</item>
		<item>
		<title>FirefoxやChromeのPlugin開発に便利なnixysa</title>
		<link>http://blog.8maki.jp/2009/10/nixysa-npapi-gluecode-genereator.html</link>
		<comments>http://blog.8maki.jp/2009/10/nixysa-npapi-gluecode-genereator.html#comments</comments>
		<pubDate>Thu, 08 Oct 2009 16:42:49 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[browser plugin]]></category>
		<category><![CDATA[C++]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[nixysa]]></category>
		<category><![CDATA[NPAPI]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=523</guid>
		<description><![CDATA[
			
				
			
		
今日はかなりマニアックなネタです。FirefoxやGoogle Chromeのエクステンションを開発する際に、Native Codeにアクセスする必要がある人用のエントリですｗ
※エクステンションとプラグインという言葉は明示的に分けます。前者はFirefox-AddonやChrome-extensionといった拡張機能、後者はFlash Player PluginやAcrobat Reader Plugin等のNative Codeとして実行されるPluginを指します。
エクステンションからNative Codeを扱う場合、javascriptを用いてNPAPI経由でプラグイン(C++クラス)にアクセスする方法があります。NPAPIはMozillaがメインで進めている、ブラウザがプラグインを実行する際に使うAPIです。
ただ、レファレンスを見ていただけるとわかるのですが、とても面倒くさそうｗ C++の時点でWeb系Developerには障壁が高いのに、Windowの制御やGUI表現等数多くのAPIを抑えないといけないのが非常に厄介。
そこで登場したのが、nixysa。これは純粋なC++コードからNPAPIに準拠するコード、ブラウザから利用するプラグインを生成してくれる便利なGeneratorです。これを用いればNPAPIコードの部分を無視してプラグインの開発が行えます。
説明よりもソースをお見せした方が早いです。helloworld.ccのような純粋なC++コードからプラグインを生成し、helloworld.html内のjavascriptから呼べるようになります。
helloworld.h

#include &#60;string&#62;

class HelloWorld {
public:
HelloWorld() {}
std::string GetHw();
};
#endif  // HELLOWORLD_H

helloworld.cc

#include &#60;string&#62;
#include &#34;helloworld.h&#34;

std::string HelloWorld::GetHw() {
std::string hw;
hw = &#34;Hellow World&#34;;
return hw;
}

#ifndef HELLOWORLD_H
#define HELLOWORLD_H

↑「Hello World」を返すGetHwメソッドを持つHelloWorldクラスです。
helloworld.html

&#60;html&#62;
&#60;head&#62;
&#60;script type=&#34;text/javascript&#34;&#62;

function init() {
  var plugin = document.getElementById(&#34;plugin&#34;);
  var hw = plugin.HelloWorld();
  if (!hw) {
    alert(&#34;no plugin&#34;);
  }

  [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F10%2Fnixysa-npapi-gluecode-genereator.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F10%2Fnixysa-npapi-gluecode-genereator.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>今日はかなりマニアックなネタです。FirefoxやGoogle Chromeのエクステンションを開発する際に、Native Codeにアクセスする必要がある人用のエントリですｗ<br />
※エクステンションとプラグインという言葉は明示的に分けます。前者はFirefox-AddonやChrome-extensionといった拡張機能、後者はFlash Player PluginやAcrobat Reader Plugin等のNative Codeとして実行されるPluginを指します。</p>
<p>エクステンションからNative Codeを扱う場合、javascriptを用いて<a href="https://developer.mozilla.org/ja/Plugins" target="_blank">NPAPI</a>経由でプラグイン(C++クラス)にアクセスする方法があります。NPAPIはMozillaがメインで進めている、ブラウザがプラグインを実行する際に使うAPIです。</p>
<p>ただ、<a href="https://developer.mozilla.org/ja/Gecko_Plugin_API_Reference" target="_blank">レファレンス</a>を見ていただけるとわかるのですが、とても面倒くさそうｗ C++の時点でWeb系Developerには障壁が高いのに、Windowの制御やGUI表現等数多くのAPIを抑えないといけないのが非常に厄介。</p>
<p>そこで登場したのが、<a href="http://code.google.com/p/nixysa/wiki/NixysaIntro" target="_blank">nixysa</a>。これは純粋なC++コードからNPAPIに準拠するコード、ブラウザから利用するプラグインを生成してくれる便利なGeneratorです。これを用いればNPAPIコードの部分を無視してプラグインの開発が行えます。</p>
<p>説明よりもソースをお見せした方が早いです。helloworld.ccのような純粋なC++コードからプラグインを生成し、helloworld.html内のjavascriptから呼べるようになります。</p>
<p>helloworld.h</p>
<pre class="brush: cpp;">
#include &lt;string&gt;

class HelloWorld {
public:
HelloWorld() {}
std::string GetHw();
};
#endif  // HELLOWORLD_H
</pre>
<p>helloworld.cc</p>
<pre class="brush: cpp;">
#include &lt;string&gt;
#include &quot;helloworld.h&quot;

std::string HelloWorld::GetHw() {
std::string hw;
hw = &quot;Hellow World&quot;;
return hw;
}

#ifndef HELLOWORLD_H
#define HELLOWORLD_H
</pre>
<p>↑「Hello World」を返すGetHwメソッドを持つHelloWorldクラスです。</p>
<p>helloworld.html</p>
<pre class="brush: xml;">
&lt;html&gt;
&lt;head&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

function init() {
  var plugin = document.getElementById(&quot;plugin&quot;);
  var hw = plugin.HelloWorld();
  if (!hw) {
    alert(&quot;no plugin&quot;);
  }

  alert(hw.getHw());
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body onload=&quot;init()&quot;&gt;
&lt;object type=&quot;application/HelloWorld&quot; id=&quot;plugin&quot; width=&quot;0&quot; height=&quot;0&quot;&gt; &lt;/object&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>↑C++で書かれたHelloWorldクラスのgetHwメソッドの返り値をalertしています。&lt;object&gt;タグでHelloWorldプラグインの利用を明示しています。</p>
<p>本来ならNPAPIを使ったかなり長めのC++コードを書かないといけないのですが、こんな単純なC++コードだけでプラグインが開発できちゃうなんて、すばらしい！NPAPIのレファレンスをうんうん眺めなくても作れるというのが気楽。</p>
<p>なお、nixysaでプラグインを生成する際、PythonとSConsというMakeのようなコンパイラが必要です。SConsをapt-getでインストールする際、Python2.6だとエラーが出たので、Python2.5に戻すとインストールできました。実行環境はVMware Player上のUbuntu8.0.4です。sconsを指定のフォルダで実行するとlibhelloworld.soが生成され、これをブラウザのプラグインフォルダに追加するとプラグインとして使えるようになります。Windowsだとhelloworld.dllができるのかな？</p>
<pre class="brush: bash;">
sudo apt-get install scons
cd [PROJECT_HOME]/examples/helloworld
scons
</pre>
<p>プラグインを生成する際には、上記のC++コードに加え、SConsのMakefileにあたるSConstructファイルとC++クラスのIDLを用意する必要があります。そこが面倒くさいのですが、nixysaのパッケージに入っているサンプルプロジェクトの該当ファイルからパクればなんとかなりますｗ</p>
<p>今はSubversionで公開されているので、試してみたい方は下記のレポジトリから。</p>
<pre class="brush: bash;">
svn checkout http://nixysa.googlecode.com/svn/trunk/ nixysa-read-only
</pre>
<p>とは言え、まだまだ開発途上のプロジェクトなので、色々とバグがあったり、ドキュメントがほとんど無かったりしますので、ご注意を。</p>
<p>参考：<br />
» <a href="http://journal.mycom.co.jp/news/2009/04/03/039/index.html" target="_blank">Google Chrome/Firefoxプラグイン開発ツールNixysa登場</a><br />
» <a href="http://code.google.com/chrome/extensions/npapi.html" target="_blank"> NPAPI Plugins // Google Chrome Extensions: Developer Documentation</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/10/nixysa-npapi-gluecode-genereator.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/10/nixysa-npapi-gluecode-genereator.html" />
	</item>
		<item>
		<title>AjaxフレームワークのYUI2.8.0がHTML5ライクなクライアントストレージに対応</title>
		<link>http://blog.8maki.jp/2009/09/yui2-8-0_html5_like_localstorage.html</link>
		<comments>http://blog.8maki.jp/2009/09/yui2-8-0_html5_like_localstorage.html#comments</comments>
		<pubDate>Thu, 24 Sep 2009 00:21:51 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web Storage]]></category>
		<category><![CDATA[YUI]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=487</guid>
		<description><![CDATA[
			
				
			
		
Ajax JavaScriptフレームワークのYUI (Yahoo! User Interface Library) が、最新版の2.8.0でHTML5ライクなクライアントストレージに対応していました。
YUI 2.8.0における注目の新機能は次のとおり。

HTML5スタイルのローカルセッションストレージを提供するクライアントストレージメタコンポーネントStorage Utility (Matt Sinder氏提供)の導入。HTML5ストレージ、Google Gears、Flash共有オブジェクトをサポート
さまざまな用途に適用できるプログレスバーコンポーネント ProgressBar (Daniel Barreiro氏提供)の導入
接続マネージャにおけるクロスドメインサポートの実現
イベントデリゲーションサポートの実現
カルーセルウィジェットにギャラリーモードを追加
チャートにおける複数軸表示のサポート

» Yahoo! UI最新版登場、クライアントストレージ &#124; エンタープライズ &#124; マイコミジャーナル
細かく見ると色々と便利な機能がついていますが、個人的にクライアントストレージが時代に沿っているというか、HTML5が注目されだしている昨今、非常にタイムリーで目を引きました。
とその前に、ざっとHTML5のおさらい（といっても理解が不十分だったのでこれを機に調べたのですがf^^;）。
HTML5 まとめ
HTML5の注目点は、新しいマークアップ（タグの整理）と新しいAPIの対応です。
■ 新しいマークアップ

 検索インデックスされやすいように構造化
より構造的な文を生成できるように&#60;nav&#62;や、&#60;section&#62;といったタグが追加されました。

マルチメディア対応
&#60;audio&#62;や&#60;movie&#62;といったマルチメディアタグにより、javascriptやFlashを使わなくても音声・動画の再生ができるようになりました。

Flashのような自由な2D表現
&#60;canvas&#62;タグで簡単にJava Appletのような豊かな2D表現ができるようになりました。


■ 新しいAPI

ドラッグ＆ドロップ
戻るボタン
O3D
ブラウザのプラグインとして提供されているO3Dをjavascriptから制御できるようになります。例えばGoogle Earthがこれを使ってブラウザ上で3D表現を可能にしていまいす。

Geolocation
1，2カ月程前に話題になりましたが、Firefox3.5でGoogle Mapを開くと現在地を表示できます。これはGeolocation APIを使っていて、javascriptから位置情報にアクセスできるからこそできる機能です。モバイルのブラウザのエンジンとして標準化しだしているWebkitでも実装が進んでいて、モバイル分野でかなり使われそうなAPIです。

Web Storage
javascriptでクライアントにデータを保存することができるAPIです。このときデータベースのようにSQLを用いてデータを保存することもできるようです。こちらにサンプルコードが記載されています。

Web Workers
バックグラウンドでjavascriptを動かせるようになります。いわばjavascriptスレッドです。繊細なUI処理に影響させることなく、重い処理を裏で行うことができるようになります。

Web Sockets
サーバサイドプロセスと双方向に通信することを可能にするAPIです。


HTML5のより詳しい記述はこちらへ↓
»  グーグルが賭けるHTML 5の未来 － ＠IT
» HTML 5 ― HTML 4 からの変更点 W3C 草案 (Working Draft)
YUI2.8.0 Storage Utility
さて、今回のYUI2.8.0のStorage Utilityですが、HTML5のWeb Storage (FireFox 3, Safari 4, IE [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F09%2Fyui2-8-0_html5_like_localstorage.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F09%2Fyui2-8-0_html5_like_localstorage.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Ajax JavaScriptフレームワークの<a href="http://developer.yahoo.com/yui/" target="_blank">YUI (Yahoo! User Interface Library) </a>が、最新版の2.8.0でHTML5ライクなクライアントストレージに対応していました。</p>
<blockquote><p>YUI 2.8.0における注目の新機能は次のとおり。</p>
<ul>
<li>HTML5スタイルのローカルセッションストレージを提供するクライアントストレージメタコンポーネントStorage Utility (Matt Sinder氏提供)の導入。HTML5ストレージ、Google Gears、Flash共有オブジェクトをサポート</li>
<li>さまざまな用途に適用できるプログレスバーコンポーネント ProgressBar (Daniel Barreiro氏提供)の導入</li>
<li>接続マネージャにおけるクロスドメインサポートの実現</li>
<li>イベントデリゲーションサポートの実現</li>
<li>カルーセルウィジェットにギャラリーモードを追加</li>
<li>チャートにおける複数軸表示のサポート</li>
</ul>
<p>» <a href="http://journal.mycom.co.jp/news/2009/09/18/037/index.html" target="_blank">Yahoo! UI最新版登場、クライアントストレージ | エンタープライズ | マイコミジャーナル</a></p></blockquote>
<p>細かく見ると色々と便利な機能がついていますが、個人的にクライアントストレージが時代に沿っているというか、HTML5が注目されだしている昨今、非常にタイムリーで目を引きました。</p>
<p>とその前に、ざっとHTML5のおさらい（といっても理解が不十分だったのでこれを機に調べたのですがf^^;）。</p>
<h4>HTML5 まとめ</h4>
<p>HTML5の注目点は、新しいマークアップ（タグの整理）と新しいAPIの対応です。</p>
<p style="margin-bottom:0;">■ 新しいマークアップ</p>
<ul>
<li> 検索インデックスされやすいように構造化
<p style="margin-left: 15px; margin-bottom: 2px;">より構造的な文を生成できるように&lt;nav&gt;や、&lt;section&gt;といったタグが追加されました。</p>
</li>
<li>マルチメディア対応
<p style="margin-left: 15px; margin-bottom: 2px;">&lt;audio&gt;や&lt;movie&gt;といったマルチメディアタグにより、javascriptやFlashを使わなくても音声・動画の再生ができるようになりました。</p>
</li>
<li>Flashのような自由な2D表現
<p style="margin-left: 15px; margin-bottom: 2px;">&lt;canvas&gt;タグで簡単にJava Appletのような豊かな2D表現ができるようになりました。</p>
</li>
</ul>
<p style="margin-bottom:0;">■ 新しいAPI</p>
<ul>
<li>ドラッグ＆ドロップ</li>
<li>戻るボタン</li>
<li>O3D
<p style="margin-left: 15px; margin-bottom: 2px;">ブラウザのプラグインとして提供されているO3Dをjavascriptから制御できるようになります。例えばGoogle Earthがこれを使ってブラウザ上で3D表現を可能にしていまいす。</p>
</li>
<li>Geolocation
<p style="margin-left: 15px; margin-bottom: 2px;">1，2カ月程前に話題になりましたが、Firefox3.5でGoogle Mapを開くと現在地を表示できます。これはGeolocation APIを使っていて、javascriptから位置情報にアクセスできるからこそできる機能です。モバイルのブラウザのエンジンとして標準化しだしているWebkitでも実装が進んでいて、モバイル分野でかなり使われそうなAPIです。</p>
</li>
<li>Web Storage
<p style="margin-left: 15px; margin-bottom: 2px;">javascriptでクライアントにデータを保存することができるAPIです。このときデータベースのようにSQLを用いてデータを保存することもできるようです。<a href="http://journal.mycom.co.jp/articles/2009/06/15/gdd1/001.html" target="_blank">こちら</a>にサンプルコードが記載されています。</p>
</li>
<li>Web Workers
<p style="margin-left: 15px; margin-bottom: 2px;">バックグラウンドでjavascriptを動かせるようになります。いわばjavascriptスレッドです。繊細なUI処理に影響させることなく、重い処理を裏で行うことができるようになります。</p>
</li>
<li>Web Sockets
<p style="margin-left: 15px; margin-bottom: 2px;">サーバサイドプロセスと双方向に通信することを可能にするAPIです。</p>
</li>
</ul>
<p>HTML5のより詳しい記述はこちらへ↓<br />
» <a href="http://www.atmarkit.co.jp/news/200905/28/html5.html" target="_blank"> グーグルが賭けるHTML 5の未来 － ＠IT</a><br />
» <a href="http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/" target="_blank">HTML 5 ― HTML 4 からの変更点 W3C 草案 (Working Draft)</a></p>
<h4>YUI2.8.0 Storage Utility</h4>
<p>さて、今回のYUI2.8.0の<a href="http://developer.yahoo.com/yui/storage/">Storage Utility</a>ですが、HTML5のWeb Storage (FireFox 3, Safari 4, IE 8以上必要) に対応しているだけでなく、HTML5未対応のブラウザのためにGoogle GearsやSWFファイル(Flash Player 9.0.115以上必要)を使って本機能を実装しています。もちろんセッションでの保存にも対応しています。</p>
<p>YUIのサンプルで動いているのを確認しました。ウィンドウを閉じても文章が保存されていて感動。<br />
» <a href="http://developer.yahoo.com/yui/examples/storage/storage-simple_clean.html" target="_blank"> Simple Storage Example — Saving In-Progress Text Entry</a></p>
<p>コードもstorageEngineオブジェクトを用意してゲッター/セッターで入れるだけというシンプルさ。色々な場面で使う機会が出てきそうです。</p>
<pre class="brush: jscript;">
var storageEngine = YAHOO.util.StorageManager.get(
  YAHOO.util.StorageEngineGears.ENGINE_NAME,
  YAHOO.util.StorageManager.LOCATION_LOCAL,
  {
    order: [
      YAHOO.util.StorageEngineGears,
      YAHOO.util.StorageEngineSWF,
      YAHOO.util.StorageEngineHTML5
    ],
  force: false
}
);
～中略～
storageEngine.getItem(&quot;simple-storage-textentry&quot;);
storageEngine.setItem(&quot;simple-storage-textentry&quot;, YAHOO.util.Dom.get(&quot;textentry&quot;).value);
</pre>
<p>なお、容量としてHTML5は5～10MB、Google GearsはSQLiteを使用していて最大2GB、SWFは100KBまで利用できるようです。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/09/yui2-8-0_html5_like_localstorage.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/09/yui2-8-0_html5_like_localstorage.html" />
	</item>
		<item>
		<title>日本人色のするベンチャー関連企業@世界</title>
		<link>http://blog.8maki.jp/2009/06/japanese_international_startups_and_venturecapitals.html</link>
		<comments>http://blog.8maki.jp/2009/06/japanese_international_startups_and_venturecapitals.html#comments</comments>
		<pubDate>Sat, 20 Jun 2009 02:16:04 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[survey]]></category>
		<category><![CDATA[企業]]></category>
		<category><![CDATA[ITベンチャー]]></category>
		<category><![CDATA[VC]]></category>
		<category><![CDATA[ベンチャー]]></category>
		<category><![CDATA[ベンチャーキャピタル]]></category>
		<category><![CDATA[国際的]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=460</guid>
		<description><![CDATA[
			
				
			
		
前回、”あなたがウォッチすべき世界的テクノロジーベンチャー50”というエントリで、日本企業が入ってない！ことを嘆いていましたが、探せば色々出てくるものです。
知ってる限りまとめてみます。もし情報があればコメント欄で教えてください！
■ベンチャー

Creative Commons
Joi ItoさんがCEOに入っています。Itoさんの本業はVCで、数少ない世界レベルの日本人だと思います。


株式会社ガーラ
ヘラクレスに上場しながらも海外売上比率が８０％（2009.03)と、うまく海外に進出できている数少ない日本製ITベンチャーです。オンラインゲームがメイン事業です。

■ベンチャーキャピタル

DCM(Doll Capital Management)
David茶尾さんが創業されたVCで、数千億レベルのファンドを運用していて、まさに世界的VCです。他にも伊佐山さんや本田さんという日本人の方もいらっしゃって、最近では日本支社も本格的に操業を開始したようです。
（最近のDealでは、レコメンドエンジンのサイジニアに数億規模で投資しています。）


Global Catalyst Parners
三菱商事でアメリカ新規事業を経験された大澤さんが創立されたファンドです。JTPA等、シリコンバレーの日本人コミュニティを運営されていることからも、現地に行ったらまずお世話になる方かもしれません。


Globespan Capital Partners
ベースはアメリカのボストン・パロアルト（シリコンバレー）に置きながら、東京オフィスも構える世界的VCです。日本人では、栢森さん、前田さん、金河さんが主にアジアを中心に投資を行っているみたいです。


Worldview Technology Partners
アメリカにベースを置く、テクノロジーベンチャーへの投資に特化したVCです。国際投資チームに、田中さんと渡邉さんがいらっしゃいます。


Infinitiy Venture Partners
こちらは日本をベースにしながら、中国を始めとしたアジアを中心に投資を開始されるようです。グロービスで多くのファンド運営に携われた小林さんが創立し、モバイルの事業会社を成功させた小野さん、Adobeで投資戦略を練られていた田中さんというチーム体制です。


TEL Venture Capital

]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F06%2Fjapanese_international_startups_and_venturecapitals.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F06%2Fjapanese_international_startups_and_venturecapitals.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>前回、”<a href="http://blog.8maki.jp/2009/06/50_tech_startups_you_should_know.html">あなたがウォッチすべき世界的テクノロジーベンチャー50</a>”というエントリで、日本企業が入ってない！ことを嘆いていましたが、探せば色々出てくるものです。</p>
<p>知ってる限りまとめてみます。もし情報があればコメント欄で教えてください！</p>
<p>■<strong>ベンチャー</strong></p>
<ul>
<li><a href="http://creativecommons.org/" target="_blank">Creative Commons</a><br />
<a href="http://joi.ito.com/jp/" target="_blank">Joi Ito</a>さんがCEOに入っています。Itoさんの本業はVCで、数少ない世界レベルの日本人だと思います。</li>
</ul>
<ul>
<li><a href="http://www.gala.jp/" target="_blank">株式会社ガーラ</a><br />
ヘラクレスに上場しながらも海外売上比率が８０％（2009.03)と、うまく海外に進出できている数少ない日本製ITベンチャーです。オンラインゲームがメイン事業です。</li>
</ul>
<p>■<strong>ベンチャーキャピタル</strong></p>
<ul>
<li><a href="http://www.dcm.com/jp/index.php" target="_blank">DCM(Doll Capital Management)</a><br />
<a href="http://www.dcm.com/jp/index.php" target="_blank"></a>David茶尾さんが創業されたVCで、数千億レベルのファンドを運用していて、まさに世界的VCです。他にも伊佐山さんや本田さんという日本人の方もいらっしゃって、最近では日本支社も本格的に操業を開始したようです。<br />
（最近のDealでは、レコメンドエンジンの<a href="http://www.scigineer.co.jp/" target="_blank">サイジニア</a>に数億規模で投資しています。）</li>
</ul>
<ul>
<li><a href="http://www.gc-partners.com/" target="_blank">Global Catalyst Parners</a><br />
三菱商事でアメリカ新規事業を経験された大澤さんが創立されたファンドです。JTPA等、シリコンバレーの日本人コミュニティを運営されていることからも、現地に行ったらまずお世話になる方かもしれません。</li>
</ul>
<ul>
<li><a href="http://japan.globespancapital.com/index.cfm/OurTeam" target="_blank">Globespan Capital Partners</a><br />
ベースはアメリカのボストン・パロアルト（シリコンバレー）に置きながら、東京オフィスも構える世界的VCです。日本人では、栢森さん、前田さん、金河さんが主にアジアを中心に投資を行っているみたいです。</li>
</ul>
<ul>
<li><a href="http://www.worldview.com/index.html" target="_blank">Worldview Technology Partners</a><br />
アメリカにベースを置く、テクノロジーベンチャーへの投資に特化したVCです。国際投資チームに、田中さんと渡邉さんがいらっしゃいます。</li>
</ul>
<ul>
<li><a href="http://www.infinityventures.com/" target="_blank">Infinitiy Venture Partners</a><br />
こちらは日本をベースにしながら、中国を始めとしたアジアを中心に投資を開始されるようです。グロービスで多くのファンド運営に携われた小林さんが創立し、モバイルの事業会社を成功させた小野さん、Adobeで投資戦略を練られていた田中さんというチーム体制です。</li>
</ul>
<ul>
<li><a href="http://www.tel.com/eng/about/telvc.htm" target="_blank">TEL Venture Capital</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/06/japanese_international_startups_and_venturecapitals.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/06/japanese_international_startups_and_venturecapitals.html" />
	</item>
		<item>
		<title>あなたがウォッチすべき世界的テクノロジーベンチャー50</title>
		<link>http://blog.8maki.jp/2009/06/50_tech_startups_you_should_know.html</link>
		<comments>http://blog.8maki.jp/2009/06/50_tech_startups_you_should_know.html#comments</comments>
		<pubDate>Sat, 20 Jun 2009 02:13:23 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[proposal]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[ビジネス]]></category>
		<category><![CDATA[ベンチャー]]></category>
		<category><![CDATA[ベンチャーキャピタル]]></category>
		<category><![CDATA[企業]]></category>
		<category><![CDATA[海外]]></category>
		<category><![CDATA[ITベンチャー]]></category>
		<category><![CDATA[Tech Startup]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=454</guid>
		<description><![CDATA[
			
				
			
		
BusinessWeekと、ベンチャー企業のマーケットリサーチを行っているYouNoodle（独自のアルゴリズムでベンチャー企業の数値評価をしているサービスで、割とVCの間でも好評なようです via Techcrunch）が、国の枠を超えて注目を集めているテクノロジーベンチャーを発表していました。
Our list includes fledgling tech companies—most started in 2005 and later—from the U.S., China, India, Israel, and Russia that are attracting some early buzz and are poised to grow beyond their regional or niche-market origins.
» Fifty Tech Startups You Should Know
また、Track In &#8211; Indian Business Blogでは、リストの中でインド人が創業者の会社はいくつあるか調べていました。結果、6/50社とのこと。実際私がシリコンバレーに行ったときも、インド人起業家・エンジニアの多さを実感しました。（Amazon AWSのイベントでは3割近くがインド人だったように思えます。）
しかし、、、日本人が創業しているベンチャーが一つもないですね。。。もちろん、アメリカでの指標ですし、外に出るだけが能ではないですが、リストにはアメリカに限らずスペイン（1社）やブラジル（2社）なんかのベンチャーも入っていて、なんか、悔しいですよね。早いとこ弊社も外に出てみたいものです。
最近では日本のベンチャーも海外を視野に入れてきていて、数年後また事情が変わってきている気もしますが、中々厳しいのが現状かもしれません。
ただ、全く日本人がベンチャー界隈で活躍していないかというと、そうでもなくて、VC・投資家として活躍している日本人企業がいくつかあります。
別エントリ”日本人色のするベンチャー関連企業@世界”にまとめてみたので、ご興味ある方はご覧ください。
アメリカ以外をベースにするベンチャーをマークアップしてみます。↓



Company
Headquarter
Total Funding
(in Million Dollars)
Year Funded
CEO





Cotendo
San Carlos, Calif.
7.0
2008
Ronni Zehavi


Proclivity Systems
New [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F06%2F50_tech_startups_you_should_know.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F06%2F50_tech_startups_you_should_know.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>BusinessWeekと、ベンチャー企業のマーケットリサーチを行っているYouNoodle（独自のアルゴリズムでベンチャー企業の数値評価をしているサービスで、割とVCの間でも好評なようです via <a href="http://jp.techcrunch.com/archives/20090218younoodle-scores-what-startups-can-learn-from-wars/" target="_blank">Techcrunch</a>）が、国の枠を超えて注目を集めているテクノロジーベンチャーを発表していました。</p>
<blockquote><p>Our list includes fledgling tech companies—most started in 2005 and later—from the U.S., China, India, Israel, and Russia that are attracting some early buzz and are poised to grow beyond their regional or niche-market origins.<br />
» <a href="http://bwnt.businessweek.com/interactive_reports/tech_startups_you_should_know_2009/index.asp?sortCol=younoodle&amp;sortOrder=1&amp;pageNum=1&amp;resultNum=50" target="_blank">Fifty Tech Startups You Should Know</a></p></blockquote>
<p>また、<a href="http://trak.in/tags/business/2009/06/19/indian-start-ups-top-50-tech-start-ups-in-the-world/" target="_blank">Track In &#8211; Indian Business Blog</a>では、リストの中でインド人が創業者の会社はいくつあるか調べていました。結果、6/50社とのこと。実際<a href="http://blog.8maki.jp/tag/シリコンバレー" target="_blank">私がシリコンバレーに行ったとき</a>も、インド人起業家・エンジニアの多さを実感しました。（Amazon AWSのイベントでは3割近くがインド人だったように思えます。）</p>
<p>しかし、、、日本人が創業しているベンチャーが一つもないですね。。。もちろん、アメリカでの指標ですし、外に出るだけが能ではないですが、リストにはアメリカに限らずスペイン（1社）やブラジル（2社）なんかのベンチャーも入っていて、なんか、悔しいですよね。早いとこ弊社も外に出てみたいものです。</p>
<p>最近では<a href="http://blog.8maki.jp/2008/06/globalinfinity_ventures_summit.html" target="_blank">日本のベンチャーも海外を視野に</a>入れてきていて、数年後また事情が変わってきている気もしますが、中々厳しいのが現状かもしれません。</p>
<p>ただ、全く日本人がベンチャー界隈で活躍していないかというと、そうでもなくて、VC・投資家として活躍している日本人企業がいくつかあります。</p>
<p>別エントリ”<a href="http://blog.8maki.jp/2009/06/japanese_international_startups_and_venturecapitals.html">日本人色のするベンチャー関連企業@世界</a>”にまとめてみたので、ご興味ある方はご覧ください。</p>
<p>アメリカ以外をベースにするベンチャーをマークアップしてみます。↓</p>
<table id="dataTable" border="0" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td class="header" align="center" valign="bottom"><a href="http://bwnt.businessweek.com/interactive_reports/tech_startups_you_should_know_2009/index.asp?sortCol=name&amp;sortOrder=1&amp;pageNum=1&amp;resultNum=50">Company</a></td>
<td class="header" align="center" valign="bottom"><a href="http://bwnt.businessweek.com/interactive_reports/tech_startups_you_should_know_2009/index.asp?sortCol=hq&amp;sortOrder=1&amp;pageNum=1&amp;resultNum=50">Headquarter</a></td>
<td class="header" align="center" valign="bottom"><a href="http://bwnt.businessweek.com/interactive_reports/tech_startups_you_should_know_2009/index.asp?sortCol=total_fun&amp;sortOrder=1&amp;pageNum=1&amp;resultNum=50">Total Funding<br />
(in Million Dollars)</a></td>
<td class="header" align="center" valign="bottom"><a href="http://bwnt.businessweek.com/interactive_reports/tech_startups_you_should_know_2009/index.asp?sortCol=year_founded&amp;sortOrder=1&amp;pageNum=1&amp;resultNum=50">Year Funded</a></td>
<td class="header" align="center" valign="bottom">CEO</td>
</tr>
<tr>
<td class="header" style="padding:0px;" colspan="6"></td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Cotendo" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=42722094" target="_blank">Cotendo</a></td>
<td class="smalltext" align="left">San Carlos, Calif.</td>
<td class="smalltext" align="right">7.0</td>
<td class="smalltext" align="center">2008</td>
<td class="smalltext" align="left">Ronni Zehavi</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Proclivity Systems" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=48969828" target="_blank">Proclivity Systems</a></td>
<td class="smalltext" align="left">New York</td>
<td class="smalltext" align="right">6.2</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Sheldon Gilbert</td>
</tr>
<tr class="r1style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Monitise" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=36183859" target="_blank">Monitise</a></td>
<td class="smalltext" align="left"><strong>London</strong></td>
<td class="smalltext" align="right">19.0</td>
<td class="smalltext" align="center">2004</td>
<td class="smalltext" align="left">Alastair Lukies</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Cloudera" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=54070696" target="_blank">Cloudera</a></td>
<td class="smalltext" align="left">Burlingame, Calif.</td>
<td class="smalltext" align="right">11.0</td>
<td class="smalltext" align="center">2008</td>
<td class="smalltext" align="left">Michael Olson</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Bloom Energy" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=28543927" target="_blank">Bloom Energy</a></td>
<td class="smalltext" align="left">Sunnyvale, Calif.</td>
<td class="smalltext" align="right">N/A</td>
<td class="smalltext" align="center">2002</td>
<td class="smalltext" align="left">K.R. Sridhar</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Positive Energy" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=51864765" target="_blank">Positive Energy</a></td>
<td class="smalltext" align="left">Arlington, Va.</td>
<td class="smalltext" align="right">15.5</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Daniel Yates</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Nila" href="http://www.nila.tv" target="_blank">Nila</a></td>
<td class="smalltext" align="left">Los Angeles</td>
<td class="smalltext" align="right">0.6</td>
<td class="smalltext" align="center">2004</td>
<td class="smalltext" align="left">Jim Sanfilippo</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Fusion-io" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=42920866" target="_blank">Fusion-io</a></td>
<td class="smalltext" align="left">Salt Lake City</td>
<td class="smalltext" align="right">66.5</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">David Bradford</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Raydiance" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=25343340" target="_blank">Raydiance</a></td>
<td class="smalltext" align="left">Petaluma, Calif.</td>
<td class="smalltext" align="right">20.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Barry Schuler</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Pelago" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=33738958" target="_blank">Pelago</a></td>
<td class="smalltext" align="left">Seattle</td>
<td class="smalltext" align="right">22.4</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Jeff Holden</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about SynapSense" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=27352830" target="_blank">SynapSense</a></td>
<td class="smalltext" align="left">Folsom, Calif.</td>
<td class="smalltext" align="right">11.0</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Peter Van Deventer</td>
</tr>
<tr class="r2style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Modu" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=39764946" target="_blank">Modu</a></td>
<td class="smalltext" align="left"><strong>Kfar-Saba, Israel</strong></td>
<td class="smalltext" align="right">85.0</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Dov Moran</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Inrix" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=21988200" target="_blank">Inrix</a></td>
<td class="smalltext" align="left">Kirkland, Wash.</td>
<td class="smalltext" align="right">31.1</td>
<td class="smalltext" align="center">2004</td>
<td class="smalltext" align="left">Bryan Mistele</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Sermo" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=29293906" target="_blank">Sermo</a></td>
<td class="smalltext" align="left">Cambridge, Mass.</td>
<td class="smalltext" align="right">37.5</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Daniel Palestrant</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Livescribe" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=38275261" target="_blank">Livescribe</a></td>
<td class="smalltext" align="left">Oakland, Calif.</td>
<td class="smalltext" align="right">18.6</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Jim Marggraff</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Palantir Technologies" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=43580005" target="_blank">Palantir Technologies</a></td>
<td class="smalltext" align="left">Palo Alto, Calif.</td>
<td class="smalltext" align="right">36.7</td>
<td class="smalltext" align="center">2004</td>
<td class="smalltext" align="left">Alex Karp</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about SecondMarket" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=24282038" target="_blank">SecondMarket</a></td>
<td class="smalltext" align="left">New York</td>
<td class="smalltext" align="right">N/A</td>
<td class="smalltext" align="center">2004</td>
<td class="smalltext" align="left">Barry E. Silbert</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Better Place" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=38656695" target="_blank">Better Place</a></td>
<td class="smalltext" align="left">Palo Alto, Calif.</td>
<td class="smalltext" align="right">200.0</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Shai Agassi</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Boxee" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=50916974" target="_blank">Boxee</a></td>
<td class="smalltext" align="left">New York</td>
<td class="smalltext" align="right">4.0</td>
<td class="smalltext" align="center">2008</td>
<td class="smalltext" align="left">Avner Ronen</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Mochi Media" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=35673325" target="_blank">Mochi Media</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">14.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">George Garrick</td>
</tr>
<tr class="r1style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Huddle.net" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=38948985" target="_blank">Huddle.net</a></td>
<td class="smalltext" align="left"><strong>London</strong></td>
<td class="smalltext" align="right">4.0</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Alaisdair Mitchell</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Metaweb Technologies" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=26363333" target="_blank">Metaweb Technologies</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">57.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Thomas Layton</td>
</tr>
<tr class="r1style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Fon" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=25777313" target="_blank">Fon</a></td>
<td class="smalltext" align="left"><strong>Madrid</strong></td>
<td class="smalltext" align="right">48.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Martin Varsavsky</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Loopt" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=25602002" target="_blank">Loopt</a></td>
<td class="smalltext" align="left">Mountain View, Calif.</td>
<td class="smalltext" align="right">13.3</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Sam Altman</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Xobni" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=33414236" target="_blank">Xobni</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">14.6</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Jeff Bonforte</td>
</tr>
<tr class="r2style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about KupiVIP" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=53298504" target="_blank">KupiVIP</a></td>
<td class="smalltext" align="left"><strong>Moscow</strong></td>
<td class="smalltext" align="right">11.0</td>
<td class="smalltext" align="center">2008</td>
<td class="smalltext" align="left">Oskar Hartmann</td>
</tr>
<tr class="r1style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Spotify" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=49444968" target="_blank">Spotify</a></td>
<td class="smalltext" align="left"><strong>Stockholm</strong></td>
<td class="smalltext" align="right">20.0</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Daniel Ek</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about TokBox" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=37983901" target="_blank">TokBox</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">14.0</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Ian Small</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about PBworks" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=30009371" target="_blank">PBworks</a></td>
<td class="smalltext" align="left">San Mateo, Calif.</td>
<td class="smalltext" align="right">2.5</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Jim Groff</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Kosmix" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=27777060" target="_blank">Kosmix</a></td>
<td class="smalltext" align="left">Mountain View, Calif.</td>
<td class="smalltext" align="right">55.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Venky Harinarayan</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Evernote" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=11609415" target="_blank">Evernote</a></td>
<td class="smalltext" align="left">Mountain View, Calif.</td>
<td class="smalltext" align="right">13.5</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Phil Libin</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Yola" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=39059142" target="_blank">Yola</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">25.0</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Vinny Lingham</td>
</tr>
<tr class="r1style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Adconion Media Group" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=34074098" target="_blank">Adconion Media Group</a></td>
<td class="smalltext" align="left"><strong>London</strong></td>
<td class="smalltext" align="right">80.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">T. Tyler Moebius</td>
</tr>
<tr class="r2style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about QueBarato" href="http://www.quebarato.com" target="_blank">QueBarato</a></td>
<td class="smalltext" align="left"><strong>Brazil</strong></td>
<td class="smalltext" align="right">6.0</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Pending confirmation</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about TheFind" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=20610627" target="_blank">TheFind</a></td>
<td class="smalltext" align="left">Mountain View, Calif.</td>
<td class="smalltext" align="right">26.0</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Siva Kumar</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Daylife" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=29948542" target="_blank">Daylife</a></td>
<td class="smalltext" align="left">New York</td>
<td class="smalltext" align="right">8.3</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Upendra Shardanand</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Jajah" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=26519843" target="_blank">Jajah</a></td>
<td class="smalltext" align="left">Mountain View, Calif.</td>
<td class="smalltext" align="right">28.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Trevor Healy</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about AdMob" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=28973677" target="_blank">AdMob</a></td>
<td class="smalltext" align="left">San Mateo, Calif.</td>
<td class="smalltext" align="right">47.2</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Omar Hamoui</td>
</tr>
<tr class="r1style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Ibibo" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=51769675" target="_blank">Ibibo</a></td>
<td class="smalltext" align="left"><strong>Gurgaon, Haryana, India</strong></td>
<td class="smalltext" align="right">N/A</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Ashish Kashyap</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Justin.tv" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=37509242" target="_blank">Justin.tv</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">4.0</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Michael Siebel</td>
</tr>
<tr class="r1style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Komli Media **" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=52078956" target="_blank">Komli Media **</a></td>
<td class="smalltext" align="left"><strong>Mumbai, India</strong></td>
<td class="smalltext" align="right">7.0</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Amar Goel</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about RockYou" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=27691317" target="_blank">RockYou</a></td>
<td class="smalltext" align="left">Redwood City, Calif.</td>
<td class="smalltext" align="right">68.5</td>
<td class="smalltext" align="center">2006</td>
<td class="smalltext" align="left">Lance Tokuda</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Etsy" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=28492682" target="_blank">Etsy</a></td>
<td class="smalltext" align="left">Brooklyn, N.Y.</td>
<td class="smalltext" align="right">31.6</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Maria Thomas</td>
</tr>
<tr class="r2style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Sonico" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=45532081" target="_blank">Sonico</a></td>
<td class="smalltext" align="left"><strong>Buenos Aires</strong></td>
<td class="smalltext" align="right">4.3</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Rodrigo Teijeiro</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Scribd" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=34733782" target="_blank">Scribd</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">12.8</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Trip Adler</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Slide" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=24883471" target="_blank">Slide</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">58.0</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Max Levchin</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about OpenDNS" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=28605369" target="_blank">OpenDNS</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">2.5</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">David Ulevitch</td>
</tr>
<tr class="r2style" style="background-color:#F5DEB3;">
<td class="smalltext" align="left"><a title="More information about Tudou" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=52805722" target="_blank">Tudou</a></td>
<td class="smalltext" align="left"><strong>Shanghai</strong></td>
<td class="smalltext" align="right">84.5</td>
<td class="smalltext" align="center">2005</td>
<td class="smalltext" align="left">Gary Wang</td>
</tr>
<tr class="r1style">
<td class="smalltext" align="left"><a title="More information about Ning" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=35135559" target="_blank">Ning</a></td>
<td class="smalltext" align="left">Palo Alto, Calif.</td>
<td class="smalltext" align="right">104.0</td>
<td class="smalltext" align="center">2004</td>
<td class="smalltext" align="left">Gina Bianchini</td>
</tr>
<tr class="r2style">
<td class="smalltext" align="left"><a title="More information about Zynga" href="http://investing.businessweek.com/businessweek/research/stocks/snapshot/snapshot.asp?capId=40151328" target="_blank">Zynga</a></td>
<td class="smalltext" align="left">San Francisco</td>
<td class="smalltext" align="right">39.0</td>
<td class="smalltext" align="center">2007</td>
<td class="smalltext" align="left">Mark Pincus</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/06/50_tech_startups_you_should_know.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/06/50_tech_startups_you_should_know.html" />
	</item>
	</channel>
</rss>
