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
Shoko Terajima
December 12, 2020
Design
2
1.3k
デザイナがエンジニアの 知識を持つこと
デザイナがエンジニアの知識を持つとどんな感じかを話したスライドです。
Shoko Terajima
December 12, 2020
Tweet
Share
More Decks by Shoko Terajima
See All by Shoko Terajima
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
shokolateday
4
9.4k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
370
おうちミートアップ
shokolateday
0
1.3k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
750
Rubyが私にくれたもの
shokolateday
4
1.4k
Other Decks in Design
See All in Design
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
250
Карта реализации историй — убийца USM
ashapiro
0
300
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
5
1.7k
Personal Story Sequence - Vendetta(WIP)
elrns88
0
370
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
120
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
330
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
750
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
160
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
500
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
190
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
980
Featured
See All Featured
Designing for Performance
lara
604
68k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.3k
Documentation Writing (for coders)
carmenintech
67
4.5k
We Have a Design System, Now What?
morganepeng
51
7.3k
Designing for humans not robots
tammielis
250
25k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Facilitating Awesome Meetings
lara
51
6.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
GraphQLとの向き合い方2022年版
quramy
44
13k
Transcript
σβΠφ͕ΤϯδχΞͷ ࣝΛ࣋ͭ͜ͱ !TIPLPMBUFEBZ 3BJMT(JSMT(BUIFSJOH+BQBO
!TIPLPMBUFEBZ #FUXFFO&OHJOFFSBOE%FTJHOFS .PUIFSPGUISFFDIJMESFO
ͭͷΧϧςͷσβΠϯΛ ୲͍ͯ͠·͢
º ͭͷΧϧςͷσβΠϯΛ ୲͍ͯ͠·͢
3BJMT(JSMTͱͷؔΘΓ
TU UI UI (JSMTͱͯ͠ࢀՃ ϩΰ࡞ɺελοϑͱͯ͠ࢀՃ ΦʔΨφΠβʔͱͯ͠ࢀՃ .PSFʹࢀՃ ͜͜Βลͷظؒग़࢈Ҏ֎օۈͷͣɾɾ
͓·͚ϩΰ࡞ཪ σβΠφͷํʹߦ͔͘ ໎ͬͯͨࠒʹ ࣗͷ՝ͱͯ͠࡞ (JSM 3VCZ ౦ژӺ
ຊ σβΠφ͕ΤϯδχΞͷ ࣝΛ࣋ͭͱ͍͏͜ͱ
։࠵ใ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ 3BJMT(JSMTͷࢀՃऀ
։࠵ใ ΤϯδχΞ αΠτ ๚ऀ ϑΥϩϫʔ 5- ։࠵اۀ ͷࣾһ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ
3BJMT(JSMTͷࢀՃऀ
։࠵ใ ΤϯδχΞ αΠτ ๚ऀ ϑΥϩϫʔ 5- ։࠵اۀ ͷࣾһ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ
ಉ྅ ༑ਓɾ ϑΥϩϫʔ Ոɾ࿀ਓ 3BJMT(JSMTͷࢀՃऀ
։࠵ใ ΤϯδχΞ αΠτ ๚ऀ ϑΥϩϫʔ 5- ։࠵اۀ ͷࣾһ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ
ಉ྅ ༑ਓɾ ϑΥϩϫʔ Ոɾ࿀ਓ 3BJMT(JSMTͷࢀՃऀ ಉ྅ ಛʹσβΠφ͕ ଟ͍ҹ
3BJMT(JSMTΤϯδχΞʹͳΔ͚ͩͰͳ͘ɺ ΤϯδχΞࣝΛʹ͚ͭͨ σβΠφʹͳΔͨΊʹྑͦ͞͏
TU UI UI σβΠφͱͯ͠δϣϒνΣϯδ อकαϙʔτɾϚωδϝϯτۀ ࣾ ࣾ σβΠφͱͯ͠స৬ ࣾ ϑϩϯτΤϯδχΞͱͯ͠స৬
3BJMT(JSMTʹѹతײँ
8FCϩΰɺҹσβΠϯ ͏ਓͷσβΠφ͞Μʹ͓ͤ ϩΰ 8FCαΠτ όφʔ ҹ ηϯε͕͋ͬͯΠϥετ্खͳ !0#*@EFTV͞Μ͕୲ͯ͘͠ΕΔ ͋ͱ:PV5VCFͱ͔ ϓϨθϯࢿྉͱ͔ɾɾ
ࣗ։ൃαʔϏεͷσβΠϯΛ୲ ϓϩτλΠϓ࡞Ҏ֎ΤϯδχΞͱҰॹʹ։ൃ
ࣗͷࣄͷྲྀΕ ώΞϦϯά σβΠϯΛ࢝Ίͨॳ
ࣗͷࣄͷྲྀΕ ώΞϦϯά ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ
ࣗͷࣄͷྲྀΕ ώΞϦϯά ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ΤϯδχΞ ࣮
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ΤϯδχΞ ࣮
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ͜͜ͷԟ෮ ͕ଟ͔ͬͨ ΤϯδχΞ ࣮
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ͜͜ͷԟ෮ ͕ଟ͔ͬͨ ΤϯδχΞ ࣮
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ݱࡏ
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ͜͜ͷԟ෮ ͕ଟ͔ͬͨ ΤϯδχΞ ࣮
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ݱࡏ ࣗͰ Δ͜ͱʹ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ
༷ͷચ͍ग़ָ͕͠ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ طଘͷ༷ JGจͳͲ ͳͲίʔυΛಡΊ
Θ͔ΔͷͰࣄલڞ༗গͳΊͰࡁΉ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ ༷ͷચ͍ग़ָ͕͠ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ طଘͷ༷ JGจͳͲ ͳͲίʔυΛಡΊ
Θ͔ΔͷͰࣄલڞ༗গͳΊͰࡁΉ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ ༷ͷચ͍ग़ָ͕͠ ύϑΥʔϚϯε࣮ίετΛߟ͑ͨҊΛෳग़͢ Α͏ʹ͍ͯ͠Δ ίετͷߟָྀ͕ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ طଘͷ༷ JGจͳͲ ͳͲίʔυΛಡΊ
Θ͔ΔͷͰࣄલڞ༗গͳΊͰࡁΉ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ ༷ͷચ͍ग़ָ͕͠ ύϑΥʔϚϯε࣮ίετΛߟ͑ͨҊΛෳग़͢ Α͏ʹ͍ͯ͠Δ ίετͷߟָྀ͕ ༨നͳͲ࣮Ͱ͑ͨΒ͍͍ͷͰɺϥϑͳͷͰ 0,ͱ͍ͯ͠Δɻ ࡞ͷखؒɺ࣌ؒͷॖʹͳ͍ͬͯΔ ϓϩτ࡞ָ͕ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ σβΠϯͪ͜ΒͰΔͷͰɺػೳͷΈ࣮͘ΕͨΒ ྑ͍Ͱ͢ ػೳ͕͋Ε͍͍ ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ ϓϩτλΠϓ
࡞
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ σβΠϯͪ͜ΒͰΔͷͰɺػೳͷΈ࣮͘ΕͨΒ ྑ͍Ͱ͢ ػೳ͕͋Ε͍͍ ڞ༗ϒϥϯνஔ͍ͯ͘Ε͍ͯͨΒɺ͋ͱͪ͜ΒͰ ϒϥϯν͕͋Ε͍͍
ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ ϓϩτλΠϓ ࡞
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ σβΠϯͪ͜ΒͰΔͷͰɺػೳͷΈ࣮͘ΕͨΒ ྑ͍Ͱ͢ ػೳ͕͋Ε͍͍ ڞ༗ϒϥϯνஔ͍ͯ͘Ε͍ͯͨΒɺ͋ͱͪ͜ΒͰ ϒϥϯν͕͋Ε͍͍
ձͰࠔͬͯΔ༷ࢠ͋Μ·Γͳ͍ ؾ͕͢Δ ձָ͕ ʹͳͬͯΔͱ͍͍ͳ ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ ϓϩτλΠϓ ࡞
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ࢥͬͨΜͱͪΌ͏͕݅औΓ͜΅͞Ε͍ͯͨ ಈ͖͕ඞཁΘ͔Γʹ͍͘Ϩεϙϯγϒ ্هఆͳͷͰՃमਖ਼ͨ͠Β(JU)VCͷ%SBGUͰ
֬ೝͯ͠Β͏ɻ Өڹൣғ ר͖ࠐΉਓ ͕খͯ͘͞ࡁΉ يಓमਖ਼ָ͕ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ࢥͬͨΜͱͪΌ͏͕݅औΓ͜΅͞Ε͍ͯͨ ಈ͖͕ඞཁΘ͔Γʹ͍͘Ϩεϙϯγϒ ্هఆͳͷͰՃमਖ਼ͨ͠Β(JU)VCͷ%SBGUͰ
֬ೝͯ͠Β͏ɻ Өڹൣғ ר͖ࠐΉਓ ͕খͯ͘͞ࡁΉ يಓमਖ਼ָ͕ ָ࣮͕ ָɾɾɾʁ ࣗͷΠϝʔδ௨ΓʹͳΔ ʹΑͬͯ9EΑΓίʔυͰ͑ΔΑΓָ ͍ܰͷͳΒΤϯδχΞͷखΛआΓΔඞཁ͕ͳ͍ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ΤϯδχΞ σβΠφ σβΠφ͕ΤϯδχΞͷࣝΛ࣋ͭͱ ࣗͱ͓ޓָ͍͕
͜͜ͷ໘ੵΛ૿͢ ΤϯδχΞ σβΠφ σβΠφ͕ΤϯδχΞͷࣝΛ࣋ͭͱ ࣗͱ͓ޓָ͍͕
͜͜ͷ໘ੵΛ૿͢ ΤϯδχΞ σβΠφ ଞͷ৬छ Ӧۀਓࣄ Ͱݴ͑Δ͜ͱ σβΠφ͕ΤϯδχΞͷࣝΛ࣋ͭͱ ࣗͱ͓ޓָ͍͕
ͪͳΈʹσϝϦοτ͋Δ ࢲͷ߹ ࣮ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍
ͪͳΈʹσϝϦοτ͋Δ ࢲͷ߹ ࣮ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍ ։ൃ߹Ϣʔβʹؔͳ͍ͱࢥ͍ͭͭɺ͍ͭͦͷ߹Λ ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ
ͪͳΈʹσϝϦοτ͋Δ ࢲͷ߹ ࣮ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍ ։ൃ߹Ϣʔβʹؔͳ͍ͱࢥ͍ͭͭɺ͍ͭͦͷ߹Λ ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ વ͚ͩͲɺͲͪΒͷษڧ͠ଓ͚Δ͜ͱʹͳΔͷͰେม σβΠϯΛઐʹຏ͍͍ͯͬͨਓʹશ͘ఢΘͳ͍ ࣗ։ൃ͕͖͔ͩΒ྆ํ͍ͬͯΔ͚ͩɻ σβΠφίʔυΛॻ͖͘ʂΈ͍ͨͳਪҙݟͰ͋Γ·ͤΜ
͋Γ͕ͱ͏͍͟͝·ͨ͠