14:32パーマリンクJavaScriptの勉強その3。ブクログのブログパーツを見ていて気づいたんですが、データ自体はJSONPで取得しているようなので好きな形にできるんじゃないかと思ったので実際にやってみました。jQueryを使った簡単なデモページを作ったのでどうぞ。DEMOフォームのデータはデモページでデータを取得する以外には使っていません。アカウントを持っていない方は、とりあえず俺のアカウントpnrとでも入力してみてください。カテゴリーのIDはユーザーごとに違うみたいなので自分のアカウントページから探してください。本棚のカテゴリーページURLのcategory_id=???の数字部分です。俺のアカウントで試してみる場合は「Web系参考書」カテゴリの625920を使ってみてください。JSONPの取得ブログパーツ取得ページにいけば貼り付けコードに書いてありますが、JSONPはhttp://api.booklog.jp/json/アカウントで取れます。使えるパラメータは以下の通り。categoryカテゴリーIDを指定する。デフォルトは指定なし。0を指定するとカテゴリー指定なしになります。countいくつのアイテムを取得するか。現時点でのデフォルトは5でした。status読書状況。指定なし、もしくは0を指定するとすべての本。デフォルトは指定なし。その人が本棚に本を登録するときにつけたスター数。なし、もしくは0を指定するとすべての本。デフォルトは指定なし。本棚ページは昇順・降順でソートできるから、このAPIでもできるかと試してみたけど駄目でした。JSONPの中身データは以下のようなもの。ここでは自分のアカウントで上記の「Web系参考書」カテゴリーを取ってみました。}]}tana.nameは名前だけじゃなくて「○○さんの本棚」なので注意。カテゴリーを指定していない場合、category部分は空になります。本のデータはデータ名そのまま。books.widthとbooks.heightは画像の大きさ。widthはアイテムによって違いますが、heightは75で一定しているみたいです。books.catalogはBooksの他にDVDとか。ASINコードが入っているので、ちょっと加工すればAmazonアソシエイトリンクを作れます。それをやってみたのが以下のデモ。DEMOまた、ブクログのレビュー一覧ページのURLにもASINコードが使われているので、同様にレビュー一覧ページへのリンクも作れます。Requestを送るIssueを作成するTwitterでメンションする記事を共有TwitterFacebookPocketはてなブックマークLINEコンテンツホームブログこのサイトについて。