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 full-size slide

  2. 5OBWJ JOUFSOFUQPSUBMTFSWJDFPO57

    CZ1BOBTPOJD

    View full-size slide

  3. EFTJHOGPSBQPSUGPMJPPG:PSJLP:PEB

    View full-size slide

  4. EFTJHOGPSBQPSUGPMJPPG:PSJLP:PEB

    View full-size slide

  5. EFTJHOGPSBQPSUGPMJPPG:PSJLP:PEB

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. http://opendataday.org/

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  25. $PEF'PS5PLZPͱ͸

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  34. IUUQTXXXGBDFCPPLDPNFWFOUT BDUJWF@UBCQPTUT
    σʔλ͔ΒอҭԂΛߟ͑Δ$JWJD)BDL/JHIU5PLZP

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  37. IUUQTOFXTZBIPPDPKQCZMJOFZB[BLJZVJDIJ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  41. HSBQIJDSFDPSEJOHCZ4BUPNJ8BOBNJ

    View full-size slide

  42. HSBQIJDSFDPSEJOHCZ4BUPNJ8BOBNJ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  53. IUUQTDSJUJDBMFOHJOFFSJOHPSHKQ

    View full-size slide

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

    View full-size slide

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

    View full-size slide