JavaScript関連のことを調べてみた2020年10月18日

express.jsアプリをFirebase Functionsにデプロイする

前回：[express.jsアプリをAWS CloudFormationでデプロイする](https://qiita.com/110chang/items/e4ad9c8b0bfbacfa6e98)

## 前提

– Googleアカウント
– firebaseプロジェクト
– firebase-tools

## プロジェクト初期化

“`sh
$ firebase init functions
“`

## expressアプリ追加

– firebase-functionsの読み込み
– functions.https.onRequestイベントハンドラにアプリを渡す
– exportする

“`js
// index.js
const functions = require(‘firebase-functions’);
const express = require(‘express’);
const app = express();

app.get(‘/’, (req

ESPカードの作成

### ESPカードの作成
今回はESPカードを作成します。STARTボタンをクリックするとカードの絵柄がシャッフルされるので、それぞれの絵柄が何か当ててください。カードをクリックすると表面にひっくり返ります。

button要素にonclick属性を付与して、ボタンをクリックしたときに「clicked」関数が発火します。

“`

※ ☆、○、×、△、□を当ててください

START

“`

script要素内はclicked関数とflip関数に分かれます。
clicked関数内はカードをシャッフルする箇所とカードを並べる箇所に別れます。
flip関数はカードをクリックしたときに裏面から表面にひっくり返す機能があります。

“`