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
500
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
110
上流工程に挑戦!「俺の考えた最強サーバレス構成」が一瞬で敗北した件
kentosuzuki
2
280
S3から始めるAWS 〜S3の簡単なユースケースの紹介〜
kentosuzuki
1
540
AWS のポリシー言語 “Cedar” で実現するアクセス制御
kentosuzuki
0
330
探せぇ!お薦めAWSセキュリティワークショップ!!〜 怒涛のワークショップ 48 連戦 〜
kentosuzuki
1
650
SIEM って何?〜 Amazon OpenSearch で始める SIEM 〜
kentosuzuki
0
810
Verified Accessから始めるゼロトラストセキュリティ
kentosuzuki
1
620
復活のAWS DeepComposer 〜 古代兵器から始める生成系AI 〜
kentosuzuki
0
320
新卒入社が考える『AWSではじめるクラウドセキュリティ』を読むタイミング
kentosuzuki
0
650
Other Decks in Technology
See All in Technology
設計を積み重ねてシステムを刷新する
sansantech
PRO
0
140
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
530
AIエージェント元年
shukob
0
150
生成 AI プロダクトを育てる技術 〜データ品質向上による継続的な価値創出の実践〜
icoxfog417
PRO
5
1.9k
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
1
3.2k
デスクトップだけじゃないUbuntu
mtyshibata
0
660
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
190
OPENLOGI Company Profile for engineer
hr01
1
20k
Active Directory攻防
cryptopeg
PRO
8
5.1k
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
27
15k
php-conference-nagoya-2025
fuwasegu
0
140
わたしのOSS活動
kazupon
2
340
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Writing Fast Ruby
sferik
628
61k
Into the Great Unknown - MozCon
thekraken
35
1.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
Six Lessons from altMBA
skipperchong
27
3.6k
We Have a Design System, Now What?
morganepeng
51
7.4k
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に 置き換えるのは簡単