$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
enebularLT
Search
canonno
December 02, 2021
Technology
0
280
enebularLT
canonno
December 02, 2021
Tweet
Share
More Decks by canonno
See All by canonno
噂で聞いたSupabaseをハンズオン
canonno
0
150
[LINEDC]AIはLINE BOT周りをどう変えたか
canonno
0
160
【書評】2032年、日本がスタートアップのハブになる
canonno
0
100
communeLT
canonno
0
7.5k
yurufuwaLT
canonno
0
170
Try_English_LT.pdf
canonno
1
340
IoT LT
canonno
0
380
Enebular LT
canonno
0
920
Other Decks in Technology
See All in Technology
私も懇親会は苦手でした ~苦手だからこそ懇親会を楽しむ方法~ / 20251127 Masaki Okuda
shift_evolve
PRO
4
530
段階的に進める、 挫折しない自宅サーバ入門
yu_kod
5
2.2k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.3k
あなたの知らないDateのひみつ / The Secret of "Date" You Haven't known #tqrk16
expajp
0
110
【保存版】「ガチャ」からの脱却:Gemini × Veoで作る、意図を反映するAI動画制作ワークフロー
nekoailab
0
130
Multimodal AI Driving Solutions to Societal Challenges
keio_smilab
PRO
1
110
事業部のプロジェクト進行と開発チームの改善の “時間軸" のすり合わせ
konifar
9
2.7k
オープンデータの内製化から分かったGISデータを巡る行政の課題
naokim84
2
1.3k
命名から始めるSpec Driven
kuruwic
3
810
ページの可視領域を算出する方法について整理する
yamatai1212
0
150
その設計、 本当に価値を生んでますか?
shimomura
2
150
著者と読み解くAIエージェント現場導入の勘所 Lancers TechBook#2
smiyawaki0820
2
750
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Optimizing for Happiness
mojombo
379
70k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
What's in a price? How to price your products and services
michaelherold
246
12k
Agile that works and the tools we love
rasmusluckow
331
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
GraphQLとの向き合い方2022年版
quramy
49
14k
Code Reviewing Like a Champion
maltzj
527
40k
Site-Speed That Sticks
csswizardry
13
980
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Transcript
enebularで対戦ゲームをつくってみたい 賀野 壮一朗 Twitter:@canonno_blog ※失敗しているので アドバイスなどあればお願いします!
自己紹介 • 賀野 壮一朗 • 日系飲料メーカーSIer 入社三年目 • 微生物学研究室出身 (ITド初心者)
• ProtoOut 4期生。
お絵描きライブラリp5jsらぶ
おにごっこゲームを作った https://affectionate-edison-a21421.netlify.app/kakurenbo.html
おにごっこゲームを作った ->これを通信ゲームにしたい https://affectionate-edison-a21421.netlify.app/kakurenbo.html
余談
余談
Websocket Nodeを使って試行錯誤しました ※websocket:サーバーからクライアント側へプッシュ可能な双方向型プロトコル 逃げる側 鬼側 /ws/nigeruに接続 /ws/oniに接続 ↑を入力 /ws/nigeruへ送信 /ws/oniから受信
相手が↑を入力 した画面反映
サーバー側から鬼を動かす
サーバー側から鬼を動かす
クライアント側から送る
Websocket Nodeを使って試行錯誤しました ※websocket:サーバーからクライアント側へプッシュ可能な双方向型プロトコル 逃げる側 鬼側 /ws/nigeruに接続 /ws/oniに接続 ↑を入力 /ws/nigeruへ送信 /ws/oniから受信
相手が↑を入力 した画面反映 ◎ ◎
/ws/nigeruから/ws/oniへ送り込む 逃げる側の入力を 鬼側へ送る 鬼側の入力を 逃げる側へ送る
/ws/nigeruから/ws/oniへ送り込む -> うまくいかない 逃げる側の入力を 鬼側へ送る 逃げる側ブラウザで入力 ここまで問題ないことがわかってる 鬼側ブラウザに反映されない それどころか受信もされない
enebular/Node-Redを使った 対戦ゲーム作ってみた的な 資料あったら教えてください!!! これができるなら サーバー側書かなくていいかららくちん