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
370
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.2k
型付きテンプレートがほしい
Avatar for katashin ktsn
1
44k
Toward Type Safety of Vuex
Avatar for katashin ktsn
1
980
Vue の TypeScript 事情
Avatar for katashin ktsn
1
2.6k

Other Decks in Programming

See All in Programming
CJK and Unicode From a PHP Committer
Avatar for てきめん tekimen youkidearitai
PRO
0
110
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
Avatar for mazrean mazrean
1
300
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
1
460
ProxyによるWindow間RPC機構の構築
Avatar for syumai syumai
3
1.2k
MCPでVibe Working。そして、結局はContext Eng（略）/ Working with Vibe on MCP And Context Eng
Avatar for r-kagaya rkaga
5
2.3k
個人開発で徳島大学生60％以上の心を掴んだアプリ、そして手放した話
Avatar for akidon0000 akidon0000
1
150
請來的 AI Agent 同事們在寫程式時，怎麼用 pytest 去除各種幻想與盲點
Avatar for Keith Yang keitheis
0
130
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
Avatar for Naoki Kishida kishida
22
5.9k
1から理解するWeb Push
Avatar for Minoru Takeuchi dora1998
7
1.9k
AI時代のUIはどこへ行く？
Avatar for Yusuke Wada yusukebe
18
9.1k
API Platform 4.2: Redefining API Development
Avatar for Antoine Bluchet soyuka
0
110
CloudflareのChat Agent Starter Kitで簡単！AIチャットボット構築
Avatar for syumai syumai
2
510

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
26
1.9k
Code Review Best Practice
Avatar for Trisha Gee trishagee
71
19k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M

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(‘’)