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
わかりやすいグラフを作ろう
Search
Yoshihide Jimbo
October 06, 2018
Design
3
1.4k
わかりやすいグラフを作ろう
ng-kyoto Angular Meetup #8 での LT発表資料です。
https://ng-kyoto.connpass.com/event/100685/
Yoshihide Jimbo
October 06, 2018
Tweet
Share
More Decks by Yoshihide Jimbo
See All by Yoshihide Jimbo
高齢者でも使えるプロダクトUIの挑戦 / Designing User Interfaces for the Elderly
jmblog
32
28k
unstated-next による Redux に頼らない状態管理の考察
jmblog
9
5.2k
雰囲気でやってる人向けの Redux 再入門
jmblog
21
6.5k
Web Components で 社内 UI ライブラリを作っている話
jmblog
11
4.2k
gulp: The Good Parts
jmblog
29
5.9k
CSS in JS と CSS Modules
jmblog
25
4.7k
PostCSS とは何か
jmblog
38
9.8k
Kaizen Platform における UI ライブラリのワークフロー
jmblog
30
6.1k
フロントエンドエンジニアのための Dotfiles
jmblog
53
8.5k
Other Decks in Design
See All in Design
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
120
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
380
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
630
PF_濵村ひろみ_202503
maru_design78
0
170
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
130
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
230
Starry | Storyboards | Scene 1-21
giofortuna_story
0
270
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
Bulletproof Design System with TypeScript
takanorip
6
3.4k
私とデザインの10年
iflection
0
130
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.6k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
337
57k
Rails Girls Zürich Keynote
gr2m
94
14k
Writing Fast Ruby
sferik
628
61k
Optimizing for Happiness
mojombo
379
70k
The Cult of Friendly URLs
andyhume
79
6.4k
Code Reviewing Like a Champion
maltzj
524
40k
Raft: Consensus for Rubyists
vanstee
140
7k
Embracing the Ebb and Flow
colly
86
4.7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
Θ͔Γ͍͢άϥϑΛ࡞Ζ͏ OHLZPUP"OHVMBS.FFUVQc0DU
ҙɿ"OHVMBSͷҰग़͖ͯ·ͤΜ
ਆอՅल !KNCMPH ͡Μ΅ɹΑ͠ͻͰ
None
None
Θ͔Γ͍͢άϥϑΛ࡞Δͷɺҙ֎ͱ͍͠
σʔλ άϥϑ Τϯίʔυ ޮՌతͳΤϯίʔσΟϯάͷςΫχοΫΛ ͓ͬͯ͘͜ͱ͕େ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
Α͋͘Δέʔε ۤ࿑ͯ͠ใΛಡΈऔΒͳ͚ΕͳΒͳ͍άϥϑ ͍͑ͨ͜ͱʹϑΥʔΧεͰ͖͍ͯͳ͍ɻ ݴ͍͍ͨ͜ͱ͕Θ͍ͬͯͳ͍ɻ
͍͑ͨʮϝοηʔδʯΛ͔ͭͭʹߜΓࠐΉɻ ͜ΕΛΘ͔Γ͑͘͢Δ͜ͱʹϑΥʔΧε͢Δ 1PXFS1PJOUΛ։͘લʹ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
None
͏ͷආ͚͍ͨάϥϑ ԁάϥϑ %άϥϑ ࣠άϥϑ ಡΈʹ͍͘ ͕ࠩݟ͚ͮΒ͍ ಡΈʹ͍͘ ͕ࠩݟ͚ͮΒ͍ ࠨӈʹॎ͕࣠͋Δͱ ಡΈʹ͘͘
͕͔͔࣌ؒΔ
ͬͯ҆৺ͳجຊͷάϥϑ άϥϑ άϥϑ ઢάϥϑ ࢄਤ ॎάϥϑ ԣάϥϑ ੵΈ্͛άϥϑ ંΕઢάϥϑ εϩʔϓάϥϑ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
ෆඞཁͳཁૉΛऔΓͷͧ͘ ૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ ৺͕͚Δ͖ͭͷϙΠϯτ
ਅͬനͳը໘ʹཁૉΛͭՃ͢Δ͝ͱʹɺ ೝతෛՙ૿͍͑ͯ͘ɻ ඞཁ࠷খݶ·ͰɺཁૉΛऔΓͷ͍͍ͧͯ͘ɻ ෆඞཁͳཁૉΛऔΓͷͧ͘
None
None
૬ख͕ʮೝࣝ͢Δલʯʹݟ͍ͤͨͷΛݟͤΔ ࢹઢͷಈ͖Λҙࣝͯ͠ཁૉΛஔ͢Δ ૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ
ʮʯͷΛ͍͑ͯͩ͘͞
ҙࣝతʹݟΑ͏ͱ͠ͳͯ͘ɺ ʮʯ͕ࣗવͱʹඈͼࠐΜͰ͖·ͤΜͰ͔ͨ͠ʁ
ແҙࣝతࢹ֮ใ QSFBUUFOUJWFBUUSJCVUFT c ͖ ܗ ઢͷ͞ ઢͷ෯ αΠζ ۂ Ճ
ғΈ ৭ ೱ͞ Ґஔ ಈ͖
ਓ ʮ;ܕʯʹ ࢹઢΛ ಈ͔͢
5IFUJUMFJTJNQPSUBOU 5IFOPUFUFYUJTOPUTPJNQPSUBOU
࣮ફྫ
ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ
ԿΛ͑Δ͔ աڈؒͷେࡕࢢͷؾσʔλΛੳͨ݁͠Ռɺ ͕࠷ଳͷଟ͍ͩͬͨ͜ͱ͕Θ͔ͬͨɻ ಛʹͱൺֱ͢Δͱഒͷ͕ࠩ͋ͬͨɻ ͜ͷΛ͑Δɻ
ଳͷ
ΘΓ͍͢දݱΛબͿ
දΛ͏ͷ͋Γ ଳͷ
͜ͷఔͷσʔλͰ͋Εѱ͘ͳ͍ɻ ʮແҙࣝతࢹ֮ใʯΛར༻͢Εɺ Θ͔Γ͑͘͢ΒΕΔɻ ͨͩ͠ɺ΄͔ͷͱͲΕ͙Β͍ͷ͕ࠩ ͋ͬͨͷ͔ɺදΛʮಡΉʯඞཁ͕͋Γ ͕͔͔࣌ؒΔɻ
ંΕઢάϥϑʹͯ͠ΈΔ ؒͷมԽͷΛ͍͑ͨͷͰ͋Ε ͪΐ͏Ͳ͍͍ɻ ͨͩ͠ɺͲΕ͕࠷େ͖͘ɺ ͲΕ͕࠷খ͍͞ͷ͔ͱ͍͏͜ͱʹ ϑΥʔΧε͍ͤͨ͞߹ʹ ͋·Γ͍͍ͯͳ͍ɻ
ॎάϥϑʹͯ͠ΈΔ
ͲΕ͕࠷େ͖͘ɺͲΕ͕࠷খ͍͔͞ɺ ೝ͍ࣝ͢͠͠ɺ͝ͱͷࠩ ͻͱͰ͔Δɻ
ԣάϥϑʹͯ͠ΈΔ ॎάϥϑͱಉ༷ɺͪ͜ΒΘ͔Γ͍͢ɻ ͞Βʹʮ;ܕʯͷࢹઢͷಈ͖Λߟ͑Δͱɺ ·ͣϥϕϧʢʣΛݟͯɺͦΕ͔ΒσʔλΛ ݟΔͷͰɺॎάϥϑΑΓಡΈ͍͢ɻ ʢॎάϥϑͷ߹ɺ্ԼʹΛಈ͔ͯ͠ σʔλͱϥϕϧΛݟൺΔඞཁ͕͋Δɻʣ ࠓճ͜ΕΛ࠾༻ɻ
ݟӫ͑ΛσβΠϯ͢Δ
ෆඞཁͳཁૉΛऔΓͷ͍͍ͧͯ͘
աڈؒͷେࡕࢢͷଳͷ
աڈؒͷେࡕࢢͷଳͷ
৭Λͳ͘͢ʢάϨʔεέʔϧʹ͢Δʣ
աڈؒͷେࡕࢢͷଳͷ
ғΈઢͱܩઢΛফ͢
աڈؒͷେࡕࢢͷଳͷ
9࣠ͷϥϕϧΛফ͢
૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ
λΠτϧΛࠨ্ʹஔ͍ͯڧௐ͢Δ աڈؒͷେࡕࢢͷଳͷ
ʮ৭ʯͰҙΛҾ͖͚ͭΔ աڈؒͷେࡕࢢͷଳͷ
ݟͯ΄͍͠ʹ͚ͩΛදࣔ͢Δ աڈؒͷେࡕࢢͷଳͷ
աڈؒͷେࡕࢢͷଳͷ
मਖ਼લ
मਖ਼ޙ
աڈؒͷେࡕࢢͷଳͷ
·ͱΊ
ʮσʔλΛͨͩݟͤΔ͚ͩʯͰऴΘΒͳ͍άϥϑΛ࡞Ζ͏