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.4k
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
2k
ラムダ計算入門 / Introduction of Lambda Calculus
ktsn
0
240
Contextual ThisType and Vue.js
ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
ktsn
0
22k
大規模静的サイトのためのビルドツール
ktsn
0
2.1k
型付きテンプレートがほしい
ktsn
1
43k
Toward Type Safety of Vuex
ktsn
1
940
Vue の TypeScript 事情
ktsn
1
2.6k
Other Decks in Programming
See All in Programming
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
530
プロンプトエンジニアリング入門
tomokusaba
2
990
ファイル先頭の use の意味、説明できますか? 〜PHP の namespace と autoloading の関係を正しく理解しよう〜 / namespace and autoloading in php
okashoi
2
470
LLMチャットボットのアプリケーション設計Tips
os1ma
4
670
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
490
Dockerで始めるAWS Lambda開発
stutkhd0709
14
2.5k
DocC Tutorial と TCA におけるテスト機能の紹介
kalupas226
1
330
フロントエンドパフォーマンス 入門
shouta2
7
1.5k
上手な探索的テストとその上達方法について
matsu802
4
660
導入から5年が経って見えた Datadog APM 運用の課題
bgpat
2
540
品質が高いコードって何?Rev2.1
ickx
1
490
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
154
7.9k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Done Done
chrislema
178
15k
RailsConf 2023
tenderlove
0
510
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
Code Review Best Practice
trishagee
54
15k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
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(‘’)