Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
240803_tochiji-hai_hackathon_kato
Search
Hajime Kato
August 03, 2024
Technology
2
220
240803_tochiji-hai_hackathon_kato
2024年8月3日 都知事杯オープンデータ・ハッカソン2024 アイデアソン Day.1の登壇スライドです。
Hajime Kato
August 03, 2024
Tweet
Share
More Decks by Hajime Kato
See All by Hajime Kato
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
490
現代風歴史マップ「れきちず」フロントエンドのウラとオモテ|フロントエンドカンファレンス北海道2024 / frontend of Rekichizu
hjmkth
0
180
231229_Datavizjp_kato
hjmkth
2
1k
231206_Book-launch-event_kato
hjmkth
2
1.4k
231129_FOSS4G-ASIA-2023_kato
hjmkth
1
480
231007_tokyor_kato
hjmkth
6
1.5k
230909_chiriin-fc_kato
hjmkth
0
1.2k
230904_Geo-Lang_kato
hjmkth
0
1.5k
230726_MIERUNE BBQ #03_kato
hjmkth
1
430
Other Decks in Technology
See All in Technology
これまでの計測・開発・デプロイ方法全部見せます! / Findy ISUCON 2024-11-14
tohutohu
3
360
第1回 国土交通省 データコンペ参加者向け勉強会③- Snowflake x estie編 -
estie
0
120
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
ドメイン名の終活について - JPAAWG 7th -
mikit
33
20k
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
120
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
150
障害対応指揮の意思決定と情報共有における価値観 / Waroom Meetup #2
arthur1
5
470
地理情報データをデータベースに格納しよう~ GPUを活用した爆速データベース PG-Stromの紹介 ~
sakaik
1
150
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
670
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
170
IBC 2024 動画技術関連レポート / IBC 2024 Report
cyberagentdevelopers
PRO
0
110
[FOSS4G 2024 Japan LT] LLMを使ってGISデータ解析を自動化したい!
nssv
1
210
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Typedesign – Prime Four
hannesfritz
40
2.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
BBQ
matthewcrist
85
9.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
Thoughts on Productivity
jonyablonski
67
4.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Designing for Performance
lara
604
68k
Transcript
2024.08.03|都知事杯オープンデータ‧ハッカソン Hajime Kato (MIERUNE Inc.) デザイナーがオープンな〇〇に 出会ったことで⼈⽣が変わった話
今⽇は 北海道から 来ました! 地図データ:国⼟交通省「国⼟数値情報」
でも実は 千葉出⾝ です…… 地図データ:国⼟交通省「国⼟数値情報」
東⻄線 T Tozai Line 東京 (千葉) 15年間使ってました!
東⻄線 Tozai Line 2年間使ってます! 札幌
⼤⼿町 東⻄線 T Tozai Line 中野 ⾏徳 この会場
⼤⼿町 東⻄線 T Tozai Line 中野 ⾏徳 実は地元
https://x.com/matsumi_saka/status/1044170946741821441
(地元⺠的には) 昔から栄えてた 場所は写真に 映ってないんです 先ほどの写真の おおよその範囲 昔から栄えてた エリア(旧市街) 「今昔マップ on
the web」https://ktgis.net/kjmapw/
加藤 創 Hajime Kato 地図とかデザインとか @chizutodesign 改めまして、こんにちは! • グラフィックデザイナー •
移住3年⽬のひよっこ道⺠🐣
もくじ 1. 少しだけ会社紹介 2. 「れきちず」までの話 3. 「れきちず」をつくる話 4. 「れきちず」からの話
少しだけ会社紹介
少しだけ会社紹介 •株式会社MIERUNE •位置情報を扱う可視化の専⾨集団 •2016年設⽴、北海道を拠点 •31名(2024年8⽉現在)
⽂化財総覧WebGIS(奈良⽂化財研究所)
マインクラフト データ作成(⾼松市、札幌市など)
AIST 3DDB Client(産業総合技術研究所)
PLATEAU GIS Converter(国⼟交通省)
QGIS •位置データの閲覧‧解析が できる、オープンソースの デスクトップGISソフト •商⽤ソフトより使いやすく多機能 •産学官問わず、国内外で広く使⽤ •MIERUNEは2017年より開発⽀援
QGISへの⽀援 •MIERUNEは2017年より QGISコミュニティに ⽀援を続けている https://qgis.org/en/site/
OSS(オープンソースソフトウェア)への⽀援 2.3万ユーロ (約370万円) 3万ドル (約450万円) QGIS MapLibre 1ユーロ=160円、1ドル=150円で計算
その他、 様々なイベントの 企画や参加を しています!
2024.07 時計台イベント •およそ⽉1回、札幌で 開催する技術についての オフラインイベント、 「MIERUNE BBQ」 •第10回を記念して札幌時計台を貸切! •70名ほどの参加者が集まった
2023.06 市電貸切 •社内イベントで 札幌を⾛る市電を貸切! •他にもエスコン フィールドなどでも 社内イベントを開催
いろいろ発信してます
「れきちず」までの話
2018年 •東京でデザイン制作会社に勤務 •当時Twitterに⾃分が好きな地図や路線図を モチーフにした作品を投稿していた
None
None
None
None
None
None
None
2019年 •MIERUNEという会社の社⻑からTwitterでDMが届く 北海道で開催する位置情報系の カンファレンス(FOSS4G Hokkaido)で 発表しませんか?
FOSS4G Hokkaido 2019 •位置情報に関するオープンなツールの コミュニティイベント •北海道に⾏ったことがないし、 せっかくなら⾏ってみよう! •⼈⽣初のコミュニティイベントに参加!
INTERNET Watch なぜ北海道でGISベンチャーを起業したのか――ルーツは「FOSS4G Hokkaido」 https://internet.watch.impress.co.jp/img/iw/docs/1282/185/html/mierune08_o.jpg.html
https://www.youtube.com/watch?v=MOcSU1pDglY
2020-2021年 •その後も⾊々と制作、投稿
None
None
None
2022年 •MIERUNEにジョイン ◦⼈⽣で初めて東京近郊を出て、北海道移住
幌⾒峠(札幌市) 筆者撮影
釧路湿原(釧路市) 筆者撮影
宗⾕岬(稚内市) 筆者撮影
None
None
2023年 •「れきちず」公開 ◦⼤反響をいただき公開翌⽇に10万PV ◦ネットメディアのみならず、 テレビ朝⽇等にて放映、朝⽇新聞の紙⾯掲載
None
2023年 •⼈⽣初となる書籍 『地図とか路線図とか @chizutodesign』を出版
紀伊國屋書店 新宿本店さん https://twitter.com/KinoShinjuku/status/1725074221469245720
2024年 •AMD Award'23 江並直美賞(新⼈賞)を受賞
https://amd.or.jp/award/29/
「れきちず」をつくる話
None
江⼾時代Googleマップ⾵地図 •かなり多くの反響をいただく •Twitter上で様々な⽅にアドバイスいただき、 より良いものに改善できた •後の「れきちず」の原型になる
None
作ろうと思ったきっかけ •社会的に街歩き‧街道歩きがブーム ◦関連した書籍や地図などがある •⾃分も昔から地図が好きで古い地図に興味があった しかし…
天保国絵図「武蔵国」国⽴公⽂書館デジタルアーカイブ 「築地⼋町堀⽇本橋南絵図」国⽴国会図書館デジタルコレクション ⽂字の向きがバラバラ ⽂字の可読性が低い
ねらい •歴史‧地理にそこまで詳しくない‧興味がない⼈に とってもわかりやすい地図を作る •江⼾は複数先⾏事例があったため、より広い領域の 地図とする ⇨現代の地図デザインで制作する
ねらい •当初、Googleマップ⾵の地図画像として制作 •著作権の問題はもちろんのこと、1枚画像のため 拡⼤‧縮⼩ができない ⇨ウェブ地図サイトとして制作したい!
制作⽅法 •オープンソースソフトウェア 「QGIS」を使⽤ •様々な地図を参考に⼿作業で 道路‧海岸線‧国境などを 描いた https://qgis.org/
デモ https://qgis.org/
制作⽅法 •江⼾時代、明治時代と現代の地図を利⽤する •これらもオープンデータとして公開されている
国⽴公⽂書館デジタルアーカイブ 農研機構 歴史的農業環境閲覧システム 江⼾時代の絵図 明治初期の地図 国⼟地理院 地理院タイル 道筋‧海岸線等を 判断‧抽出 道筋‧海岸線等を
描画 誤差を補正
背景画像は国⼟地理院「地理院タイル」
地点情報を作る •当時の地図や⽂献等をもとにPOI(ポイント情報)を プロット •宿場町などの位置は明治の地図や地名辞書より推定
地図デザイン‧アイコン •地図のデザインやアイコンもオリジナルで作成!
背景画像は国⼟地理院「地理院タイル」
ウェブ地図化する •先ほどのQGISでタイルを 書き出し、MapLibreという オープンソースの地図表⽰ ライブラリを使⽤した https://maplibre.org
デモ https://rekichizu.jp/map
結果 •⼤反響をいただき公開翌⽇に 10万PV •ネットメディアのみならず Abema‧テレビ朝⽇にて 放映、朝⽇新聞に紙⾯掲載 朝⽇新聞 2023年12⽉16⽇ ⼣刊紙⾯
その後 •ここまでは完全に個⼈の趣味で⼀⼈で作っていた •⾃分の技術⼒に限界を感じる ⇨会社のプロジェクトとして、専⾨のエンジニア たちと協働して開発を進めることに!
会社に運営を移管、進化 •地図がラスタ(画像)形式から ベクタ形式に •地形の3D表現‧空の表現検索 機能の搭載 •更なるオープンデータの活⽤
更なるオープンデータの活⽤ •⼈⽂学オープンデータ共同利⽤ センターの公開するオープン データを搭載 ◦『⽇本歴史地名⼤系』データセット ◦江⼾マップデータセット https://geoshape.ex.nii.ac.jp/nrct/
研究機関との連携 •⼈⽂学オープンデータ共同利⽤ センターと江⼾の町家(住宅 密集地)を古地図から抽出する プロジェクトが進⾏中
「れきちず」のオープン化 •地図はCC BY-NC-ND 4.0の下、 ⾃由に利⽤することができる •複数サイトで背景地図として 利⽤いただいている http://codh.rois.ac.jp/edomi/route/2/
「れきちず」からの話
ただのデザイナーだった私は、 オープンなヒト(コミュニティ)と オープンデータ、 オープンなツールに出会った ことで⼈⽣が⼤きく変わりました
研究機関との連携 オープンな データ オープンな ツール オープンな ヒト (コミュニティ)
以前の私に⽐べ、 作れるものの幅が⼤きく 広がったように思えます
⼀⼈ではできないことも、 みんなと協⼒すれば できるようになる
早く⾏きたければ ⼀⼈で⾏け、 遠くへ⾏きたければ みんなで⾏け “ ” アフリカのことわざ
研究機関との連携 •当時の地図や⽂献等をもとにPOI(ポイント情報)を プロット •村‧宿場町の位置は明治の地図や地名辞書より推定 ハッカソン、 はじめていきましょう!