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
stubcell
Search
Yosuke Furukawa
PRO
May 10, 2014
Programming
0
2.9k
stubcell
Yosuke Furukawa
PRO
May 10, 2014
Tweet
Share
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
0
270
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
150
Removing Corepack
yosuke_furukawa
PRO
9
1.3k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.5k
Strip Types と Storage
yosuke_furukawa
PRO
4
340
Module Harmony について
yosuke_furukawa
PRO
3
1.5k
LTのやり方
yosuke_furukawa
PRO
16
2.2k
AppRouter Panel Talk
yosuke_furukawa
PRO
3
700
Node.js v22 で変わること
yosuke_furukawa
PRO
13
5.3k
Other Decks in Programming
See All in Programming
EMになってからチームの成果を最大化するために取り組んだこと/ Maximize team performance as EM
nashiusagi
0
100
CSC509 Lecture 13
javiergs
PRO
0
110
Tauriでネイティブアプリを作りたい
tsucchinoko
0
380
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
130
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.3k
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.3k
見せてあげますよ、「本物のLaravel批判」ってやつを。
77web
7
7.8k
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
110
rails new flags - `rails new` のフラグから Rails を構成するコンポーネントの変遷をザックリ眺める
snaka
0
1.8k
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
140
デザインパターンで理解するLLMエージェントの作り方 / How to develop an LLM agent using agentic design patterns
rkaga
9
1.3k
Remix on Hono on Cloudflare Workers
yusukebe
1
310
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Building Applications with DynamoDB
mza
90
6.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Invisible Side of Design
smashingmag
298
50k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Facilitating Awesome Meetings
lara
50
6.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
A designer walks into a library…
pauljervisheath
204
24k
Navigating Team Friction
lara
183
14k
Transcript
νʔϜ։ൃʹཱͭstubcell @yosuke_furukawa
@yosuke_furukawa Node.jsϢʔβʔάϧʔϓද / DeNAॴଐ
CodeGrid ೋप ͓ΊͰͱ͏͍͟͝·͢!!!!
ฐࣾνʔϜ։ൃελΠϧ client side API server (websocket) Request Response Request Response
websocket
ฐࣾνʔϜ։ൃελΠϧ client side API server websocket Request Response Request Response
websocket େମҰਓ Ұͭड͚࣋ͭ ֻ͚࣋ͭ࣌͋Δ͕ɺ αʔόʔͱϑϩϯτ جຊతʹ͔ΕͯΔ
ฐࣾνʔϜ։ൃελΠϧ client side API server websocket Request Response Request Response
websocket ϦΫΤετ͕ظͱҧ͏ "1*ΤϯυϙΠϯτ͕ແ ͍͔Βಈ࡞֬ೝͰ͖ͳ͍ "1*ͷ༷ɺ͜ͷલܾΊ ͳ͔͚ͬͨͬ
Problem ! client, websocket୯ମͰಈ࡞֬ೝ͠ʹ͍͘ APIͷexpect/actual͕ҧ͏͕࣌͋Δ APIࡦఆͷίϛϡχέʔγϣϯίετ૿
Ϟδϡʔϧؒૄ݁߹ɺ ͦͷίϛϡχέʔγϣϯ ີ݁߹ͷํ͕ྑ͍ɻ
ͦ͜Ͱɺstubcell https://github.com/yosuke- furukawa/stubcell
Stubcell ສೳࡉ๔(STAP)ͷΑ͏ʹ֤छϞδϡʔϧؒͰStubΛ࡞ΕΔ JSON5Խ͞Ε͓ͯΓɺJSON͕human friendlyὑ grunt, gulpԽ͞Ε͓ͯΓɺλεΫϥϯφʔͱͷੑߴ͍
ฐࣾνʔϜ։ൃελΠϧ client side API server websocket Request Response Request Response
websocket ϦΫΤετ͕ظͱҧ͏ "1*ΤϯυϙΠϯτ͕ແ ͍͔Βಈ࡞֬ೝͰ͖ͳ͍ "1*ͷ༷ɺ͜ͷલܾΊ ͳ͔͚ͬͨͬ ͜͏ͩͬͨͷ͕ɻɻɻ
ฐࣾνʔϜ։ൃελΠϧ client side API server websocket Request Response Request Response
websocket 4UVCͷఆٛϑΝΠϧΛ ಡΊϦΫΤετͷظ͢ Δ͕͔Δὑ 4UVCDFMMͰ αʔόϨε։ൃὑ "1*ͷ༷͕4UVCͷఆٛϑΝ Πϧͱͯͬͯ͠Δὑ ͜͏ͳΔ ΈΜͳϋοϐʔὑ
DEMO
౦ژNodeֶԂͷαΠτ ࡞·͓ͨئ͍͠·͢ m(_ _)m Thanks :D