Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」

ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」

沖縄でのハッカーカンファレンス「ハッカーズチャンプルー2017」で登壇した際のスライドです。 #hcmpl

http://hackers-champloo.org/2017/program.html

Yuichi Yazaki

June 24, 2017
Tweet

More Decks by Yuichi Yazaki

Other Decks in Research

Transcript

  1. σʔλɾϏδϡΞϥΠθʔγϣϯʹΑΔ
    ஍Ҭ΍ࣾձͱͷؔΘΓํ
    *MMVTUSBUJPOCZ0TXBMEP,BUP
    ໼࡚༟Ұ
    Hacker's Champloo 2017

    View Slide

  2. ͋ͳͨ୭ʁ

    View Slide

  3. 5OBWJ JOUFSOFUQPSUBMTFSWJDFPO57

    CZ1BOBTPOJD

    View Slide

  4. View Slide

  5. $&3&70$BN

    View Slide

  6. View Slide

  7. View Slide

  8. EFTJHOGPSBQPSUGPMJPPG:PSJLP:PEB

    View Slide

  9. EFTJHOGPSBQPSUGPMJPPG:PSJLP:PEB

    View Slide

  10. EFTJHOGPSBQPSUGPMJPPG:PSJLP:PEB

    View Slide

  11. View Slide

  12. View Slide

  13. Source Code in TV and Film
    https://moviecode.tumblr.com/

    View Slide

  14. Data Visualization
    Japan
    ֓ࢉࢀՃऀɿ2000໊
    σβΠφʔɺΤϯδχΞɺσʔλαΠΤϯςΟ
    ετɺδϟʔφϦετ
    ࢀՃऀɿ200໊
    σβΠφʔɾΤϯδχΞɾδϟʔφϦ
    ετɺߦ੓ؔ܎ऀɺ౎ຽ
    Code For Tokyo

    View Slide

  15. View Slide

  16. σʔλ
    ϏδϡΞϥΠθʔγϣϯ
    ͱ͸

    View Slide

  17. ର࿩తͰ͋Δ
    σʔλϏδϡΞϥΠθʔγϣϯͳΒͰ͸ͷಛ௃
    ̩̥̥ڊେܦࡁݍͷ࣮ྗ
    IUUQTWEBUBOJLLFJDPNQSKUQQ

    View Slide

  18. จࣈσʔλΛ਺ࣈσʔλͷΑ͏ʹ
    ோΊΔ
    σʔλϏδϡΞϥΠθʔγϣϯͳΒͰ͸ͷಛ௃
    ݪൃࣄނආ೉ऀͷ੠
    IUUQXXXOILPSKQOFXTGVLVTIJNBXPSEDMPVE

    View Slide

  19. දݱͷ෯Λ֦ு
    σʔλϏδϡΞϥΠθʔγϣϯͳΒͰ͸ͷಛ௃
    ΦʔϓϯσʔλσΠɾϩΰδΣωϨʔλ
    IUUQPEETUSVDUVSFBOESFQSFTFOUBUJPODPN

    View Slide

  20. http://opendataday.org/

    View Slide

  21. View Slide

  22. https://www.facebook.com/photo.php?fbid=10153795302373201&set=a.10153042242063201.1073741877.649793200&type=3&theater
    දݱͷ෯Λ֦ு
    σʔλϏδϡΞϥΠθʔγϣϯͳΒͰ͸ͷಛ௃

    View Slide

  23. σʔλΛ
    ՄࢹԽ͢Δ
    ҙٛ

    View Slide

  24. σʔλ͔Β஌ܙ΁
    ωΠαϯɾγΣυϩϑ*OGPSNBUJPO%FTJHOͷʮཧղͷεϖΫτϧʯΛݩʹɺ໼࡚͕࡞੒
    ܦݧ
    ɾΦʔϓϯσʔλ
    ɾηϯαʔσʔλ
    ͳͲଘࡏ͢Δ
    σʔλ͢΂ͯ
    هԱʹ
    ࢒ΓͮΒ͍
    ୹ظهԱʹ
    ࢒Δ
    ௕ظهԱʹ
    ࢒Δ
    ৗࣝʹͳΔ
    ৘ใͱܦݧ͕
    ड͚खͷதͰ
    ҰମԽͨ͠΋ͷ
    σʔλ͕
    ɾந৅Խ
    ɾՄࢹԽ
    ͞Εͨ΋ͷ
    ଟ͘ͷਓ͕
    ڞ༗͢Δ
    ஌ࣝ
    σʔλ ৘ใ ஌ࣝ ஌ܙ

    View Slide

  25. σʔλ͔Β
    Ձ஋Λͭ͘Δʹ͸ʁ
    ʢσʔλ෼ੳҎ֎Ͱʣ

    View Slide

  26. σʔλ͸ղ͖΄͙ͯ͠
    ͔͚ࢉ͢Δͱɺ
    Ձ஋͕ͰΔɻ

    View Slide

  27. σʔλ͸ղ͖΄͙ͯ͠
    ͔͚ࢉ͢Δͱɺ
    Ձ஋͕ͰΔɻ

    View Slide

  28. ࿑ಇྗ཰ʢ̢ࣈΧʔϒʣ
    ঁੑͷ࿑ಇྗ཰ͷਪҠʢશࠃʣ
    CZ.BNJ&OPNPUP

    View Slide

  29. ঁੑͷ࿑ಇྗ཰ͷਪҠʢ౎಺ࢢ۠ொଜผʣ
    CZ.BNJ&OPNPUP

    View Slide

  30. σʔλ͸ղ͖΄͙ͯ͠
    ͔͚ࢉ͢Δͱɺ
    Ձ஋͕ͰΔɻ

    View Slide

  31. -FWFMJOHUIFpFMEʢΦϦϯϐοΫ֫ಘϝμϧ਺ʣ
    IUUQTMBOEJOHHPPHMFDPNBMUNFEBMUBCMF

    View Slide

  32. σʔλ͸ղ͖΄͙ͯ͠
    ͔͚ࢉ͢Δͱɺ
    Ձ஋͕ͰΔɻ

    View Slide

  33. View Slide

  34. W
    ެॿͱڞॿͷؒʹ͋Δ՝୊Λɺ
    σβΠφʔ΍ϓϩάϥϚʔɺσʔλ෼ੳՈͳͲ͕࿈ܞͯ͠ɺ
    Φʔϓϯσʔλ΍*5ٕज़Λ׆༻࣮ͯ͠ݱ͢ΔίϛϡχςΟ
    ೥݄ʙ׆ಈ։࢝
    ࣗॿ ڞॿ
    ެॿ

    View Slide

  35. $PEF'PS5PLZPͱ͸

    View Slide

  36. ओͳऔΓ૊Έ
    3&4"4
    ࣥචɾϫʔΫ
    γϣοϓ࣮ࢪ
    ౦ژอҭԂ
    Ϛοϓ
    ࠃཱࠃձਤॻؗ
    8"31׆༻
    ඼઒۠ͱ
    ڠಇࣄۀ

    View Slide

  37. 3&4"4
    3&4"4ͷڭՊॻʗ3&4"4Λ࢖ͬͯ஍Ҭͷ՝୊Λൃݟ͠Α͏ʂ
    ໾ׂɿΠϕϯτͷاըɺ࣮ࢪɺϝϯλʔɺॻ੶ͷࣥචXJUI$PEF'PS5PLZP

    View Slide

  38. 3&4"4ͷڭՊॻ
    IUUQXXXBNB[PODPKQEQ
    ষ3&4"4ͰൃݟͰ͖Δ͜ͱ
    ষ3&4"4Ϛοϓ૯ཡ
    ষ࣏ࣗମɾ஍Ҭͷ෼ੳࣄྫू
    ষ&YDFMͰ؆୯ʹͰ͖Δ౷ܭղੳ
    ʜ͓ͨʹ୅දऔక໾খ୩༞Ұ࿕ࢯ
    ষڭҭݱ৔ʹ͓͚Δ׆༻ͷ࣮ࡍ
    ʜۚ୔େֶদӜٛতࢯ
    ষ஍ݩͰϫʔΫγϣοϓΛ։͜͏
    ʜ$PEFGPS5PLZP໼࡚༟Ұӿຊਅඒ
    ষਐԽΛଓ͚Δ3&4"4
    ষ׆༻ΛՃ଎͢ΔΦʔϓϯσʔλू

    View Slide

  39. w ؠखݝՖרࢢ
    w ๺ւಓχηίࢢ
    w ੩Ԭݝ೤ւࢢ
    w ௕໺ݝ൧ాࢢ
    w ۽ຊݝਓ٢ࢢ
    ୅ͷ஍ํٞһ͞Μ΁ϫʔΫγϣοϓ։࠵
    ͓୊ͱ࣏ͨࣗ͠ମ

    View Slide

  40. w ෇ՃՁ஋ग़ͯ͠Δͷ͸ɻҩྍͱ෱ࢱɻ
    w ஍ݩͰ੝Μͳ࢈ۀ͸৯඼੡଄ʢനࢠɺে༉ͱຯ઻ʣͱ൒
    ಋମɻ
    w ൒ಋମ͸ɺചΓ্͛θϩʹͳͬͨ͜ͱ͕͋Δɻ͍ͭͳ͘
    ͳΔ͔Θ͔Βͳ͍ɻ
    w ւ͕ۙ͘ʹ͋Δ͚Ͳਫ࢈Ճ޻΍͍ͬͯͳ͍ɻۙ͘ͷ࣏ࣗ
    ମͰ΍ΒΕͯ͠·͍ͬͯΔɻ
    w ਫ࢈෺͸;Δ͞ͱೲ੫Ͱ΋ϑΟʔνϟʔ͞Ε͍ͯͳ͍ɻ
    ͜ΕΛചΓग़͍ͯ͜͠͏ɻ
    ͲΜͳൃද͕͔͋ͬͨʜ۽ຊݝਓ٢ࢢ

    View Slide

  41. View Slide

  42. ஍ਤ΍σʔλ͔Βߟ͑ΔอҭԂ໰୊
    ໾ׂɿσʔλऩूɺαΠτߏஙɺΠϕϯτ։࠵
    ར༻πʔϧɿ&YDFMɺ+BWB4DSJQU
    ར༻σʔλɿอҭԂσʔλ
    IUUQDPEFGPSUPLZPDBUFHPSZIPJLVFONBQ

    View Slide

  43. w ڞಇ͖ͷͨΊʹ͸ɺอҭԂʹ༬͚Δඞཁ͕͋Δɻ
    w ೝՄอҭԂͩͱ҆ͯ͘ࡁΉ͕΄΅ۭ͖͕ͳ͍ɻ
    w ೝՄ֎อҭԂͩͱߴ͍ɻ
    w ͦ΋ͦ΋Ͳ͜ʹͲΜͳอҭԂ͕͋Δͷ͔શମΛҰ౓ʹ
    ೺ѲͰ͖Δ΋ͷ͕ͳ͍ɻ
    w ر๬ͷอҭԂʹೖΔͨΊʹɺग़࢈λΠϛϯάΛίϯτ
    ϩʔϧ͢Δɺِ૷཭ࠗ͢Δɺٞһʹಇ͖͔͚Δ
    ˠͱʹ͔͘৘ใ͕଍Γͳ͍
    ʢ౦ژͰ͸ʣอҭԂ͕଍Γͳ͍ʜ

    View Slide

  44. อҭԂϚοϓЌ൛
    http://hoikuenmap.codefor.tokyo/
    IUUQIPJLVFONBQDPEFGPSUPLZP

    View Slide

  45. IUUQTXXXGBDFCPPLDPNFWFOUT [email protected]
    σʔλ͔ΒอҭԂΛߟ͑Δ$JWJD)BDL/JHIU5PLZP

    View Slide

  46. อҭ࢜ɺอҭॴɺ଴ػࣇಐɺอҭ
    ॴͷӡӦऀͱ͍͏ͦΕͧΕʹ͍ͭ
    ͯɺϚΫϩͳࢹ఺͔ΒͷσʔλΛ
    ֓؍ɻ
    IUUQTTQFBLFSEFDLDPNDPEFGPSUPLZPEFUBLBSBCBPZVZVBOXPLBPFSV
    ࢀՃऀͷҙݟ΍ײ૝
    IUUQTQBQFSESPQCPYDPNEPD$JWJD)BDL/JHIU(7HIW8D6)[;&)N+KV5

    View Slide

  47. σʔλͷඪ४Խ͕࣮ݱ

    View Slide

  48. IUUQTOFXTZBIPPDPKQCZMJOFZB[BLJZVJDIJ

    View Slide

  49. ౦ژͷ஍Ҭ՝୊ʹอҭԂ໰୊ʹ޲͖߹͏தͰɺ
    σʔλͷඪ४Խ͕ʢӡྑ͘ʣ࣮ݱɻ
    ՝୊ઌਐΤϦΞ͔ͩΒͦ͜Ͱ͖Δ͜ͱɻ

    View Slide

  50. ඼઒۠
    Φʔϓϯσʔλ׆༻ͷڠಇࣄۀ
    ϫʔΫγϣοϓɺΞΠσΞιϯɺϋοΧιϯͷ࣮ࢪʹΑΔ۠ຽࢀՃܕͷαʔϏε࡞Γ

    View Slide

  51. ॅΉ৔ॴͷ͜ͱ͸
    ͦ͜ʹॅΉਓͷํ͕Α͘஌͍ͬͯΔ
    http://www.city.shinagawa.tokyo.jp/hp/menu000000400/hpg000000348.htm
    ϓϨΠύʔΫ
    ๺඿͜Ͳ΋๯ݥͻΖ͹

    View Slide

  52. View Slide

  53. View Slide

  54. HSBQIJDSFDPSEJOHCZ4BUPNJ8BOBNJ

    View Slide

  55. HSBQIJDSFDPSEJOHCZ4BUPNJ8BOBNJ

    View Slide

  56. ඼઒۠ͷ՝୊Λղܾ͢ΔΑ͏ͳΞϓϦΛ࡞Γɺ
    ඼઒ൃͱͯ͠શࠃ΁ൃ৴͢Δ

    View Slide

  57. ඼઒ͷ஍Ҭ՝୊ʹ޲͖߹͏ɻ
    ՝୊ઌਐΤϦΞ͔ͩΒͦ͜Ͱ͖Δ͜ͱΛɻ

    View Slide

  58. ԭೄͷ஍Ҭ՝୊͸
    ԿͰ͔͢ʁ

    View Slide

  59. ఆܕԽͨ͠
    σʔλ
    Φʔϓϯιʔε
    ιϑτ΢ΣΞ
    ࢠҭͯࢪઃɺ๏ਓ৘ใɺ
    ؍ޫɺަ௨ɺආ೉ॴʜ
    ϑΥʔΫͯ͠࢖͏
    ͜ͷೋ͕ͭଗ͍͚ͬͯ͹
    ೔ຊશࠃ΁ల։͍͚ͯ͠Δ

    View Slide

  60. ࣗൢػͷΑ͏ͳߦ੓αʔϏε͔Β

    View Slide

  61. ϓϥοτϑΥʔϜʹʢྫɿ4NBSU1IPOFʣ
    IUUQXXXFYQSFTTDPVLMJGFTUZMFTDJFODFUFDIOPMPHZ"OESPJE6TFST.PWJOHUPJ1IPOF

    View Slide

  62. ࢖͏ਓ͕ࣗ෼͕ཉ͍͠΋ͷΛ࡞Δ
    ϒϥοΫϘοΫεԽͤ͞ͳ͍

    View Slide

  63. େྔੜ࢈
    ϓϩμΫτ
    ߦ੓
    αʔϏε

    View Slide

  64. ϋοΫʹԿͰΑʔ΍ʂ
    ɹɹɹɹʢποίϛʣ

    View Slide

  65. $PEF'PSʜόοτϚϯతߦҝ
    $SJUJDBM&OHJOFFSJOHʜδϣʔΧʔతߦҝ
    ˞μʔΫφΠτతੈք؍

    View Slide

  66. IUUQTDSJUJDBMFOHJOFFSJOHPSHKQ

    View Slide

  67. w σʔλ͸ɺղ͖΄͙ͯ͠ɺ͔͚ࢉ͢Δͱɺ
    Ձ஋͕ͰΔ
    w ஍Ҭͷઌਐ՝୊͕೔ຊશମΛॿ͚Δ
    w ϋοΫʹԿͰΑʔ΍ʂ

    View Slide

  68. IUUQOPUBUJPODPKQ
    IUUQTUSVDUVSFBOESFQSFTFOUBUJPODPN
    IUUQCZMJOFTOFXTZBIPPDPKQZB[BLJZVJDIJ
    IUUQTDPEFGPSUPLZP
    IUUQTOPUBUJPODPKQ
    IUUQTOFXTZBIPPDPKQCZMJOFZB[BLJZVJDIJ

    View Slide