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
コワくないmicroInteractionの考え方・作り方
Search
Emi MATSUDA
May 25, 2017
Programming
0
120
コワくないmicroInteractionの考え方・作り方
コワくない.jsで使用した、マイクロインタラクションの考え方の資料です。
Emi MATSUDA
May 25, 2017
Tweet
Share
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
210
コワくないJS:オープニングトーク
matsudaemi
1
210
コワくない.js1@フレームワークの話
matsudaemi
0
190
リアルパンくずナビLT
matsudaemi
0
720
Other Decks in Programming
See All in Programming
Progressive Web Apps für Desktop und Mobile mit Angular (Hands-on)
christianliebel
PRO
0
110
[PyCon Korea 2024 Keynote] 커뮤니티와 파이썬, 그리고 우리
beomi
0
110
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
310
GitHub Actionsのキャッシュと手を挙げることの大切さとそれに必要なこと
satoshi256kbyte
5
390
JaSST 24 九州:ワークショップ(は除く)実践!マインドマップを活用したソフトウェアテスト+活用事例
satohiroyuki
0
270
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
150
From Subtype Polymorphism To Typeclass-based Ad hoc Polymorphism- An Example
philipschwarz
PRO
0
170
破壊せよ!データ破壊駆動で考えるドメインモデリング / data-destroy-driven
minodriven
16
4.1k
デプロイを任されたので、教わった通りにデプロイしたら障害になった件 ~俺のやらかしを越えてゆけ~
techouse
52
32k
『ドメイン駆動設計をはじめよう』のモデリングアプローチ
masuda220
PRO
8
450
Realtime API 入門
riofujimon
0
120
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
490
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Speed Design
sergeychernyshev
24
570
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Automating Front-end Workflow
addyosmani
1365
200k
Making Projects Easy
brettharned
115
5.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Adopting Sorbet at Scale
ufuk
73
9k
A better future with KSS
kneath
238
17k
Transcript
ίϫ͘ͳ͍ NJDSPJOUFSBDUJPOͷߟ͑ํ ίϫ͘ͳ͍KT!+640 UIV ."546%"&NJ
ίϫ͘ͳ͍KTʜʁʁ w ࠷ۙͷ+4ͷษڧձɺΨν͗ͯ͢ίϫ͍ɻ w ͚ͲɺΘ͔Μͳ͍͜ͱ૿͑ͯΔ͔Βษڧ͍ͨ͠ɻ w ࣄ+4ͰͬͯΔ͚ͲɺͳΜͱͳ͔͘͠Θ͔ͬͯͳ͍Μ ͩΑͶɻ w Έ͍ͨͳํ͚ͷ͓ษڧձͰ͢ɻ
w ͲͪΒ͔ͱ͍͏ͱʮXFCαΠτ͚ʯͷ+4ͷ͍͔ͨΛɺ ͍͍͜͠͠ψΩʹ͓͍͚ͯͨ͠ΒΑ͍ͳͱɻ
ίϫ͘ͳ͍KTʜʁʁ
ίϫ͘ͳ͍KTʜʁʁ w େৎɻ w ʮશ෦֮͑ͳ͖Ό͍͚ͳ͍ʯͱ͔ɺͳ͍͔ΒͶʁ
ࣗݾհ ʢલճɺ͔ͬ͢ΓΕͯ·ͨ͠ʣ \ ໊લɿ."546%"&NJ ࣄɿࣦۀத ৬छɿXFCEFWFMPQFSPGGSPOUFOENBSLVQ DPNNVOJUZɿ\
*P5,ZPUPɿ͍͍ͩͬ͠ 3FBDULZPUPɿר͖ࠐ·Εͨਓ ^ ^
ࠓճͷςʔϚɿ ϚΠΫϩΠϯλϥΫγϣϯ w σβΠϯͷ΄Μͷͪΐͬͱͷ Ћͳಈ࡞ w ϢʔβͷΞΫγϣϯʹରͯ͠ಈ࡞Λฦͯ͋͛͠Δ ͜ͱͰɺจ຺࣍ͷߦಈΛΑΓཧղ͘͢͠ɻ w աͳΞϐʔϧͷԡ͚͠ʹͳΒͳ͍Α͏ʹͶɻ
w ͋͘·ͰɺʮϢʔβͷิॿʯɻͶʁʁ
͜Μͳײ͡ɻ w IUUQTUZNQBOVTOFU%FWFMPQNFOU#VUUPO4UZMFT*OTQJSBUJPO ʢ͍ͪΜ͍ಓ͋Γͦ͏ͩͬͨʣ w IUUQDBSCPOEFTJHOTZTUFNDPN ʢͪΐͬͱΧϫΠΠXʣ w IUUQTDPEZIPVTFDPEFNPJNBHFNBTLF⒎FDUQSPKFDU IUNM
ʢΦϞϩ͍͔͚Ͳ͏ਓ͍ΔΜͩΖ͏͔ʜʁʁʣ w ΄͔ʹ͍ͬͺ͍͚͋ͬͨͲɻ ཁɺϢʔβʹΞΫγϣϯΛଅ͢ײ͡ɻ
ϓϥάΠϯͰΑ͍ͷͰ͢ɻ Ͱɺ͜Μͳ࣌ʹཁҙɻ w ෳͷಈ࡞Λ·͍ͥͥͨ͜͠ w ͏ͪΐͬͱλΠϛϯάಈ͖ͷௐ͍ͨ͠ w σΟϨΫλʔ͔ΒɺΑΓৄࡉͳϦΫΤετ͕དྷ ͨ
ϓϥάΠϯͰΑ͍ͷͰ͢ɻ Ͱɺ͜Μͳ࣌ʹཁҙɻ w جຊతʹɺϓϥάΠϯ ʮϓϥάΠϯ࡞ͬͨਓͷఆͰ͔͑͠ͳ͍ Αʁʁʯ w ϓϥάΠϯͬͯͯࠔΔͷɺ͍͍ͩͨʮఆ Λӽ͑ͨཧʯΛΖ͏ͱ͍ͯ͠Δͱ͖
ͦΕ͡Όɺ ͜Μͳͷͭͬͯ͘Έ·͠ΐɻ w EFNPʢΛඪʹɻʣ w IUUQTHJUIVCDPN."546%"&NJ NJDSP*OUFSBDUJPO%FNP
ߟ͑ํ ʮσϑΥϧτ͜ͷঢ়ଶʯ ʮԿ͕ى͖ͨΒʯ ʮͲ͏ͳͬͯͯ΄͍͠ʯ ͷ̏ͭΛҙࣝ͢Δɻ
ߟ͑ํ ʮσϑΥϧτ͜ͷঢ়ଶʯɿ$44 ʮԿ͕ى͖ͨΒʯɿ+4 ʮͲ͏ͳͬͯͯ΄͍͠ʯɿ$44 ͕ɺجຊɻ
ߟ͑ํ ʮσϑΥϧτ͜ͷঢ়ଶʯɿB\ʜ^ ʮԿ͕ى͖ͨΒʯɿ NPVTFPWFS ʮͲ͏ͳͬͯͯ΄͍͠ʯɿBIPWFS\ʜ^ ͱɺߟ͑ํ͍ͬ͠ΐͩΑʢɾТɾʣ
ߟ͑ํ w ϚΠΫϩΠϯλϥΫγϣϯͰͦΕҎ֎Ͱɺͩ ͍͍ͨ͜Μͳײ͡ɻ w ͬͱෳࡶͳ͜ͱͰ͖Δ͚ͲɺϚΠΫϩΠϯλ ϥΫγϣϯ͜ΕͰे͔ɻ