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
アフォーダンスとシグニファイア
ryokanakai
1
320
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
280
Yahoo Newsletter Clicker Template
xuechunwu
0
290
SpectrumTokyoMeetup12_自動貯金アプリ『finbee』での取り組みについて
shihorishimazu
2
390
portfolio
amitnk
1
130
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2.1k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
330
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
490
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
180
Arborea Art Book
thebogheart
1
290
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
290
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
300
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
520
39k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Site-Speed That Sticks
csswizardry
0
27
How STYLIGHT went responsive
nonsquared
95
5.2k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
A designer walks into a library…
pauljervisheath
204
24k
Docker and Python
trallard
40
3.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Agile that works and the tools we love
rasmusluckow
327
21k
Optimizing for Happiness
mojombo
376
70k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
A Philosophy of Restraint
colly
203
16k
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*ϞʔγϣϯσβΠφʔ