はてなブックマークウィジェットで、生成されたスクリプトを貼って出力しています。生成コードはこんなん。"hatenadiary";Hatena.BookmarkWidget.load();</script>つまり、この表示に使っているデータをJSONPで取得したい。このウィジェットで生成されるHTMLにCSSを適用しても、そこそこ満足はできそうだけど、どうせならナマのデータを取得して好きなようにしたいところ。欲しい内容はこれと同じはてなブックマークに登録された自分のサイトのエントリー(ページ)一覧http://b.hatena.ne.jp/entrylist?sort=count&url=http://havelog.ayumusato.com&mode=rssで、形式はRSSだが、内容的には欲しいデータと一致する。ウィジェットの中身を観察そもそもウィジェットはどこからデータを取得しているのだろうと、http://b.hatena.ne.jp/js/widget.jsを開けてみて、jsonで検索してみると...。}};いかにもJSONで返してくれそうなリクエスト先を発見。http://b.hatena.ne.jp/entrylist/json?sort=count&url=http://havelog.ayumusato.comで、期待通りにJSONで返してくれることが判明。次回はこれを加工しますそんな感じで、JSONPで返してくれるリクエストURLを見つけたので、次回はこれを好きに加工する。ATNDのAPIとか、TwitterのSearchAPIあたりと一緒に、JSONPをゴニョゴニョするjQueryをば。セミナー&ワークショップ資料公開JavaScriptよ。文明を捨て、自然に還れ。Sato又の名をあほむ。名古屋と渋谷を反復横跳びするWebフロントエンドエンジニア。Web関連技術をアレしたり温泉に浸かったりします。