はてブでタグクラウド タイトル

日本の首相演説のタグクラウド および US Presidential Speeches Tag Cloud に触発されて、はてなブックマークのタグを時系列で並べてみたらおもしろいかも！と思い、作ってみました。

「あー、このころは、こんなことに夢中だったんだ」と、意外な再発見があるかもしれません。

サンプルとして、私のタグクラウドを表示してます。自分のタグクラウドを表示させることもできますので、試してみてくださいね。

自分の「はてブ タグクラウド」を作成しよう

  1. エクスポート用の Atom フィード をクリップボードにコピーします。
  2. 下のテキストエリアに貼り付けて、読み込みボタンを押します。

    • ちゃんとした XML である必要はありません

      ブラウザが出力する '-' などの記号が入っていても OK です。

    • ブックマークが1000以上ある人は1000個ずつぐらいに区切って貼り付け・変換したほうがいいかもしれません

      読み込みにはあまり時間がかかりませんが、大きな文章の貼り付けには時間かかってしまうようです(特に IE)。
  3. 集計結果が上のリストに表示されます。

自分のホームページにも貼り付けられます

  1. 「JSON 出力」ボタンを押して、中身を data.js として保存します。文字コードは UTF-8 にしてください。
  2. htbcloud.zip をダウンロードして解凍します。
    • htbtagcloud.js の冒頭の id に自分を設定すると、自分の はてブ ページへのリンクになります。また、タグクラウドのサイズも調整できます。
    • ページデザインにあわせて CSS を書き変えてみるのもいいかもしれません。
    • htbtagcloud.html はファイル名を変更しても動きます。別の HTML に該当部分のソースだけを貼り付けても OK です。prototype.js 1.4 のバージョンには注意。
  3. data.js と上記 htbcloud.zip の中身を同じフォルダにアップロードします。