kimonoの使い方 基礎編

#kimonoのサービスは終了したようです
[WebスクレイパーサービスKimono LabsがPalantirに買収され、サービスは2月末に閉鎖へ](http://jp.techcrunch.com/2016/02/16/20160215palantir-acquires-kimono-labs-for-its-web-scraping-service/)

#kimono
さいきん、[kimono](https://www.kimonolabs.com)を使うことがあったので、ちょっと書いておこうと思います。
(書く意味なんかいらないくらい単純だけど、、、

*続き:[kimonoの使い方 クローラーの設定編](http://qiita.com/her0m31/items/cd6bf2ad22a7545a8111)

![スクリーンショット 0027-07-14 2.04.28.png](https://qiita-image-store.s3.amazonaws.com/0/31946/5e277cbd-bfeb-0c67-69b6-b08ef92c1517.png)

[kimono](https://www.kimonolabs.com)はサイトのスクレイピングしたい部分をクリックするだけでスクレイピングしてAPI化してくれるサービスです。

ちなみに[ボタンクリックだけでまとめサイトを作れるkimonoがすごい](http://qiita.com/s4shiki/items/2eeb5f9d3ceeab26a112)
を書いた人に[kimono](https://www.kimonolabs.com)を教えたのはわたしです。
思ったよりストックされてて悔しいとかじゃないよ(震え声)

#kimonoの準備

まずは、[kimono](https://www.kimonolabs.com)でスクレイピングするための準備。

[kimono](https://www.kimonolabs.com)は基本的にブラウザから使うことになります。

普段、chromeを使っているのであれば拡張機能([Install the kimono chrome extension](https://help.kimonolabs.com/hc/en-us/articles/203339070))が用意されているので、それを利用すると良いと思います。
他のブラウザであれば、ブックマークレット([Install the kimono bookmarklet](https://help.kimonolabs.com/hc/en-us/articles/203339080))が用意されているので、そちらを使います。

![スクリーンショット 0027-07-14 2.40.40.png](https://qiita-image-store.s3.amazonaws.com/0/31946/a48d90cf-ab7b-e89a-691b-c61ba4c4d807.png)


わたしは、safariを使っているので、ブックマークレットを使っています。
~~*機能面などに特に違いはないです。~~
2015/11/21 追記: 特に違いはないと思っていましたが、chrome拡張版でないとAuth APIの作成が行えないようです。
Auth APIの作成についてはまた別の機会にしようと思います。

#kimonoの基本
それでは、kimonoを利用してスクレイピングしてみます。
## 1.スクレイピングしたいサイトを開く
今回は、qiitaの[PHPに関する新着投稿](http://qiita.com/tags/PHP/items)のページにします。

![スクリーンショット 0027-07-14 2.57.36.png](https://qiita-image-store.s3.amazonaws.com/0/31946/58810147-de01-ebd1-49e4-b1812c29b004.png)
## 2.ブックマークレットを開く
ブックマークレット(chromeなら拡張機能)を開きます。

![スクリーンショット_0027-07-14_3_00_35.png](https://qiita-image-store.s3.amazonaws.com/0/31946/fa135399-3fee-56d5-1be1-25be84b486cd.png)

ちゃんと動いていれば、上に[kimono](https://www.kimonolabs.com)が出てきます。

##3.スクレイピングしたい部分を選択する
選択していきます。

![スクリーンショット 0027-07-14 4.15.52.png](https://qiita-image-store.s3.amazonaws.com/0/31946/673dbbfb-ecc0-2399-9087-bd6eae037d8c.png)

あとは上部のDoneを押せばスクレイピングは完了です。

##4.スクレイピングした結果の取得

Doneを押すと生成されたAPIの管理画面へのURLが表示されます。
そのURLへ行くと以下のような画面になると思います。

![スクリーンショット 0027-07-14 3.39.44.png](https://qiita-image-store.s3.amazonaws.com/0/31946/4357448d-9e06-6d6c-a10b-412360f6f4a2.png)

API DOCSタブを選択します。

![a.png](https://qiita-image-store.s3.amazonaws.com/0/31946/afaafa13-79fe-9ea4-080c-ac5eafed3369.png)

すると、CODE SAMPLESとして、curl, jQuery, PHP, Pythonなどのサンプルコードをみることができます。
結果はJSON形式で受け取ることができます。

今回は、確認なので、curlを使います。


ターミナルにコピペして、、、、
![スクリーンショット 0027-07-14 3.57.56.png](https://qiita-image-store.s3.amazonaws.com/0/31946/1baf9252-dc5d-2194-4231-9025dfb64248.png)

![スクリーンショット 0027-07-14 4.10.58.png](https://qiita-image-store.s3.amazonaws.com/0/31946/131c6821-6780-fe94-f155-331adfc88afe.png)

　　　　/＼＿＿_／ヽ　 　ヽ
　　 ／　　　　　::::::::::::::::＼　つ
　 . | 　,,-‐‐　 　　‐‐-､　　.:::|　わ
　　|　 ､_(o)_,:　 _(o)_, 　　:::|ぁぁ
. 　 |　　　　::<　　 　 .::|あぁ
　　 ＼　 /( [三] )ヽ 　::／ああ
　　　／｀ー‐--‐‐―´＼ぁあ

ちなみにDATA PREVIEWタブからもデータが確認できるので、ちゃんとスクレイピングしたか確認したいぐらいならDATA PREVIEWをみると良いです。表示形式もいくつか選べます(excel, json, rss)

#おわり
kimonolabsの基礎編でした。

*続き:[kimonoの使い方 クローラーの設定編](http://qiita.com/her0m31/items/cd6bf2ad22a7545a8111)