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
231229_Datavizjp_kato
Search
Hajime Kato
December 29, 2023
1
1.1k
231229_Datavizjp_kato
Data Visualization JapanでLT発表した『現代風の歴史マップ「れきちず」について』のスライドです。
Hajime Kato
December 29, 2023
Tweet
Share
More Decks by Hajime Kato
See All by Hajime Kato
日本最大級!地図・技術界隈の文化祭「FOSS4G 2024 Japan」に参加した話
hjmkth
1
15
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
560
現代風歴史マップ「れきちず」フロントエンドのウラとオモテ|フロントエンドカンファレンス北海道2024 / frontend of Rekichizu
hjmkth
0
220
240803_tochiji-hai_hackathon_kato
hjmkth
2
250
231206_Book-launch-event_kato
hjmkth
2
1.4k
231129_FOSS4G-ASIA-2023_kato
hjmkth
1
520
231007_tokyor_kato
hjmkth
6
1.6k
230909_chiriin-fc_kato
hjmkth
0
1.3k
230904_Geo-Lang_kato
hjmkth
0
1.5k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Automating Front-end Workflow
addyosmani
1366
200k
Optimising Largest Contentful Paint
csswizardry
33
3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Scaling GitHub
holman
459
140k
BBQ
matthewcrist
85
9.4k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Transcript
地図とかデザインとか (加藤 創) 現代風の歴史マップ 「れきちず」について
01 02 03 CONTENTS 自己紹介 れきちずについて 結果・まとめ
01 自己紹介
地図とかデザインとか @chizutodesign (加藤 創)
None
自己紹介 ━ • Xに趣味で色々投稿していたら お声がけされて転職したり 本を出版できたり… • 札幌市に住んでいます 『地図とか路線図とか @chizutodesign』
Amazon, 書店で発売中!
お仕事 ━ • 株式会社MIERUNE (位置情報, GISを専門とする企業) • グラフィックデザイナーとして会社のプロモーショ ンツール、ノベルティ等のデザインを担当
None
矢崎 裕一/Yuichi YAZAKI @yuichy02さんの X (https://twitter.com/yuichy02/status/1740257722929709455) より 16:30〜 このあとすぐ! 実は…MIERUNEの同僚です
02 れきちずについて
きっかけ(社会) ━ • 昨今、街歩き・街道歩きがブームとなっている • 関連した書籍や地図など様々なサービスがある • 特に江戸時代の人気が高い
• 自分は昔から地図が好きで、 古地図・絵図などにも興味があった しかし… きっかけ(個人) ━
天保国絵図「武蔵国」国立公文書館デジタルアーカイブ 「築地八町堀日本橋南絵図」国立国会図書館デジタルコレクション 文字の可読性に やや難がある 文字の向きが バラバラ
• 歴史・地理にそこまで詳しくない・興味がない 人に対しても、わかりやすい地図を作る • 江戸を含んだより広い領域の地図とする ねらい ━ 現代の地図デザインで制作する
• 位置データの閲覧・ 編集ができるオープン ソースのGISソフト • 世界的に広く使用 https://qgis.org/ 地図づくり ━ キュージーアイエス/キュージス
国立公文書館デジタルアーカイブ 農研機構 歴史的農業環境閲覧システム 江戸時代の絵図 明治初期の地図 国土地理院「地理院タイル」 現在の地図 道筋・海岸線等を 判断・抽出 道筋・海岸線等を
描画 誤差を補正
• 江戸時代の地図や『江戸名所図会』などの当時の文献 をもとにPOI(ポイント情報)をプロット • 村・宿場町の位置は明治の地図および、地名辞書 「日本歴史地名大系」「角川日本地名大事典」 より推定 地図情報をつくる ━
「江戸名所図会 7巻 [1] 第1-3冊: 巻1」 国立国会図書館デジタルコレクション https://dl.ndl.go.jp/pid/2559040/1/37
• 地図のデザインやアイコンも オリジナルで作成! 地図デザイン・アイコン ━
峠 渡/湊 寺 劇場 関所 門 茶屋 山 宿場 神社
史跡 橋 城 市/店
• 参考にした文献等は国・行政機関・地方自治体や 博物館などの信頼性の高い出典元を極力使用した • Googleマップ等、商業地図の情報は使わない 情報をつくる上で留意した点 ━
• QGISでタイル書き出し + MapLibreで地図を表示 https://qgis.org/ ウェブ地図化する ━ https://maplibre.org
ウェブ地図化する ━ https://qiita.com/chizutodesign/items/d48fc29df1baa0f71a67 非エンジニアの自分が ウェブ地図サイトを公開するまで 詳細はQiitaにまとめましたのでそちらをどうぞ
None
https://rekichizu.jp/map/ れきちず 検索
03 結果・まとめ
反響 ━ 新聞 雑誌 ネットメディア テレビ 12/16 朝日新聞夕刊 月刊地図中心 12月号
ITmedia NEWS ABEMA NEWS / テレビ朝日
• ここまで反響を頂けるとは思っておらず、感謝 • 資料がデジタル化されていることのありがたさ! • 土地の歴史調べ・街道巡り等に活用いただければ • オープンデータ*も積極的に活用していきたい 公開した感想 ━
* https://geoshape.ex.nii.ac.jp/nrct/
今後の展望 ━ 2画面表示 情報表示 多言語表示 経路検索 ※1「地理院地図」より ※「名所江戸百景 五百羅漢さゞゐ堂」国立国会図書館デジタルコレクション
None
• 個人で趣味として開発することの技術的限界を実感 • 2024年以降、会社のサポートを受けて運用 • 自分が中心となって進めていきます • MIERUNEの技術力でより良い地図に • オープンな(自由に使える)精神*は残していきます
詳細はMIERUNEニュースリリース(https://www.mierune.co.jp/news/posts/ip50v9c-fx9)をご覧ください *非営利の個人利用、学術・教育目的の利用を想定。企業さんが営利目的で使われる場合はご相談 会社プロジェクト化決定! ━
ありがとうございました!