Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
あの頃数百自治体のコロナワクチン予約フォームを救ったWaiting Roomの運用
Search
たけだ
April 15, 2023
Technology
2
420
あの頃数百自治体のコロナワクチン予約フォームを救ったWaiting Roomの運用
以下の勉強会のLTスライドです。
https://cfm-cts.connpass.com/event/275197/
Cloudflare Meetup Nagano Kick Off!
たけだ
April 15, 2023
Tweet
Share
More Decks by たけだ
See All by たけだ
あの頃数百自治体のコロナワクチン 予約フォームを救ったWaiting Roomの運用
taketakekaho
2
2.9k
Cloudflare_MeetUp_Sapporo_KickOff.pdf
taketakekaho
1
200
AWS初心者抜けきれない私がAWS SamuraiとAWS Community Builderの特権フル活用したらどんなものが作れるか挑戦したこと
taketakekaho
0
95
EC2 T2つまずきやすいCPUクレジット再演
taketakekaho
0
87
AWSとLINEをつないでAIボットを作ろう!初心者編
taketakekaho
0
86
AWSとLINEをつないでAIボットを作ろう
taketakekaho
0
81
LGWANでも使えるシナリオ型チャットボットをAWS ECSで構築し数百自治体に提供している話
taketakekaho
0
1.7k
コミュニティを活用した勉強習慣化.pdf
taketakekaho
1
450
20180621_Node学園LT
taketakekaho
0
24
Other Decks in Technology
See All in Technology
話題のGraphRAG、その可能性と課題を理解する
hide212131
4
1.4k
ガチ勢によるPipeCD運用大全〜滑らかなCI/CDを添えて〜 / ai-pipecd-encyclopedia
cyberagentdevelopers
PRO
3
200
Vueで Webコンポーネントを作って Reactで使う / 20241030-cloudsign-vuefes_after_night
bengo4com
4
2.5k
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
Amazon FSx for NetApp ONTAPを利用するにあたっての要件整理と設計のポイント
non97
1
160
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
APIテスト自動化の勘所
yokawasa
7
4.1k
omakaseしないための.rubocop.yml のつくりかた / How to Build Your .rubocop.yml to Avoid Omakase #kaigionrails
linkers_tech
3
730
バクラクにおける可観測性向上の取り組み
yuu26
3
410
Emacs x Nostr
hakkadaikon
1
150
IaC運用を楽にするためにCDK Pipelinesを導入したけど、思い通りにいかなかった話
smt7174
1
110
Product Engineer Night #6プロダクトエンジニアを育む仕組み・施策
hacomono
PRO
1
460
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
167
14k
Designing the Hi-DPI Web
ddemaree
280
34k
Six Lessons from altMBA
skipperchong
26
3.5k
GraphQLの誤解/rethinking-graphql
sonatard
66
9.9k
Scaling GitHub
holman
458
140k
Optimizing for Happiness
mojombo
376
69k
Producing Creativity
orderedlist
PRO
341
39k
Visualization
eitanlees
144
15k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing for humans not robots
tammielis
249
25k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Transcript
あの頃数百自治体のコロナワクチン 予約フォームを救ったWaiting Room の運用 たけだ 2023/4/15 Cloudflare Meetup Nagano Kick
Off! # C l o u d f l a r e U G _ m m j
武田可帆里 @taketakekaho 青森県八戸市出身 株式会社トラストバンク所属 趣味:ゴルフ、ワーケーション、スキューバダイビング Cloudflare利用歴4年(まだビギナー) 好きなCloudflare機能:Waiting Room たけだの 自己紹介 #
CloudflareUG_cts <経歴> SIer 金融事業本部 銀行システム開発インフラ ↓ チェンジ NewITコンサル事業部 エンジニアっぽい人 ↓ トラストバンク パブリテック事業部 自治体向けSaaS PdM 兼 なんでも屋
初めての長野でワーケーションしました。楽しい!!! 急遽参加したのに誰よりもくつろぐ亀田さんさすが。
デジタル化総合プラットフォーム 自治体職員が電子申請や申込予約、アンケートなどのフォームを作成・集計し、 一元管理できる自治体専用のデジタル化総合プラットフォーム # C l o u d f
l a r e U G _ m m j
利用ユーザー オリジンサーバ (日本産クラウドサーバ) 悪意のあるボット 不正アクセス・ サイバー攻撃 弊社ではhttps 化とセキュリティ対策目的でとりあえずCloudflare 設置しとけ的な考え方 でリリース当初から設置してました。
コロナワクチン予約 急に決まったワクチン接種運用。 スピード重視のため自治体ごとの運用 に委ねられて日本中の1,788 自治体がワ クチン予約受付運用の検討を余儀なく される LoGo フォーム使えますか?の相談が殺 到。。
予約開始時点のアクセス集中に耐えら れるかが予測しにくい状況。 # C l o u d f l a r e U G _ m m j
お?!!! https://classmethod.jp/news/20210310-digital-wating-room/ # C l o u d f l
a r e U G _ m m j
Waiting Room とは? アクセスが集中するWeb サイトについて、既存のサーバー構成を変更することな く、アクセス待機の順番管理を可能にするサービス。 アクセスが集中するWeb サイトに設定以上のアクセスが発生した場合、デジタル待 機室として用意したWeb ページへ自動で案内され、アクセス待機の順番管理を行う
仕組みです。自分の順番になると、ワクチン予約ページに自動で誘導される。
トラフィック > Waiting Room
これだけで設定できちゃう
デザインカスタマイズも可能 # C l o u d f l a
r e U G _ m m j
困ったこと・ 工夫したこと 4 選 # C l o u d
f l a r e U G _ m m j
①「〇〇万人が同時にアクセスしてきた場合、 目安として何分待つことになるんですか?」 に答えられない 非公式でこっそり教えてもらった計算方法 待ち行列の計算式らしい W = 1/μ ln λ/μ
# C l o u d f l a r e U G _ m m j
凡人の私には 理解できない 計算方法の解説は諦めて、小規模な自 治体から導入実績とって過去の実績か ら目安を回答。 # C l o u
d f l a r e U G _ m m j
②設定値の最適値がわからず異常な待ち時間で不満に つながるリスク 設定を緩くしすぎるとサービスへの負荷のリスクとな るため念のため最初は厳しめの設定で予約開始にして 予約開始後の待ち時間と人数を監視しながら少しずつ 設定を緩和していく運用にした。 # C l o
u d f l a r e U G _ m m j
③予約の不公平さが発生 予約時間前から予約ページにアクセスしていた場 合には待合室への自動遷移対象にならないので行 列に並ぶことなく予約ができてしまいクレームに つながる ↓ 事前に設置するのではなく予約開始時点で有効に する運用に変更 # C
l o u d f l a r e U G _ m m j
API を経由してSlack で待合室発動と行列に並んだ人数 を通知 予約開始から30 分は定期的に通知するように設定 # C l o
u d f l a r e U G _ m m j https://zenn.dev/takayuki_n/articles/3a95582c631403
亀田さんが1 か月前にZenn で公開してくれてる # C l o u d f
l a r e U G _ m m j
まとめ クラメソさん、Cloudflare さんマジでありがとう 実際にはこういうケースを想定した料金プランはないので今 後の運用は課題 全部の機能わからなくてもとりあえずCloudflare 使っとくと 色々恩恵受けられるので是非試してみて! # C
l o u d f l a r e U G _ m m j
フルリモートワークOK ・PdM ・PM ・Developer ・SRE ・Support
第1 回は満員になってしまいましたが2 回目開催の時には是非!! 東京Meetup 立ち上げました~~
THANK YOU! 2023/4/15 Cloudflare Meetup Nagano Kick Off!! # C
l o u d f l a r e U G _ m m j