$30 off During Our Annual Pro Sale. View Details »

230904_Geo-Lang_kato

Hajime Kato
September 04, 2023

 230904_Geo-Lang_kato

第5回 「地理空間と言語処理」勉強会の発表資料です。
https://connpass.com/event/291648/

Hajime Kato

September 04, 2023
Tweet

More Decks by Hajime Kato

Other Decks in Design

Transcript

  1. 地図とかデザインとか (加藤 創)
    ウェブ地図サイト
    「れきちず」について

    View Slide

  2. 01
    02
    03
    04
    CONTENTS
    自己紹介
    背景(きっかけ)
    既往事例
    目的
    05
    06
    07
    方法
    結果
    今後の展望

    View Slide

  3. 01 自己紹介

    View Slide

  4. デザイナー
    加藤 創
    Hajime Kato

    View Slide

  5. お仕事

    ● 会社のプロモーションツール、ノベルティ等の
    デザインを担当

    View Slide

  6. View Slide

  7. 趣味

    ● 地図や路線図が好きで、
    Twitterにデザインと絡めた作品を投稿

    View Slide

  8. View Slide

  9. 02 背景(きっかけ)

    View Slide

  10. きっかけ(社会)

    ● 昨今、街歩き・街道歩きがブームとなっている
    ● 関連した書籍や地図など様々なサービスがある

    View Slide

  11. ● 自分は昔から地図が好きで、
    古地図・絵図などにも興味があった
    しかし…
    きっかけ(個人)

    View Slide

  12. 天保国絵図「武蔵国」国立公文書館デジタルアーカイブ

    View Slide

  13. View Slide

  14. 天保国絵図「安房国」国立公文書館デジタルアーカイブ
    小…?
    朝…?
    …?
    村😵

    View Slide

  15. ● 「小」だと思っていたら
    実は「北」だった!
    「北」(U+5317) 日本古典籍くずし字データセットより
    http://codh.rois.ac.jp/char-shape/unicode/U+5317/
    = 北




    😃





    View Slide

  16. ● 地図・歴史好きの人は見るのが楽しいが、
    そうでない人にはややハードルが高い
    古地図・絵図の課題

    View Slide

  17. 03 既往事例

    View Slide

  18. ● 江戸の古地図『江戸切絵図』を復刻したものが
    いくつか存在した(制作当時)
    ○ gooマップ古地図(人文社)※2023年9月27日サービス終了
    ○ 大江戸今昔めぐり(大江戸今昔めぐり製作委員会)  
    など
    既往事例

    View Slide

  19. ● デザインは当時の絵図を踏襲
    「築地八町堀日本橋南絵図」
    国立国会図書館デジタルコレクション
    筆者の再現イメージ

    View Slide

  20. 「築地八町堀日本橋南絵図」国立国会図書館デジタルコレクション
    文字の向きが
    バラバラ…😢

    View Slide

  21. 「築地八町堀日本橋南絵図」国立国会図書館デジタルコレクション
    文字の向きは、
    建物の表門の
    位置を表して
    いた!😲
    NHK 美の壺
    「File105 江戸の古地図」
    https://www.nhk.or.jp/tsubo/
    arc-20081010.html
    表門
    表門

    View Slide

  22. ● デザインは当時の絵図を踏襲している
    ● 当時の絵図は文字の向きがバラバラ
    ● 地図や歴史にそこまで興味のない人にとっては  
    視認性・可読性に少々難のある可能性がある
    ● 地図領域が江戸とその周辺にほぼ限定されている
    既往事例の課題

    View Slide

  23. 04 目的

    View Slide

  24. 天保国絵図「武蔵国」国立公文書館デジタルアーカイブ 「築地八町堀日本橋南絵図」国立国会図書館デジタルコレクション
    文字の可読性に
    やや難がある
    文字の向きが
    バラバラ

    View Slide

  25. ● 歴史・地理にそこまで詳しくない・興味がない人に
    とってもわかりやすい地図を作る
    ● 江戸を含む、より広い領域の地図とする
    目的

     現代の地図デザインで制作する

    View Slide

  26. 05 方法

    View Slide

  27. ● 2019年、Googleマップ風の地図として制作して公開
    した
    ● 著作権の問題、1枚画像であることもありウェブサ
    イトしての公開には問題があった
    当初

    View Slide

  28. View Slide

  29. ● 当時の江戸時代の絵図を見てみると…
    制作方法の検討

    View Slide

  30. 天保国絵図「武蔵国」国立公文書館デジタルアーカイブ

    View Slide

  31. 「安政改正御江戸大絵図」国立国会図書館デジタルコレクション

    View Slide

  32. ● とても素敵なのですが、現代の地図と重ねて
    描き起こせるほどの精度は残念ながら無い
    ● ではどうするか?
    当時の絵図の精度

    View Slide

  33. ● 明治初期(1880年代)の地図(迅速測図)を
    農研機構の「歴史的農業環境閲覧システム」が公開
    ● 明治〜平成にかけての旧版地図を故 谷謙二先生の
    「今昔マップ」が公開
    明治初期の地図を使用

    View Slide

  34. 「2万分の1迅速測図」農研機構 歴史的農業環境閲覧システムより

    View Slide

  35. ● 位置データの閲覧・ 
    編集ができるオープン
    ソースのGISソフト
    ● 世界的に広く使用
    https://qgis.org/
    地図の土台づくり

    View Slide

  36. ● 江戸時代の絵図、明治初期の地図と
    さらに誤差を補正するために
    国土地理院の「地理院タイル」を用いて
    海岸線・街道・国境・航路などをQGIS上で描画する
    地図の土台づくり

    View Slide

  37. 国立公文書館デジタルアーカイブ 農研機構 歴史的農業環境閲覧システム
    江戸時代の絵図 明治初期の地図
    国土地理院
    地理院タイル
    道筋・海岸線等を
    判断・抽出
    道筋・海岸線等を
    描画
    誤差を補正

    View Slide

  38. 背景画像は国土地理院「地理院タイル」

    View Slide

  39. ● 江戸時代の絵図、『江戸名所図会』などの当時の文献
    をもとにPOI(ポイント情報)をプロット
    ● 村・宿場町の位置は明治の地図および
    「角川日本地名大事典」より推定
    地図情報をつくる

    View Slide

  40. 「江戸名所図会 7巻 [1] 第1-3冊: 巻1」 国立国会図書館デジタルコレクション https://dl.ndl.go.jp/pid/2559040/1/37
    なるほど、
    わからん🤯

    View Slide

  41. 「江戸名所図会 巻1 (日本図会全集)」 国立国会図書館デジタルコレクション https://dl.ndl.go.jp/pid/1176676/1/32
    読める…
    読めるぞ!

    View Slide

  42. ● 地図のデザインやアイコンも
    オリジナルで作成!
    地図デザイン・アイコン

    View Slide

  43. 峠 渡/湊 寺 劇場 関所 門 茶屋
    山 宿場 神社 史跡 橋 城 市/店

    View Slide

  44. View Slide

  45. ● 参考にした文献等は国・行政機関・地方自治体や
    博物館などの信頼性の高い出典元を極力使用した
    ● Googleマップ等、商業地図の情報は使わない
    情報をつくる上で留意した点

    View Slide

  46. ● QGISの「タイル作成機能」を使用しウェブ上で
    閲覧できる形に書き出した上、MapLibreという
    オープンソースの地図ライブラリに読み込み
    サーバ上にアップロードを行った
    ウェブ地図化する

    View Slide

  47. ウェブ地図化する

    https://qgis.org/ https://maplibre.org

    View Slide

  48. View Slide

  49. 06 結果

    View Slide

  50. https://rekichizu.jp/map/
    れきちず 検索

    View Slide

  51. 07 今後の展望

    View Slide

  52. ● POI(ポイント情報)などが少ない、バラツキがある
    ● ある程度までしかズームできない
    ● POIの表示の挙動もあまりよくない
    (重要度を高くしている地点が途中で消えたりする)
    現状の課題

    View Slide

  53. View Slide

  54. ● 現在の地図と2画面で比較・重ね合わせる
    ● 地点を押すと情報表示できる
    ● 多言語表示やふりがなを表示できる
    ● 経路検索機能(できれば)
    今後機能を強化したい点

    View Slide

  55. 2画面表示

    View Slide

  56. 情報表示

    「名所江戸百景 五百羅漢さゞゐ堂」
    国立国会図書館デジタルコレクション

    View Slide

  57. 多言語表示

    「名所江戸百景 五百羅漢さゞゐ堂」
    国立国会図書館デジタルコレクション

    View Slide

  58. 経路検索

    View Slide

  59. View Slide

  60. ● 国立情報研などが運営する「ROIS-DS人文学オープン
    データ共同利用センター」の江戸の地名等のデータ
    セットを今後活用し地図を強化していきたい
    オープンデータの活用

    View Slide

  61. ● ここまで反響を頂けるとは思っておらず、感謝です
    ● 資料がデジタル化されていることのありがたさ!
    ● 土地の歴史調べ・街道巡り等に活用いただければ
    ● 自分は素人なので、「ここは違うよ!」
    「こうした方がいいよ!」等の情報を募集中です
    公開した感想

    View Slide

  62. ありがとうございました!

    View Slide