かずきち。の日記

サーバサイドエンジニアのつぶやき

ブクログの本棚登録はバーコードから一発登録してブログに表示しよう

ブクログの本登録がおうち時間に持ってこい

コロナの影響でお家時間が増えた方も多いかと思います。


今日はこんなブログパーツを表示させる方法について解説します。
まず自分が持っている本が出てきていますが、どのようにして登録しているのでしょうか?
自分でAmazonから探すということはしていません。

ブクログに登録する

booklog.jp
引用:
https://booklog.jp/

ここでアカウントを登録して自分のウェブ上の本棚を作ります。
新規登録から登録をしてください。

ブクログアプリを携帯電話に入れる

iPhone

apps.apple.com

Android
play.google.com

それぞれの携帯電話のOSでアプリが出ているので、このアプリをインストールしましょう
アプリのインストールができたら自分の本棚を作る準備は完了です。

アカウントを作ったら本を登録しよう

f:id:kazukichi_0914:20210224200557p:plain
引用:
https://booklog.jp/iphone

自分の家にある本のバーコードを読み取っていくとどんどん本棚ができていきます。
本の感想を書いたり、ほんの読書の状態を記録します。
そうすると自分の本棚が完成します。


こんな形でブログに本棚を出せるようになるんです。
あとは自分の本棚をブログなどに掲載ができるのですが…

2019年5月を持ってオフィシャルのブログパーツの提供は終了しています。

booklog.zendesk.com

でもご安心ください。
サードパーティ製のjsで本棚のブログパーツが作れます。
下記スクリプト

<script type="text/javascript"
src="https://widget.booklog.jp/blogparts/js/booklog_minishelf.js?wood_disp"
id="booklog_minishelf"></script>
<script type="text/javascript"
src="https://api.booklog.jp/json/asasikibu?category=kazukichi0914&count=40&callback=booklog_minishelf"></script>

ここでcategory=に入れるのは自分のIDです。
確認方法は

f:id:kazukichi_0914:20210224201858p:plain

f:id:kazukichi_0914:20210224204017p:plain

ブクログ右上の歯車マークを確認すると自分のIDがわかりますので、ここを置換しましょう。
このjavascriptのタグを本棚を表示したい場所に埋め込みます。