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
cawpea
October 05, 2016
7
4.5k
デザイナーとエンジニアの垣根を取り払う"デザインエンジニア"という考え方
Collabo Tips(コラボチップス) #2というイベントで発表した時のスライドです。
http://collabotips.connpass.com/event/40038/
cawpea
October 05, 2016
Tweet
Share
More Decks by cawpea
See All by cawpea
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
不確実なソフトウェア開発におけるUXエンジニアの意義と役割
masakiohsumi
9
14k
デザインとエンジニアリングをつなぐコンポーネントの運用設計
masakiohsumi
6
9.5k
複雑なアプリケーションにオブジェクト指向UIで立ち向かう
masakiohsumi
28
120k
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Navigating Team Friction
lara
188
15k
Typedesign – Prime Four
hannesfritz
42
2.7k
Designing for Performance
lara
610
69k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
BBQ
matthewcrist
89
9.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Embracing the Ebb and Flow
colly
86
4.8k
Code Review Best Practice
trishagee
69
19k
How STYLIGHT went responsive
nonsquared
100
5.7k
Transcript
lσβΠϯΤϯδχΞzͱ͍͏ߟ͑ํ σβΠφʔͱΤϯδχΞͷͨΊͷ$PMMBCP5JQT .BTBLJ0ITVNJ σβΠφʔͱΤϯδχΞͷ֞ࠜΛऔΓ͏
ࣗݾհ େ֯কً.BTBLJ0ITVNJ 'SPOUFOE%FWFMPQFS !N@PITVNJ NBTBLJPITVNJ
ࠓπʔϧϫʔΫϑϩʔͳͲͷ۩ମతͳͰͳ͘ɺ ͕࠷ۙؾʹͳ͍ͬͯΔࣄΛ͓͠͠·͢ɻ
σβΠφʔͱΤϯδχΞͷ֞ࠜͬͯͳΜͩΖ͏ʁ σβΠφʔͱΤϯδχΞͷؒʹɺ ݹ͔͘Βେ͖ͳΪϟοϓ͕͋Γ·ͨ͠ɻ ͜ͷΪϟοϓɺσβΠφʔͱΤϯδχΞ͕͍͓ͭޓ͍ʹର͠ ཱͯͬͨΓɺ͍͕Έ͍͋ͬͯΔ͜ͱ͔Βੜ·Ε͍ͯ·͢ɻ ͱ͍͏ͷɺσβΠφʔΤϯδχΞ͕ࣗͨͪͷσβΠϯͨ͠ ͷΛೝΊ͍ͯͳ͍ͱߟ͓͑ͯΓɺ ରͯ͠ΤϯδχΞσβΠφʔ͕࣮Մೳ͔Ͳ͏͔Λ͖ͪΜͱཧ ղ͍ͯ͠ͳ͍ͱߟ͍͑ͯΔͷͰ͢ɻ ʰσβΠφʔͱΤϯδχΞͷؒʹଘࡏ͢ΔζϨͱʁʱΑΓҾ༻
z
Ձ؍ͷҧ͍͕૪͍ΛੜΉ ίϯϙʔωϯτҙࣝ͠Ζʔʂ ڱ͍ߟ͑Λԡ͚͠ͳ͍Ͱʔʂ
ٕज़͕ෳࡶԽɾଟ༷Խ͖ͯͨ͠ࠓ͔ͩΒͦ͜ σβΠϯͱΤϯδχΞͷதؒʹҐஔ͢Δਓ͕ ඞཁͳͷͰͳ͍ͩΖ͏͔ʁ
Ձ؍ΛຒΊΔଘࡏʹͳΓ͏Δʢ͔͠Εͳ͍ʣ zσβΠϯΤϯδχΞzͱ͍͏৬ۀ͕͋Δ ˞ಉ༷ͷ৬ۀʹςΫχΧϧΫϦΤΠλʔ͕͋Γ·͕͢ɺ͜͜Ͱड़·ͤΜɻ
zσβΠϯΤϯδχΞzͱ ҰݴͰݴ͑ɺ σβΠϯͱΤϯδχΞϦϯάͷ̎ͭʢͦ͘͠ΕҎ্ʣ ͷࢹΛ࣋ͬͯɺϓϩμΫτ։ൃΛߦ͏ਓͨͪͷ͜ͱɻ μΠιϯͰɺجຊతʹٕज़ͱσβΠϯͷ྆ํΛֶΜͩਓΛ࠾Γ·͢ɻ ΤϯδχΞσβΠφʔͷܦݧ͔͠ͳ͍ਓΛ࠾༻͢Δέʔε͋Γ·͕͢ɺ ʮηϯεͷ͋Δਓʯʹݶ͍ͬͯ·͢ɻ μΠιϯɹϦϛςου γχΞσβΠϯΤϯδχΞ ΞϯυϦϡʔɾϚΧϥοΫࢯ
ʰػೳඒͷμΠιϯʮσβΠϯΤϯδχΞʯΛੜΈग़͢ͷൿີʱΑΓҾ༻
ຊͷzσβΠϯΤϯδχΞzͷํୡ ࢁதढ़࣏͞Μ ϓϩμΫτσβΠφʔ ౦ژେֶੜ࢈ٕज़ݚڀॴڭत ాۍ࠸͞Μ σβΠϯΤϯδχΞ UBLSBNEFTJHOFOHJOFFSද Ҿ༻ݩɿIUUQXXXBPZBNBCDKQDVMUVSFDSFBUJWFBCD Ҿ༻ݩɿIUUQEJBNPOEKQBSUJDMFT
zσβΠϯΤϯδχΞz͕࣋ͭৼΓࢠͷࢹ σβΠϯతͳࢹ ٕज़తͳࢹ σβΠϯͱٕज़ͷࢹΛަޓʹߦ͖དྷ͢ΔࣄͰ Λଟ໘తʹ؍͠ɺ՝ղܾΛਤΔɻ ྫɿϢʔβʔ͔ΒڞײಘΒΕΔ͔ʁ ྫɿ࣮ݱՄೳ͔ʁӡ༻Ͳ͏ͳΔʁ
σβΠφʔͱΤϯδχΞʹٻΊΒΕΔͷͷҧ͍ ΠϯύΫτ ʢσβΠφʔͷʣ ࣮ݱՄೳੑ ʢΤϯδχΞͷʣ ϕετϙΠϯτ
γʔϜϨεͳதؒʹཱͭଘࡏ ΠϯύΫτ ʢσβΠφʔͷʣ ࣮ݱՄೳੑ ʢΤϯδχΞͷʣ ϕετϙΠϯτ σβΠϯΤϯδχΞ
˞σβΠϯͷΈΛٻ͢Δਓɺ͋Δ͍ΤϯδχΞͷΈΛٻ͢ΔਓΛ൱ఆ͢ΔͷͰ͋Γ·ͤΜɻ ٕज़͕ෳࡶԽɾଟ༷Խ͖ͯͨ͠ࠓ͔ͩΒͦ͜ σβΠϯͱΤϯδχΞͷதؒʹҐஔ͢Δਓ͕ ඞཁͳͷͰͳ͍ͩΖ͏͔ʁ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ