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
console.animate
Search
katashin
September 15, 2017
Programming
2
2.5k
console.animate
ToKyoto.js ― Kyoto.js in Tokyo
https://kyotojs.connpass.com/event/64310/
katashin
September 15, 2017
Tweet
Share
More Decks by katashin
See All by katashin
テストの重要性 / Test is Important
ktsn
0
180
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp
ktsn
2
2.1k
ラムダ計算入門 / Introduction of Lambda Calculus
ktsn
0
260
Contextual ThisType and Vue.js
ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
ktsn
0
22k
大規模静的サイトのためのビルドツール
ktsn
0
2.1k
型付きテンプレートがほしい
ktsn
1
44k
Toward Type Safety of Vuex
ktsn
1
950
Vue の TypeScript 事情
ktsn
1
2.6k
Other Decks in Programming
See All in Programming
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
nrslib
3
1.7k
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
Temporalを取り巻く仕様を整理する
sajikix
0
120
Jetpack for KMP
fornewid
1
290
日付と正規化
megmogmog1965
0
140
初心者がおさえておきたいAWS CDKのベストプラクティス 2024
konokenj
15
7.3k
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
英語
s_shimotori
1
220
CSC307 Lecture 10
javiergs
PRO
0
310
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
780
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
Designing for humans not robots
tammielis
247
25k
Building Adaptive Systems
keathley
34
2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Music & Morning Musume
bryan
43
5.9k
Building Applications with DynamoDB
mza
89
5.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
KATA
mclloyd
20
13k
Designing with Data
zakiwarfel
96
5k
Transcript
console.animate
!LUTO LBUBTIJO
ͬͪ͜ͷ͡Όͳ͍Ͱ͢
IUUQTEFWPSPDPN
None
None
render(‘͜Μʹͪ’) ͜Μʹͪ <canvas> [0, 0, 0, 0, 0, 0, 0,
209, 0, …] ImageData
[0, 0, 0, 0, 0, 0, 0, 209, 0, 0,
0, 255, …] ImageData SFE HSFFO CMVF BMQIB
BMQIBͰUSVFɹͦΕҎ֎ͰGBMTF [ [f, f, f, f, f, f, … ],
[f, f, f, f, f, f, … ], [f, f, f, f, t, t, … ], [f, f, f, f, t, t, … ], [f, f, f, f, f, f, … ], … ]
पลͷGBMTFΛמΓऔΔ [ [f, f, f, f, f], [f, t, t,
t, f], [f, t, t, t, f], [f, f, f, f, f] ]
5SVFˠ˙ɹGBMTFˠ˘ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙, ˙,
˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]
7JFXQPSUΛͣΒͯ͠Ξχϝʔγϣϯ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙,
˙, ˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]
ΧʔιϧͳΜͯͳ͍ͷͰ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ
ʊਓਓਓਓʊ ʼɹɹʻ ʉ:?:?:?:ʉ
'JSFGPY $ISPNF 4BGBSJ
ͳ͔ͥ'JSFGPYͷEFWUPPMͷύϑΥʔϚϯε ͕܈Λൈ͍ͯྑ͍ DPOTPMFMPHͷୈೋҾʹελΠϧΛͤΔ console.log('%cfoo’, 'font-size: 10px;') DBOWBTʹେ͖Ίʹॻ͍͔ͯΒ খ͍͞αΠζͰDPOTPMFMPH͢Δͷ͕ྑ͍ײ͡ ݟ
࣍Τοδݕग़ʜʜʁ render(‘’)