Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Designer X Engineer Development #02

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
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
320
kintone開発における​ライターの役割の変化​〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
Avatar for keroyama keroyama
0
210
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
150
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ～継承と挑戦を両立するデザイン手法～
Avatar for Cygames, Inc. cygames
PRO
3
5.2k
AVI 2026 Keynote "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
140
富山デザイン勉強会_デザイン思考.pdf
Avatar for keita keita_yoshikawa
3
180
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1k
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
460
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
200
Design dependencies
Avatar for Teba_eleven teba_eleven
0
170
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
Avatar for こぎそ / Shinichi Kogiso kgsi
13
21k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
410

Featured

See All Featured
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.6k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
5
670
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
260
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
530
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
109
250k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.9k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
280

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*ϞʔγϣϯσβΠφʔ