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
ともにつくるには Civic Tech Live!7月号 「社会を変えるデザイン」 ~なせ...
Search
Yuichi Yazaki
July 18, 2016
Design
660
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ともにつくるには Civic Tech Live!7月号 「社会を変えるデザイン」 ~なぜ今デザインが課題解決に求められているのか~
7月22日(金)株式会社エウレカで開催予定のイベント登壇用の資料です。
https://www.facebook.com/events/101307533639765/
Yuichi Yazaki
July 18, 2016
More Decks by Yuichi Yazaki
See All by Yuichi Yazaki
Data visualization to expand your skills as a creator
n1n9
0
370
世界の行政機関 情報可視化 事例
n1n9
0
2.4k
コロナ禍におけるデータ可視化
n1n9
2
250
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
830
残された我々のための「データ・ヒューマニティ」
n1n9
6
2k
Open Data Day logo generator
n1n9
0
350
データビジュアライゼーション講習のご案内
n1n9
0
450
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.3k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.3k
Other Decks in Design
See All in Design
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
1.1k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
430
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
170
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
250
Where Imagination Ends AI Begins
r5ni4
0
350
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
9
5.7k
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.8k
Of Ordination and Rebellion exploration sketches
rezaline
0
200
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
620
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
220
root COMPANY DECK / We are hiring!
root_recruit
4
30k
PLATEAUで白い街を作る
aikautau
0
170
Featured
See All Featured
AI: The stuff that nobody shows you
jnunemaker
PRO
9
950
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
180
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
430
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
450
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
400
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
How to train your dragon (web standard)
notwaldorf
97
6.8k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
380
Transcript
ͱʹͭ͘Δʹ ࡚ ༟Ұ http://notation.co.jp/ Civic Tech Liveʂ7݄߸ ʮࣾձΛม͑ΔσβΠϯʯ ʙͳͥࠓσβΠϯ͕՝ղܾʹٻΊΒΕ͍ͯΔͷ͔ʙ
ύλʔϯɾϥϯήʔδ
ݐஙݐஙՈͱେ͕ݐͯ·͕͢… F. L. Wright - Fallingwater http://www.fallingwater.org/
͔ͦ͠͠ͷॅΉॴͷ͜ͱ ͦ͜ʹॅΉਓͷํ͕Α͍ͬͯ͘Δ http://yonesou.cocolog-nifty.com/yo/2013/03/post-a03f.html
͍ͮΒ͍ͱͨ͠Βɺ͏ਓ͕ɺͦͷ੍࡞ϓϩηεʹ ࢀՃ͍ͯ͠ͳ͍͔ΒͰ…ʁ http://yonesou.cocolog-nifty.com/yo/2013/03/post-a03f.html
ύλʔϯɾϥϯήʔδ • ͷ͋ͨΔॴ • ͞ΘΕΔՖ • ·ͪ·ͪͷҜࢠ … • ղܾͷҰൠతͰநతͳݴޠԽ
• ϩʔίϯςΫετԽ
ެॿ ࣗॿ ڞॿ ڞॿº*5
ݴ༿ͷఆٛ • ϢχόʔαϧσβΠϯ • ΠϯΫϧʔγϒσβΠϯ • ڞ • Co-Design •
… ͱʹͭ͘Δʹ
Code For…
None
http://code4japan.org/ Code for Japan
http://code4japan.org/ Code for Japan
http://code4japan.org/ Code for Japan
None
None
Cyd Harrell͞Μ Frances Berriman͞Μ Code for America Summit 2014
• σβΠϯαΠΫϧ3ʙ5 • ίϯαϧλϯτʹؙ͛ • ΞΫγϣϯυϦϒϯʢͳใઃܭ͕ͳ͞Ε͍ͯΔ༁ʣͰͳ͍ • πʔϧͱ͍͏ΑΓϒοΫϨοτ • յΕͨใઃܭ
• ελοϑʹͱͬͯຊۀͱ͍͏ΑΓαΠυϫʔΫ • σʔλυϦϒϯ • ਝͰɺ࣮༻తͰɺ͙͢ʹؔ࿈͢ΔͷΛ • ʢதԝूݖతͰͳ͘ʣݖత Redesign the design ࣏ࣗମαΠτ վળϓϩδΣΫτ
• σʔλμογϡϘʔυΛ༻ҙͨ͠ • ΣϒੳΫϥϒΛ࡞ͬͨ • ελοϑͷΠϯλϏϡʔ • ࢢຽͷΞϯέʔτ ʮ1.σʔλυϦϒϯʯ
ΠΪϦεͷ10Λ͑ΔলிͷαΠτ͔ΒɺϫϯετοϓˍΞΫγϣϯυϦϒϯͰԣ அతʹใΛ୳ͤΔҰͭͷαΠτ౷߹ ʮ2.ਝͰɺ࣮༻తͰɺ͙͢ʹؔ࿈͢ΔͷΛʯ https://www.gov.uk/
ʮ৫Λ௨ͯ͡ΠϊϕʔγϣϯΛ֦ࢄ͢Δʯͱ͍͏͜ͱΛࢦͯ͠ ͍ΔɻτοϓμϯͰͳ͘ɺࢢ͕ԿΛ͍ͯ͠Δ͔͕Θ͔Δɺ 360։͔Εͨࢢ৫Λࢦ͍ͯ͠Δɻ ςΫϊϩδʔ໘ͰCode for Americaʹڠྗͯ͠Βͬͯɺπʔϧ τϨʔχϯάΛఏڙͯ͠Β͍ͬͯΔɻ ʮʢதԝूݖతͰͳ͘ʣݖతʯ
https://www.gov.uk/design-principles
• σβΠϯͷߟ͑ํΛɺҰൠͷਓͨͪʹ͍͛ͯ͘ɻ • σβΠϯͷϓϩηεࣗମʹɺҰൠͷਓͨͪΛר͖ࠐΜͰ͍͘ɻ Code for Americaͷࣄྫ ϘτϜΞοϓܕΞϓϩʔν
Code for TokyoͰͦΕʹՃ͑ͯ… • σʔλΛڌʹ͢Δɻ • ٞࣗମΛՄࢹԽ͢Δɻ ၆ᛌࢹܕΞϓϩʔν ΛऔΓ͍ͨ
drawing by ཬਯ͞Μ
อҭԂϚοϓ 23۠
TokyoอҭԂϚοϓβ൛ http://hoikuenmap.codefor.tokyo/
http://log.notation.co.jp/event/cft160420/ อҭԂʹ͍ͭͯ՝Λ࣋ͪدΔ
http://log.notation.co.jp/event/cft160420/ อҭԂʹ͍ͭͯ՝Λ࣋ͪدΔ
ࢦ͍ͯ͠Δ͜ͱ • ߦ͕ख͕ճ͍ͬͯͳ͍͜ͱΛɺͭͷͰͳ͘ɺ ࣗͨͪͰ࡞ͬͯ͠·͏ • ͍ۙ͠ҙࣝΛ͍࣋ͬͯΔਓͨͪΛר͖ࠐΉ • Φʔϓϯιʔεͷੈք౦ژ͕த৺͡Όͳ͍͍ͯ͘ • σʔλඪ४Խ
ֳ RESASϫʔΫγϣοϓ
https://www.facebook.com/events/907043616033052/ RESASͳͲΛར༻ͯ͠ɺҬͷಛΛՄࢹԽ
https://www.facebook.com/events/907043616033052/
https://data-visualization-japan.doorkeeper.jp/events/36366
ࢦ͍ͯ͠Δ͜ͱ • σβΠφʔɺΤϯδχΞͰͳ͍ਓͨͪͰɺԾઆΛ ཱͯͯɺσʔλͰࣄΛදݱ͢Δํ๏Λʹ͚ͭΔ • ౷ܭσʔλ͔Βൃݟ͕͋Δ͜ͱΛମݧ͢Δ • ߦͱॅຽͷίϛϡέʔγϣϯճ࿏Λ૿͍ͨ͠ • ʢύϒϦοΫίϝϯτ=1:nʣ
• ʢRESAS=n:nʣ
ࠃཱࠃձਤॻؗ ํ࣏ࣗମΣϒαΠτͷՄࢹԽ
http://visualizing.jp/ndl-dataviz/ ํ࣏ࣗମͷΣϒαΠτΛՄࢹԽ
ࢦ͍ͯ͠Δ͜ͱ • ํ࣏ࣗମ͝ͱͷҙ֎ͳಛɺҙ֎ͳؔੑΛσʔ λ͔Β୳͠ग़͢ɻ • ΤϯδχΞͷ࣮ྗͱσβΠφʔͷൃྗͷ༥߹ • σʔλར׆༻ʢՄࢹԽʣͷࣄྫ࡞Γ
Open Design Lab.
https://www.facebook.com/groups/opendesignlabjp/ InfoGraphics + Graphic Recording + Data Visualization photo by
Akiko Yanagawa.
ࢦ͍ͯ͠Δ͜ͱ • InfoGraphicsɺGraphic RecordingɺData Visualizationͷख๏Λ࣋ͪدͬͯΈΔ • σβΠφʔ͕ϓϩδΣΫτͷओମऀʹͳΔ • σβΠφʔ͕ʮडୗʯऀʹͳΒͳ͍
σʔλͰֆΛඳ͘
ϫʔΫγϣοϓ ࢀՃऀͷ࡞
ϫʔΫγϣοϓ ࢀՃऀͷ࡞
ࢦ͍ͯ͠Δ͜ͱ • ઐੑʹͱΒΘΕͳ͍ࣗ༝ͳൃ • ΞταΠμʔɾΞʔτతͳ͋Γํ • طଘͷϏδϡΞϧม࠲ඪܥΛ͑ͯɺֆͱͯ͠ ͷ໘ന͞ʗ৺Α͞Λٻ ɹɹɹ ↓
• ৽͍͠νϟʔτάϥϑͷੜ • खඳ͖ͱϓϩάϥϛϯάͰಉ͡࡞ۀΛ͢Δ͜ͱʹΑ Δϓϩάϥϛϯάڭҭͷํ
YahooΈΜͳͷ࣏ 18ࡀબڍݖ ࣾձ՝ΞΠσΞιϯ
http://seiji.yahoo.co.jp/youth/ideathon/
http://seiji.yahoo.co.jp/youth/ideathon/ ߴߍੜͷࣾձ՝ҙࣝΛ࡞Խ
ࢠڙ͚ϫʔΫγϣοϓ
ϖϯϩʔζɾλΠϧܕΞΫϦϧͰϒϩʔν࡞Γ http://toy-by-algorithm.com/04_ToyMuseum/detail.html
େྔͷഇغ͓ͪΌͰָثͭ͘Γ http://toy-by-algorithm.com/01_Fuji/detail.html
ࢦ͍ͯ͠Δ͜ͱ • ࢠڙͷࣗ༝ͳൃΛҾ͖ग़͢ • ݴ༿ΛΘͳ͍ɺੈΛ͑ͨίϛϡχέʔγϣϯ
·ͱΊ
ࢦ͍ͯ͠Δ͜ͱ • σβΠφʔ͕ϓϩδΣΫτͷओମऀʹͳΔ • ͍ۙ͠ҙࣝͷଟ༷ͳਓͨͪΛר͖ࠐΉ • Φʔϓϯιʔεͷੈք౦ژ͕த৺͡Όͳ͍͍ͯ͘ • ݴޠɾඇݴޠͷίϛϡέʔγϣϯճ࿏Λ૿͢ •
ઐੑʹͱΒΘΕͳ͍ࣗ༝ͳൃ͕େࣄ • ΤϯδχΞͷ࣮ྗͱσβΠφʔͷൃྗͷ༥߹Λ ࢦ͢
ͱʹͭ͘Δʹ… • Ͱ͖Δ͚ͩσβΠφʔ্͕ྲྀఔʹࢀՃ͢Δ͜ͱ͕େࣄɻ ίϯηϓτ༷͕͔ͬ͠Γ͍ͯ͠ΕɺԼྲྀఔͰɺͱ ʹͭ͘Δ͜ͱཱ͕͘͢͠ͳΔͷͰɻ • ͱʹͭ͘Δ͜ͱ͕;͞Θ͍͠ͷͱͦ͏Ͱͳ͍ͷ͕͋ Δɻ • ਓΒͳ͍͜ͱΛΕͳ͍ɺͱ͍͏͜ͱΛΔɻ
• ਓ͍ͬͯΔ͜ͱΛɺΒͳ͍͜ͱʹ͢Δͷ͕ࠔɻ • σβΠϯఔͷ8ׂݴޠԽՄೳɻΓ2ׂ͕ࣗ༝ԋٕ ʢηϯεʣɻηϯεͷ͋Δͳ͠ʹಀ͛ͳ͍ɻ • ՝ղܾɺʮ෩ͱଠཅʯͩͬͨΒʮଠཅʯ͕͍͍ɻ
None