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
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
370
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
なぜ今 AI Agent なのか _近藤憲児
kenjikondobai
4
1.4k
dev 補講: プロダクトセキュリティ / Product security overview
wa6sn
1
2.3k
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection
kakehashi
1
170
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
580
個人でもIAM Identity Centerを使おう!(アクセス管理編)
ryder472
3
200
SREによる隣接領域への越境とその先の信頼性
shonansurvivors
2
520
【若手エンジニア応援LT会】ソフトウェアを学んできた私がインフラエンジニアを目指した理由
kazushi_ohata
0
150
隣接領域をBeyondするFinatextのエンジニア組織設計 / beyond-engineering-areas
stajima
1
270
元旅行会社の情シス部員が教えるおすすめなre:Inventへの行き方 / What is the most efficient way to re:Invent
naospon
2
340
Amazon Personalizeのレコメンドシステム構築、実際何するの?〜大体10分で具体的なイメージをつかむ〜
kniino
1
100
Featured
See All Featured
Docker and Python
trallard
40
3.1k
The Cost Of JavaScript in 2023
addyosmani
45
6.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
A better future with KSS
kneath
238
17k
How GitHub (no longer) Works
holman
310
140k
Rails Girls Zürich Keynote
gr2m
94
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Producing Creativity
orderedlist
PRO
341
39k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
YesSQL, Process and Tooling at Scale
rocio
169
14k
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(ポイント情報)を プロット •村‧宿場町の位置は明治の地図や地名辞書より推定 ハッカソン、 はじめていきましょう!