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
本番環境で Cloudflareを 使ってみた話
Search
Kazuki Miura
PRO
May 08, 2024
Technology
2
530
本番環境で Cloudflareを 使ってみた話
#CloudflareUG #CloudflareUG_www
Kazuki Miura
PRO
May 08, 2024
Tweet
Share
More Decks by Kazuki Miura
See All by Kazuki Miura
ワイキキサークルホテルとその過ごし方
miu_crescent
PRO
0
88
私のawsの学び方、社外へ飛び出そう
miu_crescent
PRO
0
73
地方だからできた! 東北でのAWS事例を一挙紹介!
miu_crescent
PRO
1
100
地方企業がクラウドを活用するヒント
miu_crescent
PRO
1
140
AWSにおける生成AIでの動画生成について
miu_crescent
PRO
1
88
Storage Browser for Amazon S3
miu_crescent
PRO
1
500
Amazon Nova Reel でカメラの動きを指示してみた
miu_crescent
PRO
0
44
Lambdaと地方とコミュニティ
miu_crescent
PRO
2
460
re:Play ってこんなイベントです、オープニングとクロージングも #reinventhokkaido
miu_crescent
PRO
0
130
Other Decks in Technology
See All in Technology
What's new in Go 1.24?
ciarana
1
100
JEDAI Meetup! Databricks AI/BI概要
databricksjapan
0
310
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
180
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
130
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
190
エンジニアが加速させるプロダクトディスカバリー 〜最速で価値ある機能を見つける方法〜 / product discovery accelerated by engineers
rince
4
550
コンテナサプライチェーンセキュリティ
kyohmizu
1
130
1行のコードから社会課題の解決へ: EMの探究、事業・技術・組織を紡ぐ実践知 / EM Conf 2025
9ma3r
8
3.3k
NFV基盤のOpenStack更新 ~9世代バージョンアップへの挑戦~
vtj
0
340
脳波を用いた嗜好マッチングシステム
hokkey621
0
280
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
260
MIMEと文字コードの闇
hirachan
2
1.4k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
176
9.6k
Designing for humans not robots
tammielis
250
25k
Producing Creativity
orderedlist
PRO
344
40k
Building Your Own Lightsaber
phodgson
104
6.2k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Code Reviewing Like a Champion
maltzj
521
39k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Building Applications with DynamoDB
mza
93
6.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
How STYLIGHT went responsive
nonsquared
98
5.4k
Transcript
本番環境で Cloudflare を 使ってみた話 Cloudflare Meet-up Online!! #3 #CloudflareUG_www イタリアの話?
三浦一樹 AWS Community Hero AWS Samurai JAWS-UG 札幌支部 Media-JAWS CloudflareUG_cts
JTC平社員総合職エンジニア 北海道テレビ放送
Menu 自己紹介 アーキテクチャ 部分的にお引越し ハマったところ 解決編
アーキテクチャ 動画配信サービス hod
内製で開発運用 ゼロスタートで4年目 2サービスを5人で回す
動画配信サービス いつもはとっても穏やか
動画配信サービス いつもはとっても穏やか 水曜どうでしょう スパイクアクセス 2023 年8 月末
OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync
Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront アーキテクチャ
OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync
Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront アーキテクチャ
S3 CloudFront Player 予算を決める必要があった 従量課金はやめて欲しい。と クラメソCloudFront は安い 課題もろもろ
Frontend S3 CloudFront Player R2 CDN 一部だけ引越し 1 年間定額契約
Frontend S3 CloudFront Player R2 CDN 一部だけ引越し + logs Athena
S3
None
いざ配信! 無事に配信でき巻いた しかし、落ち着いたころに
Player R2 + logs Athena S3 CDN
Player R2 360で 再生されちゃう。。 + logs Athena S3 CDN
Player R2 360で 再生されちゃう。。 + logs Athena S3 CDN ABR
環境によって最適な解像 度を選択してくれる 1080/720/360
切り戻し
緊急大調査
R2 CDN キャッシュが数秒で消えちゃう オリジンにアクセスしちゃう とっても遅くて、動画も低解像度
R2 CDN R2 について
R2 CDN R2 について バケットがイタリアにできてた! 現地GWでトラフィック多め location Hint で指定しよう
R2 CDN R2 について 先のブログに、、
※ 5MB 参考値 420 ms 3504 ms 東京 Italy https://speedtest.globalaccelerator.aws#/
R2 CDN CDN について
R2 CDN CDN について Cache Eviction 秒間数件のアクセスであれば TTL を待たずに キャッシュが破棄される
None
R2 CDN CDN について Tiered Cache の有効化
丁寧に説明してもらって 仕組みは理解した 小規模なアクセスでは ちゃんと動いてる
Cloudflare に 戻していいものか、、
None
ログを眺めてると 不安な動きを発見...
Cache の動きで不安だったもの
Cache の動きで不安だったもの Cache hit した 1.5秒後に miss ってるのはさすがに?
Cache の動きで不安だったもの エッジが 違かった
Cache の動きで不安だったもの
Cache の動きで不安だったもの
スッキリ!
Cloudfalre でいきましょう!
None
無事に事業目標達成!
ほんとに ありがとうございました! 亀田さん、大栗さん サポートのBora Kinay さん
告知 勉強会いろいろ
名古屋 6 月会いましょう 札幌 千葉 CNDS CMC 札幌
勉強会 札幌 夏の北海道はいいぞぉ 7 月 キャンプしようず