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
kaidouji85
September 26, 2018
Technology
0
180
tweenによるアニメーション
JSer.info 400回記念イベント発表スライドです。
kaidouji85
September 26, 2018
Tweet
Share
More Decks by kaidouji85
See All by kaidouji85
Serverless + Fargate構成で継続的デリバリーの速度を劇的に改善した話
kaidouji85
0
500
サーバーレスアーキテクチャこそ"ヘキサゴナルアーキテクチャ"
kaidouji85
0
41
サーバーレスでターンベース制のネット対戦ゲームを作った話
kaidouji85
0
310
CDKで構築したFargateのデプロイ時間を改善した話
kaidouji85
2
350
ブラウザゲームで視聴者参加型のゲーム配信
kaidouji85
0
140
JSだけでバックエンド環境構築、IaC、自動デプロイまでやってみた話
kaidouji85
0
250
サーバレスでネット対戦を作った話
kaidouji85
0
450
TWAでGoogle Playにアプリをリリースしてみた
kaidouji85
0
83
サーバレスでブルーグリーンデプロイしてみた
kaidouji85
0
110
Other Decks in Technology
See All in Technology
web-application-security
matsuihidetoshi
0
160
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
890
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
290
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
350
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
170
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
120
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
2
380
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
240
Janus
bkuhlmann
1
490
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
380
現代CSSフレームワークの内部実装とその仕組み
poteboy
8
3.6k
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
350
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1356
200k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Adopting Sorbet at Scale
ufuk
68
8.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
A Philosophy of Restraint
colly
197
16k
What's in a price? How to price your products and services
michaelherold
237
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
The Mythical Team-Month
searls
216
42k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
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 Λ͓͏
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠