Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Hexi hexi.pics
Search
Yosuke Furukawa
PRO
September 09, 2015
Programming
3
6.1k
Hexi hexi.pics
Hexi talks in NodeConfEU
Hexi uses HTTP/2, io.js, AWS Lambda.
Yosuke Furukawa
PRO
September 09, 2015
Tweet
Share
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
9
3.7k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.1k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
230
Removing Corepack
yosuke_furukawa
PRO
9
1.6k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.8k
Strip Types と Storage
yosuke_furukawa
PRO
4
410
Module Harmony について
yosuke_furukawa
PRO
3
1.7k
LTのやり方
yosuke_furukawa
PRO
16
2.6k
AppRouter Panel Talk
yosuke_furukawa
PRO
3
810
Other Decks in Programming
See All in Programming
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
440
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
570
A2A プロトコルを試してみる
azukiazusa1
2
1.2k
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
100
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
140
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
250
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
230
GoのGenericsによるslice操作との付き合い方
syumai
3
690
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
1
480
Java on Azure で LangGraph!
kohei3110
0
170
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
290
C++20 射影変換
faithandbrave
0
540
Featured
See All Featured
Faster Mobile Websites
deanohume
307
31k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
The Invisible Side of Design
smashingmag
300
51k
Six Lessons from altMBA
skipperchong
28
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
GraphQLとの向き合い方2022年版
quramy
48
14k
Code Review Best Practice
trishagee
68
18k
Transcript
@yosuke_furukawa Hexagonal Sticker as a Service
Hexi @yosuke_furukawa
@yosuke_furukawa
Japan Node.js User Group Leader
Frontend Engineer (using React) at DeNA
Congrats!!!!
None
None
None
Hex Sticker
None
None
8F)FYTUJDLFST%
And
None
8FIBWFTUBOEBSETQFDGPSTUJDLFST
So. My motivation is …
Let’s make Hexagonal Stickers https://hexi.pics
None
Hexi inside
Hexi inside • HTTP/2 (NGINX patch) • io.js (Express) •
AWS Lambda (image resizer) • AWS RDS (MySQL) • AWS S3 (image storage)
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
Hexi inside • HTTP/2 (NGINX patch) • io.js (Express) •
AWS Lambda (image resizer) • AWS RDS (MySQL) • AWS S3 (image storage)
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 S3 2. invoke lambda functions
3. resize image 4. PUT resized images
1. PUT initial image to S3 2. invoke lambda functions
3. resize image 4. PUT resized images DSFBUFXPSLFSTFBTJMZ
okrabyte • NOTE: EXPERIMENTAL okrabyte extract characters Tokyo Node Festival
2015
DEMO okrabyte
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 /POFFEUPVTFIBDLUP SFEVDF)551SFRVFTUT &4GSJFOEMZ 1FSGPSNBODFJNQSPWFE DSFBUFXPSLFST FBTJMZ
one more thing http://nodefest.jp/
NodeFest 2015
Thank you !!!! @yosuke_furukawa