<?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のアレ</title>
	<atom:link href="http://blog.8maki.jp/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/feed" />
		<item>
		<title>DropboxのYCombinator応募フォームに見るハッカー達の起業感</title>
		<link>http://blog.8maki.jp/2010/05/hackers-entrepreneurship.html</link>
		<comments>http://blog.8maki.jp/2010/05/hackers-entrepreneurship.html#comments</comments>
		<pubDate>Sat, 29 May 2010 23:40:48 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[proposal]]></category>
		<category><![CDATA[シリコンバレー]]></category>
		<category><![CDATA[ベンチャー]]></category>
		<category><![CDATA[dropbox]]></category>
		<category><![CDATA[ycombinator]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=738</guid>
		<description><![CDATA[
			
				
			
		
以前、@hrjn がtwitterで言及していたのですが、2007年夏のDropbox創業者：Drew Houston（当時24歳）のYCombinatorに応募するときの応募フォームが公開されていました。
読んでみると向こうのハッカー達の起業感がにじみ出てたので、気付きをまとめます。
個人的にDropboxは、自分が起業する場合のロールモデルかな～と思ったり。
&#187; Y Combinator Funding Application &#8211; Dropbox
印象的な質問はこの５つ。
# Please tell us in one or two sentences something about each founder that shows a high level of ability.
（それぞれの創業者はどんなハイレベル能力を持っていますか？）
よく起業は、「何をするか？」よりも「誰とするか？」が重要だ、という話を聞きます。
もちろん「何をするのか？」も重要で、フォームの中でも1番目の質問はこの手の質問なのですが、2，3番目に創業メンバーに関する問いが続いている当たり、日本よりも細かく創業メンバーのスキル・人柄が見られている気がします。
# For founders who are hackers: what cool things have you built? (Include urls if possible.)  
（創業者にハッカーがいたら、彼はどんなクールなモノを今までに作りましたか？）
生粋のハッカーであるPaul Grahamが創立したYCombinator”らしさ”が出る質問。
これ対してDrewの答えがまたSVチックw
Programming since age 5; startups since age 14;
（5歳の時のプログラミングを初めて、14歳のときに起業した。）
# How long [...]]]></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%2Fhackers-entrepreneurship.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F05%2Fhackers-entrepreneurship.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>以前、<a href="http://twitter.com/hrjn" target="_blank">@hrjn</a> がtwitterで言及していたのですが、2007年夏のDropbox創業者：Drew Houston（当時24歳）のYCombinatorに応募するときの応募フォームが公開されていました。<br />
読んでみると向こうのハッカー達の起業感がにじみ出てたので、気付きをまとめます。<br />
個人的にDropboxは、自分が起業する場合のロールモデルかな～と思ったり。</p>
<p>&raquo; <a href="http://files.dropbox.com/u/2/app.html" target="_blank">Y Combinator Funding Application &#8211; Dropbox</a></p>
<p>印象的な質問はこの５つ。</p>
<p><strong># Please tell us in one or two sentences something about each founder that shows a high level of ability.</strong><br />
<strong>（それぞれの創業者はどんなハイレベル能力を持っていますか？）</strong><br />
よく起業は、「何をするか？」よりも「誰とするか？」が重要だ、という話を聞きます。<br />
もちろん「何をするのか？」も重要で、フォームの中でも1番目の質問はこの手の質問なのですが、2，3番目に創業メンバーに関する問いが続いている当たり、日本よりも細かく創業メンバーのスキル・人柄が見られている気がします。</p>
<p><strong># For founders who are hackers: what cool things have you built? (Include urls if possible.)  </strong><br />
<strong>（創業者にハッカーがいたら、彼はどんなクールなモノを今までに作りましたか？）</strong><br />
生粋のハッカーであるPaul Grahamが創立したYCombinator”らしさ”が出る質問。<br />
これ対してDrewの答えがまたSVチックw</p>
<blockquote><p>Programming since age 5; startups since age 14;<br />
（5歳の時のプログラミングを初めて、14歳のときに起業した。）</p></blockquote>
<p><strong># How long will it take before you have a prototype? A beta? A version you can charge for? </strong><br />
<strong>（プロトタイプを作るまでにどのくらいの期間がかかりましたか？）</strong><br />
Paul Grahamは、サービスを作るときは3ヵ月で作れ、と言っていますが、スタートアップはスピード感が命。<br />
個人的にも、ほとんどのサービスはそんなに時間かけずに出来てしまう印象があって、一つのことにフォーカスできるエネルギーが起業には最も重要なのかも。<br />
Dropboxのプロトタイプは、別の会社で働きながらも8週間でできたそうです。</p>
<p>ちなみに<a href="http://joi.ito.com/jp/" target="_blank">伊藤譲一</a>は1ヶ月半で作れ、と言っていたようなｗ</p>
<p><strong># Which companies would be most likely to buy you?</strong><br />
<strong>（もしあなたの会社を買収するとしたらどの会社？）</strong><br />
<strong># If one wanted to buy you three months in (August 2007), what&#8217;s the lowest offer you&#8217;d take?  </strong><br />
<strong>（もし3ヵ月以内で買い手が現れたら、最低いくらで応じますか？）</strong><br />
これは向こうならではの問いですよね。<br />
M&#038;Aマーケットが盛んなシリコンバレーでは、Exitとしてバイアウトは自然に出てくる発想。<br />
日本では中々難しい選択肢ですが、グローバルに打って出る！という気概のある日本のテクノロジーベンチャーであれば、むしろバイアウト狙いの方が現実的な選択肢のような気がします。</p>
<p>そして、Drewの解答の中にも面白いセンテンスがいくつか。</p>
<blockquote><p>My friend and roommate (redacted) from MIT is helping out too, but he works with me at Bit9, and a non-solicit clause in my employment contract prevents me from recruiting him (and the VP Eng explicitly told me not to recruit him.)<br />
（私のMITからの友人とルームメイトも助けてくれていて、彼は今Bit9で私と働いていますが、私と会社との雇用契約から彼を雇うことができません。）</p></blockquote>
<p>契約で引き抜きとかが禁止されているんですね。<br />
起業が盛んなシリコンバレーでは当然なのでしょうか。（あるいは、ただの雇用契約をきっちり決めるという向こうのやり方なのか。）</p>
<blockquote><p>In any case, I have several leads, have been networking aggressively, and fully intend to get someone else on board &#8212; either another good hacker or a more sales-oriented guy (e.g. the role Matt fills at Xobni). I&#8217;m aware that the odds aren&#8217;t good for single founders, and would rather work with other people anyway.<br />
（とにかく、積極的にネットワークを広げて、他の人に加わってほしいと思っています。できれば優秀なハッカーかビジネス系の人（XobniのMattのような）が。私は一人で起業することは不利だと思っており、とにもかくにも他の人と一緒に創業したい。）
</p></blockquote>
<p>私も一人で起業するよりも、数人で役割分担しながら起業した方が良い気がします。<br />
もちろん他のメンツが入れ替わっても一人でもやりぬく、という強靭な意志も必要ですが、互いに切磋琢磨でき、質の高いモノを作るための議論が行え、何より気の合う仲間と働くのは楽しい。</p>
<p>Paul Grahamも下記3つの理由からSingle Founderは勧めていません。<br />
・自信の無さの表れだから。自信があるなら他の人を巻き込みなさい。<br />
・一人で会社を運営するのは大変だし、自分の判断をチェックできるシステムが無い。<br />
・結束力が起業を強くする。<br />
&raquo; <a href="http://paulgraham.com/startupmistakes.html" target="_blank">The 18 Mistakes Than Kill Startups</a></p>
<p>ちょくちょく向こうの起業家話を聞いたり、読んだりするとテンションが上がります。<br />
下のFacebookの本もすげー生々しくて面白かったです。</p>
<table border=0 style="border:none;">
<tr>
<td style="border:none;">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=8makiblog-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=1X69VDGQCMF7Z30FM082&#038;asins=4274065979" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></td>
<td style="border:none;"><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=8makiblog-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=1X69VDGQCMF7Z30FM082&#038;asins=4903853853" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></td>
<td><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=8makiblog-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=1X69VDGQCMF7Z30FM082&#038;asins=4153200115" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/05/hackers-entrepreneurship.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/hackers-entrepreneurship.html" />
	</item>
		<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>今のiPadでできること・できないこと２</title>
		<link>http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad2.html</link>
		<comments>http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad2.html#comments</comments>
		<pubDate>Thu, 20 May 2010 14:32:22 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[サービス]]></category>
		<category><![CDATA[ipad]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=701</guid>
		<description><![CDATA[
			
				
			
		
先日の記事、「今のiPadでできること・できないこと」が割と好評だったので、書き漏らしを追記します。
なんか半分以上、アプリの紹介になってしまいましたが・・・f^^;
・画面の向き固定
・デュアルディスプレイ化
・日本の雑誌の購読
・リモートデスクトップ/Linuxへのアクセス
画面の向きの固定

地味に知ってる人が少ない画面の向きの固定機能。
右側の側面に、音量調節スイッチの上にHOLDスイッチが付いてます。
iPhoneではHOLDができないため、寝転がると向きを変えてしまってすげー不便、と言う声は良く聞いていたのですが、iPadでは解決しています。
デュアルディスプレイ化

iPadをディスプレイとして使っちゃおうという使い方。
iDisplayというアプリを使えば、PCとWifiを通じて外部ディスプレイとして使うことができるようです。
Gizmodeで詳細なレビューがされています。
4月初旬段階ではまだまだバグが多いようですが、今ならもう直ってるかな？
あと、AirDisplayという拡張ディスプレイ用のアプリも、今週中くらいに登場予定。
日本の雑誌の購読

ちょうど昨日リリースされたマガストアというアプリが凄いです。
日本の雑誌をiPadでダウンロードして、読むことができます。
値段はだいたい、本誌の100円引きくらい。
AERAや週刊Newsweek、F1速報というマニアックな雑誌も扱っています。
中身はというと、雑誌のデータをまんま画像データとして入れた感じ。
見開きなどは見れませんが、いちいち本屋に行かずに買え、どこでも読むことができるので重宝しそうです。
リモートデスクトップ/Linuxへのアクセス

LogMeIn Ignitionというアプリを使えば、会社や家のPCのデスクトップにアクセスできるようになります。
￥3,500と割高ですが、かなり人気のアプリのようです。
また、iSSHというアプリは、LinuxへのSSH接続機能を提供しています。
これらを使えば、開発関連のタスクをすべてiPadで行うことができるようになるかもしれませんね。
もちろん、iPadのキータッチ入力だとプログラミングはしにくいので、BlueToothの外付けキーボードの接続をオススメしますが！
]]></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%2Fwhat-can-you-dofor-daily-tasks-by-ipad2.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F05%2Fwhat-can-you-dofor-daily-tasks-by-ipad2.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>先日の記事、「<a href="http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad.html">今のiPadでできること・できないこと</a>」が割と好評だったので、書き漏らしを追記します。</p>
<p>なんか半分以上、アプリの紹介になってしまいましたが・・・f^^;</p>
<p>・<a href="#ipad2-1">画面の向き固定</a><br />
・<a href="#ipad2-2">デュアルディスプレイ化</a><br />
・<a href="#ipad2-3">日本の雑誌の購読</a><br />
・<a href="#ipad2-4">リモートデスクトップ/Linuxへのアクセス</a></p>
<h4 id="ipad2-1">画面の向きの固定</h4>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad2-hold.jpg" alt="ipad2-hold" title="ipad2-hold" width="328" height="300" class="aligncenter size-full wp-image-709" /></p>
<p>地味に知ってる人が少ない画面の向きの固定機能。<br />
右側の側面に、音量調節スイッチの上にHOLDスイッチが付いてます。<br />
iPhoneではHOLDができないため、寝転がると向きを変えてしまってすげー不便、と言う声は良く聞いていたのですが、iPadでは解決しています。</p>
<h4 id="ipad2-2">デュアルディスプレイ化</h4>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad2-dual.jpg" alt="ipad2-dual" title="ipad2-dual" width="480" height="314" class="aligncenter size-full wp-image-704" /></p>
<p>iPadをディスプレイとして使っちゃおうという使い方。<br />
<a href="http://itunes.apple.com/jp/app/idisplay/id363500805?mt=8" target="_blank">iDisplay</a>というアプリを使えば、PCとWifiを通じて外部ディスプレイとして使うことができるようです。<br />
Gizmodeで詳細な<a href="http://www.gizmodo.jp/2010/04/idisplayipadmac.html" target="_blank">レビュー</a>がされています。<br />
4月初旬段階ではまだまだバグが多いようですが、今ならもう直ってるかな？<br />
あと、<a href="http://lifehacking.jp/2010/05/air-display/" target="_blank">AirDisplay</a>という拡張ディスプレイ用のアプリも、今週中くらいに登場予定。</p>
<h4 id="ipad2-3">日本の雑誌の購読</h4>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad2-maga.PNG" alt="ipad2-maga" title="ipad2-maga" width="470" height="300" class="aligncenter size-full wp-image-705" /></p>
<p>ちょうど昨日リリースされた<a href="http://www.magastore.jp/" target="_blank">マガストア</a>というアプリが凄いです。<br />
日本の雑誌をiPadでダウンロードして、読むことができます。<br />
値段はだいたい、本誌の100円引きくらい。<br />
<a href="http://www.aera-net.jp/" target="_blank">AERA</a>や<a href="http://newsweekjapan.jp/" target="_blank">週刊Newsweek</a>、<a href="http://www.f1sokuho.com/" target="_blank">F1速報</a>というマニアックな雑誌も扱っています。</p>
<p>中身はというと、雑誌のデータをまんま画像データとして入れた感じ。<br />
見開きなどは見れませんが、いちいち本屋に行かずに買え、どこでも読むことができるので重宝しそうです。</p>
<h4 ipad="ipad2-4">リモートデスクトップ/Linuxへのアクセス</h4>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad2-remote.jpg" alt="ipad2-remote" title="ipad2-remote" width="419" height="300" class="aligncenter size-full wp-image-710" /></p>
<p><a href="http://itunes.apple.com/jp/app/logmein-ignition/id299616801?mt=8#" target="_blank">LogMeIn Ignition</a>というアプリを使えば、会社や家のPCのデスクトップにアクセスできるようになります。<br />
￥3,500と割高ですが、かなり人気のアプリのようです。</p>
<p>また、<a href="http://itunes.apple.com/jp/app/issh-ssh-vnc-console/id287765826?mt=8" target="_blank">iSSH</a>というアプリは、LinuxへのSSH接続機能を提供しています。<br />
これらを使えば、開発関連のタスクをすべてiPadで行うことができるようになるかもしれませんね。<br />
もちろん、iPadのキータッチ入力だとプログラミングはしにくいので、BlueToothの外付けキーボードの接続をオススメしますが！</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad2.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/what-can-you-dofor-daily-tasks-by-ipad2.html" />
	</item>
		<item>
		<title>今のiPadでできること・できないこと</title>
		<link>http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad.html</link>
		<comments>http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad.html#comments</comments>
		<pubDate>Sun, 16 May 2010 23:11:07 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[サービス]]></category>
		<category><![CDATA[ipad]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=668</guid>
		<description><![CDATA[
			
				
			
		
mixi日記には書きましたが、4/26～5/1まで、WWW2010という学会に参加するためにアメリカに行っておりました。
ついでながら、近くにApple Storeもあったため、iPadを何個か買ってきました。
一番初めに使った衝撃が、「ノートPCを持ち歩かなくて済む！」という印象でした。
ちょうど2週間くらい使ってみて、本当にノートPCの代替として使えるのか、現状何ができて何ができないのか、タスク内容に応じてまとめてみました。
※なお、画像は全てiPad本体でキャプチャしたものです。
・タッチキー入力
・メール/カレンダーチェック
・Webブラウジング
・本・雑誌・新聞
・iPadアプリ
・音声通話
・カメラ
・外部出力
・その他
タッチキー入力
iPhoneみたいに結構めんどいのではないか？というのが、懸念として大きかったのですが、案外入力しやすいです。
というより、横に倒してキーボードを大きくすると、本当に普通のキーボードの8割くらいの速度で打てます。
縦の場合、持って両親指二本でタイプする感じですね。

メールを打ったり、メモを書いたりというときにはあまり不自由しません。
ただ、プログラミングといった細かい文章作業は難しいように思えます。
また、十字キーもないので、文章の途中選択、コピー＆ペーストはiPhoneと同じくめんどい。。。
メール/カレンダーチェック
・メール
メールのリーダーもデフォルトで入ってるものがあります。
ローカルに保存したい（オフラインでも見たい）場合はこちら。
しかし個人的に、圧倒的にGmailをWebで見た方が使いやすい。
メールのスレッドもちゃんと折りたためたり、開いたりできますし。
メール操作はほとんど不満がありません。

・カレンダー
こちらは逆に、Web版のGoogle CalendarのUIはクソでした。
なぜか、週での表示ができない。
カレンダーはiPad付属のカレンダーを使っています。
こちらのテクニック↓を使えば、複数のカレンダーを表示できます。
カレンダーも不満無し。
&#187; iPadで複数のGoogleカレンダーを表示させる方法

Webブラウジング
基本的に、普通のWebブラウザと変わらない感じです。
ただ、タブ（？）が9個までしか開かず、それ以上開こうとすると上書きされてしまうので注意が必要。
操作性、表示は全く問題ありません。
縦で表示するといくらか縮小されますが、横で表示するとほとんどのサイトが等倍で表示されます。

また、PCで見ていて「あとで読む」記事をiPadに送る、という操作も便利です。
Evernoteでそういうプロセスがあるそうですが、完全にオフラインの状態だと中々開かなかったりしてちょっと不満。
そこで私は、pdfdownloadというサイトで、指定のサイトをPDF化してiPadに入れています。
結構めんどいっちゃめんどいですが、じっくり読めるので長文ブログやニュースは全部PDFに落としています。
本・雑誌・新聞
iBookやKindleアプリを使って、英語の本は基本的に読めます。
PDF化した本も、PDFリーダーアプリを使って読むことができます。
また、Wall Street JournalやTime、New York Timesなど、メジャーなアメリカの雑誌も購読することができます。
日本の場合、i文庫というアプリを使って青空文庫という、著作権切れの本を自由に読むことができます。
日本の雑誌はまだ見たことがありませんが、新聞では、産経新聞がiPhoneアプリを出ていて、それを2倍拡大することで結構読みやすくなっています。
追記： 日本の雑誌も読めるようになりました。 &#187; 今のiPadでできること・できないこと２

iPadアプリ
現状あまり良質なアプリがあるとは言えない状況です。
電子書籍（雑誌）、ゲーム、メモ帳（手書き可能）などがやはり主流となっています。
また、ややこしいことに、iPadアプリをiTunes経由で見るには米国アカウントが必要で、さらに米国アカウントだとクレジットカードを登録できないため、米国でしか見れない有料アプリは買えない状態です。
例えば、各ドキュメントアプリのKeynoteやNumbers（Excelのような表計算アプリ）も米国でしか見れないため、落とせない。。。
ただ、普通の有料アプリは、日本のアカウントでも検索してダウンロードすることができるので、重宝しています。
この問題は、日本発売と同時に解決されることでしょう。
こちらのサイトから、各カテゴリ毎のアプリランキングを見ることができます。
&#187; iPadアプリのカテゴリ別ランキングリスト &#8211; もとまか日記
音声通話
iPadには電話機能は付いていませんが、マイクとスピーカーが内蔵されているので、Skypeアプリ（iPhoneアプリ）を使えば不自由なく音声通話も行えます。
この際なので、Skypeのクレジットも買ってしまいました。
20円/分くらいで携帯電話にも通話ができます。
ただ注意が必要なのが、3G回線ではSkypeは使えないようです。
&#187; Skype &#8211; Skype 日本語ブログ &#8211; Skype for iPhoneの3G通話対応について
カメラ
標準装備はされていません。
なんか上部にMacBookと同じタイプのカメラっぽいのが付いているんですが・・・
いずれファームウェアかなんかがUpdateされると使えるようになるのか？
追記: 輝度センサーらしいとのこと。
ちなみに、Camera for iPadというアプリを使えば、iPhoneで取った写真・動画を無線経由でiPadに表示する、ということはできるみたいです。
外部出力
iPadのオプションツールとして、VGAアダプタがあります。
要はiPad内のコンテンツを、出力するために必要なコネクタです。
ただ、出力には注意が必要。
基本的に表示できるコンテンツは、以下に限られるようです。
　・ビデオ、Youtube、Safariで表示しているビデオ
　・写真（スライドショー）
　・Keynote
　・Safari上のWebページ（アプリ使用）
&#187; iPad：iPad Dock Connector &#8211; VGA アダプタの互換性について
その他
・ドキュメント編集：
OfficeのWord、Excel、Powerpointのようなアプリを、AppleがPages、Numbers、Keynoteというアプリで、それぞれ$10くらいで販売しています。
ただ、アカウントの問題からまだ購入できていません。
Google Docsは問題なく扱えます。
・印刷
デフォルトの機能としては、まだ無いようです。
下記記事を見るといずれ実装されるみたいですが・・・
とは言え、ネットワーク経由で印刷できるアプリはいくつかあるみたいです。
&#187; アップルのS・ジョブズ氏、「iPad」への印刷機能実装を肯定か&#8211;米報道
・ラジオ
radikoというiPhone用のアプリを使って、FMラジオも聞くことができます。
バックグラウンドでの再生もできて便利。（Safariのストリーミングページを立ち上げる）
まだまだ未知数なところが多いiPad。
日本発売が楽しみですね。
続きを書きました→今のiPadでできること・できないこと２
]]></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%2Fwhat-can-you-dofor-daily-tasks-by-ipad.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F05%2Fwhat-can-you-dofor-daily-tasks-by-ipad.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>mixi日記には書きましたが、4/26～5/1まで、<a href="http://www2010.org/www/" target="_blank">WWW2010</a>という学会に参加するためにアメリカに行っておりました。<br />
ついでながら、近くにApple Storeもあったため、iPadを何個か買ってきました。</p>
<p>一番初めに使った衝撃が、「ノートPCを持ち歩かなくて済む！」という印象でした。<br />
ちょうど2週間くらい使ってみて、本当にノートPCの代替として使えるのか、現状何ができて何ができないのか、タスク内容に応じてまとめてみました。</p>
<p>※なお、画像は全てiPad本体でキャプチャしたものです。</p>
<p>・<a href="#ipad1">タッチキー入力</a><br />
・<a href="#ipad2">メール/カレンダーチェック</a><br />
・<a href="#ipad3">Webブラウジング</a><br />
・<a href="#ipad4">本・雑誌・新聞</a><br />
・<a href="#ipad5">iPadアプリ</a><br />
・<a href="#ipad6">音声通話</a><br />
・<a href="#ipad7">カメラ</a><br />
・<a href="#ipad8">外部出力</a><br />
・<a href="#ipad9">その他</a></p>
<h4 id="ipad1">タッチキー入力</h4>
<p>iPhoneみたいに結構めんどいのではないか？というのが、懸念として大きかったのですが、案外入力しやすいです。<br />
というより、横に倒してキーボードを大きくすると、本当に普通のキーボードの8割くらいの速度で打てます。<br />
縦の場合、持って両親指二本でタイプする感じですね。</p>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad-key.PNG" alt="ipad-key" title="ipad-key" width="536" height="300" class="aligncenter size-full wp-image-672" /></p>
<p>メールを打ったり、メモを書いたりというときにはあまり不自由しません。<br />
ただ、プログラミングといった細かい文章作業は難しいように思えます。<br />
また、十字キーもないので、文章の途中選択、コピー＆ペーストはiPhoneと同じくめんどい。。。</p>
<h4 id="ipad2">メール/カレンダーチェック</h4>
<p>・メール<br />
メールのリーダーもデフォルトで入ってるものがあります。<br />
ローカルに保存したい（オフラインでも見たい）場合はこちら。</p>
<p>しかし個人的に、圧倒的にGmailをWebで見た方が使いやすい。<br />
メールのスレッドもちゃんと折りたためたり、開いたりできますし。<br />
メール操作はほとんど不満がありません。</p>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad-mail.PNG" alt="ipad-mail" title="ipad-mail" width="590" height="218" class="aligncenter size-full wp-image-679" /></p>
<p>・カレンダー<br />
こちらは逆に、Web版のGoogle CalendarのUIはクソでした。<br />
なぜか、週での表示ができない。</p>
<p>カレンダーはiPad付属のカレンダーを使っています。<br />
こちらのテクニック↓を使えば、複数のカレンダーを表示できます。<br />
カレンダーも不満無し。<br />
&raquo; <a href="http://www.lifehacker.jp/2010/04/100406ipadglcalendar.html" target="_blank">iPadで複数のGoogleカレンダーを表示させる方法</a></p>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad-cal.PNG" alt="ipad-cal" title="ipad-cal" width="590" height="218" class="aligncenter size-full wp-image-680" /></p>
<h4 id="ipad3">Webブラウジング</h4>
<p>基本的に、普通のWebブラウザと変わらない感じです。<br />
ただ、タブ（？）が9個までしか開かず、それ以上開こうとすると上書きされてしまうので注意が必要。<br />
操作性、表示は全く問題ありません。<br />
縦で表示するといくらか縮小されますが、横で表示するとほとんどのサイトが等倍で表示されます。</p>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad-safari.PNG" alt="ipad-safari" title="ipad-safari" width="291" height="218" class="aligncenter size-full wp-image-689" /></p>
<p>また、PCで見ていて「あとで読む」記事をiPadに送る、という操作も便利です。<br />
Evernoteでそういうプロセスがあるそうですが、完全にオフラインの状態だと中々開かなかったりしてちょっと不満。<br />
そこで私は、<a href="http://www.pdfdownload.org/index.html" target="_blank">pdfdownload</a>というサイトで、指定のサイトをPDF化してiPadに入れています。<br />
結構めんどいっちゃめんどいですが、じっくり読めるので長文ブログやニュースは全部PDFに落としています。</p>
<h4 id="ipad4" style="clear:both;">本・雑誌・新聞</h4>
<p>iBookやKindleアプリを使って、英語の本は基本的に読めます。<br />
PDF化した本も、PDFリーダーアプリを使って読むことができます。<br />
また、Wall Street JournalやTime、New York Timesなど、メジャーなアメリカの雑誌も購読することができます。</p>
<p>日本の場合、<a href="http://ipn.sakura.ne.jp/ibunko/" target="_blank">i文庫</a>というアプリを使って青空文庫という、著作権切れの本を自由に読むことができます。<br />
日本の雑誌はまだ見たことがありませんが、新聞では、産経新聞がiPhoneアプリを出ていて、それを2倍拡大することで結構読みやすくなっています。<br />
追記： 日本の雑誌も読めるようになりました。 &raquo; <a href="http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad2.html#ipad2-3">今のiPadでできること・できないこと２</a></p>
<p><img src="http://blog.8maki.jp/wp-content/uploads/2010/05/ipad-mag.PNG" alt="ipad-mag" title="ipad-mag" width="489" height="300" class="aligncenter size-full wp-image-687" /></p>
<h4 id="ipad5">iPadアプリ</h4>
<p>現状あまり良質なアプリがあるとは言えない状況です。<br />
電子書籍（雑誌）、ゲーム、メモ帳（手書き可能）などがやはり主流となっています。</p>
<p>また、ややこしいことに、iPadアプリをiTunes経由で見るには米国アカウントが必要で、さらに米国アカウントだとクレジットカードを登録できないため、米国でしか見れない有料アプリは買えない状態です。<br />
例えば、各ドキュメントアプリのKeynoteやNumbers（Excelのような表計算アプリ）も米国でしか見れないため、落とせない。。。<br />
ただ、普通の有料アプリは、日本のアカウントでも検索してダウンロードすることができるので、重宝しています。<br />
この問題は、日本発売と同時に解決されることでしょう。</p>
<p>こちらのサイトから、各カテゴリ毎のアプリランキングを見ることができます。<br />
&raquo; <a href="http://d.hatena.ne.jp/moto_maka/20100416/1271361403" target="_blank">iPadアプリのカテゴリ別ランキングリスト &#8211; もとまか日記</a></p>
<h4 id="ipad6">音声通話</h4>
<p>iPadには電話機能は付いていませんが、マイクとスピーカーが内蔵されているので、<a href="http://itunes.apple.com/app/skype/id304878510?mt=8" target="_blank">Skypeアプリ（iPhoneアプリ）</a>を使えば不自由なく音声通話も行えます。<br />
この際なので、Skypeのクレジットも買ってしまいました。<br />
20円/分くらいで携帯電話にも通話ができます。<br />
ただ注意が必要なのが、3G回線ではSkypeは使えないようです。</p>
<p>&raquo; <a href="http://blogs.skype.com/ja/2010/02/04/skype_for_iphone_over_3g.html" target="_blank">Skype &#8211; Skype 日本語ブログ &#8211; Skype for iPhoneの3G通話対応について</a></p>
<h4 id="ipad7">カメラ</h4>
<p>標準装備はされていません。<br />
なんか上部にMacBookと同じタイプのカメラっぽいのが付いているんですが・・・<br />
いずれファームウェアかなんかがUpdateされると使えるようになるのか？<br />
追記: 輝度センサーらしいとのこと。</p>
<p>ちなみに、<a href="http://itunes.apple.com/us/app/camera-for-ipad/id366129244?mt=8" target="_blank">Camera for iPad</a>というアプリを使えば、iPhoneで取った写真・動画を無線経由でiPadに表示する、ということはできるみたいです。</p>
<h4 id="ipad8">外部出力</h4>
<p><iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=anarepforweb-20&#038;o=1&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=10FE9736YVPPT7A0FBG2&#038;asins=B003CGOTJW" style="width:120px;height:240px;float:right" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>iPadのオプションツールとして、VGAアダプタがあります。<br />
要はiPad内のコンテンツを、出力するために必要なコネクタです。<br />
ただ、出力には注意が必要。<br />
基本的に表示できるコンテンツは、以下に限られるようです。</p>
<p>　・ビデオ、Youtube、Safariで表示しているビデオ<br />
　・写真（スライドショー）<br />
　・<a href="http://www.apple.com/jp/ipad/features/keynote.html" target="_blank">Keynote</a><br />
　・Safari上のWebページ（<a href="http://itunes.apple.com/app/expedition-the-vga-out-web/id369305234?mt=8" target="_blank">アプリ</a>使用）</p>
<p>&raquo; <a href="http://support.apple.com/kb/HT4108?viewlocale=ja_JP" target="_blank">iPad：iPad Dock Connector &#8211; VGA アダプタの互換性について</a></p>
<h4 id="ipad9">その他</h4>
<p>・ドキュメント編集：<br />
OfficeのWord、Excel、Powerpointのようなアプリを、AppleがPages、Numbers、Keynoteというアプリで、それぞれ$10くらいで販売しています。<br />
ただ、アカウントの問題からまだ購入できていません。<br />
Google Docsは問題なく扱えます。</p>
<p>・印刷<br />
デフォルトの機能としては、まだ無いようです。<br />
下記記事を見るといずれ実装されるみたいですが・・・<br />
とは言え、ネットワーク経由で印刷できるアプリはいくつかあるみたいです。<br />
&raquo; <a href="http://japan.cnet.com/news/tech/story/0,2000056025,20413186,00.htm" target="_blank">アップルのS・ジョブズ氏、「iPad」への印刷機能実装を肯定か&#8211;米報道</a></p>
<p>・ラジオ<br />
<a href="http://radiko.jp/download/" target="_blank">radiko</a>というiPhone用のアプリを使って、FMラジオも聞くことができます。<br />
バックグラウンドでの再生もできて便利。（Safariのストリーミングページを立ち上げる）</p>
<p>まだまだ未知数なところが多いiPad。<br />
日本発売が楽しみですね。</p>
<p>続きを書きました→<a href="http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad2.html">今のiPadでできること・できないこと２</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2010/05/what-can-you-dofor-daily-tasks-by-ipad.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>アイディアの発想法とData Visualizationは同じ構造なのではないか？</title>
		<link>http://blog.8maki.jp/2009/11/data-visualization_idea.html</link>
		<comments>http://blog.8maki.jp/2009/11/data-visualization_idea.html#comments</comments>
		<pubDate>Mon, 30 Nov 2009 14:51:32 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[松岡正剛]]></category>
		<category><![CDATA[編集学校]]></category>
		<category><![CDATA[高須賀宣]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=560</guid>
		<description><![CDATA[
			
				
			
		
(Data Visualization is the same as how to organize ideas [en])
先日、元サイボウズでアメリカでLUNARRを立ち上げられた高須賀さんにお会いしました。そこで、最近研究している Data Visualization について発想が沸いたので書き残します。各データの種類（スキーマ）から自動で適切な Visualization 方法を選択して表現する、という研究です。
高須賀さんのお話
「アイディアをひねり出すとき、いきなりすごいアイディアを考えるよりも、切り口を見つけてそこから発展させた方がいい。アイディアと切り口のバランスが取れた位置が一番エネルギーがある。」ものすごく簡単にまとめるとこういうお話でした。
つまり、ものごとを構造化してとらえ、ツールを使って着想を得た方がアイディアを出しやすい、ということ。
例： 新しいレーザーを考える。レーザーは点であり直進する。点の反対は面で、直進の反対は曲がる。これらを2次元グラフにプロットし、各象限に何が当てはまるか頭をひねる。面・曲がるという象限、つまりどこにおいても光を反射させ、面に映し出すという切り口から、スクリーンの前に置かなくてもよいプロジェクターというアイディアが生まれた。
このとき、切り口からアイディアをひねるために用いたツールが、高須賀さん曰く2&#215;2というもの。要は2軸ある2次元グラフで昔私もマトリックスとも呼んでいました。構造化してアイディアを得る・まとめる方法は以下の高須賀さんの記事が分かりやすいです。
» 事業を考える切り口 &#8211; Toru Takasuka の起業・経営ブログ
» 新しい concept のはじまり &#8211; Toru Takasuka の起業・経営ブログ
松岡正剛の編集学校で教える編集術
こういった発想の訓練、実は以前にも受けたことがありました。松岡正剛の編集学校で体験授業です。
割と戦略コンサルのケーススタディ訓練に似ているのですが、MECEに限らず、もっと自由に発想する、ということが目的で楽しかったのを覚えています。そこでいただいたパンフレットに、6個のツールが載っていました。



1. Combination (一種合成型)
2つのものを合成して新しいアイディアを生み出す。
2. Triple Jump (三間連結型)
ホップ・ステップ・ジャンプ型で発想を展開。大・中・小や過去・現在・未来などの切り口もあり。
3. Branching (二点分岐型)
一つのものを2つに展開。この例ではブランドを切り口に展開した。
4. Trinity (三位一体型)
三位一体型、3点セットで考える発想パターン。3Cなどが代表例かも。
5.1 All Around (二軸四方型1)
Branching型の枝が2つ増えて、四方へと分岐する発想法。
5.2 2&#215;2 (二軸四方型2)
2軸を決めてそれぞれのマスに何が入るか考える。マトリックス型。
※英語は勝手に私が変換したものです。

Data Visualizationとの関係
さて、本題ですが、切り口をツールにあてはめアイディアを得るという発想法と、Data Visualization は、頭の中では同じ構造で処理しているのではないか？というのが今回のパラダイム・シフトでした。

どちらも「分かりやすく考える」「分かりやすく表現する」ということで、頭の使い方が非常によく似ているような気がします。Data Visualization というと Computer Science チックですが、何か考えを図にまとめるときのことを考えると分かりやすくて、まず扱う対象があって、それを一つの側面で切ったデータ群があり、それをどう Visualize するか？というのは、高須賀さんのおっしゃる構造的な思考と同じプロセスを踏むのではないでしょうか。
普通 Data Visualization [...]]]></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%2Fdata-visualization_idea.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F11%2Fdata-visualization_idea.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>(<a href="http://analyst.8maki.jp/2010/01/27/data-visualization-is-the-same-as-how-to-organize-ideas/" target="_blank">Data Visualization is the same as how to organize ideas [en]</a>)</p>
<p>先日、元サイボウズでアメリカで<a href="http://ja.wikipedia.org/wiki/LUNARR" target="_blank">LUNARR</a>を立ち上げられた<a href="http://ja.wikipedia.org/wiki/%E9%AB%98%E9%A0%88%E8%B3%80%E5%AE%A3" target="_blank">高須賀さん</a>にお会いしました。そこで、最近研究している <a href="http://blog.8maki.jp/tag/data-visualization" target="_self">Data Visualization</a> について発想が沸いたので書き残します。各データの種類（スキーマ）から自動で適切な Visualization 方法を選択して表現する、という研究です。</p>
<h4>高須賀さんのお話</h4>
<p>「アイディアをひねり出すとき、いきなりすごいアイディアを考えるよりも、切り口を見つけてそこから発展させた方がいい。アイディアと切り口のバランスが取れた位置が一番エネルギーがある。」ものすごく簡単にまとめるとこういうお話でした。</p>
<p>つまり、ものごとを構造化してとらえ、ツールを使って着想を得た方がアイディアを出しやすい、ということ。</p>
<p>例： 新しいレーザーを考える。レーザーは点であり直進する。点の反対は面で、直進の反対は曲がる。これらを2次元グラフにプロットし、各象限に何が当てはまるか頭をひねる。面・曲がるという象限、つまりどこにおいても光を反射させ、面に映し出すという切り口から、スクリーンの前に置かなくてもよいプロジェクターというアイディアが生まれた。</p>
<p>このとき、切り口からアイディアをひねるために用いたツールが、高須賀さん曰く2&#215;2というもの。要は2軸ある2次元グラフで昔私もマトリックスとも呼んでいました。構造化してアイディアを得る・まとめる方法は以下の高須賀さんの記事が分かりやすいです。</p>
<p>» <a href="http://blog.goo.ne.jp/ttakasuka/e/d101f40c9d1fe9bedd466b654cfdcf5b" target="_blank">事業を考える切り口 &#8211; Toru Takasuka の起業・経営ブログ</a></p>
<p>» <a href="http://blog.goo.ne.jp/ttakasuka/e/95259e55c4307f01892957a16e255927" target="_blank">新しい concept のはじまり &#8211; Toru Takasuka の起業・経営ブログ</a></p>
<h4>松岡正剛の編集学校で教える編集術</h4>
<p>こういった発想の訓練、実は以前にも受けたことがありました。松岡正剛の<a href="http://es.isis.ne.jp/index_main.html" target="_blank">編集学校</a>で体験授業です。</p>
<p>割と戦略コンサルのケーススタディ訓練に似ているのですが、MECEに限らず、もっと自由に発想する、ということが目的で楽しかったのを覚えています。そこでいただいたパンフレットに、6個のツールが載っていました。</p>
<p style="text-align: center;"><img class="size-full wp-image-562 aligncenter" title="edit1" src="http://blog.8maki.jp/wp-content/uploads/2009/11/edit1.png" alt="edit1" width="500" height="364" /></p>
<p style="text-align: center;">
<p style="text-align: center;">
<p>1. <em>Combination</em> (一種合成型)<br />
2つのものを合成して新しいアイディアを生み出す。</p>
<p>2. <em>Triple Jump</em> (三間連結型)<br />
ホップ・ステップ・ジャンプ型で発想を展開。大・中・小や過去・現在・未来などの切り口もあり。</p>
<p>3. <em>Branching </em>(二点分岐型)<br />
一つのものを2つに展開。この例ではブランドを切り口に展開した。</p>
<p>4. <em>Trinity</em> (三位一体型)<br />
三位一体型、3点セットで考える発想パターン。3Cなどが代表例かも。</p>
<p>5.1 <em>All Around</em> (二軸四方型1)<br />
Branching型の枝が2つ増えて、四方へと分岐する発想法。</p>
<p>5.2 <em>2&#215;2</em> (二軸四方型2)<br />
2軸を決めてそれぞれのマスに何が入るか考える。マトリックス型。</p>
<p>※英語は勝手に私が変換したものです。</p>
<p><img class="aligncenter size-full wp-image-571" title="edit2" src="http://blog.8maki.jp/wp-content/uploads/2009/11/edit2.png" alt="edit2" width="500" height="243" /></p>
<h4>Data Visualizationとの関係</h4>
<p>さて、本題ですが、切り口をツールにあてはめアイディアを得るという発想法と、Data Visualization は、頭の中では同じ構造で処理しているのではないか？というのが今回のパラダイム・シフトでした。</p>
<p><img class="aligncenter size-full wp-image-575" title="edit3" src="http://blog.8maki.jp/wp-content/uploads/2009/11/edit3.png" alt="edit3" width="350" height="270" /></p>
<p>どちらも「分かりやすく考える」「分かりやすく表現する」ということで、頭<span style="background-color: #ffffff; ">の使い方が非常によく似ているような気がします。Data Visualization というと Computer Science チックですが、何か考えを図にまとめるときのことを考えると分かりやすくて、まず扱う対象があって、それを一つの側面で切ったデータ群があり、それをどう Visualize するか？というのは、高須賀さんのおっしゃる構造的な思考と同じプロセスを踏むのではないでしょうか。</span></p>
<p>普通 Data Visualization を調べる場合、どういった Visualization があるのか、どうプログラミングで表現するのか、といったことに目が行きがちになります。オライリー本の&#8221;<a href="https://www.amazon.co.jp/dp/0596514557?tag=8makiblog-22&amp;camp=243&amp;creative=1615&amp;linkCode=as1&amp;creativeASIN=0596514557&amp;adid=0SQK1ECCWYAE9RKK0KM6&amp;" target="_blank">Visualizing Data</a>&#8220;もアルゴリズム中心の本でした。</p>
<p>そこを、扱うデータから Visualization を発想するというパラダイムに変換することで、おもしろい表現ができるだけでなく、説得力のある Data Visualization 手法を考案できる気がしました。</p>
<p>参考までに、こちらの図↓は様々なチャートを目的別に一覧表示しています。チートシートとして使うと便利かも。</p>
<p>» <a href="http://i.imgur.com/YjWta.jpg" target="_blank">Chart Suggestions &#8211; A Thought Starter</a></p>
<p>p.s.</p>
<p>オフィスにお邪魔した際、VentureBEATの勝屋さんもいらっしゃいました。Blogに写真を載せてさらにリンクまで張っていただきました。ありがとうございました！最強のコネクターと言われるだけのことあって、超人懐っこいでしたｗ</p>
<p>» <a href="http://www.venturebeat.jp/katchaman/2009/11/%E3%82%A2%E3%82%A2.html" target="_blank">人のつながりは無限（∞）につながる &#8211; 勝屋久の日々是々</a></p>
<table class="yztbl" border="0">
<tbody>
<tr valign="top">
<td class="yz-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873113784/8makiblog-22/" target="_blank"><img style="border: none;" src="http://ecx.images-amazon.com/images/I/41DdCRhKTAL._SL160_.jpg" alt="" /></a></td>
<td class="yz-info">
<div class="yz-name"><a href="http://yasazon.com/asin/4873113784.html" target="_blank"><img src="http://images-jp.amazon.com/images/G/09/icons/icon-books.gif" border="0" alt="" align="left" /></a><a name="yzlink"></a></div>
<div class="yz-detail" style="font-size:small">
<ul style="margin-top:0;margin-bottom:0">
<li><span><a href="http://yasazon.com/s/8makiblog-22/Ben%20Fry.html">Ben Fry</a>, <a href="http://yasazon.com/s/8makiblog-22/%E5%A2%97%E4%BA%95%20%E4%BF%8A%E4%B9%8B%20(%E7%9B%A3%E8%A8%B3).html">増井 俊之 (監訳)</a>, <a href="http://yasazon.com/s/8makiblog-22/%E5%8A%A0%E8%97%A4%20%E6%85%B6%E5%BD%A6.html">加藤 慶彦</a></span></li>
<li>定価 : <span>￥ 3,780</span></li>
<li>発売日 : <span>2008/12/01</span></li>
<li>出版社/メーカー : <span><a href="http://yasazon.com/s/8makiblog-22/%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3.html">オライリージャパン</a></span></li>
<li>おすすめ度 : <span><img style="border: none;" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-5.gif" alt="" /> (6 reviews)</span><br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-3-0.gif" alt="" />可視化の一つの手段としてProcessingの概要を知りたい人に<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" alt="" />情報の可視化入門<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" alt="" />目からウロコが。。。<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" alt="" />日本人の本より読みやすい<br />
<img src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" alt="" />既存のマッシュアップAPIを使うのとは違ったWeb情報の楽しみ方</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/11/data-visualization_idea.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/data-visualization_idea.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>
	</channel>
</rss>
