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.4k
デザイナがエンジニアの 知識を持つこと
デザイナがエンジニアの知識を持つとどんな感じかを話したスライドです。
Shoko Terajima
December 12, 2020
Tweet
Share
More Decks by Shoko Terajima
See All by Shoko Terajima
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
shokolateday
4
9.7k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
410
おうちミートアップ
shokolateday
0
1.4k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
800
Rubyが私にくれたもの
shokolateday
4
1.5k
Other Decks in Design
See All in Design
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
390
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.9k
「UXとUIの違い」v2
shirasu3
0
250
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
340
Findyのプロデチームの 歩みとこれから
satty9556
0
290
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.2k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
550
Installing and Running decksh/pdfdeck
ajstarks
1
860
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
640
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
490
harutaka Vision Deck
zenkigenforrecruit
0
240
Featured
See All Featured
It's Worth the Effort
3n
187
28k
A Modern Web Designer's Workflow
chriscoyier
697
190k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Speed Design
sergeychernyshev
32
1.1k
What's in a price? How to price your products and services
michaelherold
246
12k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
For a Future-Friendly Web
brad_frost
180
9.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Done Done
chrislema
185
16k
How STYLIGHT went responsive
nonsquared
100
5.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
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*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍ ։ൃ߹Ϣʔβʹؔͳ͍ͱࢥ͍ͭͭɺ͍ͭͦͷ߹Λ ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ વ͚ͩͲɺͲͪΒͷษڧ͠ଓ͚Δ͜ͱʹͳΔͷͰେม σβΠϯΛઐʹຏ͍͍ͯͬͨਓʹશ͘ఢΘͳ͍ ࣗ։ൃ͕͖͔ͩΒ྆ํ͍ͬͯΔ͚ͩɻ σβΠφίʔυΛॻ͖͘ʂΈ͍ͨͳਪҙݟͰ͋Γ·ͤΜ
͋Γ͕ͱ͏͍͟͝·ͨ͠