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
630
本番環境で Cloudflareを 使ってみた話
#CloudflareUG #CloudflareUG_www
Kazuki Miura
PRO
May 08, 2024
Tweet
Share
More Decks by Kazuki Miura
See All by Kazuki Miura
AZ 名とAZ ID の違いを 何度でも言うよ
miu_crescent
PRO
0
170
AWS Step Functions で マネコンとCDKの二刀流!
miu_crescent
PRO
0
29
AWS MediaServices の概要と活用事例
miu_crescent
PRO
1
58
ワイキキサークルホテルとその過ごし方
miu_crescent
PRO
0
170
私のawsの学び方、社外へ飛び出そう
miu_crescent
PRO
0
110
地方だからできた! 東北でのAWS事例を一挙紹介!
miu_crescent
PRO
1
140
地方企業がクラウドを活用するヒント
miu_crescent
PRO
1
180
AWSにおける生成AIでの動画生成について
miu_crescent
PRO
1
120
パートナーソリューション紹介 〜地方ならではの事例〜
miu_crescent
PRO
0
12
Other Decks in Technology
See All in Technology
他チームへ越境したら、生データ提供ソリューションのクエリ費用95%削減へ繋がった話 / Cross-Team Impact: 95% Off Raw Data Query Costs
yamamotoyuta
0
240
令和最新版TypeScriptでのnpmパッケージ開発
lycorptech_jp
PRO
0
110
セキュリティSaaS企業が実践するCursor運用ルールと知見 / How a Security SaaS Company Runs Cursor: Rules & Insights
tetsuzawa
0
410
AIオンボーディングとAIプロセスマイニング
nrryuya
5
1.3k
Slackひと声でブログ校正!Claudeレビュー自動化編
yusukeshimizu
3
180
大規模PaaSにおける監視基盤の構築と効率化の道のり
lycorptech_jp
PRO
0
180
積み上げられた技術資産と向き合いながら、プロダクトの信頼性をどう守るか
plaidtech
PRO
0
920
What's Next in OpenShift Q2 CY2025
redhatlivestreaming
1
810
ソフトウェアは捨てやすく作ろう/Let's make software easy to discard
sanogemaru
10
5.8k
AIのための オンボーディングドキュメントを整備する - hirotea
hirotea
9
2.3k
libsyncrpcってなに?
uhyo
0
140
Houtou.pm #1
papix
0
660
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
134
9.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
The Cost Of JavaScript in 2023
addyosmani
49
8.1k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Code Review Best Practice
trishagee
68
18k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
Building Applications with DynamoDB
mza
95
6.4k
Balancing Empowerment & Direction
lara
1
84
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
GitHub's CSS Performance
jonrohan
1031
460k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
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 月 キャンプしようず