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
220
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
上流工程に挑戦!「俺の考えた最強サーバレス構成」が一瞬で敗北した件
kentosuzuki
2
220
S3から始めるAWS 〜S3の簡単なユースケースの紹介〜
kentosuzuki
1
260
AWS のポリシー言語 “Cedar” で実現するアクセス制御
kentosuzuki
0
110
探せぇ!お薦めAWSセキュリティワークショップ!!〜 怒涛のワークショップ 48 連戦 〜
kentosuzuki
1
490
SIEM って何?〜 Amazon OpenSearch で始める SIEM 〜
kentosuzuki
0
450
Verified Accessから始めるゼロトラストセキュリティ
kentosuzuki
1
490
復活のAWS DeepComposer 〜 古代兵器から始める生成系AI 〜
kentosuzuki
0
220
新卒入社が考える『AWSではじめるクラウドセキュリティ』を読むタイミング
kentosuzuki
0
510
Cloudflare Pages使ってみた- ついでにAWS Amplifyもワカル -
kentosuzuki
3
730
Other Decks in Technology
See All in Technology
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
0
120
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
120
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
430
Python と Snowflake はズッ友だょ!~ Snowflake の Python 関連機能をふりかえる ~
__allllllllez__
1
110
反実仮想機械学習とは何か
usaito
PRO
11
3.8k
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
390
生産性向上チームの紹介
cybozuinsideout
PRO
1
860
プロデザ! BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
270
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
170
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
2
370
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
160
コンパウンドスタートアップのためのスケーラブルでセキュアなInfrastructure as Codeパイプラインを考える / Scalable and Secure Infrastructure as Code Pipeline for a Compound Startup
yuyatakeyama
4
4.7k
Featured
See All Featured
Fireside Chat
paigeccino
21
2.6k
Unsuck your backbone
ammeep
663
57k
What's new in Ruby 2.0
geeforr
337
31k
Statistics for Hackers
jakevdp
789
220k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
120
39k
Building Applications with DynamoDB
mza
88
5.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Building an army of robots
kneath
300
41k
Building Adaptive Systems
keathley
31
1.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
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に 置き換えるのは簡単