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
マイクロインタラクションから考えるアニメーション
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
KeitaroOkamura
August 24, 2018
Design
300
1
Share
マイクロインタラクションから考えるアニメーション
KeitaroOkamura
August 24, 2018
More Decks by KeitaroOkamura
See All by KeitaroOkamura
Suspenseのユースケースを探る
keitarookamura
1
310
ヤギでもわかるソフトウェアテスト
keitarookamura
0
140
ヤギでもわかるオブジェクト指向UIデザイン
keitarookamura
3
320
ヤギでもわかるGit入門
keitarookamura
1
280
ユースケースから考えるユーザビリティ
keitarookamura
1
230
サクッと簡単!お手軽 Scaffold
keitarookamura
1
320
自社サイトをPWA化した話
keitarookamura
0
130
CSS Animations vs WAAPI
keitarookamura
0
540
Vue.js+AtomicDesign
keitarookamura
2
2.8k
Other Decks in Design
See All in Design
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
300
第18回サイゼミ
lw
1
3.9k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
「見せる」登壇資料デザインの極意
takanorip
3
940
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.4k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.1k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
160
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
830
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
260
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.5k
TUNAG BOOK 2024
stmn
PRO
0
1.6k
Spacemarket Brand Guide
spacemarket
2
820
Featured
See All Featured
The Limits of Empathy - UXLibs8
cassininazir
1
340
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
370
Paper Plane (Part 1)
katiecoart
PRO
0
8.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
74k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
230
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.3k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
190
How STYLIGHT went responsive
nonsquared
100
6.1k
For a Future-Friendly Web
brad_frost
183
10k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.3k
Transcript
ϚΠΫϩΠϯλϥΫγϣϯ ͔Βߟ͑Δ Ξχϝʔγϣϯ 6*ΠϯλϥΫγϣϯɾΞχϝʔγϣϯ-5େձ
ࣗݾհ ,FJUBSP0LBNVSB ΧϥϏφςΫϊϩδʔגࣜձࣾ 'SPOUFOE&OHJOFFS ϑϩϯτΤϯυΤϯδχΞੜ @karaagekeitaroo
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ࠓͷ༰
ɾʮ͜Εࡉ͔͍͜ͱ͚ͩΕͲվྑ͢ΔՁ ͕ઈରʹ͋Δʂʂʂʯ ɾʮ͜ΕΛվળ͢Ε͕֨ஈʹΑ͘ͳ Δʂʂʂʯ ͱओுͯ͠ɺ ΫϥΠΞϯτ։ൃऀཧऀɺ1.Λઆಘ͠Α͏ͱۤ৺͖ͯͨ͠ਓ ͜Μͳํ͍·ͤΜ͔ʁ
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ͥͻಡΜͰ Έ͍ͯͩ͘͞
ϚΠΫϩΠϯλϥΫγϣϯͬͯԿʁ ϚΠΫϩΠϯλϥΫγϣϯͱʮͷ࠷খ୯ҐͷΠϯλ ϥΫγϣϯʯͱఆٛ͞Ε͍ͯΔɻ ͱͯখ͞ͳΓͱΓ
ΞϥʔτΛηοτ⏰ ύεϫʔυΛೖྗ✏ ϩάΠϯ͢Δ✅ ʮ͍͍Ͷʂʯ ϘλϯΛԡ͢ ୭͕ϚΠΫϩΠϯλϥΫγϣϯΛ ৗతʹߦͳ͍ͬͯΔ
“ ࡉ෦୯ͳΔࡉ෦ʹͱͲ·Γ·ͤΜɻࡉ෦ ͕ͦ͜Λ࡞Γ্͛ΔͷͰ͢” νϟʔϧζɾΠʔϜζ
τϦΨʔ ϧʔϧ ϧʔϓϞʔυ ϑΟʔυόοΫ ϚΠΫϩΠϯλϥΫγϣϯͭͷߏ
τϦΨʔ ϧʔϧ τϦΨʔϚΠΫϩΠϯλϥΫγϣϯΛ։࢝ͤ͞Δ͖͔͚ͬ ϚΠΫϩΠϯλϥΫγϣϯͷಈ࡞Λఆٛ͢ΔϧʔϧɻͲΜͳ࣌ʹɺԿΛରʹɺ ͲΜͳτϦΨʔͰΠϯλϥΫγϣϯ͕࢝·ΓɺͲͷΑ͏ʹϑΟʔυόοΫͤ͞ Δ͔ खಈτϦΨʔ γεςϜτϦΨʔ εϥΠυ͢Δ͜ͱͰ ిݯΛΔ
ॆి͕ҎԼʹͳΔ ͱɺলిྗϞʔυʹ Γସ͑Δ͔ΘΕΔ
ϑΟʔυόοΫ ϧʔϓϞʔυ ϧʔϧΛϢʔβʔʹ໌ࣔ͢ΔϑΟʔυόοΫɻϢʔβʔͷཧղΛॿ͚Δࢹ֮తɺ ௌ֮తɺ৮֮తͳཁૉ ϚΠΫϩΠϯλϥΫγϣϯͷϝλϧʔϧʢϧʔϧΛ੍ޚ͢Δϧʔϧʣ ϧʔϓͱɺఆΊΒΕ͚ͨؒͩ܁Γฦ͢αΠΫϧɻϞʔυͱϧʔϧ͕ೋވҎ ্ʹͳͬͨͷ ॆి͕ྃ͢ΔͱϞʔυ͕ऴྃ͢Δ
ϑΟʔυόοΫ ϧʔϓϞʔυ ϧʔϧΛϢʔβʔʹ໌ࣔ͢ΔϑΟʔυόοΫɻϢʔβʔͷཧղΛॿ͚Δࢹ֮తɺ ௌ֮తɺ৮֮తͳཁૉ ϚΠΫϩΠϯλϥΫγϣϯͷϝλϧʔϧʢϧʔϧΛ੍ޚ͢Δϧʔϧʣ ϧʔϓͱɺఆΊΒΕ͚ͨؒͩ܁Γฦ͢αΠΫϧɻϞʔυͱϧʔϧ͕ೋވҎ ্ʹͳͬͨͷ ॆి͕ྃ͢ΔͱϞʔυ͕ऴྃ͢Δ
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ৄ͘͠ ͪ͜Β
ɾԿ͔͕ى͖ͨ ɾϢʔβʔ͕Կ͔Λ࣮ߦͨ͠ ɾॲཧ͕࢝·ͬͨPSଓߦதPSऴྃͨ͠ ɾϢʔβʔʹʮͦΕͰ͖ͳ͍ʯͱΒͤΔ ϑΟʔυόοΫͰ͑Δ͜ͱ
͍͑ͨࣄฑ͕͖ͬΓͨ͠Βɺ ͦΕΛͲ͏දݱ͢Δ͔ΛܾΊ·͢ දݱ͢Δํ๏
ɾϑΟʔυόοΫͷେࢹ֮తͳͷ͕ଟ͍ ɾٿ্ͰࣈΛಡΊͳ͍ਓͷԯ ສਓ͍Δ ϑΟʔυόοΫΛࢹ֮తʹૌ͑Δํ ๏ɺͦΕ͕Ξχϝʔγϣϯɻ ΞχϝʔγϣϯΛ͏·͑͘ɺؔ৺ΛҾ͖ͭͭɺ ҙຯਖ਼֬ʹ͑Δ͜ͱ͕Ͱ͖Δ
ɾߴ ɾಈ࡞ΛԆͤ͞ͳ͍ ɾΒ͔ ɾ͗͘͠Όͨ͘͠ಈ͖ΞχϝʔγϣϯͷޮՌΛແ͠ʹͯ͠͠·͏ ɾࣗવ ɾॏྗ׳ੑͳͲࣗવͷ๏ଇʹै͍ͬͯΔΑ͏ʹݟ͑Δ ΞχϝʔγϣϯͰ͔ܽͤͳ͍͜ͱ ϚΠΫϩΠϯλϥΫγϣϯͷಈ࡞͕ෆ҆ఆͰ͋Δ͔ͷΑ ͏ͳҹΛ༩͑ͯ͠·͏
ɾγϯϓϧ ɾਤ͕Θ͔Γ͍͢ ɾత͕͋Δ ɾ୯ͳΔʮͷอཆʯʹͱͲ·Βͳ͍ ΞχϝʔγϣϯͰ͔ܽͤͳ͍͜ͱ Ϣʔβʔʹෛ୲Λ͔͚ͨΓɺϑΟʔυόοΫ͕త֎Εͳ ͷͰ͋ͬͯͳΒͳ͍
ϑΟʔυόοΫ ͷత ϧʔϧͷཧղΛ ॿ͚Δ͜ͱ ͭ·Γɾɾɾ
ϚΠΫϩΠϯλϥΫγϣϯͷϧʔϧΛϢʔβʔʹཧղͯ͠Β͏͜ͱ ɾԿ͕ߦΘΕ͔ͨ ɾͦͷ݁Ռͱͯ͠Կ͕ى͖͔ͨ Ξχϝʔγϣϯͤ͞Δత
ϚΠΫϩΠϯλϥΫγϣϯͷߏ͕Ͳ͏ͳ͍ͬͯΔ͔ɺ Կʹͨ͠ΒΑ͍ͷ͔ɺͲͷΑ͏ͳॲཧΛ͍ͯ͠Δ͔ ࠷ྑͷΞχϝʔγϣϯͱʁ ͦͷಈ͖ΛݟΕɺ Ͳ͏ػೳ͢Δ͔Λత֬ʹϢʔβʔʹ͍͑ͯΔ͜ͱ ʲ݁ʳ
%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO ৄ͘͠ ͪ͜Β
ྑ͍ΞχϝʔγϣϯΛ