Upgrade to Pro — share decks privately, control downloads, hide ads and more …

enebularLT

05f1782316569a4d6e9d11a9b632f708?s=47 canonno
December 02, 2021
Technology
0
83

 enebularLT

05f1782316569a4d6e9d11a9b632f708?s=128

canonno

December 02, 2021
Tweet

More Decks by canonno

See All by canonno
communeLT
05f1782316569a4d6e9d11a9b632f708?s=48 canonno
0
6.4k
yurufuwaLT
05f1782316569a4d6e9d11a9b632f708?s=48 canonno
0
100
Try_English_LT.pdf
05f1782316569a4d6e9d11a9b632f708?s=48 canonno
1
110
IoT LT
05f1782316569a4d6e9d11a9b632f708?s=48 canonno
0
290
Enebular LT
05f1782316569a4d6e9d11a9b632f708?s=48 canonno
0
480

Other Decks in Technology

See All in Technology
〇〇みたいな検索作ってと言われたときに考えること / thinking before developing search system like that one
E96c81ea6ec9fc4258a1fba04ae7ca5e?s=48 ryook
5
2.7k
増田亨さんによる 「設計の考え方とやり方」勉強会オープニング
8ccb6288c8b9f34d6917a14d42e66cbe?s=48 tsuyok
0
210
ReverseETLでユーザーに価値を届ける基盤を実現した話
0c847ea07895706f7435ef67d31a5f6e?s=48 hakky
0
350
ふりかえりの技術 / retrospectives
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
3
180
ぼくらが選んだ次のMySQL 8.0 / MySQL80 Which We Choose
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
7
3k
Backlog × RPAでいろいろ捗った話
87470304247051028bed32895e4816cd?s=48 z_tetsu
0
390
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
PRO
10
19k
インフラのテストに VPC Reachability Analyzer は外せないという話
3e77f9dbec6a87756d1dbdddab283aee?s=48 nulabinc
PRO
2
720
Simplify Cloud Native Security with Trivy
3f2e97dc4e6a5daaf1cb8a406c533176?s=48 knqyf263
0
690
psql, my favorite tool!
18749909c147a9ee98f6b112911943cc?s=48 nuko_yokohama
1
180
Azure DevOps Online Vol.6 - 業務で必要なCIをみんなで考えよう
10be5c6d7c18735c1169520e55e15214?s=48 kkamegawa
0
270
ECS on EC2 で Auto Scaling やってみる！
5a6e159c3f74fb7bd85e62efe5f34e2b?s=48 sayjoy
1
250

Featured

See All Featured
Scaling GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
29
4.4k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
373
44k
A Philosophy of Restraint
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
192
15k
In The Pink: A Labor of Love
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
131
21k
Why Our Code Smells
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
55k
What's in a price? How to price your products and services
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
229
9.4k
GraphQLとの向き合い方2022年版
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
16
8.5k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
290
48k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
12
940
How to Ace a Technical Interview
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
267
21k

Transcript

  1. enebularで対戦ゲームをつくってみたい 賀野 壮一朗 Twitter:@canonno_blog ※失敗しているので アドバイスなどあればお願いします！

  2. 自己紹介 • 賀野 壮一朗 • 日系飲料メーカーSIer 入社三年目 • 微生物学研究室出身 (ITド初心者)

    • ProtoOut 4期生。

  3. お絵描きライブラリp5jsらぶ

  4. おにごっこゲームを作った https://affectionate-edison-a21421.netlify.app/kakurenbo.html

  5. おにごっこゲームを作った ->これを通信ゲームにしたい https://affectionate-edison-a21421.netlify.app/kakurenbo.html

  6. 余談

  7. 余談

  8. Websocket Nodeを使って試行錯誤しました ※websocket：サーバーからクライアント側へプッシュ可能な双方向型プロトコル 逃げる側 鬼側 /ws/nigeruに接続 /ws/oniに接続 ↑を入力 /ws/nigeruへ送信 /ws/oniから受信

    相手が↑を入力 した画面反映

  9. サーバー側から鬼を動かす

  10. サーバー側から鬼を動かす

  11. クライアント側から送る

  12. Websocket Nodeを使って試行錯誤しました ※websocket：サーバーからクライアント側へプッシュ可能な双方向型プロトコル 逃げる側 鬼側 /ws/nigeruに接続 /ws/oniに接続 ↑を入力 /ws/nigeruへ送信 /ws/oniから受信

    相手が↑を入力 した画面反映 ◎ ◎

  13. /ws/nigeruから/ws/oniへ送り込む 逃げる側の入力を 鬼側へ送る 鬼側の入力を 逃げる側へ送る

  14. /ws/nigeruから/ws/oniへ送り込む -> うまくいかない 逃げる側の入力を 鬼側へ送る 逃げる側ブラウザで入力 ここまで問題ないことがわかってる 鬼側ブラウザに反映されない それどころか受信もされない

  15. enebular/Node-Redを使った 対戦ゲーム作ってみた的な 資料あったら教えてください！！！ これができるなら サーバー側書かなくていいかららくちん