話題のナレッジベース | Knowledge Base Weblogs space
HOMEBlogs index Web2.0/Ajax >> space
space space
space
space
space
space
April 2, 2006 space
   space
space

『TAG Cloud』 What is TAG Cloud ? タグ・クラウドとは?

space

タグ・クラウド『TAG Cloud』とは各話題を代表するキーワードです。タグ・クラウドは雲に例えられるように話題の出現頻度に応じて文字サイズを変化させます。左側スライダーで出現頻度順に表示させるタグ・クラウドを調整することもできます。
 
image.tagCloud.gif全ての記事内のタグの更新日に応じて、90 日以内180 日以内180日以上1年以上と文字色が変化します。
 
このページは、そのキーワードをアルファベット順に列挙し、文字の大小でその出現頻度を示したものです。興味があるキーワードがあれば、そのキーワードをクリックしてみてください。そのキーワードが設定されているエントリーの一覧が見られますよ。

space

 
 「キーワード」とは、エントリーのキーワード欄に設定された文字列(タグ・クラウド)を指しています。ひとつのエントリーに対して複数のタグを設定することもでき、同一のタグが複数のエントリーに設定されているほど「タグ・クラウド出現頻度が高い」とみなされます。
 
 
 引用文に書かれている通り、Ogawa さんのこのページではタグのリンクをクリックするとタグに関連づけられたエントリーの一覧を表示する仕組みになっており、サイト内の情報分類および閲覧機能として非常に優れたものであると感じています。
 
 
 仮にそれを差し引いてもこのアートな印象のページに強く惹かれてまして、このサイトでもようやくタグ・クラウドを設置しました。
 

tagsample01.jpg

 
 このカスタマイズを行うためには Ogawa::memoranda さんのサイト、都合3つのエントリーを横断する必要がありますが、このエントリーで設定手順をまとめてみました。なお SixApart より「Tags Plugin」というものが少し前にリリースされていますが、こちらはキーワード欄に記述されたタグをカテゴリーとしてひとまとめにしてしまうようです。カテゴリーと独立した分類を行うのであれば Ogawa さんのプラグインをお勧めします。


 ▼tagwireプラグインの入手はこちらから▼
 http://as-is.net/blog/archives/001019.html

 
 
 まず、tagwireプラグインをサーバーにアップロードします。ダウンロードしたファイルを解凍して、mt/plugins の中にアップロードしてください。
 
 テンプレート名: Tag Cloud
 出力ファイル名: tagcloud.html
 このテンプレートにリンクするファイル: 未記入でいいです。
 テンプレートの内容: 以下のコードをコピペします。
 
 
 タグによる folksonomy の実現には、 Ogawa::Memorandaで公開されている Tagwire Pluginを使用しています。また、TagCloud の生成は、 TagwireでTagCloudのコードを大変に参考にさせて頂きました。コードの本質部分はほとんど同じになっています。有用なプラグインを開発・公開されている ogawa さんに感謝を m(_ _)m
 
 以下に独自の改造を紹介しながら説明していますので、 本サイトの TagCloudを参照されながら読んで頂くと判りやすいかと思います。
 

tagsample02.jpg

 
 記事分類の新たな切り口として先日、本サイトにも導入してみた TagCloud ですが、 JavaScript の実力にビックリしたことを糧に、今回、これを JavaScript を用いてパワーアップしてみました。 Google Maps には遠く遠く及びもしませんでしたが、その一部を真似てスライダコントロールモドキを導入し、また、タグのソート順を自由に切り替えられるようにもしてみました。

 
 
『参考記事』
Tagwire Plugin - OgawaMemoranda
TagCloudをJavaScriptでパワーアップ - Open MagicVox.net

space
HOMENews BlogsWeb2.0/Ajax | April 2, 2006 |  twitter Livedoor Buzzurl はてな Yahoo!ブックマーク人が登録
space


space Entries of this Category
space

  Next >> Six Apart、TypePadに機能追加できるウィジェット発表 >> 

Six Apartは、ブログASP「TypePad」に機能を簡単に追加できるようにするためのウィジェットイニシアティブ、「TypePad Widgets」を開始したと発表した。...»この話題を見る…


  Previous << 『アフィリエイト』Affiliate運営の秘訣!記事の書き方、広告の貼り方 << 

アフィリエイトサイト『Affiliate』の運営には具体的にどういった記事の書き方、広告の貼り方をすれば、クリック率・売上げが上がるのでしょうか。   ... »この話題を見る…


space
space
Welcome to knowledgeBase  Blogs  ▲TOP