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.6k
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
190
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp
ktsn
2
2.3k
ラムダ計算入門 / Introduction of Lambda Calculus
ktsn
0
300
Contextual ThisType and Vue.js
ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
ktsn
0
22k
大規模静的サイトのためのビルドツール
ktsn
0
2.2k
型付きテンプレートがほしい
ktsn
1
44k
Toward Type Safety of Vuex
ktsn
1
960
Vue の TypeScript 事情
ktsn
1
2.6k
Other Decks in Programming
See All in Programming
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
150
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
290
Better Code Design in PHP
afilina
0
160
SwiftUI Viewの責務分離
elmetal
PRO
2
260
楽しく向き合う例外対応
okutsu
0
570
GoとPHPのインターフェイスの違い
shimabox
2
200
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
110
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
120
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
Unity Android XR入門
sakutama_11
0
170
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
140
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
4
920
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.2k
Embracing the Ebb and Flow
colly
84
4.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Building Adaptive Systems
keathley
40
2.4k
Being A Developer After 40
akosma
89
590k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
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(‘’)