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

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

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

Index

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

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

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

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

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

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

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

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

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

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