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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
tellullu
December 12, 2018
Design
1.3k
2
Share
Designer X Engineer Development #02
Designer X Engineer Development #02
tellullu
December 12, 2018
Other Decks in Design
See All in Design
AI時代に必要な アイデアの形
uxman
0
150
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.6k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
340
hicard_credential_202601
hicard
0
220
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
130
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
220
Drawing for Animation
lynteo
2
270
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
110
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
560
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
180
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
160
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
740
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
WCS-LA-2024
lcolladotor
0
520
Mobile First: as difficult as doing things right
swwweet
225
10k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.5k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
260
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
140
Design in an AI World
tapps
0
190
How to build a perfect <img>
jonoalderson
1
5.3k
Testing 201, or: Great Expectations
jmmastey
46
8.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.7k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Marketing to machines
jonoalderson
1
5.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*ϞʔγϣϯσβΠφʔ