widget – booklog
色々と勉強になった。
<script
type="text/javascript"
src="http://widget.booklog.jp/blogparts/js/booklog_minishelf.js?
default"
id="booklog_minishelf">
</script>
<script
type="text/javascript"
src="http://api.booklog.jp/json/cerberos?
category=0&count=15&callback=booklog_minishelf">
</script>
まず
http://widget.booklog.jp/blogparts/js/booklog_minishelf.js
について。
html変数に色々書き込んで最終的にはdocument.write(html);してるみたいだ。
また、例えば、各イメージは、
http://widget.booklog.jp/blogparts/images/templates/default/top.gif
としているので、その気になれば、こちら側でbooklog_minishelf.jsを動かして全てオリジナルのイメージに置き換える事ができる。理屈では。
で、その後、for(var i = 0; i < books.length; i++)でvar books (= obj.books;)を回してるみたいな。
次に、
http://api.booklog.jp/json/cerberos
について。
引数付けて実行すると、何か変な文字列が取得できるが、これが噂のJSONというやつか。
XMLより簡易で(見た目が)分かり易い。
余談だが、jQueryとごちゃごちゃに理解していた。と言うか、今回初めてJSONが何物か認識した。
それはともかく、最初のbooklog_minishelf.jsがテンプレになって、実際のデータはhttp://api.booklog.jp/json/foovarでデータを取得してるのかと。
ナルホド。
なんだが、プログラムの実行順序として記述が逆じゃないの?という気がするが、実際の実行タイミングは2番目のJSON取得のcallback=booklog_minishelfあたりで実行されるのかどうかは勉強不足なので不明。
JSONが使えないと現実化はできないが(もしくはxmlでもできるならばそれに越した事は無い)、ブログパーツの一つのセオリーを見た気がするが、JSON取得のソースが見えないので、不完全な理解の状態ではある。