Upgrade to Pro — share decks privately, control downloads, hide ads and more …

console.animate

Avatar for katashin katashin
September 15, 2017
Programming
2
2.7k

 console.animate

ToKyoto.js ― Kyoto.js in Tokyo
https://kyotojs.connpass.com/event/64310/

Avatar for katashin

katashin

September 15, 2017
Tweet

More Decks by katashin

See All by katashin
テストの重要性 / Test is Important
Avatar for katashin ktsn
0
200
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp
Avatar for katashin ktsn
2
2.4k
ラムダ計算入門 / Introduction of Lambda Calculus
Avatar for katashin ktsn
0
380
Contextual ThisType and Vue.js
Avatar for katashin ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
Avatar for katashin ktsn
0
22k
大規模静的サイトのためのビルドツール
Avatar for katashin ktsn
0
2.3k
型付きテンプレートがほしい
Avatar for katashin ktsn
1
44k
Toward Type Safety of Vuex
Avatar for katashin ktsn
1
990
Vue の TypeScript 事情
Avatar for katashin ktsn
1
2.6k

Other Decks in Programming

See All in Programming
EMこそClaude Codeでコード調査しよう
Avatar for shibayu36 shibayu36
0
460
SwiftDataを使って10万件のデータを読み書きする
Avatar for akidon0000 akidon0000
0
250
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
Avatar for Masahiro Nishimi masahiro_nishimi
4
16k
ドメイン駆動設計のエッセンス
Avatar for 増田 亨 masuda220
PRO
14
5.7k
AI駆動で0→1をやって見えた光と伸びしろ
Avatar for passion😎 passion0102
1
880
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
Avatar for shogogg shogogg
1
340
理論と実務のギャップを超える
Avatar for kmuto eycjur
0
190
Introduce Hono CLI
Avatar for Yusuke Wada yusukebe
6
3.1k
TransformerからMCPまで（現代AIを理解するための羅針盤）
Avatar for MIKIO KUBO mickey_kubo
7
5.6k
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
110
CSC305 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
280
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
Avatar for kasacchiful kasacchiful
0
320

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
116
20k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
130k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.7k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k

Transcript

  1. console.animate

  2. !LUTO LBUBTIJO

  3. ͬͪ͜ͷ࿩͡Όͳ͍Ͱ͢

  4. IUUQTEFWPSPDPN

  5. None
  6. None

  7. render(‘͜Μʹͪ͸’) ͜Μʹͪ͸ <canvas> [0, 0, 0, 0, 0, 0, 0,

    209, 0, …] ImageData

  8. [0, 0, 0, 0, 0, 0, 0, 209, 0, 0,

    0, 255, …] ImageData SFE HSFFO CMVF BMQIB

  9. 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, … ], … ]

  10. पลͷGBMTFΛמΓऔΔ [ [f, f, f, f, f], [f, t, t,

    t, f], [f, t, t, t, f], [f, f, f, f, f] ]

  11. 5SVFˠ˙ɹGBMTFˠ˘ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙, ˙,

    ˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]

  12. 7JFXQPSUΛͣΒͯ͠Ξχϝʔγϣϯ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙,

    ˙, ˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]

  13. ΧʔιϧͳΜͯͳ͍ͷͰ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ

  14. ʊਓਓਓਓʊ
 ʼɹ׬੒ɹʻ
 ʉ:?:?:?:ʉ

  15. 'JSFGPY $ISPNF 4BGBSJ

  16. ͳ͔ͥ'JSFGPYͷEFWUPPMͷύϑΥʔϚϯε ͕܈Λൈ͍ͯྑ͍ DPOTPMFMPHͷୈೋҾ਺ʹ͸ελΠϧΛ౉ͤΔ console.log('%cfoo’, 'font-size: 10px;') DBOWBTʹେ͖Ίʹॻ͍͔ͯΒ খ͍͞αΠζͰDPOTPMFMPH͢Δͷ͕ྑ͍ײ͡ ஌ݟ

  17. ࣍͸Τοδݕग़ʜʜʁ render(‘’)