$30 off During Our Annual Pro Sale. View Details »

JSConf Asia 2014 Sessions

JSConf Asia 2014 Sessions

大澤木小鐵

December 26, 2014
Tweet

More Decks by 大澤木小鐵

Other Decks in Programming

Transcript

  1. JSConf Asia 2014

    Jace @ KKBOX

    View Slide


  2. View Slide

  3. • The Art of Less
    • WebTorrent
    • Gibbering at Algoraves: JS in Live Audiovisual Performances
    • Deep Space - A simulation drama

    View Slide

  4. View Slide

  5. The Art of Less
    Martin Kleppe, Ubilabs
    http://goo.gl/4w14RV

    View Slide



  6. • http://aem1k.com/world
    • http://aem1k.com/mandelcode

    View Slide


  7. JavaScript
    var x = Math.random();
    var y = Math.random();
    var z = Math.max(x, y);
    To:
    with(Math)z=max((r=random)(),r())

    View Slide

  8. Hebrew -
    • http://aem1k.com/ ש
    ל
    ו
    ם
    -
    ע
    ו
    ל
    ם

    View Slide

  9. XSS
    • http://aem1k.com/deathstar

    View Slide


  10. -
    []["\155\141\160"]["\
    \143\157\156\163\164\
    \162\165\143\164\157\
    \162"]("\141\154\145\
    \162\164\50\61\51")()
    []["map"]["constructor"]("alert(1)")()
    eval("alert(1)")

    View Slide


  11. -
    "esaca\160e('') ..."
    "esacape ('') ..."
    "\x61\x6c\x65\x72\x74\x28\x31\x29"
    "alert(1)"

    View Slide


  12. • http://aem1k.com/

    View Slide

  13. Why
    • Fun
    • Limits
    • Focus
    • Language
    • L18n

    View Slide

  14. View Slide

  15. WebTorrent
    Feross Aboukhadijeh
    • Web torrent

    • http://instant.io/

    View Slide

  16. View Slide

  17. Gibbering at Algoraves
    Charlie Roberts, UCLA
    • JavaScript DSL

    • http://gibber.mat.ucsb.edu/

    View Slide


  18. • Part1: http://goo.gl/oOqQMb
    • Part2: http://goo.gl/xCaKRX

    View Slide

  19. View Slide

  20. Deep Space
    Simon Swain, Modus Interactive


    • JavaScript Canvas

    View Slide


  21. var draw = function () {
    // clear the canvas
    // paint stuff
    // ...
    requestAnimationFrame(draw);
    };
    draw();

    View Slide

  22. Demo
    http://simonswain.com/deepspace/

    View Slide


  23. View Slide

  24. View Slide

  25. Building Isomorphic Apps
    Spike Brehm, Airbnb
    • JavaScript
    #
    • Rendr + Backbone / React / Meteor
    • % API Client Server
    • NPM + Browserify / Webpack &
    • Meteor
    Server Client '"
    • Meteor ! Client Server $

    View Slide

  26. View Slide

  27. Pixel Art and Complex Systems
    Vince Allen, Spotify
    • box-shadow pixel art
    • Bit-Shadow Machine
    http://www.bitshadowmachine.com/


    ( / / / / / )

    View Slide

  28. View Slide

  29. Bad Form
    Chris Lienert, Jardine Lloyd Thompson
    • 01$ HTML5 Form &4
    • *'2 %#! (
    • .35-/,
    ")
    • &4+

    View Slide

  30. View Slide

  31. View Slide

  32. HTTP Headers – the simplest security
    Wei Lu

    HTTP
    • Content Security Policy
    http://content-security-policy.com/
    • HTTP Strict Transport Security (HSTS)
    https://www.chromium.org/hsts
    • Node Module: Helmet
    https://github.com/helmetjs/helmet

    View Slide

  33. View Slide

  34. Fun with JavaScript and sensors
    Jan Jongboom, Telenor
    • Mobile Device Sensor

    • sensor
    • rotation sensor 3D
    • JanOS - Firefox OS
    https://github.com/janjongboom/janos

    View Slide


  35. View Slide


  36. View Slide

  37. Quiver.js: Rethinking Web Frameworks
    Soares Chen

    View Slide

  38. Translation workflow and formatting complex translations
    Tingan Ho, P1.cn

    View Slide

  39. Preparing your NodeJS Application for scale
    Dexter Tan & Laurence Franslay, PayPal

    View Slide

  40. There and Back Again - A Game Dev’s Tale
    Peggy Kuo, Atlassian

    View Slide

  41. Versioning, syncing & streaming large
    datasets using Dat + Node
    Max Ogden

    View Slide

  42. IPCluster – Scaling Zopim’s frontend node
    servers
    Yang Bin Kwok, Zopim

    View Slide

  43. Reactive Programming made simple
    Slava Kim, Meteor

    View Slide

  44. Let’s make a game with Phaser
    Gabe Hollombe, Neo

    View Slide

  45. Lightning branches - A way to
    supercharge delivery of features
    Ritesh Angural, Redmart

    View Slide

  46. Future of Node
    Mikeal Rogers, Digital Ocean

    View Slide

  47. THANKS

    View Slide