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
tweenによるアニメーション
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kaidouji85
September 26, 2018
Technology
0
200
tweenによるアニメーション
JSer.info 400回記念イベント発表スライドです。
kaidouji85
September 26, 2018
Tweet
Share
More Decks by kaidouji85
See All by kaidouji85
AbortControllerでPromiseをキャンセルする
kaidouji85
0
23
一発芸!!なんちゃってローカライズ
kaidouji85
0
94
AWSだけでネット対戦できるブラウザゲームを作った話
kaidouji85
0
74
GitHub CopilotでJavaScript開発効率を爆上げする
kaidouji85
0
120
Serverless + Fargate構成で継続的デリバリーの速度を劇的に改善した話
kaidouji85
0
960
サーバーレスアーキテクチャこそ"ヘキサゴナルアーキテクチャ"
kaidouji85
0
120
サーバーレスでターンベース制のネット対戦ゲームを作った話
kaidouji85
0
640
CDKで構築したFargateのデプロイ時間を改善した話
kaidouji85
2
560
ブラウザゲームで視聴者参加型のゲーム配信
kaidouji85
0
360
Other Decks in Technology
See All in Technology
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
capytan
6
2.8k
SRE Enabling戦記 - 急成長する組織にSREを浸透させる戦いの歴史
markie1009
0
140
量子クラウドサービスの裏側 〜Deep Dive into OQTOPUS〜
oqtopus
0
140
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
bwkw
3
1k
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.4k
Amazon Bedrock Knowledge Basesチャンキング解説!
aoinoguchi
0
160
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.6k
プロポーザルに込める段取り八分
shoheimitani
1
590
Why Organizations Fail: ノーベル経済学賞「国家はなぜ衰退するのか」から考えるアジャイル組織論
kawaguti
PRO
1
140
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
140
Greatest Disaster Hits in Web Performance
guaca
0
280
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
kworkdev
PRO
1
480
Featured
See All Featured
Music & Morning Musume
bryan
47
7.1k
The Pragmatic Product Professional
lauravandoore
37
7.1k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
290
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
440
Leo the Paperboy
mayatellez
4
1.4k
Chasing Engaging Ingredients in Design
codingconduct
0
110
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
320
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
A better future with KSS
kneath
240
18k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
780
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
Transcript
UXFFOʹΑΔΞχϝʔγϣϯ ɹ༎հ
ࣗݾհ ɹ༎հ ϓϩάϥϚʔ +4େ͖ UISFFKTͷήʔϜΛ झຯͰ࡞ͬͯ·͢
αϯϓϧίʔυ σϞͰ͏ίʔυHJUIVCʹΞοϓ͠·ͨ͠ DISPNFͰಈ࡞֬ೝΛ͍ͯ͠·͢ IUUQTHJUIVCDPNLBJEPVKJUXFFO BOJNBUJPO
ΞδΣϯμ UXFFOͱ UXFFOWTϒϥβඪ४ UXFFOͱ'14 ·ͱΊ
ΞδΣϯμ UXFFOͱ UXFFOWTϒϥβඪ४ UXFFOͱ'14 ·ͱΊ
UXFFOͱ ΩʔϑϨʔϜΛઃఆͯ͠ΞχϝʔγϣϯΛ දݱ͢Δ Ξχϝʔγϣϯͤ͞Δͷɺ +BWB4DSJQUΦϒδΣΫτ ݱঢ়ɺϒϥβωΠςΟϒ࣮ଘࡏ͠ͳ͍
UXFFOͷσϞ αϯϓϧίʔυ<TBNQMFUXFFO>
ղઆ '14Ͱը໘Λॻ͖͍ͯ͠Δ ࠲ඪͷมΛܦա࣌ؒʹԠͨ͡ʹ ηοτ͍ͯ͠Δ UXFFOϥΠϒϥϦUXFFOKTΛ༻
UXFFOͷجຊ֓೦ ඵؒͰQYਐΉUXFFO QY ඵ QY ඵ ඵඵ9QY Ҡಈ͕ऴྃͨ࣌ؒ͠
UXFFOϥΠϒϥϦͷྫ HBTQ (SFFO4PDL"OJNBUJPO1MBUGPSN UXFFOKT WFMPDJUZKT
ΞδΣϯμ UXFFOͱ UXFFOWTϒϥβඪ४ UXFFOͱ'14 ·ͱΊ
Ξχϝͷϒϥβඪ४ DTT DTTτϥϯδγϣϯ DTTΞχϝʔγϣϯ 8FC"OJNBUJPO"1*
8FC"OJNBUJPO"1*ิ $44ΞχϝʔγϣϯΛ+4͔ΒͰ ͑ΔΑ͏ʹͨ͠ͷ ΞχϝʔγϣϯΛνΣΠϯͤ͞ΔͳͲɺ $44Ͱ͔ͬͨ͜͠ͱ͕؆୯ʹͰ͖Δ 5$ϓϩϙʔαϧ4UBHF
8FC"OJNBUJPO"1*σϞ αϯϓϧίʔυ<TBNQMFXFCBOJNBUJPOBQJ>
Ξχϝʔγϣϯػೳൺֱ λΠϜϥΠϯ Πϕϯτ νΣΠϯ DTT ˓ ˓ ˚ XFC BOJNBUJPO
BQJ ˓ ˓ ˓ UXFFO ˓ ˓ ˓
͑Δॴͷൺֱ IUNMཁૉ DBOWBT Ξχϝ 8FC(- Ξχϝ DTT ˓ XFC BOJNBUJPO
BQJ ˓ UXFFO ˓ ˓ ˓
DBOWBTɺ8FC(-ิ DBOWBTɺ8FC(-ཁૉΛॻ͖͑Δٕज़ ͳͷͰɺελΠϧͷద༻ൣғ֎ ը૾ͷ༰ΛελΠϧͰมߋͰ͖ͳ͍ͷͱಉ͡
UXFFOɺϒϥβඪ४·ͱΊ DBOWBTɺ8FC(-ͷΞχϝʔγϣϯ͕Ͱ͖Δ ͷUXFFO͚ͩ )5.-ཁૉͷΞχϝʔγϣϯͰɺ ঢ়گʹԠ͖ͯ͡ͳͷΛ͍͍͑
ΞδΣϯμ UXFFOͱ UXFFOWTϒϥβඪ४ UXFFOͱ'14 ·ͱΊ
'14ͱ 'SBNFT1FS4FDPOEͷུ ඵؒʹԿճը໘Λ࠶ඳը͢Δ͔ͱ͍͏ҙຯ
UXFFͷ'14 UXFFOࣗମ'14Λ࣋ͨͳ͍ UXFFOΛݺͼग़͍ͯ͠Δɺը໘࠶ඳըϧʔϓͷ '14ʹґଘ͍ͯ͠Δ
SFRVFTU"OJNBUJPO'SBNFͷ'14 SFRVFTU"OJNBUJPO'SBNFͷ'14ҰఆͰ͋Δ ͜ͱ͕อূ͞Ε͍ͯͳ͍ ௨ৗ'1͕ͩɺঢ়گʹΑΓ'14ҎԼ ʹͳΔ͜ͱ͕͋Δ
UXFFOΛΘͳ͍Ξχϝ UXFFOΛΘͣʹɺSFRVFTU"OJNBUJPO'SBNF ͚ͩͰΞχϝʔγϣϯ͢Δ͜ͱՄೳ Α͘ݟΔΓํ͕ͩɺݸਓతʹ Ξϯνύλʔϯͩͱࢥ͏ const gameLoop = time =>
{ requestAnimationFrame(gameLoop); pos.x += 4; context.clearRect(0, 0, canvas.width, canvas.height); context.drawImage(image, pos.x, pos.y); }; requestAnimationFrame(gameLoop);
ΞϯνύλʔϯͷσϞ αϯϓϧίʔυ<TBNQMFBOUJQBUUFSO>
Ξϯνύλʔϯͷཧ༝ '14ͷมߋʹऑ͍ දݱྗ͕͍
ඵ ඵ ̎ඵ ̍ϑϨʔϜ͝ͱʹ ͢Δ 9 9
࣌ؒ ࣌ؒ 9 9 9 '14 '14
ඵ ඵ ̎ඵ 5XFFO ඵͰҠಈ 9 9
࣌ؒ ࣌ؒ 9 9 9 '14 '14
දݱྗ͕͍ཧ༝ UXFFOΛΘͳ͍Ͱɺ࢛֯ܗʹҠಈͤ͞Δ ϩδοΫΛߟ͑Δ JGɺTXJUDIɺঢ়ଶมͩΒ͚ʹͳͬͯ ෳࡶʹͳΔ
݁ UXFFOʹ'14ͳ͍ SFRVFTU"OJNBUJPO'SBNFͷΞχϝʔγϣϯ ͰඞͣUXFFOΛ͓͏
ΞδΣϯμ UXFFOͱ UXFFOWTϒϥβඪ४ UXFFOͱ'14 ·ͱΊ
ࠓͷ·ͱΊ UXFFOΞχϝʔγϣϯͷٕज़ DBOWBTɺ8FC(-ΞχϝʹUXFFOΛ͓͏ SFRVFTU"OJNBUJPO'SBNFͷΞχϝͰUXFFO Λ͓͏
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠