準備

解凍が終われば上記の方法で，もう一度node.jsが自分のパソコンにダウンロードされているか確認する．

今回データベースはFirebaseのRealtime Databaseを使用した．
まず以下のサイトに入ってアカウントを作る．
https://firebase.google.com/
画面右上の「コンソールへ移動」をクリックする．ここでログインするためにGoogleアカウントが必要．
ログインして，プロジェクトを作成をクリックする．まずプロジェクト名を入力する(例えばbomberなど)．
そして次に進み，Googleアナリティクスの有効はどちらでもよい．
有効にした場合は個別に入力が必要である．プロジェクトの作成ができたら，
</>のマークで表しているウェブアプリをクリックして，アプリ名を入力する．
ここでFirebase Hostingの設定はどちらでもよい．登録をするとスクリプトをコピーしてくださいと
表示されるので，各自でメモ帳などにスクリプトをすべてコピーしておく．
次に進んだら，画面左側の開発をクリックして，Databaseを選択し，
その中からRealtime Databaseを選択する．テストモードで開始を押すと，使用できるようになる．
　
ログイン機能を有効にするために，開発のAuthenticationをクリックする．
そしてログイン方法のなかのメール/アドレスをクリックし，
有効にする（2つあるうちの上のほう）．これでログイン機能を使うことができる．

ゲームの導入

まずこのリポジトリをgitcloneし，zipファイルを任意の場所に解凍する．
vscodeを起動し，解凍したファイルを開く．開いたファイルの.envと書かれたファイルをクリックする．
そこの「VUE_APP_〇〇_〇〇=」とあるので，＝の後の部分を，一つずつ先ほどメモ帳にコピーした
自分のデータに置き換え，保存する．
エクスプローラーで先ほど解凍したファイルを開き，ロケーションバー（PC > 〇〇 …>clientの部分）を
クリックし，そこでcmdと入力し，コマンドプロンプトを開く.
「npm i」と入力しパッケージをダウンロードする．
そのあと，「npm run serve」と入力し，エラーがなければサーバーが立ち上がる.
NetWorkのIPアドレスをコピーし，webブラウザ（Google Chrome推奨）に入力することでログイン画面に移行できる．

1台のPCで遊ぶ場合はPC内で2つの違うブラウザを立ち上げる．(もし，別々のPCで行いたい場合は下のExtension参照)
お互いにログインアカウントを作成し，ルーム画面まで進める．ここでログインアカウントを作るときの
注意点として，ログインＩDは，sample@gmail.comのような形で作成する．
パスワードは6文字以上の英数字である．
(FirebaseのFirebase Authenticationをそのままデフォルトで用いているので，詳細はWebで検索してください．) 　
ルーム設定画面で，片方がルーム作成を行い，もう片方のプレイヤーは入室ボタンから作成されたルームに入る．
上下左右の矢印コマンドを上手く使って相手に近づき，爆弾で相手を倒したプレイヤーの勝利である．

まずコマンドプロンプト上にて，「npm run build」を入力し実行．
- これを行うと，distディレクトリにサーバで動作する用のHTML，JS，CSSファイルが生成される．
client/distディレクトリ内に出来た全てのファイルをサーバ上にアップロードする．
- サーバ上にアップロードする方法は各自調べてください．
  - FirebaseのHosting機能でも可能です．(例:https://bomber-3f3fd.firebaseapp.com)
ファイルをアップロードしたら，そのファイルを参照できるURLを開いて，ログイン画面に行くことを確認する．
次に各PCのブラウザでそのURLを開く．
遊び方の2.に戻る．

ゲーム画面中にリロードを行うと，アラートがいっぱい出てきて挙動がおかしくなるので注意．
(アラートのOKを押し続けるとルーム画面に戻ります．戻ったら，ルーム画面でもう一度リロードしてください．)