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
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
110
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
4.1k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.2k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
250
Removing Corepack
yosuke_furukawa
PRO
9
1.6k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.8k
Strip Types と Storage
yosuke_furukawa
PRO
4
420
Module Harmony について
yosuke_furukawa
PRO
3
1.7k
LTのやり方
yosuke_furukawa
PRO
16
2.7k
Other Decks in Programming
See All in Programming
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
shuyakinjo
1
300
実践 Dev Containers × Claude Code
touyu
1
240
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
190
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
mipypf
0
770
実践!App Intents対応
yuukiw00w
1
350
WebAssemblyインタプリタを書く ~Component Modelを添えて~
ruccho
1
910
Google I/O recap web編 大分Web祭り2025
kponda
0
2.9k
Langfuseと歩む生成AI活用推進
licux
3
300
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
200
CSC305 Summer Lecture 06
javiergs
PRO
0
100
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
kfujikawa
0
1k
Constant integer division faster than compiler-generated code
herumi
2
690
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Site-Speed That Sticks
csswizardry
10
780
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Faster Mobile Websites
deanohume
309
31k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
A better future with KSS
kneath
239
17k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
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