ブクログのブログパーツAPIで遊んでみた
公開:
更新:
JavaScriptの勉強その3。
ブクログのブログパーツを見ていて気づいたんですが、データ自体はJSONPで取得しているようなので好きな形にできるんじゃないかと思ったので実際にやってみました。
jQueryを使った簡単なデモページを作ったのでどうぞ。
フォームのデータはデモページでデータを取得する以外には使っていません。
アカウントを持っていない方は、とりあえず俺のアカウントpnrとでも入力してみてください。
カテゴリーのIDはユーザーごとに違うみたいなので自分のアカウントページから探してください。 ブログパーツ取得ページにいけば貼り付けコードに書いてありますが、JSONPはhttp://api.booklog.jp/json/アカウントで取れます。 使えるパラメータは以下の通り。 本棚ページは昇順・降順でソートできるから、このAPIでもできるかと試してみたけど駄目でした。 データは以下のようなもの。 本のデータはデータ名そのまま。
本棚のカテゴリーページURLのcategory_id=???の数字部分です。
俺のアカウントで試してみる場合は「Web系参考書」カテゴリの625920を使ってみてください。JSONPの取得
category
デフォルトは指定なし。0
を指定するとカテゴリー指定なしになります。count
現時点でのデフォルトは5
でした。status
1
, 2
, 3
の数字。
指定なし、もしくは0
を指定するとすべての本。
デフォルトは指定なし。rank
その人が本棚に本を登録するときにつけたスター数。
指定なし、もしくは0
を指定するとすべての本。
デフォルトは指定なし。JSONPの中身
ここでは自分のアカウントで上記の「Web系参考書」カテゴリーを取ってみました。{
"tana": {
"id": "203839",
"account": "pnr",
"name": "\u307e\u3068\u308a\u3055\u3093\u306e\u672c\u68da"
},
"category": {
"id": "625920",
"name": "Web\u7cfb\u53c2\u8003\u66f8"
},
"books": [{
"id": "23070917",
"asin": "4839927081",
"url": "http:\/\/booklog.jp\/users\/pnr\/archives\/4839927081",
"title": "JavaScript\u30de\u30b9\u30bf\u30fc\u30d6\u30c3\u30af",
"author": "\u5c71\u7530 \u7965\u5bdb",
"image": "http:\/\/ecx.images-amazon.com\/images\/I\/41Ggo0kHVAL._SL75_.jpg",
"width": "57",
"height": "75",
"catalog": "Books"
},
{
......
}]
}
tana.name
は名前だけじゃなくて「○○さんの本棚」なので注意。
カテゴリーを指定していない場合、category
部分は空になります。books.width
とbooks.height
は画像の大きさ。width
はアイテムによって違いますが、height
は75
で一定しているみたいです。books.catalog
はBooksの他にDVDとか。
ASINコードが入っているので、ちょっと加工すればAmazonアソシエイトリンクを作れます。
それをやってみたのが以下のデモ。
ブクログのブログパーツで遊んでみる Amazonアソシエイト対応版 DEMO
また、ブクログのレビュー一覧ページのURLにもASINコードが使われているので、同様にレビュー一覧ページへのリンクも作れます。
以上で終わりです。