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
230
コワくないJS:オープニングトーク
matsudaemi
1
220
コワくない.js1@フレームワークの話
matsudaemi
0
200
リアルパンくずナビLT
matsudaemi
0
770
Other Decks in Programming
See All in Programming
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
260
TypeScriptでDXを上げろ! Hono編
yusukebe
3
890
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
13
3.3k
Bedrock AgentCore ObservabilityによるAIエージェントの運用
licux
8
460
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
16k
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
210
ZeroETLで始めるDynamoDBとS3の連携
afooooil
0
130
副作用と戦う PHP リファクタリング ─ ドメインイベントでビジネスロジックを解きほぐす
kajitack
3
490
リッチエディターを安全に開発・運用するために
unachang113
1
310
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
240
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
130
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
1k
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Balancing Empowerment & Direction
lara
1
510
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Typedesign – Prime Four
hannesfritz
42
2.7k
Statistics for Hackers
jakevdp
799
220k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
A Tale of Four Properties
chriscoyier
160
23k
The Pragmatic Product Professional
lauravandoore
35
6.8k
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 ͬͱෳࡶͳ͜ͱͰ͖Δ͚ͲɺϚΠΫϩΠϯλ ϥΫγϣϯ͜ΕͰे͔ɻ