Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designer X Engineer Development #02

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for tellullu tellullu
December 12, 2018
Design
1.3k
2

Designer X Engineer Development #02

Designer X Engineer Development #02

Avatar for tellullu

tellullu

December 12, 2018

Other Decks in Design

See All in Design
PAMPHLET.pdf
Avatar for M-HAND,Inc. mhand01
0
420
20251217リビングラボ・トークin尼崎（尼崎おせっかい会議＆オトナテラコヤ）
Avatar for Kimura Atsunobu a2k
0
130
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
650
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.3k
Tendências de UX Research 2026
Avatar for Viviane Delvequio videlvequio
0
120
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
「親切なオンボーディング」 が招く罠　ー　AI時代のUXデザイン
Avatar for 小神 godlingkogami
0
120
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
450
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
180
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
240
AI時代に求められるUXデザインのアプローチ
Avatar for xtone xtone
1
5.1k

Featured

See All Featured
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
210
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
950
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.3k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
300
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
390
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
280
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k

Transcript

  1. ΤϯδχΞΛͪΐͬͱ޾ͤʹ͢Δ 6*Ϟʔγϣϯπʔϧ %FTJHOFS9&OHJOFFS%FWFMPQNFOU ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ 

  2. ͸͡Ίʹ ΉΒ͔Έɻ ࣗݾ঺հ ɾ೥ΑΓ):(&*OUFSGBDFۈ຿ ɾژ౎ͷඒେͰϞʔγϣϯάϥϑΟοΫε ɹΛத৺ͱͨ͠ө૾੍࡞ΛֶͿ ɾࣾ಺ॳɺ།Ұͷ6*ϞʔγϣϯσβΠφʔ
 ɹͱͯ͠ೖࣾ ɾ6*Ϟʔγϣϯɺͦͷଞө૾੍࡞શൠΛ୲౰ ɾ࠷ۙͰ͸%ϓϦϯλʔΛ࢖ͬͨϋʔυ΢ΣΞ

    ɹσβΠϯʹ΋ܞΘΔ

  3. 6*ϞʔγϣϯσβΠφʔͱ͸ 8FCσβΠφʔ ΤϯδχΞ 6*ϞʔγϣϯσβΠφʔ σβΠϯσʔλ΋Β͏ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ΁ NPW NQ HJG

    FUD ࣮૷ ΫϥΠΞϯτ

  4. ঺հ͢Δπʔϧ ✕

  5. ମݧஊ ͋Δ೔ͷग़དྷࣄ

  6. ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ΁ NPW NQ HJG FUD

  7. ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ΁ NPW NQ HJG FUD DVCJDCF[JFSΑͤ͜Χε

    

  8. $VCJDCF[JFSͱ͸ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ଎͞Λࢦఆ͢Δ਺஋
 ɹ Πʔδϯάͱ΋ݴ͏ ɾ਺஋͕͋Ε͹࣮૷޻਺ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷ਺஋Ͱಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦෼

  9. $VCJDCF[JFSͱ͸ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ଎͞Λࢦఆ͢Δ਺஋
 ɹ Πʔδϯάͱ΋ݴ͏ ɾ਺஋͕͋Ε͹࣮૷޻਺ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷ਺஋Ͱಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦෼ ͜ͷ਺஋͕Θ͔Ε͹࣮૷͠΍͘͢ͳΔʂ

  10. πʔϧಋೖલ ΤϯδχΞ ө૾ 8FC ࣮૷ ݟͯ࠶ݱ ө૾Λݟͯࢼߦࡨޡ͢Δ͔͠ͳ͔ͬͨ

  11. πʔϧಋೖޙ ΤϯδχΞ ө૾ 8FC ࣮૷ ݟͯ࠶ݱ ಈ͖ͷ஋ DVCJDCF[JFS

  12. πʔϧಋೖʹΑΔޮՌ ΤϯδχΞ ө૾ 8FC ࣮૷ ݟͯ࠶ݱ lಈ͖zͷ࣮૷͕ͪΐͬͱָʹͳΔ ಈ͖ͷ஋ DVCJDCF[JFS

  13. ղܾࡦ ਺஋ΛऔಘͰ͖ΔπʔϧΛ࢖͏

  14. ঺հ͢Δπʔϧ ✕

  15. 6*Ϟʔγϣϯ੍࡞ ɾBEPCF੡ө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕ͹ϋϦ΢ουڃͷө૾΋࡞ΕΔ "GUFS&⒎FDUT ɾ΋ͱ΋ͱ8FC੍࡞޲͚Ͱ͸ͳ͍ͷͰɺ
 ɹෆศͳ෦෼͋Γ

  16. 6*Ϟʔγϣϯ੍࡞ ɾBEPCF੡ө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕ͹ϋϦ΢ουڃͷө૾΋࡞ΕΔ "GUFS&⒎FDUT ɾ΋ͱ΋ͱ8FC੍࡞޲͚Ͱ͸ͳ͍ͷͰɺ
 ɹෆศͳ෦෼͋Γ ͜Ε͚ͩͰ͸DVCJDCF[JFSͷ਺஋Λ஌Δػೳ͕ͳ͍ʜ

  17. πʔϧ঺հ ɾ"GUFS&⒎FDUTઐ༻ϓϥάΠϯ ɾΠʔδϯάิॿπʔϧ ɾΠʔδϯάͷ஋ DVCJDCF[JFS ΛऔಘͰ͖Δ 'MPX cubic-bezier(.6,0,.4,1)

  18. πʔϧ঺հ

  19. ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ ө૾ DVCJDCF[JFS

  20. ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ ΍Δ͡ΌΜ ө૾ DVCJDCF[JFS ΉΒ͔Έɻ

  21. ಋೖͷϝϦοτ ϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮૷޻਺୹ॖ ɹˠ਺஋͕͋ΔͨΊݕূ࣌ؒ୹ॖ

  22. ಋೖͷϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮૷޻਺୹ॖ ɹˠ਺஋͕͋ΔͨΊݕূ࣌ؒ୹ॖ ˠΤϯδχΞ͞Μʹت͹ΕΔ ˠྑ͍ϞʔγϣϯΛ࣮૷Ͱ͖Δ ϝϦοτ ˠΫϥΠΞϯτʹت͹ΕΔ ˠΈΜͳϋοϐʔ

  23. ·ͱΊ ✕ Λ࢖ͬͯΤϯδχΞΛ޾ͤʹ͠Α͏ʂ

  24. 6*Ϟʔγϣϯ෍ڭ ΈΜͳ ͜ΕΛػʹ6*Ϟʔγϣϯɺ΍Ζ͏

  25. 6*Ϟʔγϣϯ෍ڭ ˡ6*Ϟʔγϣϯͷهࣄॻ͍ͯ·͢

  26. એ఻ ϋΠδɾΠϯλʔϑΣΠεͰ͸ɺ σΟϨΫλʔσβΠφʔΤϯδχΞ Λืू͍ͯ͠·͢ʂ

  27. ͓ΘΓ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ˡΉΒ͔ΈɻOPUF ˡ):(&*OUFSGBDF8FC4JUF ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ