2010年8月記事の一覧

Twitter のウィジェットを任意のタイミングでロードする方法

技術 (Javascript) のお話です。

Twitter が公式サイトで配布しているウィジェットを使うと、自分のブログやサイトにタイムラインや検索結果を表示させることができます。

http://twitter.com/goodies/widgets

たとえばこんな感じ。

ですがこのウィジェット、Javascript が読み込まれたタイミングでタグを出力している(document.writeしている) ため、任意のタイミングで (非同期に) ロードすることができません。

で、なんかいい方法はないかなと思ってソースコードを眺めてみたら(*)、オプションに任意の id を文字列として指定してやることで、タグの出力をせずに指定された id に埋め込むようになっていました。

具体的には、

widget.js はあらかじめ読み込んでおく。 (<script src="http://widgets.twimg.com/j/2/widget.js"></script> は先に読み込まれるようにする)

埋め込みコードを任意のタイミングで実行する。このとき、 TWTR.widget()の引数に埋め込み先となる id を文字列で指定する。

/*
たとえば、 に埋め込む場合
*/
function loadTweets(){
  new TWTR.Widget({
    id: "tweets", // ← id パラメーターを追加する
    version: 2,
    type: 'profile',
    rpp: 4,
    interval: 6000,
    width: 250,
    height: 300,
    theme: {
      shell: {
        background: '#333333',
        color: '#ffffff'
      },
      tweets: {
        background: '#000000',
        color: '#ffffff',
        links: '#4aed05'
      }
    },
    features: {
      scrollbar: false,
      loop: false,
      live: false,
      hashtags: true,
      timestamp: true,
      avatars: false,
      behavior: 'all'
    }
  }).render().setUser('hajime').start();
}

以上で、任意のタイミングでウィジェットを実行させることができるようになります。

たとえば、動的に作成したノードにウィジェットを表示させたり、ウィジェットの作成を遅延実行させてページの読み込みを早くさせたい場合なんかに使えると思います。試してみてください。

であ、また。

(*) どっかにドキュメントがありそうですが、見当たらなかったので・・・

続きを読む "Twitter のウィジェットを任意のタイミングでロードする方法" »

Google トレンドキーワードを色々調べる UmUUmU を作りました

http://umuumu.net/

UmUUmU は、Google トレンドで流行のキーワードを色々調べられるサイトです。
Wikipedia の記事や Google 画像、動画検索、Twitter での話題なんかを手軽にチェックできます。

なんか気になるキーワードについて、うむうむなるほどと納得できればいいなと思って作りました。

新着のキーワードをつぶやく bot (@umuumu_net) も居ますので、もしよろしければフォローしてみてください。

であ、また。

Ranqs という Twitter のデイリー Amazonランキングを作りました。

先日の Textt に続き、今日は Ranqs というページをリリースしました。

Ranqs は Twitter でつぶやかれた Amazon.co.jp の商品のラインキング(前日分)を毎日集計して掲載するサイトです。

実際に見て触っていただけるとお分かりになるかと思いますが、カーソルキーの上下でぺらぺらと商品をめくって見ていける作りになっていますので、ちょっとしたウィンドウショッピング感覚でチェックしてもらえればいいかなと思っています。

こちらも、Textt 同様ちょっとずついじって改良していこうと思っていますので、どうぞよろしくお願いします。

であ、また。

Textt というサービスをリリースしました

今日付けで Textt というサービスを正式にリリースしました。

Textt は名前の通り単純にテキストを記録しておくためのサービスです。
機能自体もとてもシンプルで、1つのテキストに複数の文章をタイトルつきで追加していく形で記録していくだけです。
テキストは非公開に設定できますし、逆に他の人に公開することもできます。

文章の内容には文字の装飾などのいわゆる書式を指定する機能はありません。
あくまでシンプルに文字の情報だけです。
Twitter の文字長い版？とか、劣化ブログ？といった印象ですが、感覚的には Jottit や posterous に近いかもしれません。
この辺りには色々と背景があるのですが、それはまたどこか別の所で書きます。

ちなみにテキストは普通の Web での閲覧に加えて、いわゆるプレーンテキスト、RSS、PDF、ePub 形式で出力することもできます。

ただ、PDF と ePub は現時点ではおまけと思ってください。
細かい構成とかは指定することもできませんし、様子を見て機能を引っ込めたりするかもしれません。
ちょっと流行りに乗ってみたかっただけです。

ちなみに作ったきっかけは、「こういうのが欲しかったから。」
すごいシンプルなんですけど、ありそうでなかったんです。
わりとそれをそのまま形にしています。

この先の展開も色々考えてはいるんですけど、まずは最初の一歩ということで、どうぞよろしくお願いします。

あ、そうそう。Twitter、Tumblr 対応クライアント(前置き) Multtiple も最新版の 0.3.1 が出ておりますので、こちらもどうぞ。

であ、また。

Yaks