なんかできたよー。

Web系Tipsを適当につづるBlog.

ブクログのデータを使って何か初めてみたい人用コード(jQuery)

さいしょに

blog用に何か作ろうと思ってましたが、やっぱりやめたので、コードだけ公開します。

もともとこの記事見て「ブクログのAPI(非公式)を使って本の情報をjQueryで取得してみた」始めてみようと思ったので、気になる方はおすすめです。

コード

一覧化するだけのコードなのでいじりやすいと思います。

実行例はここ jsFiddle

outputHTML = ''



createHTML = (book)->
  html = """
  <li>
    <a href="#{book.url}">
      <img src="#{book.image}">
    </a>
  </li>
  """
  outputHTML += html
  return



$ ->

  userID = 'tuki0918x'
  url = 'http://api.booklog.jp/json/' + userID + '?callback=?'

  params =
    category: 0
    status: 3
    count: 100

  $.getJSON url, params, (data)->
    console.log data
    books = data.books
    if books.length
      console.log 'item get'
      for book in books
        if book.id
          createHTML book
      $('#bookList').html('<ul>' + outputHTML + '</ul>')
    else
      console.log 'item none'
    return
  
  return

 

変更する箇所

# アイテム毎のHTML作成。 console.log参考に

createHTML = (book)->
  html = """
  <li>
    <a href="#{book.url}">
      <img src="#{book.image}">
    </a>
  </li>
  """


# 自分のアカウント。 http://booklog.jp/users/【ここ】

  userID = 'tuki0918x'


# 所得したいデータの条件。 ブログパーツ作成で出来たjsのurl参考に
この場合は、「すべてのカテゴリ」、「読み終わった本」、「100件所得」
※ count の数が登録件数より多いと空の配列だけ返ってくるので、「if book.id」でチェックしています。

  params =
    category: 0
    status: 3
    count: 100

 

さいごに

何か良いアイデア思いついたら何か作るかも…。