オンライン対戦型7並べRTA
#Webプログラミング
実況付きコーディング動画, 4時間程度
使用技術
Firebase
対戦型7並べを作る 1 ログイン、UI①
https://youtu.be/NjDVCtibEZ8
対戦型7並べを作る 2 ゲーム初期化
https://youtu.be/FkXw5IibJl0
対戦型七並べを作る 3 UI② カード表示
https://youtu.be/le5Tufk80Ag
対戦型七並べを作る 4 カード選択
https://youtu.be/NpT2Rh7TmFo
対戦型七並べを作る 5 ゲーム進行
https://youtu.be/B8ltQjM1Sq0
ソースコード
こちら
https://github.com/wand125/wand-sevens/
Q&A
Firebase以外に選択肢はあるの？
FirebaseはMBaaSと呼ばれるクラウドサービスの一つで、AWS だとAmplifyが相当するみたいです。
最新の良い比較記事は見つからなかったのでMBaaSでググるといいかも。
エラーが出た
Error: Cloud Functions deployment requires the pay-as-you-go (Blaze) billing plan. To upgrade your project, visit the following URL:
Node.js 10でCloud Functionsを利用するのに課金設定が必要になったみたいです。
課金設定をしない場合は、今回使ってないのでCloud Functionsを切るか、Node.jsのバージョンを8にしてください。
（多分課金設定しても無料分で収まると思いますが......）
htmlはテンプレがあるの？
→ 新規ファイルの拡張子htmlに関連させています
htmlテンプレ
使ってるツールは？
エディタ: vim
画面収録: OBS
キーボード操作について
画面分割にショートカットコマンドを設定しています
Vim画面分割ショートカット
ブラウザプレビューどうやってる？
code: sh
$ firebase serve
でローカルサーバー立ち上げ
localhost:5000
にアクセス