お役所のデータで消耗するのはもうごめん。データ分析ツールExploratoryを使って、お役所の汚いデータをスクレイピングからビジュアライズまでしてみた

##はじめに

データ分析ツールExploratoryのユーザ様から、以下のような質問メールが届いたのが事の発端です。




>Quittaなど、どれも興味深い記事で楽しく拝見させていただいております。

>Exploratoryを使っているのですが、スクレイプしたいデータの一つ一つがタイトルごとに分かれてしまいます。
スクレイプしたい段階で、一つのデータにまとめる方法はありますか。
ご回答いたただけると幸いです。


####問題点

ユーザーが抱えてる問題をもっと理解するために、スクリーンショットとタイトルごとに分かれてしまうデータのリンクを送って頂き、自分の環境でも試してみました。

こんな感じのページで、リンクは[こちら](http://search.e-gov.go.jp/servlet/Public?CLASSNAME=PCMMSTLIST&Mode=2
)です。


![public_data.png](https://qiita-image-store.s3.amazonaws.com/0/91522/581fc871-65a1-4c17-4d6c-55744f713e92.png)


このページをExploratoryのScrape Web Pageからデータをインポートしてみます。

![scrape_web_page.png](https://qiita-image-store.s3.amazonaws.com/0/91522/6fff30c5-a2e0-2c0b-176a-63d9897e301a.png)



すると、このような形でデータをスクレイピングしてしまいます。

![problem_data.png](https://qiita-image-store.s3.amazonaws.com/0/91522/888568d0-b8eb-fcae-a345-fe8db9e411f1.png)


見ていただけると、おわかりかもしれませんがこのままだと問題が3つあります。

- テーブルがタイトルごとにわかれてしまっている
- 結果の公示日を表す7月21日が行ではなく、列になっている
- 「外国為替、貿易／貿易」　や　「【案件番号：595116050】  「平成２８年度「水産物」「こんぶ」及び「ばら干しのあおのり及びひとえぐさ」の輸入割当てについて（案）」に対する意見募集の結果について」　などの情報がスクレイピングできていない


Exploratoryだと、データ分析だけでなく、Import by Writing R scriptという機能を使えば、こういった複雑で汚いウェブ・ページからデータを思い通りにスクレイピングしてくることができたり、さらにはその後のデータの加工もデータ分析しながら簡単に出来るといことなので、早速やってみました。スクレイピングして、整形した最後にはデータを簡単にビジュアライズしてみたいと思います。


##自分の欲しいフォーマットでデータをスクレイピングする

Exploratoryでは、Import by Writing R scriptというところから、自分でRのプログラムを書いていくことができます。この機能を使うと、先ほどの、titleごとに分かれてしまい思うようにスクレイピングできなかったデータも、titleごとにテーブルをわけないで、スクレイピングしていくことができます。

![import_by_writing_script.png](https://qiita-image-store.s3.amazonaws.com/0/91522/6747c3fe-09ce-4c2b-e738-386b93009e66.png)


今回、ここに書いたコードは以下です。このスクレイピングのために書いた詳しい解説は、また別の記事に書きたいと思います。

```
#Custom R function as Data.
sample_2_pages.func <- function(){
loadNamespace("httr")
loadNamespace("rvest")
loadNamespace("dplyr")

res_list <- lapply(seq(4), function(i){
  httr::GET("http://search.e-gov.go.jp/servlet/Public", query=list(CLASSNAME="PCMMSTLIST", Mode=2, Page=i-1))
})

tables <- lapply(res_list, function(res){
  main <- rvest::html_node(httr::content(res, encoding = "Shift_JIS"), "#main")
  children <- rvest::html_children(main)
  result_list <- list()
  current_tag <- ""
  for(child in children){
    tag <- rvest::html_tag(child)
    if(tag == "h2"){
      current_tag <- rvest::html_text(child)
    } else if (tag=="table"){
      caption <- rvest::html_text(rvest::html_node(child, "caption"))
      table <- rvest::html_table(child, fill = TRUE)
      result_list[[length(result_list)+1]] <- dplyr::mutate(table, label=current_tag, caption=caption)
    }
  }
  do.call(rbind, result_list)
})

do.call(rbind, tables)

}

```

データがうまくスクレイピングされていることが確認できたので、Saveボタンを押します。

![sample_2_pages.png](https://qiita-image-store.s3.amazonaws.com/0/91522/febaf3a5-b6f2-9f41-3b4d-4f39bdb43168.png)


サマリー画面でデータを確認することができます。

![summary_sample_web.png](https://qiita-image-store.s3.amazonaws.com/0/91522/247b890c-1d58-0e92-c856-9bb41caa99ef.png)



これで、以下の問題点を解決した状態で、データをスクレイピングしてくることができました。

- テーブルがタイトルごとにわかれてしまっている
- 結果の公示日を表す7月21日が行ではなく、列になっている
- 「外国為替、貿易／貿易」　や　「【案件番号：595116050】  「平成２８年度「水産物」「こんぶ」及び「ばら干しのあおのり及びひとえぐさ」の輸入割当てについて（案）」に対する意見募集の結果について」　などの情報がスクレイピングできていない


##データを整形する

とはいっても、このままでは列も行も整備されていないので、何のデータなのかよくわからないですし、分析やビジュアライズもしていくことができません。これから、いくつかの関数を使って、データを整形していきましょう。

###不要なデータを取り除く

####問合せ先（所管府省・部局名等）というデータを取り除く

filter(X1!="問合せ先（所管府省・部局名等）")

![filter_pulbic.png](https://qiita-image-store.s3.amazonaws.com/0/91522/f9190223-b0d8-facd-8e98-bdf996084bf4.png)


まず、問合せ先（所管府省・部局名等）というデータがいくつかありますね。このデータは使わないとのことなので、フィルタリング関数を使って、取り除きましょう。もし、フィルタリング関数について詳しくない方は、[こちら](http://qiita.com/21-Hidetaka-Ko/items/117caea621562f05ffe1
)の方で、dplyrの文法であるフィルタリングについて詳しく解説しているので、よかったらご覧ください。

問合せ先（所管府省・部局名等）は、X1列にあるので、X1列のヘッダーをクリックしてFilterコマンドを選び、!=を選びます。

![filter_uuuuuuu.png](https://qiita-image-store.s3.amazonaws.com/0/91522/34966364-b1a0-884d-76e3-e691fc4cb6a0.png)


すると、自動的にfilter(X1 != )が入力されると同時に、フィルタリングしたい行がレコメンドされます。

![fillter-eeeeeee.png](https://qiita-image-store.s3.amazonaws.com/0/91522/9b13e0aa-ff7a-016b-f111-f73de24d21af.png)



そして、その中から"問合せ先（所管府省・部局名等）"を選び、Runボタンを押します。

![filter-result.png](https://qiita-image-store.s3.amazonaws.com/0/91522/01d8106d-015e-9d7a-4998-305f72ac33e2.png)


問合せ先（所管府省・部局名等）というデータという行を取り除くことができましたね。


####文頭の\t\t\t\t\t\t\t\tのような余計な文字を取り除く

caption列を見てみると、文頭に余計な文字が混じってしまっているのを確認できますね。

![caption-clean.png](https://qiita-image-store.s3.amazonaws.com/0/91522/40acbeef-11b5-13e5-5bb9-03fd0c9306ce.png)


これから、これを取り除いていきましょう。そのために、caption列のヘッダーをクリックしてWork with Text functionを選び、Clean Textを選びます。

![clean_text-ttttttttt.png](https://qiita-image-store.s3.amazonaws.com/0/91522/10420559-7c91-8133-f811-c06e0c2cd809.png)


すると、自動的にmutate(caption = str_clean(caption))が入力されます。そして、Runボタンを押します。

![cleand-caption.png](https://qiita-image-store.s3.amazonaws.com/0/91522/ec70316f-2dc0-0571-5455-23c6f1a2f2e9.png)


これで。\t\t\t\t\t\t\t\tのような余計な文字を取り除くことができましたね。


###gatherとspreadを駆使して、列と行を入れ替える

X2とX4列を見てみると、日付を表す行が別々になっていますね。

![explain-gather.png](https://qiita-image-store.s3.amazonaws.com/0/91522/c8ea58cf-811c-dccb-3ab3-cd0d3f06f695.png)


なので、これを同じ列に揃える必要があります。そういうときは、gather、spread関数が便利です。これらの関数を簡単に説明すると、

- gather：複数の列を、１つの列にする。
- spread：１つの列をカラム名、１つの列をセルの値にする。

説明だけだと、ピンとこないかもしれませんね。データを整形しながら、具体的に説明していくので、見ていってください。

まず、gather(column_name1, date, X2, X4)と入力します。これは、X2とX4の列の値をcolumn_name1という１つの列に、X2とX4の列の値をdateという1つの列にすることを意味します。。

![gather_explain2.png](https://qiita-image-store.s3.amazonaws.com/0/91522/edd49824-d4a8-2ce6-19d9-4795d21ba2f9.png)


次に、同じように、gather(column_name2, date_label, X1, X3)と入力します。

![gather_explain4.png](https://qiita-image-store.s3.amazonaws.com/0/91522/3dff3693-8da7-d732-3894-bff05981e8d1.png)



これで、バラバラに列や行が分かれていた「結果の公示日」などの日付のタイトルと日付を同じ列と行にまとめることができました。

あれ、でも同じ日付のタイトルや案件番号やデータの概要なのに違う日付のデータがありますね。

![gather-explain9.png](https://qiita-image-store.s3.amazonaws.com/0/91522/f57f45ad-26df-2504-e8e2-3a8b3ac84abc.png)



どちらが正しい日付なのでしょうか？　もう一度ページと照らし合わせてみます。

![gather-explain10.png](https://qiita-image-store.s3.amazonaws.com/0/91522/25479528-db81-fe34-fe12-0cd67400d968.png)


2016年07月21日のほうだということがわかりました。これと同じような例がいくつもあります。しかし、正しい日付を示しているときに共通していることは、column_name1が"X2"且つcolumn_name2が"X1"、もしくは、column_name1が"X4"且つcolumn_name2が"X3"の時なのです。なので、フィルタリング関数を使って、正しい条件でフィルタリングしましょう。

filter((column_name1=="X2" & column_name2=="X1") | (column_name1=="X4" & column_name2=="X3"))と入力します。


![filter-gather-filter.png](https://qiita-image-store.s3.amazonaws.com/0/91522/e49e49c5-e810-a955-2ab0-eb6db1382153.png)


これで、正しい日付だけのデータを取り出すことができました。

次に、date_label列にまとめて入っている、結果の公示日、命令等の公布日、意見公募時の案の公示日、意見・情報受付締切日、提出意見数を列にばらけさせて、それぞれに対応する日付を行に入れる必要があります。そういうときは、spread関数が使えます。spread関数を使うと、指定した行を列にばらけさせることができます。

![duplicate-spread.png](https://qiita-image-store.s3.amazonaws.com/0/91522/666533a7-39dd-352d-2d60-ced9132d531e.png)


あれ？　エラーになりましたね。エラー文を見てみると、全く同じ行の名前があるからのようです。なので、distinctコマンドを使って、重複してる値を取り除き、ユニークな値だけを残しましょう。

label列のヘッダーをクリックしてdistinctコマンドを選びます。

![distinct-public.png](https://qiita-image-store.s3.amazonaws.com/0/91522/a0dfe1ac-8777-0738-b99b-b23ba4fb0b59.png)


すると、自動的にdistinct(label)が入力されます。caption, date, date_labelも加えて、Runボタンを押しましょう。

そして、もう一度spread(date_label, date)を入力してRunボタンを押してみます。

![spread_public.png](https://qiita-image-store.s3.amazonaws.com/0/91522/37018b74-ef1f-134d-41fa-4209135840c8.png)




これで、データをうまく整形することができました。



##簡単にビジュアライズする

データがある程度整形できたので、今度は、データを簡単にビジュアライズしてみましょう。

###提出意見数から数字だけを取り出す

チャート画面に行って、X軸をlabel,Y軸を提出意見数に設定してみます。

![spread_public.png](https://qiita-image-store.s3.amazonaws.com/0/91522/90b4a2ed-4d7e-c7cd-d576-6efbd24caca7.png)


あれ？　提出意見数の合計や平均などを計算できませんね。これは、提出意見数が、数字だけではなく、「件」という余計な文字がはいっているからなんです。extract_numericという関数を使って、余計な文字を取り除きましょう。

提出意見数列のヘッダーをクリックしてConvert to Numberを選びます。

![conver_to_number.png](https://qiita-image-store.s3.amazonaws.com/0/91522/88f64990-563a-1d2b-c7a7-d6829079dedb.png)


すると、自動的にmutate(提出意見数 = extract_numeric(提出意見数))が入力されます。そして、Runボタンを押しましょう。

![without-ken.png](https://qiita-image-store.s3.amazonaws.com/0/91522/127edb0b-a66b-1295-4228-bbb9792a78f3.png)


これで、数字だけを取り出すことができたので、ビジュアライズで合計などを出すことがきるようになりましたね。

![ken-chart-sum.png](https://qiita-image-store.s3.amazonaws.com/0/91522/55455bb5-0b11-1feb-7627-35dbe906bddb.png)


###日付のデータタイプをcharacterからDateに変更する

次に、命令等の公布日をX軸に、Y軸を提出意見数に設定してビジュアライズしてみましょう。

![month-daily-can't.png](https://qiita-image-store.s3.amazonaws.com/0/91522/55763911-c9e8-f7b1-20d0-8d6dc0a33af8.png)


あれ？　今度は、同じ月がいくつもあったり、月ではなく年だけで区切ったりということができませんね。これは、日付に漢字などが入っているため、データタイプがcharacterになっているからなんです。Date関数を使って、データタイプをcharacterからDateに変えましょう。

![day-character.png](https://qiita-image-store.s3.amazonaws.com/0/91522/f9eee81a-3db7-f537-c9c1-761e3bf47114.png)


意見・情報受付締切日のヘッダーをクリックしてCovert to Date/Timeから2015年12月24日の順番通りになるように、Year,Month,Dayを選びます。

![conver_to_number.png](https://qiita-image-store.s3.amazonaws.com/0/91522/57d79949-1e52-e90f-ae3a-d29618fb67fc.png)


すると、自動的にmutate(`意見・情報受付締切日` = ymd(`意見・情報受付締切日`))が入力されます。そして、Runボタンを押しましょう。

![data-congrat.png](https://qiita-image-store.s3.amazonaws.com/0/91522/f308e8c3-c139-fe04-12f6-fd07239b098c.png)


命令等の公布日、意見公募時の案の公示日、意見公募時の案の公示日、結果の公示日も同じようにします。

![date-all.png](https://qiita-image-store.s3.amazonaws.com/0/91522/1efef43f-9ad7-598e-03e2-0a85fcd51632.png)


これで、データタイプをDateに変更することができたので、ビジュアライズで合計などを出すことがきるようになりましたね。

![chart-all-day.png](https://qiita-image-store.s3.amazonaws.com/0/91522/39aca93b-3cca-11ff-5fb0-713e2508cf60.png)



Date関数について詳しくない方は、[こちら](http://qiita.com/21-Hidetaka-Ko/items/1645d89683e312f4d65c
)の方で、dplyrの文法であるDate関数について詳しく解説しているので、よかったらご覧ください。


##最後に

最初は、途方も無く思えたお役所の汚いデータも、Exploratoryを使って、簡単にうまく整形し、ビジュアライズまで対話的に実現することができましたね。

Exploratoryでは、こうやって分析していったデータを使ったステップ、チャート、R scriptといっしょにシェアすることができます。

チャートといっしょにシェアするときは、チャートのShareボタンを押します。

![share-data-public.png](https://qiita-image-store.s3.amazonaws.com/0/91522/da95dacd-337e-b375-ca90-be9eb63eb5ff.png)


パラメータをそれぞれ入力し、Shareボタンを押します。

![share-with-data-public.png](https://qiita-image-store.s3.amazonaws.com/0/91522/3e341926-90ae-2c7c-6343-8c8714d34d4d.png)


これで、シェアすることができました。

![open-data-share.png](https://qiita-image-store.s3.amazonaws.com/0/91522/0f72641d-d12f-e479-6521-022c366758d9.png)



[こちら](https://exploratory.io/viz/Hidetaka-Ko/92fb96d0b8e7?cb=1469082547910
)から、実際に、上記のようなぼくのデータ分析のステップを見ることができます。

データの再現性がとても高いです。この機能を使えば、共同で誰かと分析していくとき役に立つこと間違いないでしょう。


Exploratoryには、Writing R scriptというところから、Rのプログラムを書いていけるので、柔軟性が高いです。
なので、質問やご要望などがあれば、Exploratoryの日本ユーザー向けの[Facebookグループ](https://www.facebook.com/groups/1087437647994959/members/
)を作っているので、遠慮無くこのグループから投稿してください。今回のように対応致します。


##興味を持っていただいた方、実際に触ってみたい方へ

Exploratoryは[こちら](https://exploratory.io/
)からβ版の登録ができます。こちらがinviteを完了すると、ダウンロードできるようになります。


ExploratoryのTwitterアカウントは、[こちら](https://twitter.com/ExploratoryData
)です。

分析してほしいデータがある方や、データ分析のご依頼はhidetaka.koh@gmail.comまでどうぞ