Hexi hexi.pics

Hexi talks in NodeConfEU
Hexi uses HTTP/2, io.js, AWS Lambda.

Transcript

1. @yosuke_furukawa Hexagonal Sticker as a Service
2. Hexi @yosuke_furukawa
3. @yosuke_furukawa
4. Japan Node.js User Group Leader
5. Frontend Engineer (using React) at DeNA
6. Congrats!!!!
10. Hex Sticker
13. 8F
    
    )FY
    TUJDLFST
    %
14. And
16. 8F
    IBWF
    TUBOEBSE
    TQFD
    GPS
    TUJDLFST
17. So. My motivation is …
18. Let’s make Hexagonal Stickers https://hexi.pics
20. Hexi inside
21. Hexi inside • HTTP/2 (NGINX patch) • io.js (Express) • AWS Lambda (image resizer) • AWS RDS (MySQL) • AWS S3 (image storage)
22. Hexi inside • HTTP/2 (NGINX patch) • io.js (Express) • AWS Lambda (image resizer) • AWS RDS (MySQL) • AWS S3 (image storage)
23. HTTP/2
24. HTTP/2 • features • multi-requests per 1 connection • binary header (HPACK) • Server push / prioritized asset requests (not implemented yet in nginx patch)
25. performance
26. https (HTTP1.1)
27. https (HTTP1.1) 
    TFDPOET
28. https (HTTP2)
29. https (HTTP2) 
    TFDPOET
    
    
    TFDPOET
30. https (HTTP 1.1 vs HTTP2)
31. HTTP2 pros • No concat JS/CSS, No CSS Sprite • No domain sharding
32. HTTP2 pros • No concat JS/CSS, No CSS Sprite • No domain sharding /P
    OFFE
    UP
    SFEVDF
    OVNCFST
    PG
    SFRVFTU
33. Hexi inside • HTTP/2 (NGINX patch) • io.js (Express) • AWS Lambda (image resizer) • AWS RDS (MySQL) • AWS S3 (image storage)
34. io.js features • ES6 friendly (these features are using in Hexi) • class • template string literals • block scope • Better performance than Node.js v0.12 • almost 5% faster
35. 
    GBTUFS
    UIBO
    /PEFKT
    W
36. AWS Lambda features • Hook Amazon resource actions • S3 PUT/DELETE • Invoke Node.js functions • resize image (using imagemagick) • PUT resized image to S3
37. 1. PUT initial image to S3 2. invoke lambda functions 3. resize image 4. PUT resized images
38. 1. PUT initial image to S3 2. invoke lambda functions 3. resize image 4. PUT resized images DSFBUF
    XPSLFST
    FBTJMZ
39. okrabyte • NOTE: EXPERIMENTAL okrabyte extract characters Tokyo Node Festival 2015
40. DEMO okrabyte
41. conclusion
42. Hexi is … • Hexagonal Stickers as a Service • We can provide stickers world-wide. • Stickers can be created by mobile phone :)
43. Hexi has new technologies /P
    OFFE
    UP
    VTF
    IBDL
    UP
    SFEVDF
    )551
    SFRVFTUT &4
    GSJFOEMZ
    1FSGPSNBODF
    JNQSPWFE DSFBUF
    XPSLFST
    FBTJMZ
44. one more thing http://nodefest.jp/
45. NodeFest 2015
46. Thank you !!!! @yosuke_furukawa