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
220
コワくない.js1@フレームワークの話
matsudaemi
0
200
リアルパンくずナビLT
matsudaemi
0
790
Other Decks in Programming
See All in Programming
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
480
Understanding Kotlin Multiplatform
l2hyunwoo
0
260
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
110
エンジニアのための”最低限いい感じ”デザイン入門
shunshobon
0
110
kiroでゲームを作ってみた
iriikeita
0
170
tool ディレクティブを導入してみた感想
sgash708
1
140
生成AI、実際どう? - ニーリーの場合
nealle
0
110
0から始めるモジュラーモノリス-クリーンなモノリスを目指して
sushi0120
1
280
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
230
ワープロって実は計算機で
pepepper
2
1.4k
Langfuseと歩む生成AI活用推進
licux
3
250
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
370
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
223
9.9k
The Language of Interfaces
destraynor
160
25k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
The Cult of Friendly URLs
andyhume
79
6.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Speed Design
sergeychernyshev
32
1.1k
Git: the NoSQL Database
bkeepers
PRO
431
65k
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 ͬͱෳࡶͳ͜ͱͰ͖Δ͚ͲɺϚΠΫϩΠϯλ ϥΫγϣϯ͜ΕͰे͔ɻ