GASでクイズを作ってみた(失敗編)

2K Views

May 29, 23

スライド概要

2019年7月25日 日本MSP協会若手交流会 LT資料
「GASでクイズを作ってみた(失敗編)」

profile-image

日本・中国・カナダを拠点に、AWS や GCP・Azure などのマルチクラウドに対応した、クラウド / サーバーの構築・移行、24時間365日の運用保守 / 監視、負荷テスト、Webシステム開発、サーバーサイド / API 開発 など、クラウド / サーバーに特化したサービスをご提供いたします。 ● コーポレートサイト https://beyondjapan.com ● YouTube https://www.youtube.com/c/beyomaruch ● X(Twitter) https://twitter.com/beyondjapaninfo ● Instagram https://www.instagram.com/beyondjapan_24365

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

GASでクイズを作ってみた (失敗編)

2.

自己紹介 名前:長谷 竜弥(ナガタニ タツヤ) 会社:株式会社ビヨンド 部署:Webシステム部 趣味:野球すること

3.

GASとは? ● Google Apps Script の略 ● Googleが提供するサーバーサイドスクリプト環境 ● GASはJavaScriptに、Googleのサービスを利用するため のさまざまなオブジェクトを追加したものなので、 JavaScriptが分かっていれば、抵抗なく実装できる

4.

GASでできること Googleが提供しているサービスを自由に連携することができる ● ● ● ● ● ● Googleドライブ スプレッドシート Gメール Googleカレンダー Googleマップ Google翻訳 等

5.

GASでできること ● Gメールで受信した内容を取得し自動でスプレッドシートに 書き込むことができる ● 外部サービスとの連携も可能なので、Googleカレンダーに 登録したその日の予定を毎日決まった時間に自動でLINEに送 ったりすることができる(トリガーを設定することもでき る) ● Webアプリケーションを作成することも可能

6.

なぜクイズを作ったか? ● ビヨンド主催のお客さん交えての忘年会でクイズ大会をする ことになった。 ● そのクイズのシステムをGASで作ってほしいとの依頼 ● Webアプリケーション・スプレッドシートの機能を使って作 成することに

7.

要件 ● 計10問の4択クイズ(制限時間あり:1問20秒) ● 回答時間を記録するようにする(正解数が同じだった 場合に回答時間によって順位を決めるため) ● スマホでできるようにする

8.

実装

9.

実装

10.

実装

11.

実装

13.

実装

14.

実装

15.

実装

16.

実装

17.

実装

18.

実装

19.

実装

20.

実装

21.

完成 いざ本番!

22.

完成 が、、

23.

結果 ● 最初の名前入力の時点でエラーが発生する人が続出。 ● エラーが発生していない人も挙動が重くてまともに動 かない状態 ● これではクイズができないと判断し、じゃんけん大会 に急遽変更 ● 大失敗に終わった。。

24.

原因

25.

原因 ● 100人近くが一斉にアクセスしたことにより処理しきれ ない状態になってしまった。(サーバーレスだから余 計に) ● 実装工数が限られていたためプログラムの最適化がで きなかった。←ただの言い訳

26.

まとめ ● 今回のはGASの機能を活かした実装ではな かった ● 次回はGASの機能を存分に活かした便利な ツールを作り、それを紹介したいです。

27.

ありがとうございました