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
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
3.8k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
190
Removing Corepack
yosuke_furukawa
PRO
9
1.5k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.6k
Strip Types と Storage
yosuke_furukawa
PRO
4
370
Module Harmony について
yosuke_furukawa
PRO
3
1.6k
LTのやり方
yosuke_furukawa
PRO
16
2.4k
AppRouter Panel Talk
yosuke_furukawa
PRO
3
750
Node.js v22 で変わること
yosuke_furukawa
PRO
13
5.8k
Other Decks in Programming
See All in Programming
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
150
Datadog Workflow Automation で圧倒的価値提供
showwin
1
160
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1k
楽しく向き合う例外対応
okutsu
0
670
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
230
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
54
19k
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
270
Domain-Driven Transformation
hschwentner
2
1.9k
Rails 1.0 のコードで学ぶ find_by* と method_missing の仕組み / Learn how find_by_* and method_missing work in Rails 1.0 code
maimux2x
1
230
Jasprが凄い話
hyshu
0
160
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
300
Featured
See All Featured
Designing Experiences People Love
moore
140
23k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
GraphQLとの向き合い方2022年版
quramy
44
14k
Adopting Sorbet at Scale
ufuk
74
9.2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building Your Own Lightsaber
phodgson
104
6.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Thoughts on Productivity
jonyablonski
69
4.5k
Rails Girls Zürich Keynote
gr2m
94
13k
Building an army of robots
kneath
303
45k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
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