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
240
コワくないJS:オープニングトーク
matsudaemi
1
230
コワくない.js1@フレームワークの話
matsudaemi
0
200
リアルパンくずナビLT
matsudaemi
0
790
Other Decks in Programming
See All in Programming
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
社会人になっても趣味開発を続けたい! / traPavilion
mazrean
1
100
AI Agent 時代的開發者生存指南
eddie
4
2.1k
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
340
開発組織の戦略的な役割と 設計スキル向上の効果
masuda220
PRO
10
1.6k
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
130
チームの境界をブチ抜いていけ
tokai235
0
230
CSC305 Lecture 08
javiergs
PRO
0
280
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
380
マンガアプリViewerの大画面対応を考える
kk__777
0
280
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
140
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
470k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Optimizing for Happiness
mojombo
379
70k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Making Projects Easy
brettharned
120
6.4k
Build your cross-platform service in a week with App Engine
jlugia
233
18k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Docker and Python
trallard
46
3.6k
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 ͬͱෳࡶͳ͜ͱͰ͖Δ͚ͲɺϚΠΫϩΠϯλ ϥΫγϣϯ͜ΕͰे͔ɻ