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
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
stubcell
Yosuke Furukawa
PRO
May 10, 2014
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
240
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
5.3k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.8k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
350
Removing Corepack
yosuke_furukawa
PRO
9
2k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
3.1k
Strip Types と Storage
yosuke_furukawa
PRO
4
520
Module Harmony について
yosuke_furukawa
PRO
4
1.9k
LTのやり方
yosuke_furukawa
PRO
16
3k
Other Decks in Programming
See All in Programming
AI時代の仕事技芸論〜ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ(スクフェス仙台 2026バージョン)
kuranuki
0
680
act1-costs.pdf
sumedhbala
0
240
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
pkshadeck
PRO
0
2.9k
霧の中の代数的エフェクト
funnyycat
1
410
AI時代のPHPer生存戦略 ~「言語、もうなんでもよくない?」に本気で向き合う~
vivion
0
130
AI 輔助遺留系統現代化的經驗分享
jame2408
1
1.2k
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.2k
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
160
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
gotok365
3
470
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
150
継続モナドとリアクティブプログラミング
yukikurage
3
620
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
2
600
Featured
See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
240
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
380
Tell your own story through comics
letsgokoyo
1
1k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
370
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
How to Talk to Developers About Accessibility
jct
2
420
Producing Creativity
orderedlist
PRO
348
40k
Paper Plane (Part 1)
katiecoart
PRO
1
9.7k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
550
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
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