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 CDN + S3の静的Webホスティングをやってみた
Search
Kento Suzuki
March 18, 2023
Technology
0
580
Cloudflare CDN + S3の静的Webホスティングをやってみた
Cloudflare Meetup Fukuoka Kick Off!
https://cfm-cts.connpass.com/event/272936/
登壇資料
Kento Suzuki
March 18, 2023
Tweet
Share
More Decks by Kento Suzuki
See All by Kento Suzuki
バッドプラクティスから学ぶハワイアン航空で行く re:Invent
kentosuzuki
0
270
上流工程に挑戦!「俺の考えた最強サーバレス構成」が一瞬で敗北した件
kentosuzuki
2
310
S3から始めるAWS 〜S3の簡単なユースケースの紹介〜
kentosuzuki
1
640
AWS のポリシー言語 “Cedar” で実現するアクセス制御
kentosuzuki
0
400
探せぇ!お薦めAWSセキュリティワークショップ!!〜 怒涛のワークショップ 48 連戦 〜
kentosuzuki
1
700
SIEM って何?〜 Amazon OpenSearch で始める SIEM 〜
kentosuzuki
0
900
Verified Accessから始めるゼロトラストセキュリティ
kentosuzuki
1
690
復活のAWS DeepComposer 〜 古代兵器から始める生成系AI 〜
kentosuzuki
0
360
新卒入社が考える『AWSではじめるクラウドセキュリティ』を読むタイミング
kentosuzuki
0
710
Other Decks in Technology
See All in Technology
Claude Code に プロジェクト管理やらせたみた
unson
6
4.2k
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
290
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
450
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
320
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
320
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
データグループにおけるフロントエンド開発
lycorptech_jp
PRO
1
110
Lakebaseを使ったAIエージェントを実装してみる
kameitomohiro
0
130
Delegating the chores of authenticating users to Keycloak
ahus1
0
140
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Embracing the Ebb and Flow
colly
86
4.7k
Building an army of robots
kneath
306
45k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Side Projects
sachag
455
42k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
The Cult of Friendly URLs
andyhume
79
6.5k
Rails Girls Zürich Keynote
gr2m
95
14k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Transcript
Cloudflare CDN + S3の 静的Webホスティングを やってみた 2023-03-17 (Fri) Cloudflare Meetup
Fukuoka Kick Off!
n 鈴⽊健⽃ 所属 アイレット株式会社(東京オフィス) 経歴 • 新卒 3 年⽬(エンジニア歴 =
社会⼈歴) → 今⽉で終わり Cloudflare歴 • LTのために初めて触る @k_suzuki_pnx 自己紹介
やりたいこと ブラウザ経由でアクセス
前提条件 • ドメインは Route53 で取得 • Cloudflare の アカウントは作成済み
静的Webホスティング用S3の準備 1. ドメイン名と同じ名前のS3を作成 2. ブロックパブリックアクセスの無効化 3. バケットポリシーの追加
ホストゾーンの作成(Route53) 1. ホストゾーンの作成 2. 以下のパラメータでレコードを作成 ・レコードタイプ Aレコード(エイリアス) ・ルーティング先 S3ウェブサイトエンドポイントへのエイリアス
Cloudflareのコンソールでサイトを追加 1. 「サイトを追加」で⾃⾝のドメインを⼊⼒ 2. フリープランを選ぶ 3. 指⽰に従って進めていくと Cloudflareのネームサーバが2つ表⽰されるので控えておく
ネームサーバの変更 (Route53) 1. ドメインの既存ネームサーバを削除 2. Cloudflareのネームサーバに変更する
結果(Cloudflareの「分析」の画面) メトリクス取れた(全然キャッシュされてないけどw)
ハマったポイント Route53のホストゾーンのNSレコードを書き換えていて いつまで経ってもCloudflare経由にならなかった
まとめ CloudFrontを Cloudflareに 置き換えるのは簡単