14:32パーマリンクJavaScriptの勉強その4。TopsyのAPIを使ってTwitterでの自サイト注目エントリーをランキング形式で表示したい。今回デモページはありません。JSONPサイトごとの注目エントリーのJSONPはhttp://otter.topsy.com/search.js?q=site:example.comで取得できます。パラメータなどは下記のリンク先を参照してください。Code並び順はTopsyが出したスコア順なので、Tweetの多さ順にならない場合もあります。JSONPは以下のようなものになります。今回はYahoo!ニュースを全期間指定で取ってみました。}});これから必要なものを抜き出して使います。jQuery上記のデータをol要素とli要素でマークアップして、指定のid内に表示します。twiRank);});opt.delを入れたのは、ブログなんかだと各タイトルにブログ名が入るので自分のサイトに置いた場合に見た目が悪くなるからです。Building'を指定して、エントリーのタイトルのみに置換します。パラメータ用に整形と書かれている箇所について。http://があったからといって問題はないんですが、念のため消しています。URLの最後のスラッシュがあると上手く検索されないようなので、それも消しています。他の2つは指定できるもの以外のパラメータを入れられた場合のデフォルト値。指定するならいらないと思います。データ量が多いので、他にも色々できそうです。このコードを使う場合、見た目はclass名とか適当につけて自分でスタイル指定してね。本当はプラグインに挑戦してみようと思ってたんですが、これでいいのか不安なのでやめておきました。自信が持てたら作ります。Requestを送るIssueを作成するTwitterでメンションする記事を共有TwitterFacebookPocketはてなブックマークLINEコンテンツホームブログこのサイトについて。