あの頃数百自治体のコロナワクチン予約フォームを救ったWaiting Roomの運用

あの頃数百自治体のコロナワクチン予約フォームを救ったWaiting Room の運用たけだ 2023/4/25 Cloudflare Meetup Tokyo Kick
Off! # C l o u d f l a r e U G _ h n d # C l o u d f l a r e U G

武田可帆里　@taketakekaho 青森県八戸市出身株式会社トラストバンク所属趣味：ゴルフ、ワーケーション、スキューバダイビング Cloudflare利用歴4年（まだビギナー）好きなCloudflare機能：Waiting Room たけだの自己紹介 #
CloudflareUG_cts ＜経歴＞ SIer 金融事業本部　銀行システム開発インフラ ↓ チェンジ NewITコンサル事業部　エンジニアっぽい人 ↓ トラストバンク　パブリテック事業部　自治体向けSaaS PdM 兼なんでも屋

デジタル化総合プラットフォーム自治体職員が電子申請や申込予約、アンケートなどのフォームを作成・集計し、一元管理できる自治体専用のデジタル化総合プラットフォーム # C l o u d f
l a r e U G _ h n d # C l o u d f l a r e U G

利用ユーザーオリジンサーバ（日本産クラウドサーバ）悪意のあるボット不正アクセス・サイバー攻撃 2020 年リリース当初からhttps 化とセキュリティ対策目的でCloudflare を導入
# C l o u d f l a r e U G _ h n d # C l o u d f l a r e U G

コロナワクチン予約急に決まったワクチン接種運用。スピード重視のため自治体ごとの運用に委ねられて日本中の1,788 自治体がワクチン予約受付運用の検討を余儀なくされる LoGo フォーム使えますか？の相談が殺到。。
予約開始時点のアクセス集中に耐えられるかが予測しにくい状況。 # C l o u d f l a r e U G _ h n d # C l o u d f l a r e U G

お？！！！ https://classmethod.jp/news/20210310-digital-wating-room/ # C l o u d f l
a r e U G _ h n d # C l o u d f l a r e U G

Waiting Room とは？アクセスが集中するWeb サイトについて、既存のサーバー構成を変更することなく、アクセス待機の順番管理を可能にするサービス。アクセスが集中するWeb サイトに設定以上のアクセスが発生した場合、デジタル待機室として用意したWeb ページへ自動で案内され、アクセス待機の順番管理を行う
仕組みです。自分の順番になると、ワクチン予約ページに自動で誘導される。 # C l o u d f l a r e U G _ h n d # C l o u d f l a r e U G

仕様の注意 # C l o u d f l a
r e U G _ h n d # C l o u d f l a r e U G キャッシュをユニークユーザとして認識しておりLoGo フォームのアカウントなどを認識しているわけではない

仕様の注意 # C l o u d f l a
r e U G _ h n d # C l o u d f l a r e U G 予約フォームで何人が操作中なのかは認識せず、Cloudflare 内で設定された待ち行列アルゴリズムで待ち時間を予測してページに誘導している。オリジンサーバの負荷状況などを見ているわけではない。

トラフィック > Waiting Room # C l o u d
f l a r e U G _ h n d # C l o u d f l a r e U G

これだけで設定できちゃう

デザインカスタマイズも可能 # C l o u d f l a
r e U G _ h n d # C l o u d f l a r e U G

困ったこと・工夫したこと 4 選 # C l o u d
f l a r e U G _ h n d # C l o u d f l a r e U G

①「〇〇万人が同時にアクセスしてきた場合、目安として何分待つことになるんですか？」に答えられない非公式でこっそり教えてもらった計算方法待ち行列の計算式らしい W = 1/μ ln λ/μ
# C l o u d f l a r e U G _ h n d # C l o u d f l a r e U G

凡人の私には理解できない計算方法の解説は諦めて、小規模な自治体から導入実績とって過去の実績から目安を回答。 # C l o u
d f l a r e U G _ h n d # C l o u d f l a r e U G

②設定値の最適値がわからず異常な待ち時間で不満につながるリスク設定を緩くしすぎるとサービスへの負荷のリスクとなるため念のため最初は厳しめの設定で予約開始にして予約開始後の待ち時間と人数を監視しながら少しずつ設定を緩和していく運用にした。 # C l o
u d f l a r e U G _ h n d # C l o u d f l a r e U G

③予約の不公平さが発生予約時間前から予約ページにアクセスしていた場合には待合室への自動遷移対象にならないので行列に並ぶことなく予約ができてしまいクレームにつながる ↓ 事前に設置するのではなく予約開始時点で有効にする運用に変更 # C
l o u d f l a r e U G _ h n d # C l o u d f l a r e U G

④API を経由してSlack で待合室発動と行列に並んだ人数を通知予約開始から30 分は定期的に通知するように設定 https://zenn.dev/takayuki_n/articles/3a95582c631403 # C l
o u d f l a r e U G _ h n d # C l o u d f l a r e U G

亀田さんが1 か月前にZenn で公開してくれてる # C l o u d f
l a r e U G _ h n d # C l o u d f l a r e U G

まとめクラメソさん、Cloudflare さんマジでありがとう実際にはこういうケースを想定した料金プランはないので今後の運用は課題全部の機能わからなくてもとりあえずCloudflare 使っとくと色々恩恵受けられるので是非試してみて！ # C

THANK YOU! 2023/4/25 Cloudflare Meetup Tokyo Kick Off!! # C

あの頃数百自治体のコロナワクチン予約フォームを救ったWaiting Roomの運用

あの頃数百自治体のコロナワクチン予約フォームを救ったWaiting Roomの運用

たけだ

More Decks by たけだ

Other Decks in Technology

Featured

Transcript