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
1
640
ともにつくるには Civic Tech Live!7月号 「社会を変えるデザイン」 ~なぜ今デザインが課題解決に求められているのか~
7月22日(金)株式会社エウレカで開催予定のイベント登壇用の資料です。
https://www.facebook.com/events/101307533639765/
Yuichi Yazaki
July 18, 2016
Tweet
Share
More Decks by Yuichi Yazaki
See All by Yuichi Yazaki
Data visualization to expand your skills as a creator
n1n9
0
280
世界の行政機関 情報可視化 事例
n1n9
0
2.3k
コロナ禍におけるデータ可視化
n1n9
2
210
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
750
残された我々のための「データ・ヒューマニティ」
n1n9
6
1.9k
Open Data Day logo generator
n1n9
0
260
データビジュアライゼーション講習のご案内
n1n9
0
300
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.2k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.2k
Other Decks in Design
See All in Design
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
6.7k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
390
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
uto
0
150
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
0
1k
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
330
The Spring Festival
jisun
0
140
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
240
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1k
Findyのプロデチームの 歩みとこれから
satty9556
0
380
ドルちゃん
design_dolphins
0
530
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
550
2026年、デザイナーはなにに賭ける?
0b1tk
0
440
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.9k
Leo the Paperboy
mayatellez
3
1.3k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
42
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Ethics towards AI in product and experience design
skipperchong
1
170
Building Applications with DynamoDB
mza
96
6.9k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.3k
Prompt Engineering for Job Search
mfonobong
0
140
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Automating Front-end Workflow
addyosmani
1371
200k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
32
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.5k
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