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
6k
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
Module Harmony について
yosuke_furukawa
PRO
3
1.3k
LTのやり方
yosuke_furukawa
PRO
14
1.6k
AppRouter Panel Talk
yosuke_furukawa
PRO
3
590
Node.js v22 で変わること
yosuke_furukawa
PRO
13
4.6k
リアーキテクトと開発生産性について
yosuke_furukawa
PRO
24
8.7k
JavaScript Server Runtime History
yosuke_furukawa
PRO
8
3.2k
tc39 x jsconf.jp Panel Discussion
yosuke_furukawa
PRO
0
1.4k
フロントエンドの開発生産性とは
yosuke_furukawa
PRO
17
10k
7 principles for rich web apps And how next.js achieves these principles
yosuke_furukawa
PRO
6
2.6k
Other Decks in Programming
See All in Programming
Cloudless Computingの論文紹介
yuukit
1
230
凝集性から考えるLaravelのmiddleware、routingに書くか? Policyに書くか?
newnomad
1
140
イベント駆動アーキテクチャ導入の手引きと共通の落とし穴 / Guide to Implementing Event-Driven Architecture and Common Pitfalls
nrslib
12
3.9k
Javaプロファイラの信頼性とバイアスへの付き合い方
kazumura
4
310
チームで運用する golangci-lint の向き合い方
sgash708
3
290
What's new in Xcode 16 ダイジェスト
enomotok
0
150
スクラムフェスを支える配信の仕組み
murabayashi
1
130
宇宙一早くAmazon Bedrock 生成AIアプリ開発入門の献本が届いたので 感想をしみじみ語る
ymd65536
1
160
ボトムアップではじめるFour Keys・SPACEを用いた開発プロセスの改善事例 〜開発生産性に向き合ってチームの成長を実感する〜
nomuson
1
240
C++ MIX #11 これどう読むの...?
5mingame2
0
190
アプリケーションをリプレイスしたら チームとサービス運用に向き合えた
kazatohiei
1
280
Google I/O 2024 Android 開発ツールの新機能
tonionagauzzi
0
200
Featured
See All Featured
In The Pink: A Labor of Love
frogandcode
138
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
How to Ace a Technical Interview
jacobian
273
22k
Building Adaptive Systems
keathley
33
2k
Principles of Awesome APIs and How to Build Them.
keavy
122
16k
Scaling GitHub
holman
457
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
14
4.8k
What's in a price? How to price your products and services
michaelherold
238
11k
It's Worth the Effort
3n
180
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
15
1.6k
How GitHub (no longer) Works
holman
305
140k
A Tale of Four Properties
chriscoyier
154
22k
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