JavaScript: ブクログの非公式 API を使って本の情報を取得・表示する jQuery プラグイン

ブクログ - web本棚サービス

JavaScript お勉強メモ。jQuery のプラグイン化してみるお勉強の記録その2です(目標達成まであと8つ)。

随分前に「ブクログのAPI(非公式)を使って本の情報をjQueryで取得してみた」ていうのを書いたけど、今ならもう少しだけ綺麗に書けるようになった気がするので書きなおしてみました。


Index


jquery.akBooklog の Demo

See the Pen by akey (@akey) on CodePen.

jquery.akBooklog のこと

非公式 API を使用しているので、使用の際は個人的な目的の範囲で && 自己責任でお願いします mm

指定したセレクタ内に本の画像とタイトルを出力するプラグインです。デフォルトではブクログ公式アカウントの本棚情報を出力します。

自分の本棚情報を表示

ブクログのユーザーアカウントが必要です。ユーザーアカウントを booklog_id にセットして渡してください。

$('#novels').akBooklog({
  booklog_id: 'urakey' // ブクログのユーザーアカウント
});

リンク先のこと

Amazonアソシエイト ID を渡すと、リンク先がブクログから Amazon に変わります。

ただし、ブクログに登録されている本が ASIN 情報を持っていない場合はブクログのページがリンク先になります

$('#novels').akBooklog({
  amazon_id: 'hogehoge-22' // Amazonアソシエイト ID
});

jquery.akBooklog の Options

オプションは ここ にまとまっています。


レイアウトは CSS で自由に変更できるように、プラグイン側には持たせていないけれど、そもそも DOM 自体自由に出せたらいいのに・・・と思うので、どうやったらできるのか考え中(´∀`*)

Share

Comments