インタラクティブなメディアの地図投影法: WebメルカトルからAdaptive Projectionsへ / MIERUNE 社内勉強会 #033

Slide 1

Slide 1 text

ΠϯλϥΫςΟϒ ͳ ϝσ ΟΞ ͷ ஍ਤ౤Ө๏ .*&36/&ࣾ಺ษڧձ IJTBNPUP アポロ8号からの「地球の出」（1968） NASA/GSFC/Reto Stöckli, Nazmi El Saleous, and Marit Jentoft-Nilsen, パブリック・ドメイン https://commons.wikimedia.org/wiki/File:Earth_from_Space.jpg 8FCϝϧΧτϧ͔Β"EBQUJWF1SPKFDUJPOT΁

Slide 2

Slide 2 text

アポロ17号からの地球「ザ・ブルー・マーブル」 (1972) NASA , パブリック・ドメイン https://nasa.gov/multimedia/imagegallery/image_feature_329.html

Slide 3

Slide 3 text

オーランド・ファーガソンによる「地球平面図」 (1893) Orlando Ferguson, パブリック・ドメイン https://commons.wikimedia.org/wiki/File:Orlando-Ferguson- fl at-earth-map_edit.jpg

Slide 4

Slide 4 text

地球平面説 - Wikipedia https://ja.wikipedia.org/wiki/地球平面説

Slide 5

Slide 5 text

地理位置情報に関係ありそうな配信動画コンテンツ・その1 - Qiita https://qiita.com/yuskesuzki@github/items/54cde5c9faa6922ea731

Slide 6

Slide 6 text

lϏϋΠϯυɾβɾΧʔϒ஍ٿฏ໘આl 映画 ”Behind the Curve” 公式サイト https://www.behindthecurve fi lm.com/

Slide 7

Slide 7 text

ビハインド・ザ・カーブ－地球平面説－ | Net fl ix https://www.net fl ix.com/rs/title/81015076

Slide 8

Slide 8 text

!"#$% '()*+ ビハインド・ザ・カーブ－地球平面説－ | Net fl ix https://www.net fl ix.com/rs/title/81015076 フォント: 暗黒工房日本語フリーホラーフォント「吐き溜フォント」 http://www.ankokukoubou.com/font/hakidame.htm

Slide 9

Slide 9 text

Behind the Curve - Of fi cial Release Trailer - YouTube https://www.youtube.com/watch?v=nuAoQsrYJqI

Slide 10

Slide 10 text

౤Ө 1SPKFDUJPO

Slide 11

Slide 11 text

📜 ฏ໘ͷϝσ ΟΞ 🖥 📱

Slide 12

Slide 12 text

マルティン・ヴァルトゼーミュラーによる舟型多円錐図法のような世界地図（1509） Martin Waldseemüller, パブリック・ドメイン https://commons.wikimedia.org/wiki/File:Erster_gedruckter_Globus,_Martin_Hylacomylus_(Waltzem%C3%BCller)_- _geh%C3%B6rt_wahrscheinlich_zu_seinem_1509_herausgegeben_Buch_%22Globus_mundi%27_;_Zweiter_gedruckter_Globus,_Peter_Apianus_-_in_dessen_LOC_2009582745.tif 画像: 皮のむけたミカンのイラスト | かわいいフリー素材集いらすとや https://www.irasutoya.com/2017/03/blog-post_614.html

Slide 13

Slide 13 text

༷ʑͳํ๏ͰʮٿʯΛʮ໘ʯ΁ࣸ͠ͱΔ   ҎԼ͸ʮܗঢ়ʯʹΑΔ෼ྨ͜ͷଞʹ΋ෳ߹ܥ΍ɺଟ໘ମɺͳͲͳͲ 図: John P. Snyder 1987, “Map projections: A working manual”, U.S. Government Printing Of fi ce p.6, Figure 1 https://pubs.er.usgs.gov/publication/pp1395 ԁ౵ ԁਲ਼ ํҐ $ZMJOESJDBM $POJD "[JNVUIBM

Slide 14

Slide 14 text

౤Ө๏ͷҰ෼ྨԁ౵ਤ๏ $ZMJOESJDBM1SPKFDUJPO 画像: KoenB, パブリック・ドメイン https://commons.wikimedia.org/wiki/File:Cilinderprojectie-constructie.jpg

Slide 15

Slide 15 text

౤Ө๏ͷҰ෼ྨԁ౵ਤ๏ $ZMJOESJDBM1SPKFDUJPO 画像: KoenB, パブリック・ドメイン https://commons.wikimedia.org/wiki/File:Cilinderprojectie-constructie.jpg z஍ٿʹר͖෇͚ͨԁ౵ʹ஍෺Λ౤Өͯ͠࡞ΒΕΔਤ๏ɺ సͯ͡ɺܦઢͱҢઢ͕௚ަ͢Δ௚ઢ܈ͱͳΔਤ๏z   円筒図法 - Wikipedia https://ja.wikipedia.org/wiki/円筒図法

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

ϝϧΧτϧਤ๏ԁ౵ਤ๏ͷҰछ D3.jsにより生成したメルカトル図法の世界地図コード: Mike Bostockによるものを変更データ: Natural Earth （World Atlas TopoJSON） https://observablehq.com/@sorami/world-map-canvas-with-tissots-indicatrices ผ໊ʮਖ਼֯ ԁ౵ ਤ๏ʯ ਖ਼֯Ͳͷ఺ͷͲͷ֯౓΋ਖ਼͘͠౤Ө͞ΕΔ . F S D B U P S 1 S P K F D U J P O େߤւ࣌୅ɺધ৐Γʹศརʂ ʢ౳֯ߤ࿏ʣ   ೥ͳͲͦΕҎલʹ΋ࣅͨ஍ਤ͕͋Γɺ൴͕ൃҊऀͰ͸ͳ͍ͱ͍͏ݟղ΋͋Δͦ͏   ࢀߟ.FSDBUPSQSPKFDUJPO8JLJQFEJB   IUUQTFOXJLJQFEJBPSHXJLJ.FSDBUPS@QSPKFDUJPO ήϥϧυΡεɾϝϧΧτϧ   画像: メルカトルを描いた絵, パブリック・ドメイン https://commons.wikimedia.org/wiki/File:Gerardus_Mercator.jpg $POGPSNBM

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

ਖ਼͕֯ͩ ਖ਼ੵɾਖ਼ڑͰ͸ͳ͍   ਖ਼ੵ஍ਤ্ͷͲͷҐஔͰ΋໘ੵ͕౳͘͠දݱ͞Ε͍ͯΔ   ਖ਼ڑԿΒ͔ͷج४ʢத৺΍ඪ४Ңઢʣ͔Βͷڑ཭͕ਖ਼͍͠ $POGPSNBM &RVBMBSFB &RVJEJTUBOU

Slide 22

Slide 22 text

Connormah, CC BY-SA 3.0 https://commons.wikimedia.org/wiki/File:Greenland_(orthographic_projection).svg Martin23230, CC BY-SA 3.0 https://commons.wikimedia.org/wiki/File:Africa_(orthographic_projection).svg ଞͷ౤Өྫਖ਼ࣹਤ๏ 0SUIPHSBQIJD1SPKFDUJPO ʮे෼ʹԕ͔͘Βݟͨ࣌ͷ༷ࢠʯ

Slide 23

Slide 23 text

͡Ό͋ɺͦͷʮ஍ٿّϏϡʔʯͰղܾʁ

Slide 24

Slide 24 text

͡Ό͋ɺͦͷʮ஍ٿّϏϡʔʯͰղܾʁ ਖ਼ࣹਤ๏΋ਖ਼ੵͰ͸ͳ͍ʢͦͯ͠ਖ਼֯Ͱ΋ͳ͍ʣ   पล΁ߦ͘ʹͭΕ࿪Έ͕େ͖͘ͳΔ 😨

Slide 25

Slide 25 text

͡Ό͋ɺͦͷʮ஍ٿّϏϡʔʯͰղܾʁ ਖ਼ࣹਤ๏΋ਖ਼ੵͰ͸ͳ͍ʢͦͯ͠ਖ਼֯Ͱ΋ͳ͍ʣ   पล΁ߦ͘ʹͭΕ࿪Έ͕େ͖͘ͳΔ ൒ٿ͔͠ݟ͑ͳ͍   ʮશੈքʯΛҰ໨ͰݟΔ͜ͱ͕Ͱ͖ͳ͍ 😱 😨 ྫ໌҉ڥքઢ ΦϨϯδ৭ͷ஍Ҭʹଠཅޫ͕౰͍ͨͬͯΔ   ਤ.JLF#PTUPDLͷίʔυΛมߋ͠IJTBNPUP࡞੒ʢਖ਼ࣹਤ๏ φνϡϥϧΞʔεਤ๏ʣ IUUQTPCTFSWBCMFIRDPN!TPSBNJTPMBSUFSNJOBUPSJOEJGGFSFOUQSPKFDUJPOT

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

ςΠιʔͷࢦࣔପԁ   ஍ٿͷද໘ʹಉ͡େ͖͞ͷԁΛඳ͖ɺ౤Ө๏ͷ࿪ΈΛݟΔ ˞ϝϧΧτϧਤ๏͸ʮਖ਼֯ਤ๏ʯͳͷͰશ͕ͯਅԁʢପԁʹͳΒͳ͍ʣ D3.jsにより生成した世界地図とテイソーの指示楕円コード: Mike Bostockによるものを変更データ: Natural Earth （World Atlas TopoJSON） https://observablehq.com/@sorami/world-map-canvas-with-tissots-indicatrices

Slide 29

Slide 29 text

ϋϯϝϧٯํҐ )BNNFS3FUSPB[JNVUIBM அ྾ϗϞϩαΠϯʢάʔυʣ (PPEF`TIPNPMPTJOF JOUFSSVQUFE ΢ΥʔλʔϚϯ௏ܕ 8BUFSNBOl#VUUFS fl Zz ύʔεɾΫΠϯΧϯγϟϧ 1FJSDFRVJODVODJBM ۭւҰମʢμΠϚΫγϣϯʣ "JSPDFBOBLB%ZNBYJPO Ϙϯψ #POOF

Slide 30

Slide 30 text

׬ᘳͳ౤Ө๏ͳͲແ͍   ର৅ɺ৔ॴɺεέʔϧɺͳͲͰదࡐదॴ ࣌ͱ৔߹ʹΑΓʮෆద౰ͳ౤Ө๏ʯ͸͋ΓಘΔ ʮzٿzΛz໘z΁ࣹӨ͢Δͱඞવతʹ࿪Έ͕ੜ͡Δʯͱ͍͏͜ͱΛূ໌ͨ͠ ΦΠϥʔʹΑΔ਺ֶ࿦จ͕͋Δͦ͏ IJTBNPUP͸ະಡ   &VMFS l0OUIFNBQQJOHPG4QIFSJDBM4VSGBDFTPOUPUIF1MBOFz ӳ༁   IUUQFVMFSBSDIJWFNBBPSHEPDTUSBOTMBUJPOT&FOQEG

Slide 31

Slide 31 text

͜Εɺ౤Ө๏తʹ͸   Ͳ͏ͳΜͰ͠ΐ͏ ʁ   ʢద౰ͳͷ͔΋͠Εͳ͍ʣ 画像: hisamoto撮影（2022年1月22日）

Slide 32

Slide 32 text

๺ே઱ʹΑΔϛαΠϧສLN ສLNࣹఔڑ཭ 図: Esri, ArcUser Online, “Understanding Geodesic Buffering” Figure 1, Figure 2 https://www.esri.com/news/arcuser/0111/geodesic.html ࠨ͚ͩݟͨΒɺୈײͰ͸ਖ਼͘͠ࢥ͑ͯ͠·͏   ʮԤभ΍ΞϝϦΧ͸ࣹఔ֎ʜʁʯ ͱ͋Δ৽ฉʹܝࡌ͞Εͨਤ मਖ਼͞Εͨਤ * The Economist, 2003

Slide 33

Slide 33 text

͔͠͠ɺ8FCͰ͸ ΄ͱΜͲ͕ϝϧΧτϧ ඇϝϧΧτϧ͸ɺ%KTʹΑΔσʔλՄࢹԽͨ͠ਤͱ͔͘Β͍

Slide 34

Slide 34 text

8FCϝϧΧτϧ&14( ϝϧΧτϧਤ๏Λ༻͍ͨ౤Ө࠲ඪܥ   8FC஍ਤʹ͓͚ΔσϑΝΫτελϯμʔυ

Slide 35

Slide 35 text

8FCϝϧΧτϧ&14( ϝϧΧτϧਤ๏Λ༻͍ͨ౤Ө࠲ඪܥ   8FC஍ਤʹ͓͚ΔσϑΝΫτελϯμʔυ * 本当は少し歪む（後述） ʮ֗࿏ͷφϏʯʹ౎߹͕ྑ͍   Ͳͷڱ͍ൣғΛ੾Γऔͬͯ΋ܗঢ়͕࿪ΜͰ͍ͳ͍   ֯౓ɾํ޲͕อͨΕ͍ͯΔ   ஍ਤͷʮ্ʯ͕ৗʹʮ๺ʯ

Slide 36

Slide 36 text

8FCϝϧΧτϧ&14( ϝϧΧτϧਤ๏Λ༻͍ͨ౤Ө࠲ඪܥ   8FC஍ਤʹ͓͚ΔσϑΝΫτελϯμʔυ * 本当は少し歪む（後述） ʮ֗࿏ͷφϏʯʹ౎߹͕ྑ͍   Ͳͷڱ͍ൣғΛ੾Γऔͬͯ΋ܗঢ়͕࿪ΜͰ͍ͳ͍   ֯౓ɾํ޲͕อͨΕ͍ͯΔ   ஍ਤͷʮ্ʯ͕ৗʹʮ๺ʯ Ң౓˃Ҏ্Λ੾Γࣺ͍ͯͯΔ   ˠੈք͕ਅ࢛֯TRVBSFʹͳΔ   ˠ஍ਤλΠϧʢ࣍ทʣ

Slide 37

Slide 37 text

஍ਤλΠϧੈք஍ਤΛ෼ׂ͍ͯ͘͠ ζʔϜϨϕϧ ζʔϜϨϕϧ ζʔϜϨϕϧ 0/0/0 1/0/0 1/0/1 1/1/0 1/1/1 2/0/0 2/1/0 2/2/0 2/3/0 2/0/1 2/1/1 2/2/1 2/3/1 2/0/2 2/1/2 2/2/2 2/3/2 2/0/3 2/1/3 2/2/3 2/3/3 ֤λΠϧΛʮlζʔϜϨϕϧzl9࠲ඪzl:࠲ඪzʯͰࣔ͢ ʮ֤λΠϧͷσʔλʯΛ༻ҙ͓͖ͯ͠ɺඞཁͳ΋ͷ͚ͩ౎౓഑৴͢Δ

Slide 38

Slide 38 text

国土地理院 - 地理院地図（電子国土Web） - タイル座標確認ページ   https://maps.gsi.go.jp/development/tileCoordCheck.html

Slide 39

Slide 39 text

国土地理院 - 地理院地図（電子国土Web） - タイル座標確認ページ   https://maps.gsi.go.jp/development/tileCoordCheck.html

Slide 40

Slide 40 text

ʮ8FCϝϧΧτϧҎ֎Λ࢖͓͏ɺϚδͰʯ Use Literally Anything but Web Mercator - YouTube https://www.youtube.com/watch?v=R-ENwz5u7pE ̈

Slide 41

Slide 41 text

Slide 42

Slide 42 text

ʮ8FCϝϧΧτϧҎ֎Λ࢖͓͏ɺϚδͰʯ Use Literally Anything but Web Mercator - YouTube https://www.youtube.com/watch?v=R-ENwz5u7pE ໘ੵ్͕ํ΋ͳ͘࿪ΜͰද͞ΕΔ ๺ۃɾೆۃΛදͤͳ͍ ࢛͍֯ܗ͸ʮੈք͕ฏΒʯͱ͍͏ҹ৅Λ༩͑Δ 8FCϝϧΧτϧ͸ʮ஍ٿପԁମ8(4 ʯʹରͯ͠ ʮٿମ΁ͷϝϧΧτϧެࣜʯΛ༻͍͍ͯΔͨΊ ݫີʹ͸ਖ਼֯Ͱ͸ͳ͍     ͦ͏͍ͬͨཧ༝͔ΒɺΞϝϦΧࠃ๷૯ল͸ެࣜͰͷར༻Λ༰ೝ͍ͯ͠ͳ͍   ʢࢀߟIUUQTFOXJLJQFEJBPSHXJLJ8FC@.FSDBUPS@QSPKFDUJPODJUF@OPUF/("OPUJDF   ̈&14(͸౰ॳɺίʔυͷׂΓ౰ͯΛڋ൱ͨ͠ʢʮٕज़తͳ໰୊͕͋ΓɺؚΊͯ͠·͏ͱ%#ͷՁ஋ΛଛͶΔʯʣ   ඇެࣜʹz(00(-&zΛ΋ͬͨ͡z&14(zͱ͍͏ίʔυͰݺ͹Ε0QFO-BZFSTʹऔΓೖΕΒΕͨ   ʢࢀߟIUUQTFOXJLJQFEJBPSHXJLJ8FC@.FSDBUPS@QSPKFDUJPO ̈

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Kenneth Field “Mercator, it’s not hip to be square” (Esri ArcGIS Blog) https://www.esri.com/arcgis-blog/products/arcgis-pro/mapping/mercator-its-not-hip-to-be-square/

Slide 45

Slide 45 text

l1VMQ'JDUJPOz .JSBNBY'JMNT Kenneth Field “Mercator, it’s not hip to be square” (Esri ArcGIS Blog) https://www.esri.com/arcgis-blog/products/arcgis-pro/mapping/mercator-its-not-hip-to-be-square/

Slide 46

Slide 46 text

📜 ฏ໘΁ͷ౤Ө 🖥 📱

Slide 47

Slide 47 text

📜 ฏ໘΁ͷ౤Ө 🖥 📱 ͜Ε·Ͱͷ౤Ө๏͸ɺʮࢴʯΛ૝ఆ͍ͯ͠Δ

Slide 48

Slide 48 text

📜 ฏ໘΁ͷ౤Ө 🖥 📱 ಈ͔ͤΔ ͜Ε·Ͱͷ౤Ө๏͸ɺʮࢴʯΛ૝ఆ͍ͯ͠Δ

Slide 49

Slide 49 text

֗࿏ϨϕϧͰͷφϏ   8FCϝϧΧτϧͷطଘࢿ࢈ ΑΓద੾ͳදݱ

Slide 50

Slide 50 text

🖥 📱 ֗࿏ϨϕϧͰͷφϏ   8FCϝϧΧτϧͷطଘࢿ࢈ ΑΓద੾ͳදݱ ΠϯλϥΫςΟϒͳϝσ ΟΞ

Slide 51

Slide 51 text

"EBQUJWF   1SPKFDUJPOT

Slide 52

Slide 52 text

σϞ .BQCPY(-+4WͷػೳʹΑΔ   IUUQTPCTFSWBCMFIRDPN!TPSBNJBEBQUJWFQSPKFDUJPOTNBQCPYHMKTW 地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 53

Slide 53 text

地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 54

Slide 54 text

地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 55

Slide 55 text

地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 56

Slide 56 text

地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 57

Slide 57 text

l"EBQUJWF$PNQPTJUF.BQ1SPKFDUJPOTz #FSOIBSE+FOOZ *&&&5SBOTBDUJPOTPO7JTVBMJ[BUJPOBOE$PNQVUFS(SBQIJDT

Slide 58

Slide 58 text

Ң ౓ ζʔϜ ۃ஍͕ݟ͑ΔɺճసՄೳ ۃ஍͕ݟ͑ͳ͍ ਖ਼ੵ ਖ਼֯ ં஭ େ཮ɺΑΓখ͞ͳΤϦΞ ൒ٿ ੈք l"EBQUJWF$PNQPTJUF.BQ1SPKFDUJPOTz #FSOIBSE+FOOZ *&&&5SBOTBDUJPOTPO7JTVBMJ[BUJPOBOE$PNQVUFS(SBQIJDT

Slide 59

Slide 59 text

OSUCartography/adaptive-composite-map-projections: Adaptive composite map projections combine several projections   https://github.com/OSUCartography/adaptive-composite-map-projections ࿦จͷ࣮૷ͱσϞ

Slide 60

Slide 60 text

Adaptive Composite Map Projections https://berniejenny.info/demos/AdaptiveCompositeMapProjections/ ࿦จͷ࣮૷ͱσϞ

Slide 61

Slide 61 text

Reimagining projections for the interactive maps era | Mapbox Blog https://www.mapbox.com/blog/adaptive-projections ࣌͸ܦͪɺͦͯ͠೥݄   .BQCPY(-+4W   ݱ୅ͷ8FC஍ਤٕज़Ͱ"EBQUJWF1SPKFDUJPOTΛ࣮૷

Slide 62

Slide 62 text

インタラクティブマップ時代の投影法を再構築する｜Mapbox Devlog｜ブログ｜Mapbox Japan https://www.mapbox.jp/blog/adaptive-projections ެࣜ࿨༁΋ ͋ΔΑ

Slide 63

Slide 63 text

Slide 64

Slide 64 text

0/0/0 1/0/0 1/0/1 1/1/0 1/1/1 2/0/0 2/1/0 2/2/0 2/3/0 2/0/1 2/1/1 2/2/1 2/3/1 2/0/2 2/1/2 2/2/2 2/3/2 2/0/3 2/1/3 2/2/3 2/3/3 λΠϧํ͕ࣜීٴͨ͠ݱ୅ͷ8FC஍ਤ ΋͠ҧ͏౤Ө๏Λ࢖͏৔߹ʹ͸ɺ શͯͷσʔλΛ࠶ॲཧ͢Δඞཁ͕͋Δ😰 .BQCPYͷྫ ζʔϜϨϕϧ·Ͱͷϕʔε஍ਤλΠϧ ܭ ԯຕҎ্   ౤Ө๏͝ͱʹੜ੒͓ͯ͘͠ͷ͸ඇݱ࣮త😱

Slide 65

Slide 65 text

.BQCPYνʔϜͷํ਑ ɹطଘࢿݯͱͷޓ׵ੑ   ɹ8FCϝϧΧτϧΛϩʔυ͠ɺΫϥΠΞϯτଆͰ࠶౤Ө ɹϕΫλʔλΠϧ ɹϥελʔͰ͸ɺςΩετϥϕϧ͕࿪Ήɺγϟʔϓͳઢ΍ΞΠίϯ͕΅΍͚Δ ɹζʔϜ࣌ɺ౤Өͷಈతͳௐ੔ ɹʮζʔϜʯͱʮํ޲ʯͷ࠶ఆٛ ɹθϩΦʔόʔϔου ɹϨϯμϦϯάͷύϑΥʔϚϯεΛམͱͣ͞ɺී௨ͷ஍ਤͱಉ͡଎͞Ͱ

Slide 66

Slide 66 text

0/0/0 1/0/0 1/0/1 1/1/0 1/1/1 MW MW 地図: ©︎ Mapbox ©︎ OpenStreetMap ϝϧΧτϧ ʜ ඇϝϧΧτϧ ζʔϜϨϕϧͷఆٛ

Slide 67

Slide 67 text

ζʔϜϨϕϧͷఆٛ 0/0/0 1/0/0 1/0/1 1/1/0 1/1/1 MW MW 地図: ©︎ Mapbox ©︎ OpenStreetMap ϝϧΧτϧ ʜ ඇϝϧΧτϧ ͜Ε·Ͱͷఆٛ͸੒Γཱͨͳ͍   λΠϧ΋ੈք΋ɺ΋͸΍ʮ࣠ʹԊ࢛ͬͨ֯ʯͰ͸ͳ͍ ௚ײతʹ͸ʮಉ͡Ϩϕϧɾத৺ʯͰɺ   ͍͍ͩͨಉ͡ΤϦΞΛΧόʔ ܗͷαΠζײ΋ಉఔ౓

Slide 68

Slide 68 text

ζʔϜϨϕϧͷఆٛ 0/0/0 1/0/0 1/0/1 1/1/0 1/1/1 MW MW 地図: ©︎ Mapbox ©︎ OpenStreetMap ϝϧΧτϧ ʜ ඇϝϧΧτϧ ɹɹɹ೚ҙͷΤϦΞΛࢀর఺ͱͯ͠ࢦఆ ɹɹɹ࠶౤Ө࠲ඪͰͷαΠζΛࢉग़ ɹɹɹϝϧΧτϧ࠲ඪͰͷαΠζΛࢉग़ ɹɹɹ྆ऀͷαΠζ͕߹͏Α͏ʹ౤ӨΛௐ੔ 図: Reimagining projections for the interactive maps era | Mapbox Blog https://www.mapbox.com/blog/adaptive-projections

Slide 69

Slide 69 text

ζʔϜϨϕϧͷఆٛ 0/0/0 1/0/0 1/0/1 1/1/0 1/1/1 MW MW 地図: ©︎ Mapbox ©︎ OpenStreetMap ϝϧΧτϧ ʜ ඇϝϧΧτϧ ʮ೚ҙͷࢀর఺ʯ͸Ͳ͕͜Α͍ʁ     ʮݻఆʢੈքͷத৺ͱ͔ʣʯˠ཭ΕΔʹͭΕࠩҟ͕֦େ   ʮը໘ͷத৺ʯˠը໘Λύϯ͢ΔͱζʔϜ͕มԽ ௿ζʔϜϨϕϧݻఆʢ౤Өͷத৺ʣ   ˠύϯͯ͠΋ੈքͷܗ͕มΘΒͳ͍ɺζʔϜ͠ͳ͍ ߴζʔϜϨϕϧը໘ͷத৺   ˠύϯൣғ͕ͦΕ΄Ͳେ͖ͳڑ཭Ͱ͸ͳ͍ͨΊɺεέʔϧมԽ͸໨ཱͨͳ͍     ͦͷؒ͸྆ํΛ࢖͍ɺεʔϜζʹҠߦͤ͞Δ

Slide 70

Slide 70 text

ํ֯ͷௐ੔ 地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 71

Slide 71 text

ํ֯ͷௐ੔ 地図: ©︎ Mapbox ©︎ OpenStreetMap ௿ζʔϜϨϕϧʮ౤Өͷத৺͔Βਅ্ʯ͕ʮ๺ʯ   ˠύϯͯ͠΋஍ਤ͸ճస͠ͳ͍ ߴζʔϜϨϕϧʮը໘ͷத৺͔Βਅ্ʯ͕ʮ๺ʯ   ˠϝϧΧτϧͱಉ༷ʹɺ஍ٿ্ͷͲͷ஍఺Ͱ΋๺͕ਅ্   ύϯͨ࣌͠ͷճస͸໨ཱͨͳ͍     ͦͷؒ͸྆ํΛ࢖͍ɺεʔϜζʹҠߦͤ͞Δ

Slide 72

Slide 72 text

࿪Έͷิਖ਼ 地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 73

Slide 73 text

࿪Έͷิਖ਼ 地図: ©︎ Mapbox ©︎ OpenStreetMap ਖ਼֯Ͱ͸ͳ͍౤Ө͸ɺܗ͕࿪Ή   ʢҢ౓ͱܦ౓͕௚֯Ͱ͸ͳ͍ʣ ௿ζʔϜϨϕϧ஍ٿ্ͷ΄΅ฏ໘   ˠଞͷ౤Ө๏͕ඞཁͳ͍ ࿪ΈͷτϨʔυΦϑʢʮܗʯͱʮαΠζʯʣ͕ͳ͘ͳΔ

Slide 74

Slide 74 text

࿪Έͷิਖ਼ 地図: ©︎ Mapbox ©︎ OpenStreetMap ˠ࿪ΈΛิਖ਼͠ਖ਼֯ʹ͢Δ   ઢΛ௚֯΁ɺॎԣͷڑ཭Λ౳͘͠ ΞϑΟϯม׵     図: RobHar, パブリックドメイン https://commons.wikimedia.org/wiki/File:VerticalShear_m%3D1.25.svg 8FC(-ͷWJFXNBUSJYΛิਖ਼   ˠ(16ͰϦΞϧλΠϜద༻ εέʔϧɾํ֯ͱಉ༷ʹɺζʔϜϨϕϧʹ߹ΘͤͯҠߦ λΠϧͷϩʔυ࣌ʹ࠲ඪ࠶౤Ө   ζʔϜ࣌ʹͦͷ࠲ඪΛิਖ਼   ˠϢʔβʔૢ࡞ʹΑΔΦʔόʔϔουͳ͠ ʮߴ౓ͳมܗෆۉ౳ʹͻͶΔͱ͔ʯΑΓ΋ ࣗવʹײ͡Δ

Slide 75

Slide 75 text

λΠϧͷϩʔσ Οϯάઓུ 図: Reimagining projections for the interactive maps era | Mapbox Blog https://www.mapbox.com/blog/adaptive-projections ͨͩʮ࢛͍֯λΠϧΛෑ͖٧ΊΔʯΘ͚Ͱ͸ͳ͘ͳ͍ͬͯΔ ಉ͡ζʔϜϨϕϧͰ΋ɺ৔ॴʹΑͬͯλΠϧͷαΠζ͕ҟͳΔ   ˠಉҰϏϡʔͰɺҟͳΔζʔϜϨϕϧͷλΠϧΛऔಘ

Slide 76

Slide 76 text

ϕΫλʔͷϦαϯϓϦϯά ʮ৽͍͠࠲ඪͷࢉग़ʯ͚ͩͰ͸ෆे෼ ਅͬ௚͙ͩͬͨʮઢʯʮϙϦΰϯͷηά ϝϯτʯ͕ۂ͕ΔՄೳੑ ۉҰͰ͸ͳ͘ɺՕॴʹԠͯ͡௥Ճ   ʮઢͷதԝ΁௥Ճʯ   ʮ఺Ͱ෼ׂͯ͠Ͱ͖ͨͭͷηά ϝϯτɺͦΕͧΕͷதԝ΁௥Ճʯ   Λ࠶ىతʹ܁Γฦ͢     యܕతͳ஍ਤͰɺͷ఺Λ௥Ճ͢Δ͚ͩͰɺ   ࠶౤ӨͷزԿΛਖ਼͘͠ϨϯμϦϯάͰ͖Δ ˠΧʔϒΛ࡞ΔͨΊɺ ɹؒʹɺ఺Λ૿΍͢ 図: Reimagining projections for the interactive maps era | Mapbox Blog https://www.mapbox.com/blog/adaptive-projections ʜ఺͕ଟ͍ͱɺϨϯμϦϯάͷύϑΥʹӨڹ ݮΒ͗͢͠Δͱɺઢͱ౤Ө͕ෆҰக

Slide 77

Slide 77 text

ϥελʔͷ࠶౤ӨӴ੕ը૾ϨΠϠʔͳͲ ʮϝϧΧτϧͷը૾ʯΛϩʔυͯ͠ɺ࿪ΜͩλΠϧ΁౤Ө͢Δ 図: Reimagining projections for the interactive maps era | Mapbox Blog https://www.mapbox.com/blog/adaptive-projections 8FC(-୔ࢁͷʮখ͞ͳࡾ֯ܗʯ΁෼ׂ   ࡾ֯ͷ਺͕গͳ͍ํ͕ɺϨϯμϦϯά͸଎͍ .BQCPY͕೥લʹެ։ͨ͠ ʮ."35*/*ʯ   lϥελߴ౓஍ਤz͔Βz%஍ܗϝογϡzΛϦΞϧλΠϜੜ੒   ˠશ͘ಉ͡Ξϓϩʔν͕࢖͑Δ ʮ࠶౤ӨʹΑΓΤοδ͕ͲΕ͘Β͍Χʔϒ͢Δ͔ʯΛ΋ͱʹ   ˠ࿪Έͷখ͍͞ΤϦΞ͸ࡾ֯Λগͳ͘ɺେ͖͍ΤϦΞ͸ଟ͘

Slide 78

Slide 78 text

図: Carbon により作成 https://carbon.now.sh/ ߦɺ௥Ճ͢Δ͚ͩ ҟͳΔ౤Ө๏Λ࢖͏ͱ͖Wd

Slide 79

Slide 79 text

ਖ਼ੵ ਖ਼֯ ં஭ ਖ਼ڑ Ξϧϕϧεਖ਼ੵԁਲ਼ਤ๏   /:λΠϜζͷબڍ஍ਤɺ ࠃ౔஍ཧӃͷ ʮશࠃ౎ಓ෎ݝࢢ۠ொଜผ໘ੵௐʯͰ࠾༻ ΠίʔϧΞʔεਤ๏   ೥ఏҊɻ "EBQUJWF1SPKFDUJPOT࿦จͷஶऀΛؚΉ ϝϧΧτϧਤ๏   TRVBSFͳϠπɻ σϑΥϧτઃఆ ϥϯϕϧτਖ਼֯ԁਲ਼ਤ๏   ఱؾਤɺߤۭਤɺ஍ܗਤɺͳͲɻ ࠃ౔஍ཧӃʮສ෼ͷ஍ํਤʯ΍ ʮສ෼ͷࠃࡍਤʯͰ࠾༻ ϰΟϯέϧਤ๏ ୈਤ๏ φγϣφϧδΦάϥϑΟοΫڠձ͕ ೥ʹ࠾༻ φνϡϥϧΞʔεਤ๏ ೥ఏҊ ਖ਼ڑԁ౵ਤ๏ Ңઢɾܦઢ͕௚͔֯ͭ౳ִؒʹަࠩɻ ඪ४Ңઢ্ͱॎํ޲ʹؔͯ͠ਖ਼ڑ “equalEarth” “albers” “mercator” “winkelTripel” “lambertConformalConic” “naturalEarth” “equirectangular” ࠓɺ.BQCPYͰ࢖͑Δ౤Ө๏ 地図: ©︎ Mapbox ©︎ OpenStreetMap

Slide 80

Slide 80 text

ਖ਼ࣹਤ๏     WͰಋೖ༧ఆʢϕʔλͳΒ΋͏࢖͑Δʣ     ˞͜ͷ৔߹͸ɺςΫενϟʔΛϨϯμʔͯ͠%ϝογϡ΁Ϛοϓ͢ΔΒ͍͠ [PoC] Globe view · Issue #10784 · mapbox/mapbox-gl-js https://github.com/mapbox/mapbox-gl-js/issues/10784

Slide 81

Slide 81 text

ʮେؾʯͷελΠϧ΋ม͑ΒΕΔ Mapbox Globe atmosphere style · Issue #11934 · mapbox/mapbox-gl-js https://github.com/mapbox/mapbox-gl-js/issues/11934   （図のオリジナルは Issue #10784 の mpulkki-mapbox によるもの） “Atmosphere playground with globe”, Anna Peery https://codepen.io/avpeery/pen/eYVeKVB

Slide 82

Slide 82 text

.BQCPYͷ΄͔͸ʁ ϝϧΧτϧҎ֎ͷ౤Ө๏   "EBQUJWF1SPKFDUJPOT

Slide 83

Slide 83 text

%KT d3-{geo,geo-projection,geo-polygon} ͋Γͱ͋ΒΏΔ౤Ө๏͕͋Δ Projection Comparison / D3 / Observable https://observablehq.com/@d3/projection-comparison

Slide 84

Slide 84 text

-FB fl FU Proj4Leaflet Proj4Lea fl et - Support all projections and CRS in Lea fl et http://kartena.github.io/Proj4Lea fl et/ kartena/Proj4Lea fl et: Smooth Proj4js integration with Lea fl et. https://github.com/kartena/Proj4Lea fl et ʢߋ৽͸ࢭ·͍ͬͯΔʁʣ ࠲ඪܥม׵ϥΠϒϥϦʮ130++4ʯʹΑΔ

Slide 85

Slide 85 text

0QFO-BZFST OpenLayers - Frequently Asked Questions (FAQ) https://openlayers.org/en/latest/doc/faq.html Reprojection with EPSG.io Search https://openlayers.org/en/latest/examples/reprojection-by-code.html l΄ͱΜͲͷ౤Ө๏ʹରԠՄೳz

Slide 86

Slide 86 text

EFDLHM deck.gl | GlobeView (Experimental) https://deck.gl/docs/api-reference/core/globe-view D3の投影法を使ってDeck.glに地図を表示する – GUNMA GIS GEEK https://gunmagisgeek.com/blog/deck-gl/7143 ʮ஍ٿّϏϡʔʯ͕࣮ݧػೳͱͯ͠ଘࡏ͢Δ

Slide 87

Slide 87 text

Google マップ（ ©︎ Google / 地図データ ©︎ 2022 Google, INEGI） https://maps.google.com/ Apple マップ（ ©︎ Apple Inc.) https://www.apple.com/jp/maps/ (PPHMFϚοϓ "QQMFϚοϓͰ͸ ਖ਼ࣹਤ๏΁ͷ"EBQUJWF1SPKFDUJPO͕࣮૷͞Εͨ

Slide 88

Slide 88 text

Overview - MapLibre Roadmap | Product Roadmap https://roadmap.maplibre.org/tabs/16-overview .BQ-JCSFͷϩʔυϚοϓ

Slide 89

Slide 89 text

Overview - MapLibre Roadmap | Product Roadmap https://roadmap.maplibre.org/tabs/16-overview .BQ-JCSFͷϩʔυϚοϓ ʮݕ౼தʯͷͳ͔Ͱ   Ұ൪੝Γ্͕͍ͬͯΔ

Slide 90

Slide 90 text

Globe view - Earth is not fl at · Issue #307 · maplibre/maplibre-gl-js https://github.com/maplibre/maplibre-gl-js/issues/307

Slide 91

Slide 91 text

Globe view - Earth is not fl at · Issue #307 · maplibre/maplibre-gl-js https://github.com/maplibre/maplibre-gl-js/issues/307

Slide 92

Slide 92 text

·ͱΊ ౤Ө๏ؙ͍஍ٿΛͲ͏΍ͬͯฏ໘΁ʁ   ࢴͱҧ͍ɺίϯϐϡʔλʔ͸ΠϯλϥΫςΟϒͳϝσΟΞ "EBQUJWF1SPKFDUJPOTζʔϜʹ͋Θͤ౤Ө๏Λม͍͑ͯ͘   .BQCPYʹΑΔ࣮૷͸εΰ͍

Slide 93

Slide 93 text

,-./0,1   ༨ஊ

Slide 94

Slide 94 text

ࣗવݴޠॲཧͰͷՄࢹԽྫ୯ޠϕΫτϧΛ࣍ݩ࡟ݮ͠QSPKFDU͢Δ ʮ๺ւಓʯΛ࣍ݩϕΫτϧͰදݱ

Slide 95

Slide 95 text

ࣗવݴޠॲཧͰͷՄࢹԽྫ୯ޠϕΫτϧΛ࣍ݩ࡟ݮ͠QSPKFDU͢Δ ʮ๺ւಓʯΛ࣍ݩϕΫτϧͰදݱ 5FOTPS#PBSEͷ ʮ&NCFEEJOH1SPKFDUPSʯʹΑΔ࣍ݩϓϩοτ

Slide 96

Slide 96 text

ࣗવݴޠॲཧͰͷՄࢹԽྫ୯ޠϕΫτϧΛ࣍ݩ࡟ݮ͠QSPKFDU͢Δ ʮ๺ւಓʯΛ࣍ݩϕΫτϧͰදݱ 5FOTPS#PBSEͷ ʮ&NCFEEJOH1SPKFDUPSʯʹΑΔ࣍ݩϓϩοτ ʢʮੈքʯΛʮ஍ਤʯͰཧղ͢ΔΑ͏ʹʣ   ʮػցʯͷ͜ͱΛʮਓؒʯͱͯ͠ཧղ͍ͨ͠

Slide 97

Slide 97 text

ʮΑΓେ͖ͳϞσϧɺଟ͘ͷσʔλʯ ۙ೥ʹ͓͚Δͻͱͭͷைྲྀɹɹ ਤ 7BTXBOJFUBM l"UUFOUJPO*T"MM:PV/FFEz IUUQTBSYJWPSHBCT ਤ'JHVSF %FWMJOFUBM l#&351SFUSBJOJOHPG%FFQ#JEJSFDUJPOBM5SBOTGPSNFSTGPS-BOHVBHF6OEFSTUBOEJOHz IUUQTBSYJWPSHBCT

Slide 98

Slide 98 text

େ͖ͳݴޠϞσϧͷ   ύϥϝʔλʔ਺   ॎ࣠ ສ୯Ґ 図: hisamoto作成 https://observablehq.com/@sorami/sizes-of-large-language-models

Slide 99

Slide 99 text

No content

Slide 100

Slide 100 text

No content

Slide 101

Slide 101 text

高次元科学への誘い:Hiroshi Maruyama's Blog - CNET Japan https://japan.cnet.com/blog/maruyama/2019/05/01/entry_30022958/ ʮߴ࣍ݩՊֶ΁ͷ༠͍ʯʢؙࢁ޺ ʣ

Slide 102

Slide 102 text

ɹ͜͜Ͱ͍͏ʮཧղʯͱ͸ԿͰ͠ΐ͏͔ɻ   ͦΕ͸ɺ͋͘·Ͱ΋ʮਓؒʹͱͬͯʯͷཧղͰ͋Γɺ   ਓؒͷ࣋ͭ஌ੑʹରͯ͠૬ରతͰ͋Δ֓೦Ͱ͋Δ͜ͱʹ   ஫ҙ͢Δඞཁ͕͋Γ·͢ɻ   ࢲͨͪΑΓ͸Δ͔ʹਐΜͩ஌ੑͩͬͨΒɺ   ԯݸͷύϥϝλΛ࣋ͭਂ૚χϡʔϥϧωοτͰ͑͞ɺ   ࢲ͕ͨͪઢܗճؼࣜΛཧղͰ͖ΔΑ͏ʹཧղͰ͖Δͷ͔΋͠Ε·ͤΜɻ ΋͠ʮՊֶʯ͕ීวతͳ΋ͷͰ͋Δͷͩͱ͢Ε͹ɺͦΕ͕ɺ   ͨ·ͨ·ࠓͷਓؒͷ஌ੑϨϕϧʹറΒΕͯΑ͍΋ͷͰ͠ΐ͏͔ɻ ͦͷ੍໿Λղ͖์ͭͷ͕ʮߴ࣍ݩՊֶʯͩͱࢥ͏ͷͰ͢ɻ “ ” 高次元科学への誘い:Hiroshi Maruyama's Blog - CNET Japan https://japan.cnet.com/blog/maruyama/2019/05/01/entry_30022958/ （強調引用者）

Slide 103

Slide 103 text

深層学習は科学に「理解」の放棄を迫るのか？：「高次元科学への誘い」（丸山宏）へのコメント - 重ね描き日記（rmaruy_blogあらため） https://rmaruy.hatenablog.com/entry/2019/05/01/164325 ਂ૚ֶश͸Պֶʹʮཧղʯͷ์غΛഭΔͷ͔ʁʢؙࢁོҰ ʣ

Slide 104

Slide 104 text

ਓؒͷೝ஌ೳྗͷݶքͷͨΊʹɺߴ࣍ݩͷϞσϧ͸   ਓؒͷཧղΛ௒͑Δͱ͍͏ͷ͸ͦͷ௨Γͩͱࢥ͍·͢ɻ   ͨͩɺʮຊ౰ʹਓؒͷཧղྗΛ֦ுͤ͞Δ͜ͱ͸Ͱ͖ͳ͍ͷ͔ʁʯ ͱ͍͏ٙ໰͸ཹอ͍ͨ͠Ͱ͢ɻ   ͔ͨ͠ʹɺਓؒͷ೴ͷϋʔυ΢ΣΞ͸Կສ೥΋มԽ͓ͯ͠Βͣɺ   ࠓޙ΋ͦͷݟࠐΈ͸͋Γ·ͤΜɻ   ҰํͰɺਓؒ͸ʮ֓೦ʯΛ࡞ΔೳྗΛ΋͓ͬͯΓɺͨͱ͑͹   ʮෳૉ਺ฏ໘ʯͱ͍ͬͨ਺ֶత֓೦Λൃ໌͢Δ͜ͱʹΑΓɺ   ʮཧղʯͷՄೳੑΛ޿͖͛ͯͨ͜ͱ΋ࣄ࣮ͩͱࢥ͏ͷͰ͢ɻ “ ” （前頁『深層学習は科学に「理解」の放棄を迫るのか？』より引用, 強調引用者）

Slide 105

Slide 105 text

ਓؒͷೝ஌ೳྗͷݶքͷͨΊʹɺߴ࣍ݩͷϞσϧ͸   ਓؒͷཧղΛ௒͑Δͱ͍͏ͷ͸ͦͷ௨Γͩͱࢥ͍·͢ɻ   ͨͩɺʮຊ౰ʹਓؒͷཧղྗΛ֦ுͤ͞Δ͜ͱ͸Ͱ͖ͳ͍ͷ͔ʁʯ ͱ͍͏ٙ໰͸ཹอ͍ͨ͠Ͱ͢ɻ   ͔ͨ͠ʹɺਓؒͷ೴ͷϋʔυ΢ΣΞ͸Կສ೥΋มԽ͓ͯ͠Βͣɺ   ࠓޙ΋ͦͷݟࠐΈ͸͋Γ·ͤΜɻ   ҰํͰɺਓؒ͸ʮ֓೦ʯΛ࡞ΔೳྗΛ΋͓ͬͯΓɺͨͱ͑͹   ʮෳૉ਺ฏ໘ʯͱ͍ͬͨ਺ֶత֓೦Λൃ໌͢Δ͜ͱʹΑΓɺ   ʮཧղʯͷՄೳੑΛ޿͖͛ͯͨ͜ͱ΋ࣄ࣮ͩͱࢥ͏ͷͰ͢ɻ “ ” ˠͦͯ͠զʑ͸ࠓɺ͜Ε·Ͱʹͳ͔ٕͬͨज़ɺ ʮίϯϐϡʔλʔʯͱ͍͏ϝλɾϝσΟΞΛ खʹ͍ͯ͠Δ （前頁『深層学習は科学に「理解」の放棄を迫るのか？』より引用, 強調引用者）

Slide 106

Slide 106 text

Media for Thinking the Unthinkable | Bret Victor http://worrydream.com/MediaForThinkingTheUnthinkable/

Slide 107

Slide 107 text

  ʮߟ͑ΒΕͳ͍΋ͷΛߟ͑ΔͨΊͷϝσΟΞʯ ʢ#SFU7JDUPS ʣ   Media for Thinking the Unthinkable | Bret Victor http://worrydream.com/MediaForThinkingTheUnthinkable/