Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
デザイナーがオープンな〇〇に出会ったことで人生が変わった話
Search
Hajime Kato
August 03, 2024
Technology
500
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザイナーがオープンな〇〇に出会ったことで人生が変わった話
2024年8月3日 都知事杯オープンデータ・ハッカソン2024 アイデアソン Day.1の登壇スライドです。
Hajime Kato
August 03, 2024
More Decks by Hajime Kato
See All by Hajime Kato
れきちず―歴史地図データの構築とオープンデータとしての展開
hjmkth
1
380
Rekichizu: Designing Modern-Style Historical Maps to Preserve Cultural Memory
hjmkth
1
190
Tokyo Last Train Map: Visualizing "When You Can't Get Home" with Open Data from 17 Rail Operators
hjmkth
1
130
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
550
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
500
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
4.7k
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
860
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
1.4k
オープンデータを利用して色々なものを作った話
hjmkth
1
310
Other Decks in Technology
See All in Technology
[2026 Oracle Technical Deep Dive] AI時代のアプリケーションを支えるCloud NativeとJava EEモダナイゼーション (2026年9月17日開催)
oracle4engineer
PRO
0
120
Kernel testing frameworks
ennael
PRO
0
110
メルペイ 会計システム概要と歴史
mewuto
0
150
AI Made Us Faster at Solving the Wrong Problems
marceloancelmo
0
160
SREでアラート疲れを 解決しよう!
kairim0
1
190
freeeらしさをAIとともに作る / Creating the freee Experience with AI
ymrl
0
190
[2026 Oracle Technical Deep Dive] OCI AI Resilience -OCIのセキュリティ対策機能をきちんと使いこなす- (2026年9月17日開催)
oracle4engineer
PRO
0
120
The kernel report
ennael
PRO
1
260
AIは爆速なのに、私が詰まっていた話 ― 音声入力と鳴くマスコットでボトルネックを削る
yama3133
0
510
[2026 Oracle Technical Deep Dive] エンタープライズAIエージェントを支えるOCIソリューション。ラインナップと特徴を理解しよう! (2026年9月17日開催)
oracle4engineer
PRO
0
500
生成AIで高い生産性を求められて、 悩み、乗り越えた話
mot_techtalk
2
130
調査タスクをAIと乗り切る 〜過去の調査をナレッジ化し 調査手順をスキルにする〜
mot_techtalk
1
110
Featured
See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
340
Faster Mobile Websites
deanohume
310
32k
Building an army of robots
kneath
307
47k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.7k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
970
The Language of Interfaces
destraynor
162
27k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
700
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
31k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
610
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Building the Perfect Custom Keyboard
takai
2
890
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(ポイント情報)を プロット •村‧宿場町の位置は明治の地図や地名辞書より推定 ハッカソン、 はじめていきましょう!