Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
180
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
4.8k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.5k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
280
Removing Corepack
yosuke_furukawa
PRO
9
1.8k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.9k
Strip Types と Storage
yosuke_furukawa
PRO
4
450
Module Harmony について
yosuke_furukawa
PRO
3
1.8k
LTのやり方
yosuke_furukawa
PRO
16
2.8k
Other Decks in Programming
See All in Programming
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
zozotech
PRO
9
5.9k
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
k0kubun
0
190
Jetpack XR SDKから紐解くAndroid XR開発と技術選定のヒント / about-androidxr-and-jetpack-xr-sdk
drumath2237
1
160
脳の「省エネモード」をデバッグする ~System 1(直感)と System 2(論理)の切り替え~
panda728
PRO
0
110
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
7
2.3k
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
selcukusta
0
130
AtCoder Conference 2025「LLM時代のAHC」
imjk
2
550
dotfiles 式年遷宮 令和最新版
masawada
1
800
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
440
Graviton と Nitro と私
maroon1st
0
120
Tinkerbellから学ぶ、Podで DHCPをリッスンする手法
tomokon
0
140
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
420
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
How to build a perfect <img>
jonoalderson
0
4.6k
Making Projects Easy
brettharned
120
6.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
28
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Designing for Performance
lara
610
69k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
A better future with KSS
kneath
240
18k
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