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
2.9k
0
Share
stubcell
Yosuke Furukawa
PRO
May 10, 2014
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
210
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
5k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.6k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
310
Removing Corepack
yosuke_furukawa
PRO
9
1.9k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
3k
Strip Types と Storage
yosuke_furukawa
PRO
4
480
Module Harmony について
yosuke_furukawa
PRO
4
1.9k
LTのやり方
yosuke_furukawa
PRO
16
2.9k
Other Decks in Programming
See All in Programming
存在論的プログラミング: 時間と存在を記述する
koriym
5
730
「効かない!」依存性注入(DI)を活用したAPI Platformのエラーハンドリング奮闘記
mkmk884
0
280
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
ikezoemakoto
0
310
PHPのバージョンアップ時にも役立ったAST(2026年版)
matsuo_atsushi
0
270
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて!
k0kubun
3
2.7k
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
180
Smarter Angular mit Transformers.js & Prompt API
christianliebel
PRO
1
110
OTP を自動で入力する裏技
megabitsenmzq
0
130
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
nrslib
4
590
実践ハーネスエンジニアリング #MOSHTech
kajitack
7
5.2k
ネイティブアプリとWebフロントエンドのAPI通信ラッパーにおける共通化の勘所
suguruooki
0
230
野球解説AI Agentを開発してみた - 2026/02/27 LayerX社内LT会資料
shinyorke
PRO
0
380
Featured
See All Featured
Everyday Curiosity
cassininazir
0
180
Navigating Weather and Climate Data
rabernat
0
150
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
660
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
390
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
190
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
140
New Earth Scene 8
popppiees
2
2k
We Have a Design System, Now What?
morganepeng
55
8.1k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
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