2025/3/1 LT(CircLeT2025)

Transcript

1. WebSocketを使って 対戦型タイピングゲームを つくってみた 2025/3/1　CircLeT2025 Joken　塚本宏祐
2. ﾁｮﾛｯと自己紹介
3. Profile 名前：塚本 宏祐(ツカモト コウスケ) 所属：日本大学工学部情報工学科2年 　　　Joken副会長 出身：茨城県つくば市 ひとこと：花粉症により思考がボンヤリし始めました 　　　　　助けてください
4. これまでに作ってみたもの ・顔追跡カメラ ・ソートアルゴリズムの可視化 ・大学ポータルサイトのレイアウト　を変 更するchrome拡張 　(友人と共同開発) ・特定の語尾を石破総理風に 　ﾈｯﾄﾘさせるchrome拡張
5. 本題
6. 制作したきっかけ LT会の題材決めないとなあ →せっかくだし対戦ゲーム作って話したいなあ →Node.jsとSocket.ioを組み合わせるとWebアプリとして 　作れるみたい…？ →どっちも経験ないけどヨシ！ 　LET’S GO!!!!!!!!!!!
7. (Socket.ioの前に)WebSocketってなんぞや クライアント・サーバー間で接続を維持しながら 双方向通信を行うための通信プロトコル クライアント・サーバー間でリアルタイムにデータの やり取りができるため、チャットアプリやオンラインゲームとかで活 用されているそうな
8. じゃあSocket.ioってなんぞや リアルタイム&双方向な通信を可能にする Javascriptライブラリ 通信プロトコルは主にWebSocketを使用するが、 場合に応じて他のプロトコル(Ajax,Comet)を自動的に 選択してくれるらしい　便利ね
9. 使用技術 ・Node.js ・Express ・Socket.IO 制作期間 １週間　気が狂うね
10. 実際にできたもの このLT登壇後にRenderでお試しデプロイしてみました (無料プランなので15分非アクティブだとサーバーが スリープ状態になる　なので表示に30秒くらいかかるかも) https://typerush-er84.onrender.com ・へ な ち ょ こ U I ・唐突に始まり、相手の状況がまったく分からない対戦 など、急造感マシマシ(実際そう)
11. 感想・反省 ・データの送受信の処理が想像の数倍書きやすい印象 　(小規模とはいえ) ・もうちょっとデザインとか機能増強したい… ・仕様変更による手戻りが大量発生　無事ｼﾅｼﾅに 　仕様ちゃんと固めてから、開発しようね！ ・登壇1週間前+合宿免許中に開発し始めるのは、よそう！ 　it’s判断力足らんかった...!
12. ご清聴 ありがとうございました！