Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
デザイナーとエンジニアの垣根を取り払う"デザインエンジニア"という考え方
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
cawpea
October 05, 2016
4.5k
7
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザイナーとエンジニアの垣根を取り払う"デザインエンジニア"という考え方
Collabo Tips(コラボチップス) #2というイベントで発表した時のスライドです。
http://collabotips.connpass.com/event/40038/
cawpea
October 05, 2016
More Decks by cawpea
See All by cawpea
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
240
不確実なソフトウェア開発におけるUXエンジニアの意義と役割
masakiohsumi
9
14k
デザインとエンジニアリングをつなぐコンポーネントの運用設計
masakiohsumi
6
10k
複雑なアプリケーションにオブジェクト指向UIで立ち向かう
masakiohsumi
28
120k
Featured
See All Featured
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
530
The Cost Of JavaScript in 2023
addyosmani
55
10k
Technical Leadership for Architectural Decision Making
baasie
3
570
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
500
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
680
WENDY [Excerpt]
tessaabrams
14
39k
How to Think Like a Performance Engineer
csswizardry
28
2.8k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
700
Designing Powerful Visuals for Engaging Learning
tmiket
1
570
Building Adaptive Systems
keathley
44
3.2k
How to train your dragon (web standard)
notwaldorf
97
6.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Transcript
lσβΠϯΤϯδχΞzͱ͍͏ߟ͑ํ σβΠφʔͱΤϯδχΞͷͨΊͷ$PMMBCP5JQT .BTBLJ0ITVNJ σβΠφʔͱΤϯδχΞͷ֞ࠜΛऔΓ͏
ࣗݾհ େ֯কً.BTBLJ0ITVNJ 'SPOUFOE%FWFMPQFS !N@PITVNJ NBTBLJPITVNJ
ࠓπʔϧϫʔΫϑϩʔͳͲͷ۩ମతͳͰͳ͘ɺ ͕࠷ۙؾʹͳ͍ͬͯΔࣄΛ͓͠͠·͢ɻ
σβΠφʔͱΤϯδχΞͷ֞ࠜͬͯͳΜͩΖ͏ʁ σβΠφʔͱΤϯδχΞͷؒʹɺ ݹ͔͘Βେ͖ͳΪϟοϓ͕͋Γ·ͨ͠ɻ ͜ͷΪϟοϓɺσβΠφʔͱΤϯδχΞ͕͍͓ͭޓ͍ʹର͠ ཱͯͬͨΓɺ͍͕Έ͍͋ͬͯΔ͜ͱ͔Βੜ·Ε͍ͯ·͢ɻ ͱ͍͏ͷɺσβΠφʔΤϯδχΞ͕ࣗͨͪͷσβΠϯͨ͠ ͷΛೝΊ͍ͯͳ͍ͱߟ͓͑ͯΓɺ ରͯ͠ΤϯδχΞσβΠφʔ͕࣮Մೳ͔Ͳ͏͔Λ͖ͪΜͱཧ ղ͍ͯ͠ͳ͍ͱߟ͍͑ͯΔͷͰ͢ɻ ʰσβΠφʔͱΤϯδχΞͷؒʹଘࡏ͢ΔζϨͱʁʱΑΓҾ༻
z
Ձ؍ͷҧ͍͕૪͍ΛੜΉ ίϯϙʔωϯτҙࣝ͠Ζʔʂ ڱ͍ߟ͑Λԡ͚͠ͳ͍Ͱʔʂ
ٕज़͕ෳࡶԽɾଟ༷Խ͖ͯͨ͠ࠓ͔ͩΒͦ͜ σβΠϯͱΤϯδχΞͷதؒʹҐஔ͢Δਓ͕ ඞཁͳͷͰͳ͍ͩΖ͏͔ʁ
Ձ؍ΛຒΊΔଘࡏʹͳΓ͏Δʢ͔͠Εͳ͍ʣ zσβΠϯΤϯδχΞzͱ͍͏৬ۀ͕͋Δ ˞ಉ༷ͷ৬ۀʹςΫχΧϧΫϦΤΠλʔ͕͋Γ·͕͢ɺ͜͜Ͱड़·ͤΜɻ
zσβΠϯΤϯδχΞzͱ ҰݴͰݴ͑ɺ σβΠϯͱΤϯδχΞϦϯάͷ̎ͭʢͦ͘͠ΕҎ্ʣ ͷࢹΛ࣋ͬͯɺϓϩμΫτ։ൃΛߦ͏ਓͨͪͷ͜ͱɻ μΠιϯͰɺجຊతʹٕज़ͱσβΠϯͷ྆ํΛֶΜͩਓΛ࠾Γ·͢ɻ ΤϯδχΞσβΠφʔͷܦݧ͔͠ͳ͍ਓΛ࠾༻͢Δέʔε͋Γ·͕͢ɺ ʮηϯεͷ͋Δਓʯʹݶ͍ͬͯ·͢ɻ μΠιϯɹϦϛςου γχΞσβΠϯΤϯδχΞ ΞϯυϦϡʔɾϚΧϥοΫࢯ
ʰػೳඒͷμΠιϯʮσβΠϯΤϯδχΞʯΛੜΈग़͢ͷൿີʱΑΓҾ༻
ຊͷzσβΠϯΤϯδχΞzͷํୡ ࢁதढ़࣏͞Μ ϓϩμΫτσβΠφʔ ౦ژେֶੜ࢈ٕज़ݚڀॴڭत ాۍ࠸͞Μ σβΠϯΤϯδχΞ UBLSBNEFTJHOFOHJOFFSද Ҿ༻ݩɿIUUQXXXBPZBNBCDKQDVMUVSFDSFBUJWFBCD Ҿ༻ݩɿIUUQEJBNPOEKQBSUJDMFT
zσβΠϯΤϯδχΞz͕࣋ͭৼΓࢠͷࢹ σβΠϯతͳࢹ ٕज़తͳࢹ σβΠϯͱٕज़ͷࢹΛަޓʹߦ͖དྷ͢ΔࣄͰ Λଟ໘తʹ؍͠ɺ՝ղܾΛਤΔɻ ྫɿϢʔβʔ͔ΒڞײಘΒΕΔ͔ʁ ྫɿ࣮ݱՄೳ͔ʁӡ༻Ͳ͏ͳΔʁ
σβΠφʔͱΤϯδχΞʹٻΊΒΕΔͷͷҧ͍ ΠϯύΫτ ʢσβΠφʔͷʣ ࣮ݱՄೳੑ ʢΤϯδχΞͷʣ ϕετϙΠϯτ
γʔϜϨεͳதؒʹཱͭଘࡏ ΠϯύΫτ ʢσβΠφʔͷʣ ࣮ݱՄೳੑ ʢΤϯδχΞͷʣ ϕετϙΠϯτ σβΠϯΤϯδχΞ
˞σβΠϯͷΈΛٻ͢Δਓɺ͋Δ͍ΤϯδχΞͷΈΛٻ͢ΔਓΛ൱ఆ͢ΔͷͰ͋Γ·ͤΜɻ ٕज़͕ෳࡶԽɾଟ༷Խ͖ͯͨ͠ࠓ͔ͩΒͦ͜ σβΠϯͱΤϯδχΞͷதؒʹҐஔ͢Δਓ͕ ඞཁͳͷͰͳ͍ͩΖ͏͔ʁ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ