<?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; Web</title>
	<atom:link href="http://blog.8maki.jp/category/survey/web/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/web/feed" />
		<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>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>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>Data VisualizeなWeb系アプリケーションまとめ</title>
		<link>http://blog.8maki.jp/2009/05/data-visualization_web.html</link>
		<comments>http://blog.8maki.jp/2009/05/data-visualization_web.html#comments</comments>
		<pubDate>Thu, 14 May 2009 02:15:53 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Google Squared]]></category>
		<category><![CDATA[mixigraph]]></category>
		<category><![CDATA[Wolfram Alpha]]></category>
		<category><![CDATA[視覚化]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=381</guid>
		<description><![CDATA[
			
				
			
		
昨今、新しいインターフェースを採用したアプリケーションが多く出てきている印象があります。先日Blogでも紹介したGAPMINDERですが、こういった統計データをグラフ化して公開するサービスは、最近になって注目を集めている気がします。
データが溢れてしまって、次はそれを「いかにわかりやすくまとめて表示するか」に焦点が向うのは自然かもしれませんね。そこで今回は、どういったアプローチがあって、具体的にどんなアプリケーションとして実装されているのか、調べてみました。

【目次】

２D（プロバイダーがデータを提供）

莫大なDBからデータを提供するアプリケーション
関係性の視覚化


２D（ユーザーが自分のデータを表示）

Web上の描画支援
脳内の視覚化


3D

■2D（2次元）
大きく分けて２Dと３Dの方向性があって、２Dはいかに2次元ブラウザ上でうまくデータを表示するか、というアプローチになるでしょう。２Dはさらに、コンテンツプロバイダー側のデータをグラフ化して提供するアプリケーションと、ユーザーのデータをWeb上でわかりやすく表現するアプリケーションの二つに分類できます。
■２D（プロバイダーがデータを提供）
○莫大なDBからデータを提供するアプリケーション
Wolfram Alpha（画像↓1枚目）と最近開発が発表されたGoogle Squared（to Techcrunch）は（画像↓2枚目）有名ですよね。前者は１０TBもの統計データを、検索キーワード（SQLのようなクエリ？）に応じて図を示してくれるアプリケーションで、5月にリリース予定です。あの数学アプリケーションMathematicaの作者Wolframのプロダクトとしても有名です。

一方、Google Squaredの方ですが、下記の画像を見るとわかるように、Web上の検索結果をグリッド上に表示して、それぞれの結果を比較できる、というインターフェースになっています。莫大なWebデータを保有するGoogleならではのサービスですね。Google Analyticsがアクセス解析の会社を一掃したのように、巷のバーティカルサーチエンジンを恐怖に陥れるのでしょうか。

また、先日紹介したGAPMINDERも統計データの表示なので、こちらのアプローチに入ります。
→検索エンジン系
扱うデータが膨大なため、検索エンジンの様相を呈していくのではないでしょうか？となると、データの表示は主に今までなされてきたようなグラフ化に落ち着きそうです。それよりも、検索クエリの構文とか、検索方法といったユーザーインターフェースに改善の余地が出てきそうです。
○関係性の視覚化

また、検索エンジン系のアプリケーションでは対象としていない、データ同士の関係性を示そうとする試みもあります。一番わかりやすいのはmixigraphではないでしょうか？ノードとノードがあってその間をつなぐ線があるという図は、実生活ではよく目にしますが、なかなかWeb上では目にしません。
ただ、関係性の抽出という意味では、一つ有名な領域があります。
→レコメンドエンジン系
レコメンドエンジンです。主なレコメンドエンジンは、商品同士の関連を計算して、類似商品を表示します。サイジニアのデクワス（画像↓）というレコメンドエンジンでは、ユーザーの指向から類似コミュニティを見つけて、そのコミュニティを利用して関連商品を出しているようです
。

結局mixigraphも、共通の知人や関連性の高い友人を見つるのに使うのが主な目的だと思うので、ある種レコメンドエンジンと言えますね。多くのレコメンドエンジンもmixigraphのような、ビジュアル的アプローチができる気がします。
■２D（ユーザーが自分のデータを表示）
○Web上の描画支援

Google Visualization APIは、ユーザーのデータをWeb上に表示する際に便利なAPIです。仕組みは簡単で、データを投げるとグラフの画像が返ってきます。また、Google Analyticsやなかのひと、といったアクセス解析ソフトも、ユーザーのデータをわかりやすく表示するアプリケーションと言えばこちらの分類ですね。
→API系
今後も自分のデータを簡単に、かつ分かりやすく示したいというニーズは増えてきそうですし、こういった描画支援系のサービスはAPIやASP/Saasといった方向で出てくるのではないでしょうか。
○脳内の視覚化

Mindmapに代表されるような、脳を整理するアプリケーション群です。これはこれで別エントリでまとめたいほど多くのアプリケーションがありますが、基本はツリー構造のアプリケーションですよね。個人的にはFrieve Editor（画像↓）というのがオススメです。普通のMindmapではツリー構造しか表現できませんが、こちらは多対多の関係を表現できます。

→認知系
Webに限らず、多くの形が考えられそうな領域です。スライドをインタラクティブに作れるツールとか、ワークフローに特化したアプリケーションとか、それこそ無限に考えられます。けれども、人間の脳をいかに効率的に表現するか、という領域に収まる気がするので、認知系とまとめてみました。
■3D（3次元）
上記のグラフ化と一線を画すのが、３Dの方向です。２Dの、「人間が紙の上にまとめる」という考え方が、３Dでは「人間がその中で行動する」という考え方になり、よりインタラクティブなアプリケーションが出ています。

iFree3D（to Techcrunch）（画像↑）は立方体空間の中で、Webブラウジングするアプリケーションで、サイトや画像といったアイテムを、より直観的にいじれるように３Dを活用しています。ま
た、FoxTab（画像↓）というFirefox Addonも、今開いているサイトを、３Dで表示してくれます。

→ブラウザ系
これらのアプリケーションに共通しているのが、ブラウザあるいはブラウザ支援ツールということです。より実世界に近い形でWebを動き回れたらいいんじゃないか、というのは自然なアプローチはな気がします。AR（拡張現実）も注目を集めていますし、IE vs Firefox vs その他Webブラウザ、という構図が大きく変わりそうな気配がします。
&#8212;&#8212;&#8212;&#8212;&#8211; まとめ &#8212;&#8212;&#8212;&#8212;&#8212;

こうみると、本当に分野横断的に色々なアプローチ、アプリケーションがありますね。とはいえ、今回まとめたものだけでも、一通りのトレンドを網羅しているように思えます。つまり、新しいイノベーティブなアプリケーションには、イノベーティブなインターフェースも必須になりつつある、ということなのではないでしょうか。
【参考】
こちらのブログ↓では、扱うデータによってでData Vizualizationの視覚化アプローチを7個にまとめています。
» Data Visualization: Modern Approaches &#124; Graphics &#124; Smashing Magazine

Mindmaps
Displaying News
Displaying Data
Displaying connections
Displaying Web-sites
Articles &#38;  Resources
Tools and Services

]]></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%2F05%2Fdata-visualization_web.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F05%2Fdata-visualization_web.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>昨今、新しいインターフェースを採用したアプリケーションが多く出てきている印象があります。先日<a href="http://blog.8maki.jp/2009/05/gapminder-graph.html" target="_blank">Blog</a>でも紹介した<a href="http://graphs.gapminder.org/world/#$majorMode=chart$is;shi=t;ly=2003;lb=f;il=t;fs=11;al=30;stl=t;st=t;nsl=t;se=t$wst;tts=C$ts;sp=6;ti=1811$zpv;v=0$inc_x;mmid=XCOORDS;iid=phAwcNAVuyj1jiMAkmq1iMg;by=ind$inc_y;mmid=YCOORDS;iid=phAwcNAVuyj2tPLxKvvnNPA;by=ind$inc_s;uniValue=8.21;iid=phAwcNAVuyj0XOoBL_n5tAQ;by=ind$inc_c;uniValue=255;gid=CATID0;by=grp$map_x;scale=log;dataMin=240;dataMax=119849$map_y;scale=lin;dataMin=23;dataMax=86$map_s;sma=49;smi=2.65$cd;bd=0$inds=" target="_blank">GAPMINDER</a>ですが、こういった統計データをグラフ化して公開するサービスは、最近になって注目を集めている気がします。</p>
<p>データが溢れてしまって、次はそれを「<strong>いかにわかりやすくまとめて表示するか</strong>」に焦点が向うのは自然かもしれませんね。そこで今回は、どういったアプローチがあって、具体的にどんなアプリケーションとして実装されているのか、調べてみました。</p>
<p style="text-align: center;">
<p>【目次】</p>
<ul>
<li><a href="#2d-provider">２D（プロバイダーがデータを提供）</a>
<ul>
<li><a href="#2d-provider-db">莫大なDBからデータを提供するアプリケーション</a></li>
<li><a href="#2d-provider-con">関係性の視覚化</a></li>
</ul>
</li>
<li><a href="#2d-user">２D（ユーザーが自分のデータを表示）</a>
<ul>
<li><a href="#2d-user-help">Web上の描画支援</a></li>
<li><a href="#2d-user-brain">脳内の視覚化</a></li>
</ul>
</li>
<li><a style="text-decoration: none;" href="#3d">3D</a></li>
</ul>
<p><span style="color: #993300;"><strong>■</strong></span><span style="color: #993300;"><strong>2D（2次元）</strong></span></p>
<p>大きく分けて２Dと３Dの方向性があって、２Dはいかに2次元ブラウザ上でうまくデータを表示するか、というアプローチになるでしょう。２Dはさらに、コンテンツプロバイダー側のデータをグラフ化して提供するアプリケーションと、ユーザーのデータをWeb上でわかりやすく表現するアプリケーションの二つに分類できます。</p>
<p><span id="2d-provider" style="color: #993300;"><strong>■２D（プロバイダーがデータを提供）</strong></span></p>
<p><span id="2d-provider-db" style="color: #993300;">○莫大なDBからデータを提供するアプリケーション</span></p>
<p><a href="http://www.wolframalpha.com/index.html" target="_blank">Wolfram Alpha</a>（画像↓1枚目）と最近開発が発表された<a href="http://jp.techcrunch.com/archives/20090512what-is-google-squared-it-is-how-google-will-crush-wolfram-alpha-exclusive-video/" target="_blank">Google Squared（to Techcrunch）</a>は（画像↓2枚目）有名ですよね。前者は１０TBもの統計データを、検索キーワード（SQLのようなクエリ？）に応じて図を示してくれるアプリケーションで、5月にリリース予定です。あの数学アプリケーション<a href="http://www.wolfram.com/index.ja.html" target="_blank">Mathematica</a>の作者Wolframのプロダクトとしても有名です。<br />
<img class="aligncenter size-full wp-image-387" title="wolframalpha" src="http://blog.8maki.jp/wp-content/uploads/2009/05/wolframalpha.png" alt="wolframalpha" width="400" height="366" /></p>
<p>一方、Google Squaredの方ですが、下記の画像を見るとわかるように、Web上の検索結果をグリッド上に表示して、それぞれの結果を比較できる、というインターフェースになっています。莫大なWebデータを保有するGoogleならではのサービスですね。Google Analyticsがアクセス解析の会社を一掃したのように、巷のバーティカルサーチエンジンを恐怖に陥れるのでしょうか。</p>
<p><img class="size-full wp-image-386 aligncenter" title="googlesquared" src="http://blog.8maki.jp/wp-content/uploads/2009/05/googlesquared.jpg" alt="googlesquared" width="226" height="170" /></p>
<p>また、先日<a href="http://blog.8maki.jp/2009/05/gapminder-graph.html" target="_self">紹介</a>した<a href="http://graphs.gapminder.org/world/#$majorMode=chart$is;shi=t;ly=2003;lb=f;il=t;fs=11;al=30;stl=t;st=t;nsl=t;se=t$wst;tts=C$ts;sp=6;ti=1811$zpv;v=0$inc_x;mmid=XCOORDS;iid=phAwcNAVuyj1jiMAkmq1iMg;by=ind$inc_y;mmid=YCOORDS;iid=phAwcNAVuyj2tPLxKvvnNPA;by=ind$inc_s;uniValue=8.21;iid=phAwcNAVuyj0XOoBL_n5tAQ;by=ind$inc_c;uniValue=255;gid=CATID0;by=grp$map_x;scale=log;dataMin=240;dataMax=119849$map_y;scale=lin;dataMin=23;dataMax=86$map_s;sma=49;smi=2.65$cd;bd=0$inds=" target="_blank">GAPMINDER</a>も統計データの表示なので、こちらのアプローチに入ります。</p>
<p>→<strong>検索エンジン系</strong><br />
扱うデータが膨大なため、検索エンジンの様相を呈していくのではないでしょうか？となると、データの表示は主に今までなされてきたようなグラフ化に落ち着きそうです。それよりも、検索クエリの構文とか、検索方法といったユーザーインターフェースに改善の余地が出てきそうです。</p>
<p><span id="2d-provider-con" style="color: #993300;">○関係性の視覚化</span></p>
<p><img class="aligncenter size-full wp-image-390" title="mixigraph_mac" src="http://blog.8maki.jp/wp-content/uploads/2009/05/mixigraph_mac.png" alt="mixigraph_mac" width="400" height="318" /></p>
<p>また、検索エンジン系のアプリケーションでは対象としていない、データ同士の関係性を示そうとする試みもあります。一番わかりやすいのは<a href="http://www.fmp.jp/~sugimoto/mixiGraph/" target="_blank">mixigraph</a>ではないでしょうか？ノードとノードがあってその間をつなぐ線があるという図は、実生活ではよく目にしますが、なかなかWeb上では目にしません。</p>
<p>ただ、関係性の抽出という意味では、一つ有名な領域があります。</p>
<p>→<strong>レコメンドエンジン系</strong><br />
レコメンドエンジンです。主なレコメンドエンジンは、商品同士の関連を計算して、類似商品を表示します。サイジニアの<a href="http://www.deqwas.com/" target="_blank">デクワス</a>（画像↓）というレコメンドエンジンでは、ユーザーの指向から類似コミュニティを見つけて、そのコミュニティを利用して関連商品を出しているようです</p>
<p>。</p>
<p><img class="aligncenter size-full wp-image-391" title="deqwas" src="http://blog.8maki.jp/wp-content/uploads/2009/05/deqwas.jpg" alt="deqwas" width="302" height="200" /></p>
<p>結局mixigraphも、共通の知人や関連性の高い友人を見つるのに使うのが主な目的だと思うので、ある種レコメンドエンジンと言えますね。多くのレコメンドエンジンもmixigraphのような、ビジュアル的アプローチができる気がします。</p>
<p><span id="2d-user" style="color: #993300;"><strong>■２D（ユーザーが自分のデータを表示）</strong></span></p>
<p><span id="2d-user-help" style="color: #993300;">○Web上の描画支援</span></p>
<p><img class="aligncenter size-full wp-image-382" title="googlevisualization" src="http://blog.8maki.jp/wp-content/uploads/2009/05/googlevisualization.png" alt="googlevisualization" width="470" height="75" /></p>
<p><a href="http://code.google.com/intl/ja/apis/visualization/">Google Visualization API</a>は、ユーザーのデータをWeb上に表示する際に便利なAPIです。仕組みは簡単で、データを投げるとグラフの画像が返ってきます。また、<a href="http://www.google.com/analytics/ja-JP/" target="_blank">Google Analytics</a>や<a href="http://nakanohito.jp/" target="_blank">なかのひと</a>、といったアクセス解析ソフトも、ユーザーのデータをわかりやすく表示するアプリケーションと言えばこちらの分類ですね。</p>
<p>→<strong>API系</strong><br />
今後も自分のデータを簡単に、かつ分かりやすく示したいというニーズは増えてきそうですし、こういった描画支援系のサービスはAPIやASP/Saasといった方向で出てくるのではないでしょうか。</p>
<p><span id="2d-user-brain" style="color: #993300;">○脳内の視覚化</span><br />
<img class="aligncenter size-full wp-image-392" title="mindmapguidlines" src="http://blog.8maki.jp/wp-content/uploads/2009/05/mindmapguidlines.png" alt="mindmapguidlines" width="400" height="329" /></p>
<p>Mindmapに代表されるような、脳を整理するアプリケーション群です。これはこれで別エントリでまとめたいほど多くのアプリケーションがありますが、基本はツリー構造のアプリケーションですよね。個人的には<a href="http://www.frieve.com/feditor/" target="_blank">Frieve Editor</a>（画像↓）というのがオススメです。普通のMindmapではツリー構造しか表現できませんが、こちらは多対多の関係を表現できます。</p>
<p><img class="aligncenter size-full wp-image-393" title="frieveeditor" src="http://blog.8maki.jp/wp-content/uploads/2009/05/frieveeditor.png" alt="frieveeditor" width="400" height="248" /></p>
<p>→<strong>認知系</strong><br />
Webに限らず、多くの形が考えられそうな領域です。スライドをインタラクティブに作れるツールとか、ワークフローに特化したアプリケーションとか、それこそ無限に考えられます。けれども、人間の脳をいかに効率的に表現するか、という領域に収まる気がするので、認知系とまとめてみました。</p>
<p><span id="3d" style="color: #993300;"><strong>■</strong></span><span style="color: #993300;"><strong>3D（3次元）</strong></span></p>
<p>上記のグラフ化と一線を画すのが、３Dの方向です。２Dの、「人間が紙の上にまとめる」という考え方が、３Dでは「人間がその中で行動する」という考え方になり、よりインタラクティブなアプリケーションが出ています。</p>
<p><img class="aligncenter size-full wp-image-395" title="ifree3d" src="http://blog.8maki.jp/wp-content/uploads/2009/05/ifree3d.png" alt="ifree3d" width="400" height="326" /></p>
<p><a href="http://jp.techcrunch.com/archives/20090320visualize-data-including-google-search-results-in-3d-with-ifree3d/" target="_blank">iFree3D（to Techcrunch）</a>（画像↑）は立方体空間の中で、Webブラウジングするアプリケーションで、サイトや画像といったアイテムを、より直観的にいじれるように３Dを活用しています。ま</p>
<p>た、<a href="https://addons.mozilla.org/ja/firefox/addon/8879" target="_blank">FoxTab</a>（画像↓）というFirefox Addonも、今開いているサイトを、３Dで表示してくれます。</p>
<p><img class="aligncenter size-full wp-image-396" title="foxtab" src="http://blog.8maki.jp/wp-content/uploads/2009/05/foxtab.png" alt="foxtab" width="400" height="286" /></p>
<p>→<strong>ブラウザ系</strong><br />
これらのアプリケーションに共通しているのが、ブラウザあるいはブラウザ支援ツールということです。より実世界に近い形でWebを動き回れたらいいんじゃないか、というのは自然なアプローチはな気がします。AR（拡張現実）も注目を集めていますし、IE vs Firefox vs その他Webブラウザ、という構図が大きく変わりそうな気配がします。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8211; まとめ &#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><img class="aligncenter size-full wp-image-420" title="datavisualize" src="http://blog.8maki.jp/wp-content/uploads/2009/05/datavisualize.png" alt="datavisualize" width="480" height="259" /></p>
<p>こうみると、本当に分野横断的に色々なアプローチ、アプリケーションがありますね。とはいえ、今回まとめたものだけでも、一通りのトレンドを網羅しているように思えます。つまり、新しいイノベーティブなアプリケーションには、イノベーティブなインターフェースも必須になりつつある、ということなのではないでしょうか。</p>
<p>【参考】<br />
こちらのブログ↓では、扱うデータによってでData Vizualizationの視覚化アプローチを7個にまとめています。</p>
<p>» <a href="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/" target="_blank">Data Visualization: Modern Approaches | Graphics | Smashing Magazine</a></p>
<ul>
<li>Mindmaps</li>
<li>Displaying News</li>
<li>Displaying Data</li>
<li>Displaying connections</li>
<li>Displaying Web-sites</li>
<li>Articles &amp;  Resources</li>
<li>Tools and Services</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/05/data-visualization_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/05/data-visualization_web.html" />
	</item>
		<item>
		<title>Livemocha,iKnow,Lang-8でネット語学を効率的に</title>
		<link>http://blog.8maki.jp/2009/02/lang_learn.html</link>
		<comments>http://blog.8maki.jp/2009/02/lang_learn.html#comments</comments>
		<pubDate>Tue, 03 Feb 2009 01:32:36 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[海外]]></category>
		<category><![CDATA[語学]]></category>
		<category><![CDATA[iknow]]></category>
		<category><![CDATA[lang-8]]></category>
		<category><![CDATA[livemocha]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=287</guid>
		<description><![CDATA[
			
				
			
		
最近まで卒業研究で死んでたのですが、やはり海外の論文を読むのに＆研究室の留学生の方とのコミュニケーションのために英語が必須となっております。
また、海外のベンチャー事情を調べるにあたり、英語だけでなく中国語やロシア語にも手をつけ始めました。
最近は質の高い語学サイトが充実していて、やり方によっては読み書きはこれでかなり上達できるのではないでしょうか？そこで今回は、最近見つけた Livemocha と、おなじみ iKnow 、そしてLang-8 を使ってみて比較しました。
→比較結果
■Livemocha

海外発の語学サイトなのですが、日本語に対応しています。しかもかなり色々な言語に対応しており、対応言語は随一の語学サイトかもしれません。
まず『習う』からコースを始めます。ここでは単語の勉強やリスニングといった、いわゆる一般的な勉強を行えます。
ただこのサイトの特筆すべきところは、コースで課題を提出できるところ。ライティングでは、お題を出されて、それに沿った文章を書き、提出することができます。↓
すると、提出言語が得意な人たちが課題にコメントをくれます！提出する際に、得意な人たちにお願い（自動でリストアップされます）メッセージを送ることもでき、すぐさまコメントを残してくれることもしばしば。もちろん私も日本語の課題をレビューすることが望ましいので、自分の課題提出時に、別の人の課題をレビューするようになっています。このように、お互いのレビューをかなりpushして行う仕組みになっています。
また、海外発なので、英語ユーザーの多いこと！これは日本初のサービスに比べるとうれしいところです。
さらに、スピーキングの課題も提出でき、発音の練習ができる数少ないサービスです。
■iKnow
iKnowは去年から有名ですよね。CEOの方が、かなり個性的で印象的でしたｗ
iKnowはコミュニケーションというよりも、単語・熟語学習に特化したサイトと言えます。もちろん、日記を書く機能もあり、他の人がコメントをくれたりしますが。
 
コースはかなり充実していて、英語を日本語で学ぶコースは80個もあり、自分の興味ある分野を見つけることができます。ビジネスや留学向けのものが特に充実しています。「プロの英語（ファイナンス編）」はかなりちんぷんかんぷんでしたf^^; 難易度も幅広くそろっていて、語彙力アップには最強のサイトではないでしょうか？
iKnowを運営している会社は、かなり記憶力定着の研究をしているようで、本当に覚えやすいです！
最近は中国語など他の言語にも対応しており（コースはまだありませんでしたが）、今後も期待できるサイトです。
■Lang-8

相互添削型SNS とうたっているだけあって、かなりコミュニケーション色が強いです。仕組みはいたってシンプル、日記を書くとその言語の得意な人が添削してくれる、というものです。
 
でも添削エディタが非常に充実していて、添削インタフェースはとても使いやすいです。添削ってなかなか表現が難しいのですが、1文1文分けて表示できるなど、細かい部分で工夫がなされています。
また、SNSのトップページに自分の得意な言語の日記が出てくるなど、相互添削する仕組みも充実しています。何でも、
Lang-8に投稿された日記の9割が常時添削されているという。しかも、早いものだと数分、遅くとも1日以内には日記が添削されるというから驚きだ。
とのことｗ via ひとりで作るネットサービス
■3サイト比較



 
Livemocha
iKnow
Lang-8


語彙
△
◎
×


英語コースの単語はまだ貧弱に思えます。まだコース自体も充実しておらず、座学的に単語を覚えたりするのは向かない？
やはりコースの充実っぷりは群を抜きます。語彙形成はiKnowで十分！
 


リスニング
〇
〇
×


内容自体は語彙と同じコースを利用するのですが、設問形式なのでやりやすいです。
「Dictation」機能はかなりリスニング力が鍛えられます。
 


ライティング
〇
△
◎


課題の提出は分量も少なく、毎日やるにはちょうどいい感じです。
単語を打つ機能はありますが、文章を書くというシーンはあまりありません。
自分の好きな文章を書けるので、かなり融通が利きます。もちろん論文など重すぎるものは難しいかもしれません。日記なので他の人ともコミュニケーションしやすい。


スピーキング
〇
×
×


課題ではスピーキングも行えます。とはいえ、文章を読んで発音をチェックしてもらう、というものになります。
 
 



個人的にはいかのような使い分けが一番いいかな、と思います。

毎日、Livemochaで課題を提出する。
毎日、iKnowで単語を覚える。
長めの文章を書きたいとき、あるいは友人を作りたいときはLang-8を駆使。

ただ、ほとんど勉強したことのない言語は、まずiKnowで単語を覚えたほうがいいかもしれませんね。
]]></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%2F02%2Flang_learn.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F02%2Flang_learn.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>最近まで卒業研究で死んでたのですが、やはり海外の論文を読むのに＆研究室の留学生の方とのコミュニケーションのために英語が必須となっております。</p>
<p>また、海外のベンチャー事情を調べるにあたり、英語だけでなく中国語やロシア語にも手をつけ始めました。</p>
<p>最近は質の高い語学サイトが充実していて、やり方によっては読み書きはこれでかなり上達できるのではないでしょうか？そこで今回は、最近見つけた Livemocha と、おなじみ iKnow 、そしてLang-8 を使ってみて比較しました。</p>
<p>→<a href="#lang_learn_comparision">比較結果</a></p>
<p>■<strong><a href="http://www.livemocha.com/" target="_blank">Livemocha</a></strong></p>
<p style="text-align: center; "><img class="size-full wp-image-288 aligncenter" title="livemocha-top" src="http://blog.8maki.jp/wp-content/uploads/2009/02/livemocha-top.png" alt="livemocha-top" width="500" height="287" /></p>
<p>海外発の語学サイトなのですが、日本語に対応しています。しかもかなり色々な言語に対応しており、対応言語は随一の語学サイトかもしれません。</p>
<p>まず『習う』からコースを始めます。ここでは単語の勉強やリスニングといった、いわゆる一般的な勉強を行えます。</p>
<p>ただこのサイトの特筆すべきところは、コースで課題を提出できるところ。ライティングでは、お題を出されて、それに沿った文章を書き、提出することができます。↓</p>
<p><img class="aligncenter size-full wp-image-291" title="livemocha2" src="http://blog.8maki.jp/wp-content/uploads/2009/02/livemocha2.png" alt="livemocha2" width="300" height="402" />すると、提出言語が得意な人たちが課題にコメントをくれます！提出する際に、得意な人たちにお願い（自動でリストアップされます）メッセージを送ることもでき、すぐさまコメントを残してくれることもしばしば。もちろん私も日本語の課題をレビューすることが望ましいので、自分の課題提出時に、別の人の課題をレビューするようになっています。このように、お互いのレビューをかなりpushして行う仕組みになっています。</p>
<p>また、海外発なので、英語ユーザーの多いこと！これは日本初のサービスに比べるとうれしいところです。</p>
<p>さらに、スピーキングの課題も提出でき、発音の練習ができる数少ないサービスです。</p>
<p>■<strong><a href="http://www.iknow.co.jp/" target="_blank">iKnow</a></strong></p>
<p><img class="aligncenter size-full wp-image-292" title="iknow-top" src="http://blog.8maki.jp/wp-content/uploads/2009/02/iknow-top.png" alt="iknow-top" width="500" height="285" />iKnowは去年から有名ですよね。CEOの方が、かなり個性的で印象的でしたｗ</p>
<p>iKnowはコミュニケーションというよりも、単語・熟語学習に特化したサイトと言えます。もちろん、日記を書く機能もあり、他の人がコメントをくれたりしますが。</p>
<p> </p>
<p>コースはかなり充実していて、英語を日本語で学ぶコースは80個もあり、自分の興味ある分野を見つけることができます。ビジネスや留学向けのものが特に充実しています。「プロの英語（ファイナンス編）」はかなりちんぷんかんぷんでしたf^^; 難易度も幅広くそろっていて、語彙力アップには最強のサイトではないでしょうか？</p>
<p>iKnowを運営している会社は、かなり記憶力定着の研究をしているようで、本当に覚えやすいです！</p>
<p>最近は中国語など他の言語にも対応しており（コースはまだありませんでしたが）、今後も期待できるサイトです。</p>
<p>■<strong><a href="http://lang-8.com/">Lang-8</a></strong></p>
<p><img class="aligncenter size-full wp-image-294" title="lang8-top" src="http://blog.8maki.jp/wp-content/uploads/2009/02/lang8-top.png" alt="lang8-top" width="500" height="288" /></p>
<p>相互添削型SNS とうたっているだけあって、かなりコミュニケーション色が強いです。仕組みはいたってシンプル、日記を書くとその言語の得意な人が添削してくれる、というものです。</p>
<p> </p>
<p>でも添削エディタが非常に充実していて、添削インタフェースはとても使いやすいです。添削ってなかなか表現が難しいのですが、1文1文分けて表示できるなど、細かい部分で工夫がなされています。</p>
<p>また、SNSのトップページに自分の得意な言語の日記が出てくるなど、相互添削する仕組みも充実しています。何でも、</p>
<blockquote><p>Lang-8に投稿された日記の9割が常時添削されているという。しかも、早いものだと数分、遅くとも1日以内には日記が添削されるというから驚きだ。</p></blockquote>
<p>とのことｗ via <a href="http://www.itmedia.co.jp/bizid/articles/0810/24/news002_2.html" target="_blank">ひとりで作るネットサービス</a></p>
<p>■<strong>3サイト比較</strong></p>
<table border="0">
<tbody>
<tr>
<td width="50px"> </td>
<td width="150px">Livemocha</td>
<td width="150px">iKnow</td>
<td width="150px">Lang-8</td>
</tr>
<tr>
<td rowspan="2">語彙</td>
<td>△</td>
<td>◎</td>
<td>×</td>
</tr>
<tr>
<td>英語コースの単語はまだ貧弱に思えます。まだコース自体も充実しておらず、座学的に単語を覚えたりするのは向かない？</td>
<td>やはりコースの充実っぷりは群を抜きます。語彙形成はiKnowで十分！</td>
<td> </td>
</tr>
<tr>
<td rowspan="2">リスニング</td>
<td>〇</td>
<td>〇</td>
<td>×</td>
</tr>
<tr>
<td>内容自体は語彙と同じコースを利用するのですが、設問形式なのでやりやすいです。</td>
<td>「Dictation」機能はかなりリスニング力が鍛えられます。</td>
<td> </td>
</tr>
<tr>
<td rowspan="2">ライティング</td>
<td>〇</td>
<td>△</td>
<td>◎</td>
</tr>
<tr>
<td>課題の提出は分量も少なく、毎日やるにはちょうどいい感じです。</td>
<td>単語を打つ機能はありますが、文章を書くというシーンはあまりありません。</td>
<td>自分の好きな文章を書けるので、かなり融通が利きます。もちろん論文など重すぎるものは難しいかもしれません。日記なので他の人ともコミュニケーションしやすい。</td>
</tr>
<tr>
<td rowspan="2">スピーキング</td>
<td>〇</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td>課題ではスピーキングも行えます。とはいえ、文章を読んで発音をチェックしてもらう、というものになります。</td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<p>個人的にはいかのような使い分けが一番いいかな、と思います。</p>
<ol>
<li>毎日、Livemochaで課題を提出する。</li>
<li>毎日、iKnowで単語を覚える。</li>
<li>長めの文章を書きたいとき、あるいは友人を作りたいときはLang-8を駆使。</li>
</ol>
<p>ただ、ほとんど勉強したことのない言語は、まずiKnowで単語を覚えたほうがいいかもしれませんね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/02/lang_learn.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/02/lang_learn.html" />
	</item>
		<item>
		<title>【雑記】mixiの便利</title>
		<link>http://blog.8maki.jp/2008/05/mixi_friendlist.html</link>
		<comments>http://blog.8maki.jp/2008/05/mixi_friendlist.html#comments</comments>
		<pubDate>Wed, 07 May 2008 16:52:47 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Lifehack]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[mixi]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=194</guid>
		<description><![CDATA[
]]></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%2F2008%2F05%2Fmixi_friendlist.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2008%2F05%2Fmixi_friendlist.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>先日知り合いに教えてもらった裏技。</p>
<p>mixiの知り合い一覧を探すのは一苦労。<br />
そこで便利なのが、「このコミュニティを友人教える」</p>
<p>&raquo; <a href="http://mixi.jp/invite_community.pl?id=689"　target="_blank">http://mixi.jp/invite_community.pl?id=689</a></p>
<p>このページにいけばマイミクの一覧が全て出てくるのだ。</p>
<p>これは参加しているコミュニティページの右上から行ける。</p>
<p>非常にしょうもないネタですが、知ってるとかなり便利なので共有。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2008/05/mixi_friendlist.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2008/05/mixi_friendlist.html" />
	</item>
		<item>
		<title>アート系イベント探しに便利な「東京アートビート」</title>
		<link>http://blog.8maki.jp/2008/04/tokyoartbeat.html</link>
		<comments>http://blog.8maki.jp/2008/04/tokyoartbeat.html#comments</comments>
		<pubDate>Sun, 27 Apr 2008 14:00:00 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[東京アートビート]]></category>
		<category><![CDATA[芸術]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=193</guid>
		<description><![CDATA[
]]></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%2F2008%2F04%2Ftokyoartbeat.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2008%2F04%2Ftokyoartbeat.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>最近アート系のイベントにちょくちょく顔を出すのですが、そんな人に便利なサイトを発見。</p>
<p><img alt="tokyoartbeat.png" src="http://blog.8maki.jp/media/tokyoartbeat.png" width="242" height="50" /></p>
<p>&raquo; <a href="http://www.tokyoartbeat.com/" target="_blank">東京アートビート</a></p>
<p>今までは、下記のような方法でイベント情報を探していました。</p>
<p>■<u>美術館.comの展覧会情報</u></p>
<p>&raquo; <a href="http://www.bijutsukann.com/top2007.html" target="_blank">美術館.com</a></p>
<p>全国の美術館の、今やっている展覧会を一覧で見れます。<br />
また、海外の美術館のリンク集もあって、展覧会好きには必須のサイト。</p>
<p>■<u>R25.jpのイベントカレンダー</u></p>
<p>&raquo; <a href="http://r25.jp/magazine/event_calendar/" target="_blank">イベントカレンダー | R25.jp</a></p>
<p>みなさんご存知のR25。これの最小のページに出てくるイベントカレンダーです。<br />
アート系以外にもイベントも載っていて、たまにヒットするイベントがあったり、毎週チェックしてます。<br />
本誌のものをそのままUPした形式なので、ちょっと見にくいですが。</p>
<p>■<u>mixiコミュニティ</u></p>
<p>やはり便利なのがmixi。大手が拾えないようなニッチなイベントはここからじゃないと得られないです。<br />
ただノイズも多いですが。<br />
ちなみに私は以下3コミュニティを参考にさせてもらってます。</p>
<p>･ <a href="http://mixi.jp/view_community.pl?id=8433" target="_blank">[mixi] 美術館・博物館 展示情報</a><br />
･ <a href="http://mixi.jp/view_community.pl?id=21932" target="_blank">[mixi] 現代美術</a><br />
･ <a href="http://mixi.jp/view_community.pl?id=57792" target="_blank">[mixi] 体験型現代美術</a></p>
<p>では今回紹介する東京アートビートは何がすごいか。</p>
<p><img alt="tokyoartbeat3.png" src="http://blog.8maki.jp/media/tokyoartbeat3.png" width="550" height="297" /></p>
<p>基本的には、アート系のコミュニティサイトのような感じなのですが、まずイベントの網羅率がすごい。</p>
<p><img alt="tokyoartbeat2.png" src="http://blog.8maki.jp/media/tokyoartbeat2.png" width="444" height="187" /></p>
<p>mixiコミュ程のニッチさは無いものの、めぼしいイベントは大概載っています。<br />
かつ終了まであと○日だとか、公開まであと○日という情報が一発でわかるのがいい感じです。<br />
またカテゴリー毎にFeedを発信しているのが、リーダーユーザーにとってはとてもうれしい。</p>
<p>開催場所といったきめの細かいイベント検索も便利です↓</p>
<p><img alt="tokyoartbeat6.png" src="http://blog.8maki.jp/media/tokyoartbeat6.png" width="449" height="302" /></p>
<p>そして、Blogでは各地のイベントのレビューであったり、アーティストのインタビューといったコンテンツが用意されていて、情報サイトとしてもいい感じ。</p>
<p>さらにはクールな建築物といったマニアックなデータベースもあって、アートに携わる人、興味のある人全てが”使える”と思えるサイトかもしれません。</p>
<p><img alt="tokyoartbeat5.png" src="http://blog.8maki.jp/media/tokyoartbeat5.png" width="458" height="328" /></p>
<p>&raquo; <a href="http://www.tokyoartbeat.com/list/venue_coolbuilding" target="_blank">クール建築</a></p>
<p>求人情報も提供している当たりが、しっかりとしたWebサイトとしてのイメージを持たせますね。</p>
<p><img alt="tokyoartbeat4.png" src="http://blog.8maki.jp/media/tokyoartbeat4.png" width="455" height="204" /></p>
<p>&raquo; <a href="http://www.tokyoartbeat.com/jobs/" target="_blank">TAB ジョブ</a></p>
<p>かなり多くのイベントがあるので、会社の近くにふらっと寄れる良いアート空間を見つけられるかもしれません。</p>
<p>・ <a href="http://www.tokyoartbeat.com/list/feed/event_mostpopular.ja.rdf">TAB イベント 最も人気</a><br />
・ <a href="http://www.tokyoartbeat.com/list/feed/event_lastdays.ja.rdf">TAB イベント もうすぐ終了</a></p>
<p>↑この二つのフィードを登録しておくだけでも、アートな気分になれるかも。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2008/04/tokyoartbeat.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2008/04/tokyoartbeat.html" />
	</item>
		<item>
		<title>「ぴあぴあマッピング」：日本のマインドマップ作成ツール</title>
		<link>http://blog.8maki.jp/2008/01/piapia_mapping.html</link>
		<comments>http://blog.8maki.jp/2008/01/piapia_mapping.html#comments</comments>
		<pubDate>Tue, 15 Jan 2008 14:00:00 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Lifehack]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[マインドマップ]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=187</guid>
		<description><![CDATA[
]]></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%2F2008%2F01%2Fpiapia_mapping.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2008%2F01%2Fpiapia_mapping.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>最近就活で自分の思考の整理のためにやたらマインドマップを使っています。<br />
そんな中こんなものがリリースされていました。</p>
<p>早速試行。</p>
<p><img alt="piapia_api.png" src="http://blog.8maki.jp/media/piapia_api.png" width="550" height="292" /></p>
<p>&raquo; <a href="http://www.flex-senmon.com/piapia/japanese.html" target="_blank">ぴあぴあマッピング &#8211; 各種APIを使ったマインドマッピングツール α版</a></p>
<p>操作感としては、サクサクで中々気持ちいいです。<br />
会員登録しなくても利用できて便利かも。</p>
<p>なんでも<a href="http://ja.wikipedia.org/wiki/Adobe_Flex" target="_blank">Adobe Flex</a>というSDKを利用しているとか。</p>
<p>ただ、α版ということもあり、マインドマップを作るためのツールとしてはまだまだ物足りないですね。<br />
アイコンもなく、編集機能も充実していないので、今の時点では簡易マインドマップ作成ツールって感じ。</p>
<p>ただAmazonやらYoutubeやら、色々なところから商品や動画・画像などを引っ張ってこれるので、商品ごとの整理などに使えるかも。<br />
保存はXML形式で行います。</p>
<p>■他のWEB上で動くマインドマップ作成ツール</p>
<ul>
<li><a href="http://www.mindmeister.com/" target="_blank">MindMeister</a></li>
<p>Ajaxで動くマインドマップ作成ツール。<br />
Flashではないため、たまに挙動がおかしくなりますが、変更履歴が記録されるなど、チーム利用が便利なので私は主にこれを使っています。<br />
公開はしたくないけど、会社内で共有はしたい人はオススメ。</p>
<p>参考：<a href="http://at-aka.blogspot.com/2007/03/mindmeister.html" target="_blank">clmemo@aka: マインドマップを描くオンライン・サービス MindMeister</a></p>
<li><a href="http://www.bubbl.us/" target="_blank">bubble.us</a></li>
<p>操作感としてはこちらの方がいい感じです。<br />
UIに色々工夫が凝らされてますしし。</p>
<p>参考：<a href="http://www.popxpop.com/archives/2007/01/post_91.html" target="_blank">UIが小気味良いマインドマップツール『bubbl.us』レビュー |  POP*POP</a></p>
<li><a href="http://www.mindomo.com/index.php" target="_blank">Mindomo</a></li>
<p>TODO管理もできるマインドマップツール。<br />
ノードがタイプ毎に属性を持ったりするようです。<br />
普通のマインドマップとしても前面FLASHで使いやすいようです。</p>
<p>参考：<a href="http://www.popxpop.com/archives/2007/03/mindomo.html" target="_blank">タスク管理もできるマインドマップツール『Mindomo』 |  POP*POP</a>
</ul>
<p>【参考】<br />
&raquo; <a href="http://kosstyle.blog16.fc2.com/blog-entry-648.html" target="_blank">マインドマッピングツール『ぴあぴあAPI』α版を試してみた | Ko&#8217;s Style</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2008/01/piapia_mapping.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2008/01/piapia_mapping.html" />
	</item>
		<item>
		<title>人物検索エンジンCogolo.jp</title>
		<link>http://blog.8maki.jp/2007/09/cogolojp.html</link>
		<comments>http://blog.8maki.jp/2007/09/cogolojp.html#comments</comments>
		<pubDate>Mon, 24 Sep 2007 04:30:31 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[cogolo]]></category>
		<category><![CDATA[spysee]]></category>
		<category><![CDATA[バーティカルサーチ]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=180</guid>
		<description><![CDATA[
]]></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%2F2007%2F09%2Fcogolojp.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2007%2F09%2Fcogolojp.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>「Cogoloは、ウエブの名探偵。<br />
人間を中心に、日本語で世界を見渡します」</p>
<p>と題してCogolo.jpなる日本発のバーティカル検索エンジンっぽいものがリリースされていました。</p>
<p><img alt="cogolo1.png" src="http://blog.8maki.jp/media/cogolo1.png" width="500" height="269" /></p>
<p>&raquo; <a href="http://cogolo.jp/" target="_blank">Cogolo.jp</a></p>
<p>人名で検索することもできますが、まだまだ始まったばかりで数が少ない現時点（527人）ではカテゴリーから行くのが無難。<br />
カテゴリーはこんな感じです↓</p>
<p><img alt="cogolo4.png" src="http://blog.8maki.jp/media/cogolo4.png" width="428" height="295" /></p>
<p>そして、これが梅田望夫さんのページです。</p>
<p><img alt="cogolo2.png" src="http://blog.8maki.jp/media/cogolo2.png" width="500" height="348" /></p>
<p>画像やwikipediaといったWEBで拾ってきた情報に加え、Cogolo調査といった独自に調査したものを並べています。</p>
<p>Cogolo調査では、<br />
・関連する人物/組織団体/地名<br />
・キーワード<br />
・クラスター<br />
・研究<br />
・メディア（出版物等）<br />
などが列挙されています。</p>
<p>個人的に「研究」部分がおもしろい気がして、これは増井俊之さんの「研究」↓なのですが、過去の研究課題を一覧で眺められます。<br />
アカデミックな情報を知りたい人にとっては中々有益。</p>
<p><img alt="cogolo3.png" src="http://blog.8maki.jp/media/cogolo3.png" width="347" height="297" /></p>
<p><img alt="cogolo5.png" src="http://blog.8maki.jp/media/cogolo5.png" width="181" height="451" align="right" style="margin-left:10px;margin-bottom:0px;" />ただ、タレントさんやら研究しているわけではない人の「研究」はどうなっているのか良くわかりません。<br />
<a href="http://cogolo.jp/?id=427" target="_blank">和田アキ子</a>さんのページでは「研究」に「会話における含意の論理・心理学的抽出モデル　山根一郎」等、あまり関係なさそうなものが出たりとまだまだこれからという感じ。</p>
<p>まあ、これから芸術家は主な代表作、といったカテゴリ毎に内容を分けたりしていくのでしょう。<br />
まずは調査人数を増やすことが第一優先事項だとは思いますが、ここらへんwikipediaやgoogleみたいに自動化できたらいいね！今は半自動化なのか。1分おきくらいに新しい人物が増えてるし。<br />
&#8212;-<br />
でも作者の方のtwitterを拝見する限り、結構ほぼ自動化っぽい。<br />
&#8212;-</p>
<p>一応調べて欲しい人物をCogolo側に送ることはできるのですが、色々SPAMも混じりそうでもっといい仕組みがあったらもっとおもしろいかも。</p>
<p>ちなみに、その人物について書かれたブログも表示されていてここらへんは自動化で楽～。<br />
前回の<a href="http://blog.8maki.jp/2007/09/processing.html">processingの記事</a>も<a href="http://cogolo.jp/?q=%E5%A2%97%E4%BA%95%E4%BF%8A%E4%B9%8B&#038;=%E6%A4%9C%E7%B4%A2" target="_blank">増井俊之ページ</a>に表示されています。</p>
<p>人物の検索エンジンは前々から考え付きそうなものだったので、Cogolo.jpがどのようになっていくか、注目です。ユーザーやデータが増えてきたら色々できそうですね。</p>
<p>※<br />
どこにも運営会社が載ってねえ！と色々調べてみたら、<a href="http://www.polypho.net/index.html" target="_blank">POLYPHONET</a>という研究機関？が運営しているようです。<br />
この組織、SNSをはじめ、人々のネットワークを可視化する技術を研究しているらしく、かなりアカデミックな組織なようです。POLYPHONETも注目！<br />
&#8212;-<br />
皆さん運営機関が気になるようで。<br />
調査方法はTOPページの左上の部分のソースを見たらcopyrightが載ってました。<br />
&#8212;-</p>
<p>【関連】<br />
&raquo; <a href="http://blog.8maki.jp/2007/03/vertical_search_10.html">秀逸バーティカルサーチエンジン10選</a></p>
<p><span id="more-180"></span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
作者の方のtwitterより、まだ内部リリースだそうなのであまり広めないほうがいいのかな～<br />
でも既に結構はてブついてたし、そういうののコントロールって難しくなってきているのかも。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2007/09/cogolojp.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2007/09/cogolojp.html" />
	</item>
		<item>
		<title>音楽検索・共有サイト『ProjectPlaylist』がかなり使える</title>
		<link>http://blog.8maki.jp/2007/05/projectplaylist.html</link>
		<comments>http://blog.8maki.jp/2007/05/projectplaylist.html#comments</comments>
		<pubDate>Sun, 20 May 2007 15:08:08 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[ProjectPlaylist]]></category>
		<category><![CDATA[音楽]]></category>

		<guid isPermaLink="false">http://8maki.jp/blog_wp/?p=171</guid>
		<description><![CDATA[
]]></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%2F2007%2F05%2Fprojectplaylist.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2007%2F05%2Fprojectplaylist.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><span style="color:red;font-weight:bold;">※自動で音楽が鳴り始めます。下のほうでブログパーツが動いているのでご注意。</span></p>
<p><img alt="projectplaylist4.png" src="http://8maki.jp/blog-test/media/projectplaylist4.png" width="470" height="70" /></p>
<p><a href="http://www.projectplaylist.com/" target="_blank">ProjectPlaylist</a>、これはすごい！</p>
<p>このサイト、音楽のプレイリストを共有できるというサービスのようで、ためしにどんな感じか私のプレイリストを公開→<a href="http://www.projectplaylist.com/user/6824495" target="_blank">8maki | Project Playlist | Music Playlist</a>（682万人も既に登録しているのか・・・）</p>
<p>ここから先がびっくりなのですが、なんと自分が作ったプレイリストをブログに貼り付けられる！</p>
<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.myplaylist.org/mc/mp3player-othersite.swf?config=http://www.myplaylist.org/mc/config/config_black.xml&#038;mywidth=435&#038;myheight=270&#038;playlist_url=http://www.myplaylist.org/loadplaylist.php?playlist=7453143" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/><BR><a href=http://www.myplaylist.org><img src=http://www.myplaylist.org/mc/images/create_black.jpg border=0></a><a href=http://www.myplaylist.org/standalone/7453143 target=_blank><img src=http://www.myplaylist.org/mc/images/launch_black.jpg border=0></a><a href=http://www.myplaylist.org/download/7453143><img src=http://www.myplaylist.org/mc/images/get_black.jpg border=0></a> </div>
<p>（RSSリーダーの方は<a href="http://blog.8maki.jp/2007/05/projectplaylist.html">本記事参照</a>）</p>
<p>インターフェースも良い感じですし、ここまでやりきった音楽共有サービスは他には無いのではないでしょうか。</p>
<p>また便利なのが音楽検索エンジン。そもそもプレイリストを作るには曲を登録しなければなりませんが、ここの音楽検索はかなり秀逸。検索した状態からそのまま音楽を聴くことができます。</p>
<p><img alt="projectplaylist.png" src="http://blog.8maki.jp/media/projectplaylist.png" width="500" height="408" /></p>
<p>アーティストのWEB上のサンプル曲やブログといったWEB上のmp3をgoogleやYahoo!と同じようにクロールして引っ張ってきているみたいで結構本格的な検索エンジン。いわゆるバーティカルサーチというやつですね。</p>
<p>”googleやYahoo!と同じように”というのがミソなのでしょうか・・・</p>
<p>ただ曲によっては参照先のサイトが重かったり、途中で途切れたりと曲の中身までは実際に聴くまで確認できないのがちょっとあれかも。</p>
<p>↓プレイリストに登録する前に、「ちゃんと音楽は聴けますか？」というページが出るのも、現状の音楽検索の不確実性を物語っています。</p>
<p><img alt="projectplaylist2.png" src="http://blog.8maki.jp/media/projectplaylist2.png" width="500" height="218" /></p>
<p>ってできてたらすごいイノベーションになりそうですけどね。動画検索や画像検索然りの分野です。</p>
<p>さらにプレイリストをクライアントの音楽プレーヤーでストリーミング再生ができちゃう。</p>
<p><img alt="projectplaylist3.png" src="http://blog.8maki.jp/media/projectplaylist3.png" width="500" height="356" /></p>
<p>洋楽しかありませんが、SNS機能もついているようですし音楽好きにはたまらないサービスですね！<br />
（さすがに邦楽となると大変そう・・・てかmp3がWEBにあまり公開されてないですよね。）</p>
<p>ただクロールしてきたmp3ファイルを利用しているっぽいので何かと波乱も起きそうなサービス。</p>
<p>&raquo; <a href="http://www.projectplaylist.com/" target="_blank">Project Playlist</a></p>
<p>【関連】<br />
・<a href="http://blog.8maki.jp/2006/11/fplayer.html">iTMSの次はyoutube？！音楽プレーヤーもWEBで</a><br />
・<a href="http://blog.8maki.jp/2007/03/vertical_search_10.html">秀逸バーティカルサーチエンジン10選</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2007/05/projectplaylist.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2007/05/projectplaylist.html" />
	</item>
	</channel>
</rss>
