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
KeitaroOkamura
August 24, 2018
Design
1
290
マイクロインタラクションから考えるアニメーション
KeitaroOkamura
August 24, 2018
Tweet
Share
More Decks by KeitaroOkamura
See All by KeitaroOkamura
Suspenseのユースケースを探る
keitarookamura
1
300
ヤギでもわかるソフトウェアテスト
keitarookamura
0
130
ヤギでもわかるオブジェクト指向UIデザイン
keitarookamura
3
310
ヤギでもわかるGit入門
keitarookamura
1
270
ユースケースから考えるユーザビリティ
keitarookamura
1
220
サクッと簡単!お手軽 Scaffold
keitarookamura
1
300
自社サイトをPWA化した話
keitarookamura
0
130
CSS Animations vs WAAPI
keitarookamura
0
530
Vue.js+AtomicDesign
keitarookamura
2
2.7k
Other Decks in Design
See All in Design
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
5
770
kintone_aroma
kintone
0
1.5k
kintone Style Book
kintone
6
11k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
0
110
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
PRO
0
170
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
1
110
hicard_credential_202601
hicard
0
170
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
630
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
2.9k
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
2
520
第18回サイゼミ
lw
1
3.4k
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.2k
Featured
See All Featured
Designing for Timeless Needs
cassininazir
0
140
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Practical Orchestrator
shlominoach
191
11k
The Curse of the Amulet
leimatthew05
1
9.1k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
Between Models and Reality
mayunak
1
210
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
190
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
360
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
270
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
180
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 ৄ͘͠ ͪ͜Β
ྑ͍ΞχϝʔγϣϯΛ