del.icio.usのブックマークした記事リストを表示させる、よくあるリンクロールのページを作りました。今回は勉強という意味でJSONに挑戦することに
3ping.orgさまのページにBookmarkリストを表示させるページがあったので、なんかいいなと思って作ってみることにしました。
さてdel.icio.usには、JSON feedsが用意されてまして、以下のページにて解説があります。
JSON Post Feedsについては以下のページに解説とサンプルコードが掲載されています。
追記：delicious.comになってからJSON Post Feedsの解説ページがなくなりましたので、かわりに以下のページを参考にしてください。
- Delicious Help Feeds
追記ここまで
おおまかな手順としてはじめに以下のURLを読み込ませておきます
<script type="text/javascript" src="http://del.icio.us/feeds/json/（ユーザ名）"></script>
なおデフォルトでは、15件の出力のようです。20件出力させるにはパラメータで「?count=20」のように指定します（デフォルトは15、最大100と説明に書いてあります）。
あとは、exampleのコードを参考に加工したりなんぞするわけです。
サンプルコードによれば、containerというidのつけられたDIVで括られた見出し要素のあとに、リストを追加するコードを記述しているようです。
ということで、作ったのが以下のページです。
JSONにtagについての情報が入っていましたので、それをもとにしてタグのリンクもつけるようにしてみました。