Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Processing.jsによるデータの可視化と生成的表現
Search
Atsushi Tadokoro
June 19, 2014
Technology
1
1.8k
Processing.jsによるデータの可視化と生成的表現
Atsushi Tadokoro
June 19, 2014
Tweet
Share
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.7k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
440
Tumblrを使う2 - テーマをカスタマイズする
tado
0
360
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.6k
TumblrでWebサイトを作成
tado
0
710
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.2k
Webサーバーの準備 - Github PagesでWebサイト開設
tado
0
1.5k
Other Decks in Technology
See All in Technology
型システムを知りたい人のための型検査器作成入門
mame
14
3.7k
(新URLに移行しました)FASTと向き合うことで見えた、大規模アジャイルの難しさと楽しさ
wooootack
0
690
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.6k
QAはソフトウェアエンジニアリングを学んで実践するのが大事なの
ymty
1
380
Amazon Q Developer for GitHubとAmplify Hosting でサクッとデジタル名刺を作ってみた
kmiya84377
0
2.6k
AI技術トレンド勉強会 #1MCPの基礎と実務での応用
nisei_k
1
170
"SaaS is Dead" は本当か!? 生成AI時代の医療 Vertical SaaS のリアル
kakehashi
PRO
3
190
AIにどこまで任せる?実務で使える(かもしれない)AIエージェント設計の考え方
har1101
3
1k
API の仕様から紐解く「MCP 入門」 ~MCP の「コンテキスト」って何だ?~
cdataj
0
150
2025/6/21 日本学術会議公開シンポジウム発表資料
keisuke198619
0
130
ユーザーのプロフィールデータを活用した推薦精度向上の取り組み
yudai00
0
290
IAMのマニアックな話 2025を執筆して、 見えてきたAWSアカウント管理の現在
nrinetcom
PRO
3
540
Featured
See All Featured
Fireside Chat
paigeccino
37
3.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Become a Pro
speakerdeck
PRO
28
5.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
The Cost Of JavaScript in 2023
addyosmani
50
8.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
Transcript
ใฤू 8FC 1SPDFTTJOHKTʹΑΔσʔλͷՄࢹԽͱੜతදݱ ݄ ౦ژज़େֶܳज़ใηϯλʔ ".$ ୲ɿాॴ३
ʮՄࢹԽ 7JTVBMJ[BUJPO ʯͱ
ʮՄࢹԽ 7JTVBMJ[BUJPO ʯͱ ‣ ՄࢹԽ7JTVBMJ[BUJPO ‣ ਓ͕ؒʮݟΔʯ͜ͱͷͰ͖ͳ͍ݱࣄɺ͋Δ͍ؔੑΛɺʮݟΔʯ͜ͱͷ Ͱ͖Δͷʹ͢Δ͜ͱ ‣ ݟΔ͜ͱͷͰ͖Δͷˠը૾ɺө૾ɺάϥϑɺਤɺදͳͲ
‣ ࢹ֮Խҙ֎ͷํ๏ ‣ ՄௌԽԻʹΑͬͯௌ͘͜ͱ͕Ͱ͖ΔΑ͏ʹ͢Δ ‣ Մ৮Խ৮ΕΔ͜ͱʹΑͬͯදݱ͢Δ
ࢀߟॻɿʮϏδϡΞϥΠδϯάσʔλʯ ‣ ϏδϡΞϥΠδϯάɾσʔλʕ1SPDFTTJOHʹΑΔใࢹ֮Խख๏ ‣ #FO'SZ ஶ ૿Ҫढ़೭ ༁ म
Ճ౻ܚ ༁ ‣ ΦϥΠϦʔδϟύϯ
ใͷࢹ֮Խͷεςοϓ ‣ #FO'MZʹΑΔɺใࢹ֮Խͷεςοϓ ‣ ʮϏδϡΞϥΠδϯάɾσʔλʯΑΓ ‣ σʔλऩू BDRVJSF ‣
ղੳ QBSTF ‣ ϑΟϧλϦϯά pMUFS ‣ ϚΠχϯά NJOF ‣ දݱ SFQPSFTFOU ‣ ਫ਼៛Խ SFpOF ‣ ΠϯλϥΫγϣϯ JOUFSBDU ‣ ͍ͭɺશͯͷεςοϓ͕ඞཁͱ͍͏Θ͚Ͱͳ͍
ใͷࢹ֮Խͷεςοϓ ‣ σʔλऩू BDRVJSF ‣ σʔλΛऩू͢Δ ‣ σΟεΫ্ͷϑΝΠϧ ‣
ωοτϫʔΫ্ͷσʔλ
ใͷࢹ֮Խͷεςοϓ ‣ ղੳ QBSTF ‣ σʔλͷҙຯΛͱʹߏΛՃ͢Δ ‣ σʔλΛΧςΰϦʹ͚Δ ‣
σʔλͷݸʑͷ෦ͷܗ͕ࣜ໌֬ʹͳΔ
ใͷࢹ֮Խͷεςοϓ ‣ ϑΟϧλϦϯά pMUFS ‣ ༻్ʹ͋Θͳ͍෦Λআڈ͢Δ ‣ σʔλͷதͰඞཁͱͳΒͳ͍ϨίʔυΛআڈ ‣
ཧϞσϧΛ͋ͯΊ ‣ ਖ਼نԽ ‣ ֶతͳॲཧ
ใͷࢹ֮Խͷεςοϓ ‣ ϚΠχϯά NJOF ֶతͳॲཧʹΑͬͯɺύλʔϯΛΈ͚ͭͩ͢ ‣ සग़ύλʔϯநग़ߴසͰൃੜ͢Δಛతͳύλʔϯ ‣ ྫɿຊ̖Λങ͏ਓɺޙʹຊ̗Λങ͏͜ͱ͕ଟ͍ ‣
Ϋϥεྨ༩͑ΒΕͨσʔλʹରԠ͢ΔΧςΰϦΛ༧ଌ ‣ ྫɿༀͷԽ߹ͷσʔλ͔ΒɼͦͷԽ߹ʹༀޮ͕͋Δɾͳ͍ͱ͍ͬͨΧςΰϦΛ༧ଌ ‣ ճؼੳ༩͑ΒΕͨσʔλʹରԠ͢Δ࣮Λ༧ଌ ‣ ༵ɺ߱ਫ֬ɺࠓͷച্͛ͳͲͷσʔλΛݩʹ໌ͷച্͛ͱ͍͏࣮σʔλΛ༧ଌ ‣ ΫϥελϦϯάσʔλͷू߹ΛΫϥελͱݺͿάϧʔϓʹ͚Δ ‣ 8FCͷӾཡύλʔϯͷσʔλ͔Βɺྨࣅͨ͠ͷΛ·ͱΊΔ͜ͱͰɺӾཡͷ͕ಉ͡ར ༻ऀͷάϧʔϓΛൃݟ͢Δ
ใͷࢹ֮Խͷεςοϓ ‣ දݱ SFQSFTFOU ‣ جຊతͳදࣔͷܗࣜɺࢹ֮ԽͷϞσϧΛܾఆ͢Δ ‣ άϥϑ ‣
Ϧετ ‣ ߏFUD
ใͷࢹ֮Խͷεςοϓ ‣ ਫ਼៛Խ SFpOF ‣ άϥϑΟοΫσβΠϯͷख๏Λ͔ͭͬͯදݱΛ͞Βʹ໌շʹ ‣ ΑΓັྗతͳදݱ ‣
৭ɺܗ ‣ ಛఆͷσʔλʹҙΛҾ͖͚Δ ֊ͷಋೖ
ใͷࢹ֮Խͷεςοϓ ‣ ΠϯλϥΫγϣϯ JOUFSBDU ‣ ରతͳػೳΛՃ ‣ ϢʔβʹΑΔσʔλͷ୳ࡧ੍ޚ ‣
αϒηοτͷબ ‣ ࢹͷΓସ͑ ‣ ͜ͷतۀͰͷɺωοτϫʔΫͱͷ࿈ܞ 5XJUUFS1BDIVCF ΠϯλϥΫγϣϯͷҰ ͱߟ͑ΒΕΔ
ใͷࢹ֮Խͷεςοϓ ‣ σʔλऩू BDRVJSF ‣ ղੳ QBSTF ‣
ϑΟϧλϦϯά pMUFS ‣ ϚΠχϯά NJOF ‣ දݱ SFQPSFTFOU ‣ ਫ਼៛Խ SFpOF ‣ ΠϯλϥΫγϣϯ JOUFSBDU
༷ʑͳՄࢹԽͷख๏ʹ৮ΕΔ ‣ 7JTVBM$PNQMFYJUZҎ্ͷϓϩδΣΫτΛհ ‣ http://www.visualcomplexity.com/vc/
4JNJMBS%JWFSTJUZ ‣ 1IJMJQQ4UFJOXFCFS "OESFBT,PMMFS ‣ ੈքେफڭͷయΛੳ͠ɺफڭͱ৴ڼʹ͍ͭͯࢹ֮Խ͍ͯ͠Δ ‣ http://similardiversity.net/
7JTVBMJ[JOHJOGPSNBUJPOqPXJOTDJFODF ‣ .PSJU[4UFGBOFS ‣ จͷҾ༻ͷωοτϫʔΫΛࢹ֮Խ ‣ http://well-formed.eigenfactor.org/
0QUF1SPKFDU ‣ #BSSFUU-ZPO ‣ Πϯλʔωοτͷਤ ‣ http://www.opte.org/
5IF3FNPUFTUQMBDFPO&BSUI ‣ +PJOU3FTFBSDI$FOUSF &VSPQFBO$PNNJTTJPO 8PSME#BOL ‣ ʮ࠷ԕ͍ॴͲ͔͜ ʯ ‣ ੈքͷओཁͷࢢ͔ΒҠಈʹ͔͔Δ࣌ؒ
‣ http://www.newscientist.com/gallery/small-world
TVCCMVF 'SBDUBM-BC ‣ 5PN#FEEBSE ‣ ੜతͳख๏Λۦͨ͠ܗଶΛࢹ֮Խ ‣ http://www.subblue.com/ ‣ http://fractal.io/
1BSUJUVSB ‣ 2VBZPMB ‣ ԻڹΛࢹ֮Խ WWWW ‣ http://www.quayola.com
ੜతͳදݱ ‣ ੜత (FOFSBUJWF ͳදݱʹ͍ͭͯߟ͑Δ ‣ ੜతͳදݱ (FOFSBUJWF"SU ‣
ίϯϐϡʔλͷιϑτΣΞʹΑΔΞϧΰϦζϜ͔Βੜ͞ΕΔදݱ ‣ ͋ΔجຊݪଇࣜςϯϓϨʔτͳͲͷૉࡐΛઃఆ͠ɺͦ͜ʹແ࡞ҝ·ͨແ࡞ ҝͷϓϩηε͕࡞༻͢ΔΑ͏ઃఆ͢Δ
ੜతͳදݱ ‣ ੜతͳදݱͷྫɿϧϑϥϜͷ࣍ݩηϧɾΦʔτϚτϯ ‣ ͋Δಛఆͷ࣌ࠁ U ʹ͓͚Δɺࣗࣗͱͦͷࠨӈͷηϧͷঢ়ଶʹΑͬͯɺ࣍ͷ࣌ࠁ U ͷঢ়ଶ͕ܾ·Δ
‣ ηϧͷPOP⒎ΛɺͱͰදݱ͢ΔͱՄೳੑͭ ‣ ‣ ͦΕͧΕͷঢ়ଶͰͷ࣍ͷΛϧʔϧͱͯ͠ఆΊΔ ‣ ϧʔϧͷՄೳੑશ෦ͰݸͱͳΔ ͷɺCJU ‣ ྫɿϧʔϧ ࣍
ੜతͳදݱ ‣ 1SPDFTTJOHͰɺϧϑϥϜͷ$"Λࢼͯ͠ΈΔ ‣ 1SPDFTTJOHͷαϯϓϧ ‣ ʮ5PQJDTʯˠʮ$FMMVMBS"VUPNBUBʯˠʮ8PMGSBNʯ ‣ ϓϩάϥϜͷϧʔϧηοτΛมߋͯ͠ΈΔ ‣
TFUVQ ؔͷҎԼͰఆٛ͞Ε͍ͯΔ ‣ JOU<>SVMFTFU\ ^
ੜతͳදݱ ‣ ϧʔϧ\ ^
ੜతͳදݱ ‣ ϧʔϧ\ ^
ੜతͳදݱ ‣ ϧʔϧ\ ^
ੜతͳදݱ ‣ ϧϑϥϜͷΫϥεྨ ‣ Ϋϥεઢܗܥ ‣ ୯Ұͷฏߧঢ়ଶʹऩଋ͢Δɽͭ·Γɼશͯͷηϧ͕ɼ·ͨʹͳͬͯ͠·͏ɽ ‣ Ϋϥεඇઢܗܥ पظղ
‣ ࣶ༷ͷΑ͏ͳɼपظతʹແݶʹ܁Γฦ͢ύλʔϯʹऩଋ͢Δɽ ‣ Ϋϥεඇઢܗܥ ΧΦε ‣ ୯Ұͷঢ়ଶʹɼपظతͳঢ়ଶʹऩଋͤͣɼΧΦεతͳৼ͍Λ͢Δɽ ‣ Ϋϥεඇઢܗܥ ͦͷଞ ‣ ༧ଌ͕͍ͨ͠ɼෳࡶͳύλʔϯͰɼपظɼඇपظ͕ަޓʹݱΘΕͨΓɼύλʔϯ͕ফ͑ͨΓ͢ Δɽ
ੜతͳදݱ ‣ ίϯΣΠͷϥΠϑήʔϜ ‣ ࣍ݩͷ$"ϧʔϧ ‣ ੜ ‣ ࢮΜͰ͍Δηϧͷपғʹͭͷੜ͖͍ͯΔηϧ͕͋Ε࣍ͷੈͰੜ͖Δʢੜ͢ Δʣɻ
‣ ҡ࣋ ‣ ੜ͖͍ͯΔηϧͷपғʹ͔ͭͭͷੜ͖͍ͯΔηϧ͕͋Ε࣍ͷੈͰੜ͖Δɻ ‣ ࢮ ‣ ্Ҏ֎ͷ߹ʹ࣍ͷੈͰࢮ͵ɻ
ੜతͳදݱ ‣ ίϯΣΠͷϥΠϑήʔϜ
(FOFSBUJWF(FTUBMUVOH ‣ େͳͷੜతͳΞʔτͷ࣮ྫΛհͨ͠ॻ੶ ‣ IUUQXXXBNB[PODPKQEQ ‣ αϯϓϧશͯ1SPDFTTJOHͰ࡞͞Ε͍ͯΔ ‣ શͯμϯϩʔυՄೳ
(FOFSBUJWF(FTUBMUVOH ‣ ΦϑΟγϟϧαΠτ ‣ http://www.generative-gestaltung.de/
(FOFSBUJWF(FTUBMUVOH ‣ (FOFSBUJWF(FTUBMUVOHͷαϯϓϧΛΈͯΈΔ ‣ ͍͔ͭ͘ڥઃఆ͕ඞཁ ‣ ·ͣશͯͷαϯϓϧίʔυͷύοέʔδΛμϯϩʔυ ‣ IUUQXXXHFOFSBUJWFHFTUBMUVOHEFEPXOMPBET(FOFSBUJWF%FTJHO $PEF1BDLBHF[JQ
‣ μϯϩʔυͨ͠ύοέʔδΛల։ͯ͠ɺd%PDVNFOUT1SPDFTTJOHҎԼʹίϐʔ ͢Δ
(FOFSBUJWF(FTUBMUVOH ‣ (FOFSBUJWF(FTUBMUVOHڥઃఆ͖ͭͮ ‣ ඞཁͱͳΔϥΠϒϥϦΛΠϯετʔϧ ‣ Generative Design Lib 1.0.3
‣ controlP5 ‣ Geomerative ‣ treemap
(FOFSBUJWF(FTUBMUVOH ‣ ͭͷϥΠϒϥϦ (FOFSBUJWF%FTJHO-JCɺDPOUSPM1ɺ(FPNFSBUJWFɺ USFFNBQ ͷϑΥϧμΛɺ1SPDFTTJOHϑΥϧμͷMJCSBSZʹίϐʔ͢Δ
(FOFSBUJWF(FTUBMUVOH ‣ ΦϑγϟϧαΠτͷʮ$PEFTʯ͔ΒɺؾʹͳͬͨαϯϓϧΛબͼɺରԠ͢ΔίʔυΛ ىಈͯ͠ΈΔ ‣ IUUQXXXHFOFSBUJWFHFTUBMUVOHEFDPEF ‣ ͍Ζ͍Ζىಈͯ͠ɺࣗͷ͖ͳίʔυΛબ
(FOFSBUJWF(FTUBMUVOHͰͷੜతදݱ ‣ (FOFSBUJWFੜత ‣ (FTUBMUVOHܗଶ ήγϡλϧτ ‣ ༷ʑͳཁૉΛ༻͍ͨੜతදݱ ‣
৭ $PMPS ‣ ܗ 'PSN ‣ จࣈ 5ZQF ‣ ը૾ 1JDUVSF ‣ ཚͱϊΠζ 3BOEPN/PJTF ‣ ൃৼɺৼಈ 0DJMMBUJPOpHVSFT ‣ ৫Խ 'PSNVMBUFECPEJFT ‣ ΞτϥΫλʔ "UUSBDUPS ‣ ߏ 5SFFTUSVDUVSF
(FOFSBUJWF(FTUBMUVOH ‣ ྫɿ.@@@@500-
ࢀߟॻ੶ɺͦͷ ‣ '03. $0%&σβΠϯʗΞʔτʗݐஙʹ͓͚Δɺ͔ͨͪͱίʔυ<୯ߦຊʢιϑτ Χόʔʣ>
'03. $0%&Ͱͷྨ ‣ 'PSN $PEFͰͷཧ ‣ ෮ 3FQFBU ‣
มܗ 5SBOTGPSN ‣ ύϥϝʔλԽ 1BSBNFUFSJ[F ‣ ՄࢹԽ 7JTVBMJ[F ‣ γϛϡϨʔτ 4JNVMBUF
ࢀߟॻ੶ɺͦͷ̏ ‣ ϏδϡΞϧɾίϯϓϨΩγςΟʕใύλʔϯͷϚοϐϯά
ࢀߟॻ੶ɺͦͷ̏ ‣ ϏδϡΞϧɾίϯϓϨΩγςΟ࣍ ‣ c5IF5SFFPG-JGFੜ໋ͷथ ‣ c'SPN5SFFTUP/FUXPSLTπϦʔ͔ΒωοτϫʔΫ ‣ c%FDPEJOH/FUXPSLTωοτϫʔΫͷղಡ ‣
c*OpOJUF*OUFSDPOOFDUFEOFTTແݶͷ૬ޓଓੑ ‣ c5IF4ZOUBYPGB/FX-BOHVBHF৽͍͠ϏδϡΞϧݴޠͷߏจ ‣ c$PNQMFY#FBVUZෳࡶੑͷඒ ‣ c-PPLJOH"IFBEະདྷͷߦํ