Google データポータル で例のCSVを検索する

Google データスタジオ の日本での名前は、データポータル だそうです。

簡単にデータ検索サイトを作ろうと思った際に、個人的に第一候補はやはり、Glide（Glide Apps  ？正式名称はどっちなんだろう）です。

https://www.glideapps.com/

ところが、無料プランだと、扱えるデータが500件。
https://www.glideapps.com/pricing
（と書いていますが、600件までは表示されました・・・）

例のCSVを全部結合すると、約14,000件あって、とても足りませんでした。

次に候補として考えたのが、AppSheet。
https://www.appsheet.com/

これの面白さはこちらにも書きました。
[AppSheet ちょっと面白いかも](https://qiita.com/JQinglong/items/c318aa780be992bd15a1)

ただ、こちらはちょっと試してみたのですが、正しくデータ認識してくれず、そもそも、無料期間も過ぎているし、ということで断念。

そこで、ちょうど先週ちょっと調べていた、Google データポータル を使ってみることにしました。

## データポータル とは

そもそも、データポータルとは、Googleの提供するBIツールで、データを集計して、グラフ等で視覚化して、ダッシュボードで閲覧できるようにする、というようなものです。
そのデータソースとしては、さまざまなデータに対応しており、例えば、 Google アナリティクス と接続することにより、当該サイトの閲覧状況の集計等を行うことができたりします（もちろん、アナリティクスの機能の中で様々な集計・視覚化ができますが、その他のデータも組み合わせてダッシュボード化できるという使い方になるでしょうか）。

そして、当然、Googleスプレッドシート にも接続して、それをビジュアルに視覚化することができるわけです。

ただ、あくまでも集計するツールと考えた方が良いかなと思います。
今回やりたかったのは、単純なCSVデータを一覧表示できて、検索できるようにする、ということだったので、何ら集計の要素はありません。
集計の要素がないものを集計ツールで表示させるのは、やはりやりにくさはあります。ただ、最低限のことはでき、それを無料で使えるのはありがたいなということです。

## データポータルの使い方

基本的な使い方は、ヘルプを見て貰えば良いと思います。
[データポータルのヘルプ](https://support.google.com/datastudio)

また、ログインしてサービスに入ると、「チュートリアルのレポート」というのが用意されていて、それをガイドに従って加工しながら仕組みを理解していく、ということができます（英語ですが）。

ここで書くのは、集計しないで、データを一覧表示、検索させるための使い方です。

まずは、Googleドライブと同様の画面が表示されるので、空のレポートを新規作成します。

<img width="512" alt="スクリーンショット 2020-05-16 16.03.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/32c6b8ad-a909-d2eb-64cd-8f1943817f29.png">

そうすると、どのデータに接続するかを選択できるので、Google スプレッドシート を選択します。
<img width="512" alt="スクリーンショット 2020-05-16 16.05.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/20a2167c-de5f-edf0-1fb7-6b657c03e7f3.png">

選択すると自分が接続できるシートが一覧表示されるので、選択します。CSVのままだと選択できないようなので、一度CSVをGoogleスプレッドシートで開いておきます。

<img width="190" alt="スクリーンショット 2020-05-16 16.09.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/ea3033cd-fcc1-5c70-e53e-d37eb7fa0723.png">

なお、今回は、この事前作業が大変でした。日付間違いすらあり、今回の件とは別の問題として、ちゃんと検索できているのかなとか・・・。N○○さん、公開する気があるのかないのか・・・（いえ、公開してくれていてありがとう、なんですけど）。

で、その他のオプション等を指定して、データ接続追加を完了します。
すると、自動的に、一つの表がキャンバスに追加されています。
何度も繰り返しになりますが、集計ツールなので、集計表になっています。
ここは、自動的に判断してくれて、「時刻」という切り口によるデータ件数の集計表にしてくれたということです。
<img width="512" alt="スクリーンショット 2020-05-16 16.13.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/a093aee0-726e-3e20-486c-7e565bdf4b75.png">

では、集計表でなくするためには、どうすればよいか。
「ディメンジョン」というのが集計の切り口で、「指標」というのが集計する項目ですから、まず、指標は削除してしまいます。
カーソルを乗せると×印が出るので、それで削除です。

そして、ディメンジョンの方に、表示したい項目を追加します。
今回の場合は、「日付」「時刻」「内容」を表示させたかったので、そのようにします。
期間のディメンジョンというものは不要なので、そちらも削除します。

<img width="170" alt="スクリーンショット 2020-05-16 16.28.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/87cd8490-ec00-2baa-bbdc-0543b0deeeb4.png">

基本的には、以上です。

あとは見た目をもう少し整えます。

Googleサービスらしからず、スマホで見るとこのままの状態で見にくいので、フォントはかなり大きめにします。そして、キャンバスはこんなに幅がいらないので、小さくします（今気づきましたが、キャンバスのレイアウトで、表示モードを「幅に合わせる」にするとよいですね）。また、各行の行番号も不要なので削除して、長いテキストの場合もあるのでテキスト折り返しにします。この辺を「スタイル」で調整します。

<img width="180" alt="スクリーンショット 2020-05-16 16.25.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/95c8c7f8-10e0-feef-f642-0fe0303a4505.png">


<img width="180" alt="スクリーンショット 2020-05-16 16.29.35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/c03b12e1-bc5b-9c95-0d5f-ef24ccf54566.png">


「ビュー」ボタンで表示を確認します。
無事表示されたかと思います。

## 検索機能追加

これに対して、検索機能を付けます。

「挿入」メニューの下の方に「フィルタオプション」という項目があるので、これを選択します。
カーソルが、コントロールの配置場所選択の状態人あるので、左上にセットしてあげます。
<img width="180" alt="スクリーンショット 2020-05-16 16.38.54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/93ce98e9-5819-67ba-2236-17a4daec5d3b.png">
<img width="320" alt="スクリーンショット 2020-05-16 16.40.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/69babb00-211c-48a8-9ca6-186eddc11fb6.png">

今度は、このコントロールが選択されている状態で、右側のデータの設定をします。
期間のディメンジョンは不要で、ディメンジョンは「内容」にします。
今回は、指標に「Record Count」は残しておきます。
<img width="178" alt="スクリーンショット 2020-05-16 16.41.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/a18bb9b4-4226-6656-c865-5d2772f11b96.png">

以上です。簡単！

## 検索の使い方

簡単に作れたのですが、検索の仕方が若干癖があります。

ビューで開いて、「内容」の検索コントロールをクリックします。
現在、全てのデータが表示されているので、検索欄でも、全てにチェックがついています。
なので、絞り込みを行う場合は、いったん全部チェックを外します。
その上で、表示したい項目をチェックすれば良いですが、そのチェック欄を絞り込むために、検索語句を入力します。
検索語句を入力することにより、それを含むものだけに絞られますので、チェックをつけてあげると、本体の方も、チェックしたもののみが表示されることになります。

（初期状態）
<img width="240" alt="スクリーンショット 2020-05-16 16.46.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/167f9a5f-6aba-0679-8f06-90aa2562e035.png">

（いったん全部外す）
<img width="240" alt="スクリーンショット 2020-05-16 16.51.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/c1b169f5-9fe8-b2dd-26b4-dc54bad2f1f9.png">

（検索語句入力）
<img width="240" alt="スクリーンショット 2020-05-16 16.52.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/2998ba0b-7f0c-fc30-d1e0-8c2399ee3a7d.png">

（チェックをつけると絞り込まれる）
<img width="400" alt="スクリーンショット 2020-05-16 16.52.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/b248e9c4-0c6e-2522-6bfc-f5beb2114b62.png">

無事3件表示されました！

https://datastudio.google.com/reporting/313ea579-2bbd-4ee2-9c0b-9c0969b78e6a