Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
800
Other Decks in Programming
See All in Programming
20 years of Symfony, what's next?
fabpot
2
350
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
moeka__c
6
3k
JETLS.jl ─ A New Language Server for Julia
abap34
1
200
AIコードレビューがチームの"文脈"を 読めるようになるまで
marutaku
0
350
Integrating WordPress and Symfony
alexandresalome
0
150
AIコーディングエージェント(NotebookLM)
kondai24
0
170
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
pd1xx
1
700
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
11
11k
令和最新版Android Studioで化石デバイス向けアプリを作る
arkw
0
380
エディターってAIで操作できるんだぜ
kis9a
0
700
C-Shared Buildで突破するAI Agent バックテストの壁
po3rin
0
380
tparseでgo testの出力を見やすくする
utgwkk
1
190
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Unsuck your backbone
ammeep
671
58k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Being A Developer After 40
akosma
91
590k
Balancing Empowerment & Direction
lara
5
790
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Site-Speed That Sticks
csswizardry
13
990
Into the Great Unknown - MozCon
thekraken
40
2.2k
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 ͬͱෳࡶͳ͜ͱͰ͖Δ͚ͲɺϚΠΫϩΠϯλ ϥΫγϣϯ͜ΕͰे͔ɻ