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
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
700
#Dubois Challenge 2025: Economics
ajstarks
1
160
Goodpatch Tour💙 / We are hiring!
goodpatch
31
880k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
150
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
490
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
350
Saudade typeface
tiagoporto
0
340
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
110
What makes a great Director?
_limex_
0
190
mento Design Team Portfolio
mento0fficial
1
610
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
450
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
780
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Become a Pro
speakerdeck
PRO
29
5.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Navigating Team Friction
lara
189
15k
Documentation Writing (for coders)
carmenintech
73
5k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
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*ϞʔγϣϯσβΠφʔ