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
760
Rubyが私にくれたもの
shokolateday
4
1.4k
Other Decks in Design
See All in Design
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
210
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
210
プロダクトデザインの「守破離」の「破」について
hayashirine
0
300
LayerX DesignersDeck
layerx
PRO
0
2.3k
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
65k
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
230
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
360
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
580
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.5k
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
120
Tableau曲線表現講座(2024.11.21)
cielo1985
0
230
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
260
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Git: the NoSQL Database
bkeepers
PRO
427
64k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Writing Fast Ruby
sferik
628
61k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How to Ace a Technical Interview
jacobian
276
23k
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*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍ ։ൃ߹Ϣʔβʹؔͳ͍ͱࢥ͍ͭͭɺ͍ͭͦͷ߹Λ ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ વ͚ͩͲɺͲͪΒͷษڧ͠ଓ͚Δ͜ͱʹͳΔͷͰେม σβΠϯΛઐʹຏ͍͍ͯͬͨਓʹશ͘ఢΘͳ͍ ࣗ։ൃ͕͖͔ͩΒ྆ํ͍ͬͯΔ͚ͩɻ σβΠφίʔυΛॻ͖͘ʂΈ͍ͨͳਪҙݟͰ͋Γ·ͤΜ
͋Γ͕ͱ͏͍͟͝·ͨ͠