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
非エンジニアのデザイナーがウェブ地図サイト「れきちず」を作った話 / MIERUNE JCT #01
Search
MIERUNE
PRO
August 29, 2023
Technology
0
1k
非エンジニアのデザイナーがウェブ地図サイト「れきちず」を作った話 / MIERUNE JCT #01
20230830開催のオンラインイベントMIERUNE JCT #01 での発表
非エンジニアのデザイナーがウェブ地図サイト「れきちず」を作った話/地図とかデザインとか
MIERUNE
PRO
August 29, 2023
Tweet
Share
More Decks by MIERUNE
See All by MIERUNE
位置情報とオープンソースがやりたくてMIERUNEに転職した話 〜経歴、事例紹介、GISへのいざない〜 / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
400
クロージング / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
290
オープニング / MIERUNE JCT - Tokyo 2024
mierune
PRO
1
340
QGISで簡単にDEMを可視化 - ElevationTile4JP & QuickDEM4JP プラグインのアップデート / FOSS4G TOKAI 2024
mierune
PRO
0
160
ゼロから始める点群可視化 feat.QGIS
mierune
PRO
0
150
MIERUNE BBQにおけるユーザー中心設計()
mierune
PRO
1
590
MIERUNE BBQ #10 in 札幌時計台 オープニング・クロージング
mierune
PRO
0
500
セイコーマートの近くに住みたい!Pythonで到達圏解析
mierune
PRO
1
740
ドラッグストア店員が 独学で化粧品顧客管理アプリを作成した話
mierune
PRO
1
700
Other Decks in Technology
See All in Technology
C# 13 / .NET 9 の新機能 (RC 1 時点)
nenonaninu
1
1.1k
CVE alive
ennael
PRO
0
360
FastAPIでのasync defとdefの使い分け
takashi1029
6
1.8k
k6を活用した再現性・拡張性の高い負荷試験基盤の構築
biwashi
11
2.8k
KDD2024参加報告
cyberagentdevelopers
PRO
0
190
Valuable Software Engineering
avandeursen
0
250
ドメインと向き合う - 旅行予約編
hidenorigoto
4
510
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
2
200
Making Linux sucks less
ennael
PRO
0
470
OPENLOGI Company Profile for engineer
hr01
1
12k
【shownet.conf_】AI技術とUX監視の応用でShowNetの基盤を支えるモニタリングシステム
shownet
PRO
0
260
不感対策ソリューション
jtes
0
230
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
459
32k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
What's in a price? How to price your products and services
michaelherold
243
11k
Creatively Recalculating Your Daily Design Routine
revolveconf
217
12k
The Language of Interfaces
destraynor
154
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
29
1.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.5k
Building Your Own Lightsaber
phodgson
102
6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
249
21k
Why Our Code Smells
bkeepers
PRO
334
57k
Transcript
地図とかデザインとか (加藤 創) 非エンジニアの デザイナーが ウェブ地図サイト 「れきちず」を作った話
01 02 03 04 CONTENTS 自己紹介 れきちずのきっかけ れきちずの制作 れきちずの今後
01 自己紹介
デザイナー 加藤 創 Hajime Kato
前職 • 東京のデザイン制作会社で グラフィックデザイナーとして7年間勤務 • 主に販促・広告デザインなどを制作
趣味 地図や路線図が好きで Twitterにデザインと絡めた作品を投稿
None
None
None
None
None
None
None
仕事 • Twitterの投稿を見た社長から誘われ、 去年MIERUNEに転職。 • 会社ではデザイン全般の制作を担当
名刺 メールアドレス
ロールアップバナー
会社案内リーフレット
プラグインアイコン
YouTubeサムネ
MIERUNE BBQロゴ
MIERUNE JCTロゴ (アイキャッチ)
マスキングテープ
クリアボトル
奈文研・産総研 3D DB Viewer ページ https://sitereports.nabunken.go.jp/3ddb
02 れきちずのきっかけ
きっかけ • 昔から地図が好きで、 古地図・絵図なども興味がありました。 しかし…
天保国絵図「武蔵国」国立公文書館デジタルアーカイブ
天保国絵図「安房国」国立公文書館デジタルアーカイブ 小…? 朝…? …? 村😵
• 「小」だと思っていたら 実は「北」だった! 「北」(U+5317) 日本古典籍くずし字データセットより http://codh.rois.ac.jp/char-shape/unicode/U+5317/ = 北 北 朝
夷 村🤗 き た あ さ い
古地図・絵図の問題点 • 地図・歴史好きの人は見るのが楽しいが、 そうでない人にはややハードルが高い
改善するために • 全員にわかりやすく伝えるためには? 現代の地図デザインに置き換えよう!
03 れきちずの制作
どうやって作る? • 当時の江戸時代の絵図を見てみると…
天保国絵図「武蔵国」国立公文書館デジタルアーカイブ
「安政改正御江戸大絵図」国立国会図書館デジタルコレクション
当時の絵図は… • とても素敵なのですが、現代の地図と重ねて 描き起こせるほどの精度は残念ながら無い…
明治初期の地図を使おう! • 明治初期(1880年代)の地図(いわゆる迅速測図)を 農研機構の「歴史的農業環境閲覧システム」が公開 • 明治〜平成にかけての旧版地図を故 谷謙二先生の 「今昔マップ」が公開
「2万分の1迅速測図」農研機構 歴史的農業環境閲覧システムより
地図の土台を作る • 江戸時代の絵図、明治初期の地図と さらに誤差を補正するために 国土地理院の「地理院タイル」を用いて 海岸線・街道・国境・航路などをQGIS上で描画する
背景画像は国土地理院「地理院タイル」
地図の情報を作る • 江戸時代の絵図、『江戸名所図会』などの当時の文献 をもとにPOI(ポイント情報)をプロット • 村・宿場町の位置は明治の地図と「角川日本地名大事 典」より推定
地図デザイン・アイコンの作成 • 地図のデザインやアイコンも オリジナルで作成!
峠 渡/湊 寺 劇場 関所 門 茶屋 山 宿場 神社
史跡 橋 城 市
背景画像は国土地理院「地理院タイル」
情報を作る上で気をつけたこと • 参考にした文献等は国・行政機関・地方自治体や 博物館などの信頼性の高い出典元を極力使用した • Googleマップ等、商業地図の情報は使わない
地図をウェブ地図化する • QGISの「タイル作成機能」を使用しウェブ上で 見れる形に書き出した上、MapLibreという オープンソースの地図ライブラリに読み込み サーバ上にアップロードを行った
None
04 れきちずの今後
現状の課題 • POI(ポイント情報)などが少ない、バラツキがある • ある程度までしかズームできない • POIの表示の挙動もあんまりよくない (重要度を高くしている地点が途中で消えたりする)
None
今後、機能を強化したいところ • 現在の地図と2画面で比較・重ね合わせる • 地点を押すと情報表示できる • 多言語表示やふりがなを表示できる • 経路検索機能(できれば)
None
既存のオープンデータの活用 • 国立情報研などが主催する「ROIS-DS人文学オープン データ共同利用センター」の江戸の地名等の データセットを今後活用し地図を強化していきたい
今回公開してみて • ここまで反響を頂けるとは思っておらず、感謝です • 資料がデジタル化されていることのありがたさ! • 土地の歴史調べ・街道巡り等に活用いただければ • 自分は素人なので、「ここは違うよ!」 「こうした方がいいよ!」等の情報を募集中です
ありがとうございました!