Hexi talks in NodeConfEU Hexi uses HTTP/2, io.js, AWS Lambda.
@yosuke_furukawaHexagonal Sticker as a Service
View Slide
Hexi@yosuke_furukawa
@yosuke_furukawa
Japan Node.js User GroupLeader
Frontend Engineer (usingReact) at DeNA
Congrats!!!!
Hex Sticker
8F)FYTUJDLFST%
And
8FIBWFTUBOEBSETQFDGPSTUJDLFST
So. My motivation is …
Let’s make HexagonalStickershttps://hexi.pics
Hexi inside
Hexi inside• HTTP/2 (NGINX patch)• io.js (Express)• AWS Lambda (image resizer)• AWS RDS (MySQL)• AWS S3 (image storage)
HTTP/2
HTTP/2• features• multi-requests per 1 connection• binary header (HPACK)• Server push / prioritized asset requests(not implemented yet in nginx patch)
performance
https (HTTP1.1)
https (HTTP1.1)TFDPOET
https (HTTP2)
https (HTTP2)TFDPOETTFDPOET
https (HTTP 1.1 vs HTTP2)
HTTP2 pros• No concat JS/CSS, No CSS Sprite• No domain sharding
HTTP2 pros• No concat JS/CSS, No CSS Sprite• No domain sharding/POFFEUPSFEVDFOVNCFSTPGSFRVFTU
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
GBTUFSUIBO/PEFKTW
AWS Lambda features• Hook Amazon resource actions• S3 PUT/DELETE• Invoke Node.js functions• resize image (using imagemagick)• PUT resized image to S3
1. PUT initial image to S32. invoke lambda functions3. resize image4. PUT resizedimages
1. PUT initial image to S32. invoke lambda functions3. resize image4. PUT resizedimagesDSFBUFXPSLFSTFBTJMZ
okrabyte• NOTE: EXPERIMENTALokrabyteextractcharactersTokyo Node Festival 2015
DEMOokrabyte
conclusion
Hexi is …• Hexagonal Stickers as a Service• We can provide stickers world-wide.• Stickers can be created by mobile phone :)
Hexi has new technologies/POFFEUPVTFIBDLUPSFEVDF)551SFRVFTUT&4GSJFOEMZ1FSGPSNBODFJNQSPWFEDSFBUFXPSLFSTFBTJMZ
one more thinghttp://nodefest.jp/
NodeFest 2015
Thank you !!!!@yosuke_furukawa