年末年始のお休みに、勉強がてら作ってみました。
これはなに？
Google Books API と Movable Type を組み合わせて構築した、書籍管理システムです。
ISBNコードを入力すると、Google Books APIからデータを呼び出し、Movable Type に書籍データを保存します。
実際の動作を動画にまとめてみました。
(動画中、バーコードリーダーを使っていますが、ISBNを直接入力しても使えます)
実際のコード
GitHub に公開しました。
Movable Type にテーマをインストール後、適用して再構築すると使えます。
- Data API (REST)を使って何か作りたい・練習したい
- Java Script の練習したい・勉強したい
- Movable Type のData API の活用例を何か作りたい
などから、作成してみました。
方針として、サーバーサイドスクリプト(php、Perl、Ruby、etc)は使わず、フロントエンドで完結するように実装しています。(html + JavaScript のみで実装)
jQuery+BootStrapで作ってます。
やっていること
やっていることは単純で、以下のとおりです。
- 入力されたISBNコードを使って、Google Books API へ問い合わせをする
- 返ってきたJSONデータをjQueryでパース
- Movable Type の Data API 経由で記事データとして登録
- Data APIを利用して、一覧・詳細ページを生成する
Google Books API について
Google が提供するAPIの一つです。世界中の著名な書籍をデータベース化しています。
日本の書籍は登録状況にばらつきがあり、著名なベストセラーでも登録されていないことがよくあります。
制限はありますが、APIキーを使わずにデータを取得することができます。
Movable Type について
シックス・アパートが開発・提供しているCMSソフトです。Data API と呼ばれるREST APIを実装しています。
https://www.sixapart.jp/movabletype/
http://qiita.com/TakeshiNickOsanai/items/060adba3214dc3bb509c
単純なコードなので、あまり説明の必要もないとは思いますが、追って少し解説を書いていこうと思います。
- その2:Data API のエンドポイントとJavaScript SDK の使い方
- その3:Data API でユーザー認証を行う
- その4:Google Books API からJSONデータを取得してjQueryで処理する
- その5:JavaScript を利用して Movable Type へデータを登録する
※ 未熟な作者・未熟なコードですので、なにかお気づきの点などありましたら、ご指摘いただけると幸いです。