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
Designer X Engineer Development #02
Search
tellullu
December 12, 2018
Design
2
1.2k
Designer X Engineer Development #02
Designer X Engineer Development #02
tellullu
December 12, 2018
Tweet
Share
Other Decks in Design
See All in Design
Findyのプロデチームの 歩みとこれから
satty9556
0
260
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
460
Карта реализации историй. Технология осмысленной работы с детальными требованиями
ashapiro
0
120
Yumika Yamada Portfolio
yumii
0
1.4k
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
130
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
140
minpaku-community-scrum-patterns
norinity1103
1
360
#Dubois Challenge 2025: Economics
ajstarks
1
170
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
340
アクセシビリティに取り組むメリット
magi1125
2
250
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
290
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Documentation Writing (for coders)
carmenintech
74
5k
A designer walks into a library…
pauljervisheath
207
24k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
112
20k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Transcript
ΤϯδχΞΛͪΐͬͱͤʹ͢Δ 6*Ϟʔγϣϯπʔϧ %FTJHOFS9&OHJOFFS%FWFMPQNFOU ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ
͡Ίʹ ΉΒ͔Έɻ ࣗݾհ ɾΑΓ):(&*OUFSGBDFۈ ɾژͷඒେͰϞʔγϣϯάϥϑΟοΫε ɹΛத৺ͱͨ͠ө૾੍࡞ΛֶͿ ɾࣾॳɺ།Ұͷ6*ϞʔγϣϯσβΠφʔ ɹͱͯ͠ೖࣾ ɾ6*Ϟʔγϣϯɺͦͷଞө૾੍࡞શൠΛ୲ ɾ࠷ۙͰ%ϓϦϯλʔΛͬͨϋʔυΣΞ
ɹσβΠϯʹܞΘΔ
6*ϞʔγϣϯσβΠφʔͱ 8FCσβΠφʔ ΤϯδχΞ 6*ϞʔγϣϯσβΠφʔ σβΠϯσʔλΒ͏ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ NPW NQ HJG
FUD ࣮ ΫϥΠΞϯτ
հ͢Δπʔϧ ✕
ମݧஊ ͋Δͷग़དྷࣄ
ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ NPW NQ HJG FUD
ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ NPW NQ HJG FUD DVCJDCF[JFSΑͤ͜Χε
$VCJDCF[JFSͱ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ͞Λࢦఆ͢Δ ɹ Πʔδϯάͱݴ͏ ɾ͕͋Ε࣮ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷͰಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦
$VCJDCF[JFSͱ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ͞Λࢦఆ͢Δ ɹ Πʔδϯάͱݴ͏ ɾ͕͋Ε࣮ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷͰಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦ ͜ͷ͕Θ͔Ε࣮͘͢͠ͳΔʂ
πʔϧಋೖલ ΤϯδχΞ ө૾ 8FC ࣮ ݟͯ࠶ݱ ө૾Λݟͯࢼߦࡨޡ͢Δ͔͠ͳ͔ͬͨ
πʔϧಋೖޙ ΤϯδχΞ ө૾ 8FC ࣮ ݟͯ࠶ݱ ಈ͖ͷ DVCJDCF[JFS
πʔϧಋೖʹΑΔޮՌ ΤϯδχΞ ө૾ 8FC ࣮ ݟͯ࠶ݱ lಈ͖zͷ࣮͕ͪΐͬͱָʹͳΔ ಈ͖ͷ DVCJDCF[JFS
ղܾࡦ ΛऔಘͰ͖ΔπʔϧΛ͏
հ͢Δπʔϧ ✕
6*Ϟʔγϣϯ੍࡞ ɾBEPCFө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕϋϦουڃͷө૾࡞ΕΔ "GUFS&⒎FDUT ɾͱͱ8FC੍࡞͚Ͱͳ͍ͷͰɺ ɹෆศͳ෦͋Γ
6*Ϟʔγϣϯ੍࡞ ɾBEPCFө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕϋϦουڃͷө૾࡞ΕΔ "GUFS&⒎FDUT ɾͱͱ8FC੍࡞͚Ͱͳ͍ͷͰɺ ɹෆศͳ෦͋Γ ͜Ε͚ͩͰDVCJDCF[JFSͷΛΔػೳ͕ͳ͍ʜ
πʔϧհ ɾ"GUFS&⒎FDUTઐ༻ϓϥάΠϯ ɾΠʔδϯάิॿπʔϧ ɾΠʔδϯάͷ DVCJDCF[JFS ΛऔಘͰ͖Δ 'MPX cubic-bezier(.6,0,.4,1)
πʔϧհ
ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ ө૾ DVCJDCF[JFS
ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ Δ͡ΌΜ ө૾ DVCJDCF[JFS ΉΒ͔Έɻ
ಋೖͷϝϦοτ ϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮ॖ ɹˠ͕͋ΔͨΊݕূ࣌ؒॖ
ಋೖͷϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮ॖ ɹˠ͕͋ΔͨΊݕূ࣌ؒॖ ˠΤϯδχΞ͞ΜʹتΕΔ ˠྑ͍ϞʔγϣϯΛ࣮Ͱ͖Δ ϝϦοτ ˠΫϥΠΞϯτʹتΕΔ ˠΈΜͳϋοϐʔ
·ͱΊ ✕ ΛͬͯΤϯδχΞΛͤʹ͠Α͏ʂ
6*Ϟʔγϣϯڭ ΈΜͳ ͜ΕΛػʹ6*ϞʔγϣϯɺΖ͏
6*Ϟʔγϣϯڭ ˡ6*Ϟʔγϣϯͷهࣄॻ͍ͯ·͢
એ ϋΠδɾΠϯλʔϑΣΠεͰɺ σΟϨΫλʔσβΠφʔΤϯδχΞ Λืू͍ͯ͠·͢ʂ
͓ΘΓ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ˡΉΒ͔ΈɻOPUF ˡ):(&*OUFSGBDF8FC4JUF ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ