http://blog.mizzy.org/articles/2005/11/23/tagRelationVisualization01 en-us 40 <p class="entryBody"> <a href="http://mizzy.org/web/tagRelationVisualization.html" target="_blank">前回のエントリ</a>に対して、<a href="http://www.fladdict.net/blog-jp/" target="_blank">fladdict.net blog</a>のTakaさんからコメント頂きまして、タグの関連性についてTakaさんも同様のことを考えてていらっしゃった様で、「その可視化も触れられれば書いてみたいと思います」とのことなので、どんなことを書いて下さるのか、楽しみだったりします。 </p> <p class="entryBody"> で、関連性の可視化については前回、色をつかってみてはどうだろう、でも具体的にどうやるかはわからん、みたいなことを書いたのですが、今回は色を使うのは保留して、マウスオーバーした時に、関連するタグを表示してみてはどうだろう、ということを考えついて、以下の様に実際に作ってみました。タグの上にマウスカーソルを乗せると、関連するタグを表示します。関連タグの表示には、<a href="http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html" target="_blank">「あれこれポップアップ」</a>を利用させて頂いております。 </p> <p class="entryBody"> 関連するタグは、各タグ間の<a href="http://prairie.lang.nagoya-u.ac.jp/~sugiura/corpus-project/genkou/sougojouhou/node8.html" target="_blank">相互情報量</a>を計算して、数値の高いものから4つまでピックアップしてます。（4という数字には特に意味はないです。） </p> <p class="code"> <span style='font-size: 3.10258509299405em;cursor: pointer;' title='関連タグ html::prototype ウェブメール catalyst モジュール '>ajax</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ hackers blog '>alpha geeks</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ alpha geeks hackers '>blog</span> <span style='font-size: 1.89861228866811em;cursor: pointer;' title='関連タグ greasemonkey firefox mobile sledge '>bloglines</span> <span style='font-size: 3.74443897916644em;cursor: pointer;' title='関連タグ plugin same_topic rast template toolkit '>blosxom</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ モジュール html::prototype perl ajax '>catalyst</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ technorati rss tagging blosxom '>category</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ shelf sledge mobile perl '>cgi::application</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ itunes rendezvous linux '>daapd</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ javascript '>db</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ サイドバー ブログ javascript '>dbx</span> <span style='font-size: 1.89861228866811em;cursor: pointer;' title='関連タグ json ajax '>del.icio.us</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ plugin blosxom '>entries_in_this_page</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ greasemonkey bloglines '>firefox</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ firefox bloglines '>greasemonkey</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ alpha geeks blog '>hackers</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ モジュール catalyst perl ajax '>html::prototype</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ rendezvous daapd linux '>itunes</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ xml json javascript '>jkl.parsexml</span> <span style='font-size: 2.59175946922806em;cursor: pointer;' title='関連タグ db サイドバー ウェブメール jkl.parsexml '>javascript</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ xml jkl.parsexml del.icio.us javascript '>json</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ itunes rendezvous daapd '>linux</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ 文字化け safari xmlhttprequest '>mac</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ bloglines sledge cgi::application perl '>mobile</span> <span style='font-size: 2.59175946922806em;cursor: pointer;' title='関連タグ html::prototype mobile catalyst モジュール '>perl</span> <span style='font-size: 3.69037175789616em;cursor: pointer;' title='関連タグ same_topic rast template toolkit entries_in_this_page '>plugin</span> <span style='font-size: 1.89861228866811em;cursor: pointer;' title='関連タグ plugin blosxom '>rast</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ plugin blosxom '>redirect_permalink</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ visualization tagging '>relationship</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ itunes daapd linux '>rendezvous</span> <span style='font-size: 1.89861228866811em;cursor: pointer;' title='関連タグ technorati category xbel ソーシャルブックマーク '>rss</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ javascript ajax '>sack of ajax</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ 文字化け mac xmlhttprequest '>safari</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ plugin blosxom '>same_topic</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ cgi::application sledge perl '>shelf</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ オンラインブックマーク ソーシャルブックマーク '>sitebar</span> <span style='font-size: 1.89861228866811em;cursor: pointer;' title='関連タグ shelf cgi::application mobile bloglines '>sledge</span> <span style='font-size: 3.36494935746154em;cursor: pointer;' title='関連タグ relationship visualization technorati category '>tagging</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ category rss tagging blosxom '>technorati</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ plugin blosxom '>template toolkit</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ relationship tagging '>visualization</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ ソーシャルブックマーク rss '>xbel</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ jkl.parsexml json javascript '>xml</span> <span style='font-size: 2.18629436111989em;cursor: pointer;' title='関連タグ ウェブメール 文字化け safari mac '>xmlhttprequest</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ ブログ '>ウェブサイト</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ xmlhttprequest javascript ajax '>ウェブメール</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ sitebar ソーシャルブックマーク '>オンラインブックマーク</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ dbx ブログ javascript '>サイドバー</span> <span style='font-size: 1.89861228866811em;cursor: pointer;' title='関連タグ オンラインブックマーク sitebar xbel rss '>ソーシャルブックマーク</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ サイドバー dbx ウェブサイト javascript '>ブログ</span> <span style='font-size: 1.49314718055995em;cursor: pointer;' title='関連タグ html::prototype catalyst perl ajax '>モジュール</span> <span style='font-size: 0.8em;cursor: pointer;' title='関連タグ safari mac xmlhttprequest '>文字化け</span> </p> <p class="entryBody"> うーん、なんとなくしっくりこないですね。また色々考えてみます。 </p> Wed, 23 Nov 2005 18:32:15 +0900 urn:uuid:7F7A8712-FB43-11DB-B19E-9689BF6E4193 Gosuke Miyashita http://blog.mizzy.org/articles/2005/11/23/tagRelationVisualization01 web http://blog.mizzy.org/articles/trackback/399