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.2k
デザイナがエンジニアの 知識を持つこと
デザイナがエンジニアの知識を持つとどんな感じかを話したスライドです。
Shoko Terajima
December 12, 2020
Tweet
Share
More Decks by Shoko Terajima
See All by Shoko Terajima
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
shokolateday
4
9k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
330
おうちミートアップ
shokolateday
0
1.2k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
670
Rubyが私にくれたもの
shokolateday
4
1.4k
Other Decks in Design
See All in Design
Jeremy's First Day
myates3
1
130
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
710
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.3k
Sociotechnical design for software and human systems
xinyao
2
490
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
プロダクトデザインは子育て/Product design is parenting
medley
0
310
Installing and Running decksh/pdfdeck
ajstarks
1
490
実案件でのFigmaデータの作り方
xxxkinu
2
220
素晴らしき余白の世界
kasumidyaya
1
110
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.3k
Goodpatch Tour💙 / We are hiring!
goodpatch
28
700k
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Raft: Consensus for Rubyists
vanstee
132
6.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
How STYLIGHT went responsive
nonsquared
92
4.8k
What the flash - Photography Introduction
edds
64
11k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
[RailsConf 2023] Rails as a piece of cake
palkan
23
4k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Documentation Writing (for coders)
carmenintech
60
3.9k
A better future with KSS
kneath
231
16k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
Agile that works and the tools we love
rasmusluckow
325
20k
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*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍ ։ൃ߹Ϣʔβʹؔͳ͍ͱࢥ͍ͭͭɺ͍ͭͦͷ߹Λ ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ વ͚ͩͲɺͲͪΒͷษڧ͠ଓ͚Δ͜ͱʹͳΔͷͰେม σβΠϯΛઐʹຏ͍͍ͯͬͨਓʹશ͘ఢΘͳ͍ ࣗ։ൃ͕͖͔ͩΒ྆ํ͍ͬͯΔ͚ͩɻ σβΠφίʔυΛॻ͖͘ʂΈ͍ͨͳਪҙݟͰ͋Γ·ͤΜ
͋Γ͕ͱ͏͍͟͝·ͨ͠