オンラインワンナイト人狼Webアプリを作った - 学生がクリエイターになるまで

どうも、ユゥです。

おひさしぶりぶり～～～

例のアレで自宅にいて、本職(学生)の課題もモチベが上がらないので、何か他のことしたいな～と思いながら、人狼ゲームアプリを作りました。

jinro-home.com

友達にワンナイト人狼を教えてもらって、学校でたまにやってました。スマホアプリ版のやつに課金しまくって、役職めちゃ使ってやってました。

しかし例のアレで学校にも行けず、人狼もできなくなったので、オンラインでやる方法はないのか探すと、

oj.bakuretuken.com

ありました、公認サービス！

（使用可能役職：村人、占い師、怪盗、人狼、狂人、吊人）

このサービスを使わせてもらって、友達と何回かやってました。

しかし、スマホアプリ版に慣れていた僕たちは、他の役職を使いたくなりました。

つくるかーーーーー

まず、材料を用意します。

JavaScript
jQuery
Node.js
Express
socket.io
サーバー

簡単ですね？🎅

うそです。

初めての非同期*1

で動くプログラムを書くことになって、どこから初めて良いかわからなかったので、とりあえず非同期といえば・・・ajaxならなんか聞いたことあるから調べてみよう。・・・と、調べて色々読んでました。

AJAXなめてたごめんおやすみ
— ユゥ (@yulu0829) April 14, 2020

諦めました。なんか難しい。調べてみると環境によってAjaxが使えるとかWebsocketがとかなんかいっぱいあるらしいです。

クライアントの環境によって最適な非同期通信を行ってくれる最強マン、それがsocket.ioっていうライブラリ？です。そんな素晴らしいものがNode.jsにあるなんて。PHPとかRubyとかわからんのでサーバーサイドもJSで書けるというのはすごい時間の短縮になりますね。

あとはExpressっていうNode.jsのHTTP通信を簡単にしてくれるやつを使いました・・・こんな感じで合ってるのかな？

Node.jsも初めてだったので色んなサイトを見ました。

めちゃくちゃ分かりやすかった〜〜〜でもejsが個人的に読み辛すぎて苦手だ〜

Node.jsの勉強会でお手軽にWebアプリを作った話 - RAKUS Developers Blog | ラクスエンジニアブログ https://t.co/DZOb6TyBmo
— ユゥ (@yulu0829) April 15, 2020