Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ともにつくるには Civic Tech Live!7月号 「社会を変えるデザイン」 ~なせ...
Search
Yuichi Yazaki
July 18, 2016
Design
670
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
420
世界の行政機関 情報可視化 事例
n1n9
0
2.4k
コロナ禍におけるデータ可視化
n1n9
2
260
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
870
残された我々のための「データ・ヒューマニティ」
n1n9
6
2k
Open Data Day logo generator
n1n9
0
380
データビジュアライゼーション講習のご案内
n1n9
0
460
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
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.4k
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.4k
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
sekiguchiy
0
220
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
2.2k
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
200
設計の進め方と 品質特性品質特性
harakeishi
0
1.4k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
660
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
2
1.7k
AIの定期タスクを6本作って、3本止めた話
rai263
0
100
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.4k
凡庸を落とすハーネス
hiromimaeo
2
1k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
4
5.5k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Discover your Explorer Soul
emna__ayadi
2
1.3k
Abbi's Birthday
coloredviolet
4
11k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
500
Typedesign – Prime Four
hannesfritz
42
3.2k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
Making Projects Easy
brettharned
120
6.8k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
620
Documentation Writing (for coders)
carmenintech
77
5.6k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
450
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
47k
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