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
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
14
2.2k
Strip Types と Storage
yosuke_furukawa
PRO
4
300
Module Harmony について
yosuke_furukawa
PRO
3
1.4k
LTのやり方
yosuke_furukawa
PRO
16
2k
AppRouter Panel Talk
yosuke_furukawa
PRO
3
660
Node.js v22 で変わること
yosuke_furukawa
PRO
13
5k
リアーキテクトと開発生産性について
yosuke_furukawa
PRO
25
9.3k
JavaScript Server Runtime History
yosuke_furukawa
PRO
9
3.6k
tc39 x jsconf.jp Panel Discussion
yosuke_furukawa
PRO
0
1.7k
Other Decks in Programming
See All in Programming
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
660
はじめてみよう量子プログラミング
itokoichi01
0
210
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
Architecture Decision Record (ADR)
nearme_tech
PRO
1
690
RAGの回答精度評価用のQAデータセットを生成AIに作らせた話
kurahara
0
250
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
『ドメイン駆動設計をはじめよう』中核の業務領域
masuda220
PRO
5
1k
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
530
The Shape of a Service Object
inem
0
520
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
400
REXML改善のその後
naitoh
0
190
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
Fantastic passwords and where to find them - at NoRuKo
philnash
48
2.8k
Robots, Beer and Maslow
schacon
PRO
157
8.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
480
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Git: the NoSQL Database
bkeepers
PRO
425
64k
What the flash - Photography Introduction
edds
67
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Cult of Friendly URLs
andyhume
76
6k
Web Components: a chance to create the future
zenorocha
309
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
25
3.9k
GitHub's CSS Performance
jonrohan
1030
450k
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