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

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

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

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 BDUJWF@UBCQPTUT
    σʔλ͔ΒอҭԂΛߟ͑Δ$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