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

Processing.jsによるデータの可視化と生成的表現

 Processing.jsによるデータの可視化と生成的表現

Atsushi Tadokoro

June 19, 2014
Tweet

More Decks by Atsushi Tadokoro

Other Decks in Technology

Transcript

  1. ৘ใͷࢹ֮Խͷεςοϓ ‣ #FO'MZʹΑΔɺ৘ใࢹ֮Խͷεςοϓ ‣ ʮϏδϡΞϥΠδϯάɾσʔλʯΑΓ ‣ σʔλऩू BDRVJSF  ‣

    ղੳ QBSTF  ‣ ϑΟϧλϦϯά pMUFS  ‣ ϚΠχϯά NJOF  ‣ දݱ SFQPSFTFOU  ‣ ਫ਼៛Խ SFpOF  ‣ ΠϯλϥΫγϣϯ JOUFSBDU  ‣ ͍ͭ΋ɺશͯͷεςοϓ͕ඞཁͱ͍͏Θ͚Ͱ͸ͳ͍
  2. ৘ใͷࢹ֮Խͷεςοϓ ‣ ϚΠχϯά NJOF ਺ֶతͳॲཧʹΑͬͯɺύλʔϯΛΈ͚ͭͩ͢ ‣ සग़ύλʔϯநग़ߴස౓Ͱൃੜ͢Δಛ௃తͳύλʔϯ ‣ ྫɿຊ̖Λങ͏ਓ͸ɺޙʹຊ̗Λങ͏͜ͱ͕ଟ͍ ‣

    Ϋϥε෼ྨ༩͑ΒΕͨσʔλʹରԠ͢ΔΧςΰϦΛ༧ଌ ‣ ྫɿༀ඼ͷԽ߹෺ͷσʔλ͔ΒɼͦͷԽ߹෺ʹༀޮ͕͋Δɾͳ͍ͱ͍ͬͨΧςΰϦΛ༧ଌ ‣ ճؼ෼ੳ༩͑ΒΕͨσʔλʹରԠ͢Δ࣮਺஋Λ༧ଌ ‣ ༵೔ɺ߱ਫ֬཰ɺࠓ೔ͷച্͛ͳͲͷσʔλΛݩʹ໌೔ͷച্͛ͱ͍͏࣮਺஋σʔλΛ༧ଌ ‣ ΫϥελϦϯάσʔλͷू߹ΛΫϥελͱݺͿάϧʔϓʹ෼͚Δ ‣ 8FCͷӾཡύλʔϯͷσʔλ͔Βɺྨࣅͨ͠΋ͷΛ·ͱΊΔ͜ͱͰɺӾཡͷ܏޲͕ಉ͡ར ༻ऀͷάϧʔϓΛൃݟ͢Δ
  3. ৘ใͷࢹ֮Խͷεςοϓ ‣ ΠϯλϥΫγϣϯ JOUFSBDU  ‣ ର࿩తͳػೳΛ௥Ճ ‣ ϢʔβʹΑΔσʔλͷ୳ࡧ΍੍ޚ ‣

    αϒηοτͷબ୒ ‣ ࢹ఺ͷ੾Γସ͑ ‣ ͜ͷतۀͰͷɺωοτϫʔΫͱͷ࿈ܞ 5XJUUFS΍1BDIVCF ΋ΠϯλϥΫγϣϯͷҰ ؀ͱߟ͑ΒΕΔ
  4. ৘ใͷࢹ֮Խͷεςοϓ ‣ σʔλऩू BDRVJSF  ‣ ղੳ QBSTF  ‣

    ϑΟϧλϦϯά pMUFS  ‣ ϚΠχϯά NJOF  ‣ දݱ SFQPSFTFOU  ‣ ਫ਼៛Խ SFpOF  ‣ ΠϯλϥΫγϣϯ JOUFSBDU
  5. ੜ੒తͳදݱ ‣ ੜ੒త (FOFSBUJWF ͳදݱʹ͍ͭͯߟ͑Δ ‣ ੜ੒తͳදݱ (FOFSBUJWF"SU  ‣

    ίϯϐϡʔλͷιϑτ΢ΣΞʹΑΔΞϧΰϦζϜ͔Βੜ੒͞ΕΔදݱ ‣ ͋Δجຊݪଇ΍਺ࣜ΍ςϯϓϨʔτͳͲͷૉࡐΛઃఆ͠ɺͦ͜ʹແ࡞ҝ·ͨ͸൒ແ࡞ ҝͷϓϩηε͕࡞༻͢ΔΑ͏ઃఆ͢Δ
  6. ੜ੒తͳදݱ ‣ ੜ੒తͳදݱͷྫɿ΢ϧϑϥϜͷ࣍ݩηϧɾΦʔτϚτϯ ‣ ͋Δಛఆͷ࣌ࠁ U ʹ͓͚Δɺࣗ෼ࣗ਎ͱͦͷࠨӈͷηϧͷঢ়ଶʹΑͬͯɺ࣍ͷ࣌ࠁ U  ͷঢ়ଶ͕ܾ·Δ

    ‣ ηϧͷPOP⒎ΛɺͱͰදݱ͢ΔͱՄೳੑ͸ͭ ‣         ‣ ͦΕͧΕͷঢ়ଶͰͷ࣍ͷ஋Λϧʔϧͱͯ͠ఆΊΔ ‣ ϧʔϧͷՄೳੑ͸શ෦ͰݸͱͳΔ ͷ৐ɺCJU  ‣ ྫɿϧʔϧ ಺         ࣍        
  7. ੜ੒తͳදݱ ‣ ΢ϧϑϥϜͷΫϥε෼ྨ ‣ Ϋϥεઢܗܥ ‣ ୯Ұͷฏߧঢ়ଶʹऩଋ͢Δɽͭ·Γɼશͯͷηϧ͕ɼ·ͨ͸ʹͳͬͯ͠·͏ɽ ‣ Ϋϥεඇઢܗܥ पظղ

     ‣ ࣶ໛༷ͷΑ͏ͳɼपظతʹແݶʹ܁Γฦ͢ύλʔϯʹऩଋ͢Δɽ ‣ Ϋϥεඇઢܗܥ ΧΦε  ‣ ୯Ұͷঢ়ଶʹ΋ɼपظతͳঢ়ଶʹ΋ऩଋͤͣɼΧΦεతͳৼ෣͍Λ͢Δɽ ‣ Ϋϥεඇઢܗܥ ͦͷଞ  ‣ ༧ଌ͕͍ͨ͠ɼෳࡶͳύλʔϯͰɼपظɼඇपظ͕ަޓʹݱΘΕͨΓɼύλʔϯ͕ফ͑ͨΓ͢ Δɽ
  8. ੜ੒తͳදݱ ‣ ίϯ΢ΣΠͷϥΠϑήʔϜ ‣ ࣍ݩͷ$"ϧʔϧ ‣ ஀ੜ ‣ ࢮΜͰ͍Δηϧͷपғʹͭͷੜ͖͍ͯΔηϧ͕͋Ε͹࣍ͷੈ୅Ͱ͸ੜ͖Δʢ஀ੜ͢ Δʣɻ

    ‣ ҡ࣋ ‣ ੜ͖͍ͯΔηϧͷपғʹ͔ͭͭͷੜ͖͍ͯΔηϧ͕͋Ε͹࣍ͷੈ୅Ͱ΋ੜ͖࢒Δɻ ‣ ࢮ๢ ‣ ্Ҏ֎ͷ৔߹ʹ͸࣍ͷੈ୅Ͱ͸ࢮ͵ɻ
  9. (FOFSBUJWF(FTUBMUVOHͰͷੜ੒తදݱ ‣ (FOFSBUJWFੜ੒త ‣ (FTUBMUVOHܗଶ ήγϡλϧτ  ‣ ༷ʑͳཁૉΛ༻͍ͨੜ੒తදݱ ‣

    ৭ $PMPS  ‣ ܗ 'PSN  ‣ จࣈ 5ZQF  ‣ ը૾ 1JDUVSF  ‣ ཚ਺ͱϊΠζ 3BOEPN/PJTF  ‣ ൃৼɺৼಈ 0DJMMBUJPOpHVSFT  ‣ ૊৫Խ 'PSNVMBUFECPEJFT  ‣ ΞτϥΫλʔ "UUSBDUPS  ‣ ໦ߏ଄ 5SFFTUSVDUVSF
  10. '03. $0%&Ͱͷ෼ྨ ‣ 'PSN $PEFͰͷ੔ཧ ‣ ൓෮ 3FQFBU  ‣

    มܗ 5SBOTGPSN  ‣ ύϥϝʔλԽ 1BSBNFUFSJ[F  ‣ ՄࢹԽ 7JTVBMJ[F  ‣ γϛϡϨʔτ 4JNVMBUF
  11. ࢀߟॻ੶ɺͦͷ̏ ‣ ϏδϡΞϧɾίϯϓϨΩγςΟ໨࣍ ‣ c5IF5SFFPG-JGFੜ໋ͷथ ‣ c'SPN5SFFTUP/FUXPSLTπϦʔ͔ΒωοτϫʔΫ΁ ‣ c%FDPEJOH/FUXPSLTωοτϫʔΫͷղಡ ‣

    c*OpOJUF*OUFSDPOOFDUFEOFTTແݶͷ૬ޓ઀ଓੑ ‣ c5IF4ZOUBYPGB/FX-BOHVBHF৽͍͠ϏδϡΞϧݴޠͷߏจ ‣ c$PNQMFY#FBVUZෳࡶੑͷඒ ‣ c-PPLJOH"IFBEະདྷͷߦํ