人口ダッシュボード作成講座資料

by Jo-shin

Slide 1

Slide 1 text

BIツールで行政DXを推進！  ダッシュボード作成講座  【初級編】    新庄　大輔    ＼デジタル技術を使えるとこんなことができる／  1

Slide 2

Slide 2 text

※この資料は  　ハンズオン講座で  　使用した資料の抜粋です  　必要なところを利用してください  　※質問への回答は行ないません  2

Slide 3

Slide 3 text

最初の準備    ❏ PCをWifiに接続してください  ❏ ブラウザを開いてください  ❏ Google（Gmailなど）にログインしてください  3

Slide 4

Slide 4 text

  　ダッシュボード作成の前に  　DXについて  4

Slide 5

Slide 5 text

デ　ジ　タ　ル　は  手　段　で　す  デジタルサービスを入れることを目的にしてはダメ    いまや当然ですよね  5

Slide 6

Slide 6 text

DXでいうと  今までの慣習を変える  マインドチェンジをする    トランスフォーメーションの必要性はよく言われますよね  6

Slide 7

Slide 7 text

ちなみに今日いる皆さん    どうなればいいなーと思って    参加されました？？  Yes! どんな目的のために  デジタル技術を習得しようと思いました？  7

Slide 8

Slide 8 text

目的  ０１  自分の仕事を楽にしたい  8

Slide 9

Slide 9 text

目的  ０２  新しいことにチャレンジしたい  仕事を高度化したい  9

Slide 10

Slide 10 text

目的  ０３  市民のために役立てたい    地域の課題解決に繋げたい  10

Slide 11

Slide 11 text

目的  ０４  地域の活性化に繋げたい  11

Slide 12

Slide 12 text

目的  ０５  仕事外の活動や趣味に繋げたい  12

Slide 13

Slide 13 text

グループで話してみましょう    10分間    みなさん、意見が同じなのか  人によって考えが違うのか  13

Slide 14

Slide 14 text

どんな風になるといいんだろう？    自分目線？  組織目線？  業務目線？  市民目線？    人それぞれ考えは違うもの  14

Slide 15

Slide 15 text

ここで  自分にあった技術を覚えておくと    色々なことに活用できる  色々な応用ができる  やれることの発想が広がる  15

Slide 16

Slide 16 text

しかも、最近は  専門知識必要なくなりました    デジタル技術の進歩  ローコード・ノーコードツール、クラウドサービス  プログラミングする必要がなくなりました    ある程度、内製化できます  16

Slide 17

Slide 17 text

皆さんはデジタル技術がない  状況に戻れますか？    仕事で　Web会議、電子申請、CADのない時代に    サブスク、EC、QRコード決済のない時代に Spotify 2008、Amazon 1995、PayPay 2018  SNS、LINEのない時代に facebook 2004、Twiiter(X) 2008、LINE 2011、Tiktok 2017  スマホのない時代に iphone 2007、Android1.0 2008  インターネット・メールがない時代に WWW 1989、Google 1998、Gmail 2004  パソコン・officeソフトがない時代に Macintosh 1984、Windows3.x、Windows95  遡れる？  17

Slide 18

Slide 18 text

デジタルで出来ることがわかると    仕事・自分のやりたいことで    実現できることが広がる    どこに技術を適用できるかイメージできます   18

Slide 19

Slide 19 text

そして  目的が明確化していると      どんな技術が必要か  見えてきます  19

Slide 20

Slide 20 text

そして  実現したいことは人それぞれ      必要なデジタル技術もそれぞれ異なります  20

Slide 21

Slide 21 text

覚える・使いこなすと  工夫で色々なことができそう　  タスク管理  ● Backlog ● Trello デザイン作成  ● Figma ● Canva ノーコードアプリ  ● Appsheet ● Gride ● kintone BIツール  ● Looker Studio ● Tableau ● Power BI コミュニケーション  ● Slack 自動処理化  ● PowerQuery 行政PCで利用できる   ● PowerAutomate ● Google App Script ● Zapier 人それぞれで必要なツールは異なりそう　  地理空間情報  ● Quantam GIS ● Arc GIS 自分が使った記憶があるサービス   結構あるww  今回はこれ  21

Slide 22

Slide 22 text

例えば  業務改善に注目すると  22

Slide 23

Slide 23 text

業務改善を考える着眼点は  技術ですか？  業務改善のためのECRS原則    E　：　Eliminate やめられないか？  C　：　Combine 一緒にできないか？（事務的集約など）  R　：　Rearrange 再配置できないか？（順序変更や外注など）  S　：　Simplify 単純化できないか？（技術を使った自動化）  やめる　減らす　替える 23

Slide 24

Slide 24 text

行政DXなんだけど    牧島かれん衆議院議員のブログ  https://ameblo.jp/makishimakaren/entry-12836918751.html     デジタル庁のnote  https://digital-gov.note.jp/n/n54f3241091f4    デジタル以外で解決することが多い    皆さんの業務のKAIZEN　そう普段からの延長  自分たちで自らのサービスを体験するのも重要ですね   24

Slide 25

Slide 25 text

もう一回    デ　ジ　タ　ル　は　手　段　で　す  デジタル以外で解決することが圧倒的に多い    けどデジタルをここだと言うところに適用すると  大きく変わる  25

Slide 26

Slide 26 text

ようやく    本論です    BIツール  26

Slide 27

Slide 27 text

そこで、BIツールの講座  データ可視化ツールであるBIツールで変えられます    みんなの情報分析の時間と紙資料を作る時間を  政策・事業議論の時間に替えましょう  未だに紙とエクセルで見て、分析するんですか？  未だに紙とエクセルで、情報共有するんですか？    27

Slide 28

Slide 28 text

BIツールって何ができるの？  business intelligence (BI)   EBPM　ど真ん中のツールです    見てみましょう  28

Slide 29

Slide 29 text

静岡市の統計情報人口・世帯  こんなデータが３ヶ月ごとダウンロードできます。   で、こんな感じになります  https://lookerstudio.google.com/reporting/4b5f3d68-7f27-4c4e-9a50-253889ae45f6   例  29

Slide 30

Slide 30 text

０１  今日の目的  BIツールでこれ作ろう  30

Slide 31

Slide 31 text

静岡市人口統計ダッシュボードの作成    The 初級編  Google LookerStudio　無料ツールを使います    皆さん、Googleのアカウントはありますね  PCありますよね、Wifiに繋がっていますよね   The 初級編  31

Slide 32

Slide 32 text

Looker Studioで作成  地図以外は同じものです  32 https://lookerstudio.google.com/reporting/4b5f3d68-7f27-4c4e-9a50-253889ae45f6  

Slide 33

Slide 33 text

Looker Studioで作成  地図以外は同じものです  33 https://lookerstudio.google.com/reporting/4b5f3d68-7f27-4c4e-9a50-253889ae45f6   ←　のこれを作ります  作り方が分かればページの追加は簡単 

Slide 34

Slide 34 text

ちなみに、　PowerBI　だとこんなイメージ　　※実際はGIF動画です  34

Slide 35

Slide 35 text

1 2 3 Tableau SalesforceのBIツール  機能限定での無料プランもある  Power BI MicrosoftのBIツール  ExcelやPower Queryの相性抜群  Looker Studio GoogleのBIツール  基本無料のBIツール　本日利用のツール  BIツール３選一長一短あるけど大体同じと思ってください  勝手に主なBIツール   35 他にも　　Flourish 地理空間情報、アニメーションではの　ダッシュボード  　※BIツールは沢山のサービスがあります 

Slide 36

Slide 36 text

36 行政利用は　Tableau、Power BI  BIツールの比較  製品名  Tableau Power BI Looker Studio 企業  Salesforce  Microsoft  Google  ダッシュボード作成  無料※1　アカウント必要   無料　アカウント必要無   無料　アカウント必要   個人利用  無料※1　アカウント必要   無料　アカウント必要無   無料　アカウント必要   一般公開  無料※1　アカウント必要   有料　アカウント必要   無料　アカウント必要   内部組織共有  有料  有料※2  無料※3  自前地図（ポリゴン）   基本機能  基本機能  BigQuery連携  ※１　条件により機能限定で無料利用可能　：　ローカルへの保存ができない　Tableau public   ※２　Teamsでの共有可能　　Microsoft 365 E5に含まれる  ※３　Google Workspace（有料）にて組織内の共有権限管理可能  ※BIツールは沢山のサービスがあります ※　この資料の正確性は担保されません。 

Slide 37

Slide 37 text

０２  データの取得  37

Slide 38

Slide 38 text

静岡市の統計情報人口・世帯  こんなデータが３ヶ月ごとダウンロードできます。   これはオープンデータ　使っちゃいましょう  https://www.city.shizuoka.lg.jp/000_001589_00003.html   元データ  38

Slide 39

Slide 39 text

でも、このままでは　　読み込めないデータ    活用できるのは  行列  データの三原則  １．結合しない  ２．１行目がカラム名（列の名前）  ３．見せるための表にしない　　  39 これができていない 

Slide 40

Slide 40 text

今回は読み込めるデータにして    用意しました  40 どんなデータがいいのか  データセットの話は　デジタル庁参照  https://www.digital.go.jp/resources/open_data/municipal-standard-data-set-test/ 

Slide 41

Slide 41 text

csv　ダウンロード GitHub  https://github.com/daisukeshin/dashiboard_Populaton_ShizuokaCity   データのダウンロード   41 この二つをダウンロード   221007_population_202303.csv  221007_population_CombYear.csv  1  2  ダウンロード  個人PCに保存されます 

Slide 42

Slide 42 text

ダウンロードCSVはこんなデータ    ● 221007_population_202303  2023/3/31の静岡市の連合自治会別人口    ● 221007_population_CombYear  2009/3/31以降の静岡市の連合自治会別人口  データの内容  42

Slide 43

Slide 43 text

CSVの読み込みも出来ますが    スプレッドシートに  読み込みましょうか    csvをスプレッドシートで開けばGoogleドライブに保存される  データの取り込み  43

Slide 44

Slide 44 text

スプレッドシートとドライブの選択  スプレッドシートを使います  Googleのエクセルみたいなもん  アンケート取り込み１   ブラウザのGoogleの右上  Googleアカウントでログイン  1  2  スプレッドシートの  起動  3  ドライブの起動  新規から  フォルダ作成  「BIツール研修」    スプレッドシートのコピーを作成  44

Slide 45

Slide 45 text

重要なのは    ちゃんとしたデータが  使えること    データがないことには何もできません  Yes! 45

Slide 46

Slide 46 text

ちなみに　サービスを作る作業の    ８割～９割  データクレンジング    今回はクレンジング済みのデータです  46 いつまでやるのー(T T)  

Slide 47

Slide 47 text

そのための　データ  情報を分析するにはデータが必要です    そのデータは　行・列　配置のテーブル  Row：行　Colum：列　である必要があります  行列テーブル 47

Slide 48

Slide 48 text

０３  今日の目的  ダッシュボードの作成  48

Slide 49

Slide 49 text

Looker Studioの起動  Looker Studio　と検索  https://cloud.google.com/looker-studio?hl=ja  ↑こんな画面になりました？  ツールの起動  ↑そこまで言うなら使ってみよう   　　GoogleアカウントでログインはOK？   1  2  49

Slide 50

Slide 50 text

ダッシュボードの作成    ↑「空のレポート」からでも  ダッシュボードの作成   1  ←選択してみよう  2  ←選択してみよう  3  50

Slide 51

Slide 51 text

データソースの追加  Googleスプレッドシートの連携  ↓追加してみよう  データソースの追加   2  1  スプレッドシートの編集   ↑  ネ申エクセル  対応不可  51 スプレッドシートの選択   3  スプレッドシートの追加  

Slide 52

Slide 52 text

データソースを見てみる  データソースの追加２   1  データソースの管理　←　編集   ディメンション、指標？ Looker Studioで使う名前   ● ディメンションは分類・グループ化できるもの   ● 指標は集計する値  〇〇ごとの〇〇数  ↑ディメンション ↑指標  52 ←全国地方公共団体コード   　　日付からテキストに変更   2  タイプ（データ型）の変更   ←学区コード  　　数値からテキストに変更  期間や合計の対象に   しないため  自動分類されたのを変更   3 

Slide 53

Slide 53 text

スコアカードの作成　数値を１枚のタイル形式で表示  スコアカードの作成①   1  グラフを追加から  スコアカードを選択  2  データソース  指標の変更  3  スタイル　見せ方の設定   53 自分の好きな  見せ方を設定 

Slide 54

Slide 54 text

スコアカードのコピーと配置  スコアカードの作成②   4  スコアカードの  コピー＆ペースト  5  指標の変更  6  均等配置  54 1. スコアカードを選択して  2. コピー  Windows　：　「Ctrl」+「C」  Mac　：　「command」+「C」   3. ペースト  Windows　：　「Ctrl」+「V」  Mac　：　「comannd」+「V」　  4. 同じことを５回  各スコアカードの指標変更 

Slide 55

Slide 55 text

スコアカードの別年度の対応  スコアカードの作成③   7  スコアカードの全体  コピー＆ペースト  8  データソースの変更   9  こんな風になりました？   55 1. スコアカードを選択して  2. コピー  Windows　：　「Ctrl」+「C」  Mac　：　「command」+「C」   3. ペースト  Windows　：　「Ctrl」+「V」  Mac　：　「comannd」+「V」　  コピーした６つのスコアを変更  22107_population_CombYear 

Slide 56

Slide 56 text

ムムム、何か思っていたのと違う  それは、データセットのひとつが  全ての年度の合計値になっているから      56 221007_population_202303 を　日付でコントロール出来なくします      1  データソースの管理   2  データソースの選択   3  調査年月日　の非表示　→　完了   フィルタの作成① 

Slide 57

Slide 57 text

コントロールの特徴　 Looker Studioの特徴  フィルタの処理  フィルタの作成②  ＜条件＞  1. それぞれのデータソースが共通のデータ型を持っている。  2. それぞれのデータソースが共通のコネクタになっている。  今回はスプレッドシート   57 別のデータソース（ファイル）でも  フィルタのコントロールがされる 

Slide 58

Slide 58 text

コントロールの作成　【年月日の選択】表示項目の限定  フィルタの作成③  4  コントロールの追加  プルダウンリスト  58 5  コントロールの設定  6  スタイルの設定  単一選択  調査年月日でコントロール  デフォルト日を指定  単一選択  他の年月のデータと  一緒に計算しなくします  調査年月日 

Slide 59

Slide 59 text

コントロールの作成　【行政区と学区】表示項目の限定  フィルタの作成④  7  コントロールの追加  固定サイズのリスト  同じことを　行政区　と　学区・地区で実施  59 8  コントロールの設定  9  スタイルの設定  単一選択  「行政区」と「学区・地区」でコントロール  単一選択を外す  複数地域選択できないと  意味ないですよね 

Slide 60

Slide 60 text

学区・地区ごとの年代別人口割合グラフ  グラフの追加①  1  グラフを追加  100%積み上げ縦棒グラフ  60 2  コントロールの設定  3  スタイルの設定  単一選択  年代別  積上100%  期間設定  必要なしのデータ  学区・地区ごとの  分析  ※指標が追加出来ない場合、一度グラフの選択を外す  見た目は  自分の好み 

Slide 61

Slide 61 text

ここまでの成果  61 何ができてるの？  ● 総人口と年代別人口が分かる  ● 最新と過去の人口比較ができる  ● 行政区ごとの人口が分析できる  ● 学区ごとの人口が分析できる  ● 年代別割合が学区ごと比較できる 

Slide 62

Slide 62 text

ちょっと  使ってみましょう  62

Slide 63

Slide 63 text

地図について①   63 エリアの塗分け地図は今日、できません　↓参考  GISで地図を作れる方へ　自由エリア地図作成  （恐らくこんな感じ、正確性は担保されていません）   製品名  Tableau Power BI Looker Studio 自由エリア地図  ＜空間ファイル＞  基本機能  基本機能  BigQuery連携  データ形式  Shape、  GeoJSONなど  GeoJSON  （Topo）　※容量小  GeoJSON  （改行区切り）  背景地図  Mapbox経由、 WMS  BingMaps、 AzureMaps、ArcGIS経由   GoogleMaps 

Slide 64

Slide 64 text

地図について②   64 GoogleMapsって凄いですよね  住所で地図検索は当然ですよね  学区・地区を地図で表すため  学校の住所を使って、地図表記します 

Slide 65

Slide 65 text

地図の作成　【ポイントの地図】   地図の作成③  1  グラフの追加  Googleマップ  65 2  フィールドを追加  3  グラフの設定  文字の結合　CONCAT関数   CONCAT（地方公共団体名,行政区,町丁字）   位置：「地域」   ツールチップ：   　「学区・地区」   バブルのサイズ：   　「総数」 

Slide 66

Slide 66 text

地図の作成　【ポイントの地図】   地図の作成④  1  スタイルの設定  自分の好きな設定に   66 こんな風になりました？ 

Slide 67

Slide 67 text

ここから先    環境によっては動作が重くなります    講座の進捗状況に合わせて実施する予定です  67

Slide 68

Slide 68 text

別年度のデータの増減比較  期間の比較①  1  BIツールでの期間別のデータ比較   68 簡単にできます    ただ、  今回のデータではやり方が？？だったので    最新データとそれ以外のデータに分けました  スプレッドシートの解析がネック？　   PowerBIやTableauだとまた違います  最新データと前年度比較の表現例 

Slide 69

Slide 69 text

フィールドの追加と計算式①  期間の比較②  1  グラフを追加  スコアカード  69 2  データの統合①  3  データの統合②  ２つのデータソースを  統合して計算  できるようにします      標準のやり方でなくても、工夫でできる  

Slide 70

Slide 70 text

フィールドの追加と計算式②  期間の比較④  4  データの統合③  70 5  データの統合④  データソース名の変更と保存   6  フィールドの追加①  データソースの結合方式の設定  ※興味のある方  　データベースのリレーションシップで勉強できます。  　今回はテーブル構造が同じなので計算のための設定  　full outer join　を使います（ベン図参照）  SUM(総数(表1))/SUM(総数(表2))  

Slide 71

Slide 71 text

フィールドの追加と計算式②  期間の比較④  7  フィールドの追加②  71 8  データの統合⑤  総数以外のデータも同様   簡単な計算式を追加    最新と過去の総数を比較  　表1 　221007_population_202303   　表２　221007_population_CombYear   データソース名  過去比較 

Slide 72

Slide 72 text

フィールドの追加と計算式②  期間の比較④  9  フィールドの追加③  72 総数以外も  スコアカードをコピペして実施 

Slide 73

Slide 73 text

年代別の比率計算　【フィールドの追加と計算式】   全体の割合計算③  1  フィールドを追加  15歳未満の割合  73 2  グラフを追加  スコアカード  3  スタイルの設定  指標名の非表示  同様に他の年代も行なう 

Slide 74

Slide 74 text

ここまでの成果  74 何ができてるの？  ● 総人口と年代別人口が分かる  ● 最新と過去の人口比較ができる  ● 行政区ごとの人口が分析できる  ● 学区ごとの人口が分析できる  ● 年代別割合が学区ごと比較できる  ● 学区ごとの地図選択ができる  ● 過去からの増減率がわかる 

Slide 75

Slide 75 text

どんなサービスでも  ダッシュボードは作れる  どんなことが出来るか  何を伝えたいか  イメージすることが重要  75

Slide 76

Slide 76 text

０５  ２ページ目の作成  時間があれば  76

Slide 77

Slide 77 text

2page　総数・５歳別人口推移  77 https://lookerstudio.google.com/reporting/4b5f3d68-7f27-4c4e-9a50-253889ae45f6  

Slide 78

Slide 78 text

2page目を作る    ページの追加  ページの追加  1  78 ページの名前を変更  

Slide 79

Slide 79 text

総人口・世帯数グラフ作成   年度比較できるデータ使用   静岡市の人口はどう偏移してる？  期間比較のグラフ作成　【過年度のデータ比較】   期間グラフの作成①   1  グラフの追加  期間グラフ  79 2  3  スタイルの設定  線形補間で連続グラフに   2009年以降データ   横軸(X)　：期間  年、月表記に変更   縦軸(X)　：総数、世帯数   線形補間  系列１  系列２ 

Slide 80

Slide 80 text

静岡市の人口はどう偏移してる？  期間比較のグラフ作成　【過年度のデータ比較】   期間グラフの作成②   4  他のグラフ作成  グラフのコピペ  5  ５歳別グラフ作成  指標を替えます  6  スタイルの設定  全て「左軸に設定」  こうなりました？  80

Slide 81

Slide 81 text

期間比較のグラフ作成　【過年度のデータ比較】   同じことを繰り返すと  期間グラフの作成③   81

Slide 82

Slide 82 text

コントロールの作成　【行政区と学区】　復習  フィルタの作成⑤  1  コントロールの追加  固定サイズのリスト  １ページ目の復習  82 2  コントロールの設定  3  スタイルの設定  単一選択  「行政区」と「学区・地区」でコントロール  単一選択を外す  複数地域選択できないと  意味ないですよね 

Slide 83

Slide 83 text

２ページ目の成果  83 何ができてるの？  ● 期間で分析ができる  ● 総数と世帯数の推移がわかる  ● ５歳別人口の推移がわかる  ● 行政区ごとにが分析できる  ● 学区ごとに分析できる 

Slide 84

Slide 84 text

3page　１歳別人口推移  84 https://lookerstudio.google.com/reporting/4b5f3d68-7f27-4c4e-9a50-253889ae45f6   講座の内容で作れます    皆さん、頑張ってください 

Slide 85

Slide 85 text

公開してみましょう　ダッシュボードの公開  公開  1  共有　→　レポートへのリンクを取得　から公開できる   Looker Studioは無料なのに　公開可能   85

Slide 86

Slide 86 text

０６  最　後　に  86

Slide 87

Slide 87 text

87 重要なのはデータと標準化データが整備されなければ何も出来ません    データは使えるデータで    データが何を示しているか  　　分かるようでなければ使えません 

Slide 88

Slide 88 text

88 先進自治体の取組① 神戸市  先ずは見てみましょう  https://www.city.kobe.lg.jp/a47946/data.html  データ解析チーム、人材育成、人材登用庁内データ連携基盤の整備  基幹システムデータの取り込み 

Slide 89

Slide 89 text

89 先進自治体の取組② 東京都  先ずは見てみましょう  https://www.zaimu.metro.tokyo.lg.jp/zaisei/dashboard.html 

Slide 90

Slide 90 text

90 公開の意義とオープンデータひとつの業務だけで必要な情報でいいんでしょうか？  分かっているのは自分だけ？　それでいいですか？  公開することで広く知ってもらえる  そして、その根拠のデータは欧米ではオープンに提供のセットが一般  連携の重要さ税金で生み出した情報は国民（個人・法人）の資産  →　行政は情報を預かる管理人にすぎない  行政情報の所有者は国民　誰もが利用可能な状態になるべき 

Slide 91

Slide 91 text

ダッシュボードの公開    根拠となるデータは  オープンデータに    ダッシュボードとオープンデータのセットが望ましいです  91

Slide 92

Slide 92 text

ただし    人的リソースは限界があります  92

Slide 93

Slide 93 text

では、最後に  グループで５分間    BIツールがどんなことに使えるか  話してみましょう  93 クロージング 

Slide 94

Slide 94 text

講座終了です    皆様、お疲れさまでした  94