【奮闘記】tableau上でコンビニ勢力図を表示したかったが、2カ月かかった

# すべての始まり
https://twitter.com/ShinagawaJP/status/1403311637776396292?ref_src=twsrc^tfw|twcamp^tweetembed|twterm^1403311637776396292|twgr^3e3460f061d583711503cb75f763b0b566f6500e|twcon^s1_&ref_url=https://serendipity0926.hatenablog.com/entry/2021/06/12/214759

DATASaberをチャレンジしてから、ずっとこのコンビニ勢力図に憧れていた。

こうデータを自在に取得できて、可視化もサクサクできたら、世の中のことをより深く分析できて新しい事実をキャプチャできる自由があるんだろうなあ、と。

私もそうなりたい。よし、チャレンジしよう！

ピュアなモチベーションが地獄の門を開いたとは、このとき私は気づいていなかった。

# まずは手持ちの知識、スキルで勝負する

ひとまずトライしてみよう。

にゃんこそばさんのコンビニ勢力図は、Yahoo!ローカルサーチAPIから取得した、とのことだったので、私もそこから取得した。

pythonを書く必要があり、そこらへんはわからなかったので同じチームでpython書ける人に補助してもらいながらデータ抽出してもらった。

![Untitled (3).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/46d57873-2c18-d8db-9708-5461dc3ff39e.png)

よっしゃ、これからやっとはじまるな？

![Untitled (4).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/96a91809-4d63-40bb-7d21-b4fd9a1586b6.png)

緯度、経度も設定して・・・と

![Untitled (5).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/c33a8a84-0827-a32e-2ab1-487118b73afe.png)

住所のカラムも地理的役割＞市区町村で設定してあげれば・・・でるはず！

![Untitled (6).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/cba7da94-2069-9978-5d7b-dc2f5dde2a03.png)

Addressをキャンバスにドロップダウンすれば・・・どうだ？

![Untitled (7).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/5e22ba81-f4c6-e4a5-c2fc-ad0fc9f49ed9.png)

あれま・・・何も出ない・・・

え、したら緯度、経度をX,Y軸にもっていって、ディメンション「Name」をドロップすれば地図になるか？

![Untitled (8).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/27af0230-7219-0db5-3bc5-9ef899f686d0.png)

オイ？

東京の輪郭は見えるが、ちがう。あ、荒川が流れてる右上の部分はちゃんとコンビニがないのがわかる。荒川の輪郭が見えて面白い。東京都の右側ってこんなにコンビニなかったっけか？

さてと、どうしようか。

# 地図データ表示するための基礎知識を復習する

そもそもtableau上で地図データを表示するための前準備がバカだったのだろうか、いや、そうに違いない。地理的役割与えればなんとかなるって考えてるだけだから、知識の修正が必要そうだな。

復習として、サンプルスーパーストアのデータを見てみるか。

![Untitled (9).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/06129741-f7f9-fafe-f27f-6eca5a4cc40a.png)


あのデータだったら、こんなふうにイメージ通り都道府県の表示をすることもできたし。

![Untitled (10).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/8de9a327-b48f-5d02-5530-48456c99faec.png)

なるほど、地図データが国/都道府県/市区町村に分かれているんだな？
なるほど、住所をそのままぶっこんでそのまま地理的役割を無理やり当てはめようとしていたところがまずかったのか。

よし。では一度難易度を下げて、東京23区の家賃相場の比較マップを作ってみよう。

エクセルでデータを用意して・・・

![Untitled (11).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/43f05412-e8bb-623d-f555-c10482320e0f.png)

Publicに入れてあげて・・・

![Untitled (12).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/6eab1a70-3f9c-4ccc-91ee-c15be7b5d103.png)

都道府県のカラムには、「都道府県/州」の地理的役割を与えて・・・

![Untitled (13).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/622c6121-dbb3-83f2-f8c6-4c27cabd037a.png)

23区には、「市区町村」の地理的役割を与えてあげて・・・

![Untitled (14).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/55660154-1139-ad8d-b433-89706d1b11cb.png)

よし、あとは都道府県と1LDKのメジャーをドロップするだけだ！

![Untitled (15).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/067cd935-193c-7d8b-c8d8-a5a80362d2f6.png)

![Untitled (16).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/b5cce69a-3b19-2884-1fb8-699ac1e2fc3a.png)

あれまぁ

難易度を下げたつもりが、さらに新しい宿題を生んでしまった。

このままだと23区の表示おろか、全国コンビニ勢力図を作るうえで、都道府県の粒度でしか分析できず、より細かい市区町村別までの粒度では表示できなくなってしまう。うむむ・・・。

ググるか。

# 「市区町村」ではなく、「群」を選べ？？

[Tableau マップについて](https://www.tableau.com/ja-jp/mapdata)というサポートサイトがあり、日本の地図データサービスについて記載があるようなので、確認してみた。

![Untitled (17).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/c8eb2c6e-b21a-2620-cc55-bb613cdc321d.png)

・・・ん・・・？

この説明だと、市区町村の表示がサポートされていないわけではなく、市区町村では点だけの表示になってしまい、群であれば領域での表示ができるということか？？

ほんとか？？？

![Untitled (18).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/8ae27df0-2db6-7f16-1aad-2e437bc66b72.png)
![Untitled (19).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/eb52eb21-0a75-43dc-b2ea-caaec81fcead.png)


ほんとだ（唖然）

![Untitled (20).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/23b5a3eb-b242-9fde-5bc1-e4b3406ad7ec.png)

これ、初見殺しすぎでしょ。領域で表示したいときは、群でないと表示できないのか・・・

そしたら、さっき地理的役割を地区町村に設定したとき、点しか表示されなかったのは正常だったのか。

したら、サンプルスーパーストアで地理的役割を群に設定したらどうなるんだろうか？

![Untitled (21).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/daaa2dd6-da0e-a11a-5cfb-370fc6b1a2af.png)

サンプルスーパーストアで群を使って表示トライしてみたら、ふりかけみたいになっちゃった。登録がない地域以外は全部消えちゃうのね。。。（日本地図全体を表示しつつ、データに記載ある群も表示したい場合はどうすればいいか、とまた新しい宿題ができたけど、一度無視しておく）（ところで、179個が不明って一体なんだ？？）

# 大阪に絞って、コンビニ勢力図を作成してみる

なるほど、応用すべきことは

①住所のデータを、国/都道府県/市区町村、の列に分けてあげると地図データとして表示できる

②市区町村の粒度まで表示したい場合は、地理的役割にて市区町村ではなく群を選ぶ。市区町村だと点だけの表示になり、領域での表示にならない

の２点だな。

ではまず①のとおり、取得したデータの住所が十把一絡げになってしまっているので、国/都道府県/市区町村に分けてあげよう。

![Untitled (22).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/a148484a-2a7d-922a-8450-91f036eaf4e0.png)

このデータを・・・
![Untitled (23).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/3554ae46-d130-8f1d-012f-ef065d6d92b6.png)

こうしてあげて（整形に15分食った、エクセル使い慣れてない）

![Untitled (24).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/d80456e7-4bf3-eeba-64c3-d181a8f2d04e.png)

地理的役割でちゃんと群を選んで・・・
![Untitled (25).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/dba4d2aa-26cc-2c0d-4403-a6f3135cb40b.png)

できたー！！・・・あれま・・・？

なんか真ん中が抜けてるな。大阪市がごっそり抜けてる？

![Untitled (26).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/23974f93-97b3-85e0-9928-a1da3de70c67.png)

コンビニ×市区町村でマトリクス表にして出力してみたが、大阪市のデータは存在する。なぜだ？

![Untitled (27).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/10a30259-74cc-9b88-fce7-9625870ab830.png)

「２個が不明」ってところが怪しい、ここクリックしてみるか。
![Untitled (28).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/4d1f3a55-146b-f4cb-5eb1-6aebfef7b0ba.png)

「場所の編集」に「不明な場所を修正してください」とあるな。見てみるか。

![Untitled (29).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/b7a3735c-ab70-399e-0059-9dbdc9198647.png)

なるほど。堺市と大阪市がごっそり抜けてたから、真ん中が抜けていたのか。ここをしっかり紐づけてあげれば、地図データとして表示できるな？

![Untitled (30).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/40e52644-9d3c-44a2-a522-75189912e40a.png)
![Untitled (31).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/377b87e5-1788-3dc2-050d-dffcdba256c3.png)

うわー堺市と大阪市の中にこんなに区があったのか。住所データの成型を再度しないといけないな。

エクセル上で市区町村の抽出に工夫入れないといけなかったか。これは勉強になるし、これ以上にジオコーディングは沼なんだろうな。

データ整形中・・・（さらに時間食ってしんどい）

![Untitled (32).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/f153cf62-59a2-9729-3633-9d5738de8141.png)

できた！「○○個が不明」との表示もないから、全部表示できた。ひとまずクリアした！なんとかして地図データを表示することができた！ここまでが長かった・・・。

よし、続いて、「各市区町村にて、数が一番多いコンビニチェーン」を表示させるか。これが全くイメージつかないな・・・。

# いよいよ、優勢コンビニチェーンを表示させるための準備にチャレンジする

手順を立てるか。
①コンビニ店舗数を表示する
②最大コンビニ店舗数を表示する
③そのコンビニはどこなのか、表示する

やってみよう

![Untitled (33).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/ef870966-56d3-fe3b-d9b4-fdc5ee117e5c.png)


まずは①の、市区町村×コンビニのマトリクス表でのコンビニ店舗数を表示することができた

![Untitled (34).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/166cd297-d99a-01d8-1d9e-69ad8a5f6c46.png)


②の最大コンビニ数も表示することができた。

最後に、IIFとFIXED使って、最大コンビニ数に該当するコンビニを表示すれば、できるだろう。

FIXEDで最大コンビニ数を表示させ、IIFにて最大コンビニ数に該当するディメンション「コンビニ」を表示させるようにすれば、可能でしょう。

![Untitled (35).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/607752e4-aa9f-017f-4c02-7b6154c88d2d.png)

なぜだ～～。できなかった・・・残念・・・しんどい・・・。

（30分ほど調べた）

（が、死んだ。わからない。）

・・・めのまえがまっくらになった・・・

（1か月試しては諦め、試しては諦めを繰り返しておりました・・・）

# 【DATASaberの師匠らに相談】原因は、クエリパイプラインの理解不足

地獄を彷徨い1か月、DATAsaber師匠の方々に相談してみた。

お師匠「最後のエラー分に関しては、クエリパイプラインが問題です。未来の値で、過去をFIXEDできないです。」

お師匠「FIXEDの引数は物理的な情報を与えないといけないので表計算結果であるWindow_Maxとかの戻り値は入れれませんね。」

クエリパイプライン・・・？
未来・・・？過去・・・？
表計算の結果は入らない・・・？

クエリパイプラインはDATAsaberのOrdealの中で勉強していたつもりだったが、ここで理解不足が顕著になった。ツケが回ってきた。

お師匠「まずクエリパイプラインとは、ベルトコンベアで流れていく工場のラインみたいなものです」

「下流で処理したものを上流に持ってくることはできない」

「WINDOW_MAXは表計算のため、FIXEDにて結果を出力することができないんです」

ここの部分、Tableauの根幹を理解するうえでとても重要なので、クエリパイプラインの基礎に立ち返りつつ、なぜ私が作成した計算フィールドが動かなかったのか説明する。

下記クエリパイプラインを使用しながら説明する。

![Untitled (36).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/b0f0fc88-7f17-8187-ff6b-7a6532126fe1.png)
上記画像引用元：[[Tableau Tips]Tableauの計算順序（クエリパイプライン）の覚え方と、もっと細かい情報｜みのる (note.com)](https://note.com/minoru_tech/n/n9bbd821563bf)
※引用元のブログにて「図は商用利用以外であれば引用/転載しても問題ないが、本noteへのリンクを張ってほしい」との説明があったので、使わせていただきました。みのるさん、ありがとうございます。

クエリパイプラインとは、元データがVizとして可視化されるまで、どのような処理が順序立てて行われるかを表してくれる。

詳しい説明はぜひ画像引用元のブログ、あるいは出回っているクエリパイプラインの説明のほうが数倍わかりやすいが、ひとまずここで念頭に入れるべきは、処理の後戻りができない、ということだ。

そして、私が犯したミスは、後戻りをしようとしたのだ。

今回のケースでいうと、表計算にて集計したWINDOW_MAXを、FIXEDにて引っ張りだそうとしたことでエラーが生じた。だから、エラー文にて、「詳細レベルの式には、表計算やATTR関数を含めることはできません。」と表示がしたのだ。

![Untitled (2) (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/6c22a862-65ec-179e-de7c-29465e5da949.png)


もう少し、サンプルスーパーストアのデータを使って実例も用意しつつ説明する。

{ FIXED [市区町村]: SUM(売上) } 　これは出力可能だ。

![Untitled (37).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/1484cff6-4406-1c1b-f426-18fbb9ac2ec9.png)


FIXEDはデータソース上での処理で、集計の一部であるSUMもデータソース上で行われるため、こちらのFIXED計算式は出力可能だ。

{ FIXED [市区町村] : COUNTD([オーダーID])}　これも出力可能だ。

![Untitled (38).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/dc19626b-db7b-c635-cb13-b05149cc26b3.png)

COUNTD（個別のカウント）は、SUMと同様に集計関数になるため、データソース上で処理されるため、FIXEDで粒度をそろえて集計することができる。

ちなみに、同様の集計関数でAVG（平均）も使えるため、

{ FIXED [顧客 Id]: AVG([売上])} も出力可能だ。

![Untitled (39).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/c9ac4c99-de0d-ec82-1c50-a045be3ee082.png)

では、各都道府県にて、で一番売上を上げたサブカテゴリの金額を表示するときはどうだろうか。LODで表現できるだろうか。

{ FIXED [都道府県]: WINDOW_MAX(SUM([売上]))}　これは表示できないのである

![Untitled (40).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/fb4d9d77-3623-e44d-cf24-b72a6905fffd.png)

なぜかというと、WINDOW_MAXは表計算関数になるため、データベース上での処理ではなく、tableau上の処理になってしまう。tableau上の処理を、データベースに戻してFIXEDで計算しようとしている、つまりベルトコンベアを逆走してしまっているのである。

だから、表示できないのである。

さらに言うと、今回用意した大阪コンビニデータは、メジャーの情報がなく、各コンビニ店舗がどこのコンビニチェーンで、どの市区町村にあるのか、というディメンションデータしかない。そのため、できるのはCOUNTDで個別カウントするくらいが関の山だ。

・・・そういうことだったのか・・・

そういうわけで、クエリパイプラインを念頭においた作成の仕方を行っていく。

# ついにできた！大阪コンビニ勢力図

お師匠らに教わった通りに作成してみる。
![Untitled (41).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/c000ff13-5f9d-417f-218e-623c92539e45.png)

手始めに計算フィールド「コンビニ店舗数」にて、コンビニの数をカウントする計算フィールドを用意する。市区町村×コンビニでのマトリクス表にて、各セルのコンビニ店舗数を表示することができた。

![Untitled (42).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/26a11ca6-6c95-4494-777c-98c86b4af7dc.png)

地理的役割を群に指定したディメンション「市区町村」を表示させる。
![Untitled (43).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/a96faaf2-f0f5-df9f-4606-5d6952e6b2ac.png)

次に、ディメンション「コンビニ」を、マーク「色」にドラッグアンドドロップする。
![Untitled (44).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/93caaba8-cc31-32a8-0b3f-1c91d145193f.png)

フィルターに計算フィールド「コンビニ店舗数」（COUNT（[コンビニ]））をドロップし、簡易表計算からランクを指定してあげる。
![Untitled (45).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/2cbc1b8d-6932-a301-d2e9-b5b0b6bf554c.png)

市区町村の軸でのランキングではなく、コンビニの軸でのランキングで表示させたいので、「コンビニ」にチェックを入れる。
![Untitled (46).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/84854618-3a7a-aace-f21a-eb2ccdba74ac.png)

再度フィルターの幅を編集しにいき、1~1に指定してあげる。
![Untitled (47).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/94bba058-c93c-7795-6cd3-94c556388a71.png)


おー！できたー！！ついに！うれしい！！なるほど、クエリパイプラインの最後の方にある表計算フィルタ（RANK）を使って、1位のコンビニチェーンのみ表示しているのか。

ついに要件への達成が近づいてきた！！

↓作成したVIZ

[](https://public.tableau.com/app/profile/.65338630/viz/_16887159509970/sheet0?publish=yes)

# いよいよ全国に反映してみる

大阪だと、ファミリーマート一色になってしまい楽しくないので、群馬、栃木から西を表記してみる（力量不足でデータがこれくらいしいか取れなかった）

![Untitled (48).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/9ca81281-b1d8-ae00-f9ce-e2ad9a04b54b.png)

まあまあ穴が多かったので、場所の修正を行っていく

![Untitled (49).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/55578cbc-2cdd-ae15-6532-b0418b230401.png)

![Untitled (50).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/a1e1f3f7-cc27-2e7d-3aa3-3f0b767668a8.png)

多いな、19個だからなんとかなりそうなものの。

![Untitled (51).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/15a878e8-4fc0-6893-7732-2de83200eac1.png)

あー。札幌市の中でさらに細分化されているケースしんどい。
![Untitled (52).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/0ad0a3b3-5cb9-ac16-8a6b-45615ed18feb.png)

群の中でもさらに町と分かれているケースもある。これは難しい。
今回は虫食い地図になるけど諦める。データ抽出の際、いくつか設定してあげてたら問題はなかったかな。正直時間がないので、今回は諦めて、虫食い地図で表示することにする。

この表記揺れの問題、ほかの皆さんどう解決してるんだろう・・・？今後の宿題にして頭に止めておこう。

改めて、ここからスタートする
![Untitled (53).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/e66d4e4d-4239-4961-9d9a-73e8e4556159.png)


まず、ディメンション「コンビニ」をマーク「色」にドラッグアンドドロップする。

![Untitled (54).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/f6d2a38a-ce43-91cb-683b-fdc06d4dac59.png)


つづいて、フィルータに計算フィールド「コンビニ店舗数」（COUNT([コンビニ])）をドラッグアンドドロップする。
![Untitled (55).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/61455e44-1207-472a-52a0-432bc2f1b061.png)

ひとまず、この状態で適用する。

つづいて、表計算を追加、から設定を行っていく。

![Untitled (56).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/d73e1232-3ceb-d37f-68ff-113b20c3c3aa.png)

計算タイプは「ランク」に設定し、特定のディメンションにて「コンビニ名」を選択する。

![Untitled (57).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/c6217322-3682-9b29-fa6b-aacad2837b5f.png)

最後に、フィルターの編集、をクリックし、1位のみ出力されるように設定してあげると・・・

![Untitled (58).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3489181/a0d655a4-1890-d96c-6cf7-c60f377dc5b9.png)
![uploading...0]()


わあああ・・・ついに出来ました。ありがとうございます！！

↓作成したVIZがこちらになります。

https://public.tableau.com/app/profile/.65338630/viz/_16887139051170/sheet0

無理にFIXEDで抽出しようとするのは万能ではなく、しっかりとクエリパイプラインに準じて、柔軟に対応する必要もある・・・ということですね。本当に勉強になりました。

# まとめ

すごい長ったらしくなってしまった。ここまで読んでいただいたみなさん、ありがとうございます。

Tableauの機能面を説明しているブログはわんさかあったので、今回私は奮闘記を書いてみました。これほどまでに奮闘するとは・・・涙

このクエリパイプラインをしっかり理解し、かつ使いこなすためには時間がかかった。

しっかり理解するためには、①LODを使用しているVizの写経、②自前で設定したテーマでLODを使用したVizを作成する、が肝要だと思う。

①の写経は特に効果があったので、おススメの写経VIZを下記紹介しておきます。

https://www.tableau.com/ja-jp/blog/LOD-expressions

以上、長くなってしまいましたが、読んでいただきありがとうございます。