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.3k
わかりやすいグラフを作ろう
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
27k
unstated-next による Redux に頼らない状態管理の考察
jmblog
9
5.1k
雰囲気でやってる人向けの Redux 再入門
jmblog
21
6.2k
Web Components で 社内 UI ライブラリを作っている話
jmblog
11
4k
gulp: The Good Parts
jmblog
29
5.8k
CSS in JS と CSS Modules
jmblog
25
4.6k
PostCSS とは何か
jmblog
38
9.6k
Kaizen Platform における UI ライブラリのワークフロー
jmblog
30
6k
フロントエンドエンジニアのための Dotfiles
jmblog
53
8.4k
Other Decks in Design
See All in Design
ブランドづくりの双視点 - GUILD #31 ブランディング勉強会
yampuu
0
110
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
550
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.4k
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
4.7k
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
640
Night Shift concept 9/15/2024
cpineda57
0
740
Первая беседа о Карте реализации историй
ashapiro
0
290
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
160
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
580
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
700
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
1
1.2k
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
890
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
Building Your Own Lightsaber
phodgson
103
6.1k
Rails Girls Zürich Keynote
gr2m
94
13k
Designing Experiences People Love
moore
138
23k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Ruby is Unlike a Banana
tanoku
97
11k
RailsConf 2023
tenderlove
29
900
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Site-Speed That Sticks
csswizardry
0
25
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Transcript
Θ͔Γ͍͢άϥϑΛ࡞Ζ͏ OHLZPUP"OHVMBS.FFUVQc0DU
ҙɿ"OHVMBSͷҰग़͖ͯ·ͤΜ
ਆอՅल !KNCMPH ͡Μ΅ɹΑ͠ͻͰ
None
None
Θ͔Γ͍͢άϥϑΛ࡞Δͷɺҙ֎ͱ͍͠
σʔλ άϥϑ Τϯίʔυ ޮՌతͳΤϯίʔσΟϯάͷςΫχοΫΛ ͓ͬͯ͘͜ͱ͕େ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
Α͋͘Δέʔε ۤ࿑ͯ͠ใΛಡΈऔΒͳ͚ΕͳΒͳ͍άϥϑ ͍͑ͨ͜ͱʹϑΥʔΧεͰ͖͍ͯͳ͍ɻ ݴ͍͍ͨ͜ͱ͕Θ͍ͬͯͳ͍ɻ
͍͑ͨʮϝοηʔδʯΛ͔ͭͭʹߜΓࠐΉɻ ͜ΕΛΘ͔Γ͑͘͢Δ͜ͱʹϑΥʔΧε͢Δ 1PXFS1PJOUΛ։͘લʹ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
None
͏ͷආ͚͍ͨάϥϑ ԁάϥϑ %άϥϑ ࣠άϥϑ ಡΈʹ͍͘ ͕ࠩݟ͚ͮΒ͍ ಡΈʹ͍͘ ͕ࠩݟ͚ͮΒ͍ ࠨӈʹॎ͕࣠͋Δͱ ಡΈʹ͘͘
͕͔͔࣌ؒΔ
ͬͯ҆৺ͳجຊͷάϥϑ άϥϑ άϥϑ ઢάϥϑ ࢄਤ ॎάϥϑ ԣάϥϑ ੵΈ্͛άϥϑ ંΕઢάϥϑ εϩʔϓάϥϑ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
ෆඞཁͳཁૉΛऔΓͷͧ͘ ૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ ৺͕͚Δ͖ͭͷϙΠϯτ
ਅͬനͳը໘ʹཁૉΛͭՃ͢Δ͝ͱʹɺ ೝతෛՙ૿͍͑ͯ͘ɻ ඞཁ࠷খݶ·ͰɺཁૉΛऔΓͷ͍͍ͧͯ͘ɻ ෆඞཁͳཁૉΛऔΓͷͧ͘
None
None
૬ख͕ʮೝࣝ͢Δલʯʹݟ͍ͤͨͷΛݟͤΔ ࢹઢͷಈ͖Λҙࣝͯ͠ཁૉΛஔ͢Δ ૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ
ʮʯͷΛ͍͑ͯͩ͘͞
ҙࣝతʹݟΑ͏ͱ͠ͳͯ͘ɺ ʮʯ͕ࣗવͱʹඈͼࠐΜͰ͖·ͤΜͰ͔ͨ͠ʁ
ແҙࣝతࢹ֮ใ QSFBUUFOUJWFBUUSJCVUFT c ͖ ܗ ઢͷ͞ ઢͷ෯ αΠζ ۂ Ճ
ғΈ ৭ ೱ͞ Ґஔ ಈ͖
ਓ ʮ;ܕʯʹ ࢹઢΛ ಈ͔͢
5IFUJUMFJTJNQPSUBOU 5IFOPUFUFYUJTOPUTPJNQPSUBOU
࣮ફྫ
ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ
ԿΛ͑Δ͔ աڈؒͷେࡕࢢͷؾσʔλΛੳͨ݁͠Ռɺ ͕࠷ଳͷଟ͍ͩͬͨ͜ͱ͕Θ͔ͬͨɻ ಛʹͱൺֱ͢Δͱഒͷ͕ࠩ͋ͬͨɻ ͜ͷΛ͑Δɻ
ଳͷ
ΘΓ͍͢දݱΛબͿ
දΛ͏ͷ͋Γ ଳͷ
͜ͷఔͷσʔλͰ͋Εѱ͘ͳ͍ɻ ʮແҙࣝతࢹ֮ใʯΛར༻͢Εɺ Θ͔Γ͑͘͢ΒΕΔɻ ͨͩ͠ɺ΄͔ͷͱͲΕ͙Β͍ͷ͕ࠩ ͋ͬͨͷ͔ɺදΛʮಡΉʯඞཁ͕͋Γ ͕͔͔࣌ؒΔɻ
ંΕઢάϥϑʹͯ͠ΈΔ ؒͷมԽͷΛ͍͑ͨͷͰ͋Ε ͪΐ͏Ͳ͍͍ɻ ͨͩ͠ɺͲΕ͕࠷େ͖͘ɺ ͲΕ͕࠷খ͍͞ͷ͔ͱ͍͏͜ͱʹ ϑΥʔΧε͍ͤͨ͞߹ʹ ͋·Γ͍͍ͯͳ͍ɻ
ॎάϥϑʹͯ͠ΈΔ
ͲΕ͕࠷େ͖͘ɺͲΕ͕࠷খ͍͔͞ɺ ೝ͍ࣝ͢͠͠ɺ͝ͱͷࠩ ͻͱͰ͔Δɻ
ԣάϥϑʹͯ͠ΈΔ ॎάϥϑͱಉ༷ɺͪ͜ΒΘ͔Γ͍͢ɻ ͞Βʹʮ;ܕʯͷࢹઢͷಈ͖Λߟ͑Δͱɺ ·ͣϥϕϧʢʣΛݟͯɺͦΕ͔ΒσʔλΛ ݟΔͷͰɺॎάϥϑΑΓಡΈ͍͢ɻ ʢॎάϥϑͷ߹ɺ্ԼʹΛಈ͔ͯ͠ σʔλͱϥϕϧΛݟൺΔඞཁ͕͋Δɻʣ ࠓճ͜ΕΛ࠾༻ɻ
ݟӫ͑ΛσβΠϯ͢Δ
ෆඞཁͳཁૉΛऔΓͷ͍͍ͧͯ͘
աڈؒͷେࡕࢢͷଳͷ
աڈؒͷେࡕࢢͷଳͷ
৭Λͳ͘͢ʢάϨʔεέʔϧʹ͢Δʣ
աڈؒͷେࡕࢢͷଳͷ
ғΈઢͱܩઢΛফ͢
աڈؒͷେࡕࢢͷଳͷ
9࣠ͷϥϕϧΛফ͢
૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ
λΠτϧΛࠨ্ʹஔ͍ͯڧௐ͢Δ աڈؒͷେࡕࢢͷଳͷ
ʮ৭ʯͰҙΛҾ͖͚ͭΔ աڈؒͷେࡕࢢͷଳͷ
ݟͯ΄͍͠ʹ͚ͩΛදࣔ͢Δ աڈؒͷେࡕࢢͷଳͷ
աڈؒͷେࡕࢢͷଳͷ
मਖ਼લ
मਖ਼ޙ
աڈؒͷେࡕࢢͷଳͷ
·ͱΊ
ʮσʔλΛͨͩݟͤΔ͚ͩʯͰऴΘΒͳ͍άϥϑΛ࡞Ζ͏