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
da-hatakeyama
September 29, 2023
Technology
230
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
はじめてのCloudflare
社内のLTイベントで使用した資料の抜粋です
da-hatakeyama
September 29, 2023
More Decks by da-hatakeyama
See All by da-hatakeyama
これまでのネットワーク運用を変えるかもしれないアプデをおさらい
hatahata021
4
450
好奇心をくすぐるサービス「Amazon Leo」について徹底調査
hatahata021
0
150
プロトコルを跨いで使えるファイルサーバーを作ってみる〜S3 File GatewayとTransfer Familyの併用〜
hatahata021
1
240
VPC Block Public Accessを触ってみて気づいた色々な勘所
hatahata021
2
410
VPC Block Public AccessとCloudFrontVPCオリジンによって何が変わるのか?
hatahata021
2
1.3k
WernerVogelsのKeynoteで語られた6つの教訓とOps
hatahata021
2
700
サーバレスを本気で理解したいあなたに贈る 「実践力を鍛えるBootcamp」の紹介
hatahata021
3
430
CloudFrontを使ってSPAなWebサイトを公開するときに気をつけること
hatahata021
2
3.7k
「AWSの薄い本」の紹介
hatahata021
1
270
Other Decks in Technology
See All in Technology
RSA暗号を手計算したくなること、ありますよね?? (20260615_orestudy6_rsa)
thousanda
0
380
自律型AIエージェントは何を破壊するのか
kojira
0
160
Socrates × Looker 〜セマンティックレイヤーで進化するデータ分析エージェント〜
hanon52_
3
2.3k
On-behalf-of Token exchange with AgentCore Identity
hironobuiga
2
170
新しいVibe Codingと”自走”について
watany
6
320
小さく始める AI 活用推進 ― 日経電子版 Web チームの事例/nikkei-tech-talk47
nikkei_engineer_recruiting
0
260
"何を作るか"を任される エンジニアは、どう育つのか
yutaokafuji
1
680
Kubernetesにおける学習基盤とLLMOpsの概要
ry
1
300
Bedrock AgentCore RuntimeでAuth0 Changelog調査AIをアップグレードした話
t5u8a5a
1
120
2026TECHFRESH畢業分享會 - Lightning Talk - 打造精準高效的 MCP 設計模式與測試實務
line_developers_tw
PRO
0
980
MCP Appsを作ってみよう
iwamot
PRO
4
610
社内 AI エージェント Synapse と セマンティックレイヤーの育て方
hiroakis
3
1.9k
Featured
See All Featured
Between Models and Reality
mayunak
4
330
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
390
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Discover your Explorer Soul
emna__ayadi
2
1.1k
エンジニアに許された特別な時間の終わり
watany
107
250k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
290
Typedesign – Prime Four
hannesfritz
42
3.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Navigating Weather and Climate Data
rabernat
0
220
Transcript
明日から触りたくなる! はじめてのCloudflare
自己紹介 名前: 畠山 大治 趣味: Perfumeを追いかける(ファンクラブ 9年目) 読書、映画・アニメを見る 資格など: AWS認定全冠、GC認定ACE
@hatake_book
はじめに ⚫こんな方向けにお話しします ⚫Cloudflare、名前は知ってるけど具体的にどんなサービスがあるかは知らない ⚫他のクラウドとの違いがどこにあるかわからない ⚫発表内容について ⚫イメージしやすいようにAWSとの比較を適度に挟みます ⚫わかりやすさ重視でざっくり説明していきます、詳細は参考資料をご覧ください ⚫私自身もCloudflare勉強中です、まずは触ってみましょう!
アジェンダ ⚫Cloudflareとは、Cloudflareの特徴・主要サービス紹介 ⚫これからCloudflareがアツくなるであろう理由
アジェンダ ⚫Cloudflareとは、Cloudflareの特徴・主要サービス紹介 ⚫これからCloudflareがアツくなるであろう理由
Cloudflareとは
Cloudflareとは ⚫インターネットトラフィックの高速化 ⚫全世界のインターネットトラフィックの25%をCloudflareが賄っている ⚫世界のCDNマーケットシェア約8割がCloudflare ⚫Webアプリケーションのセキュリティ向上 ⚫Cloudflareユーザーのトラフィックを分析して得た結果を、Cloudflareの セキュリティサービスに活用 インターネットで「安全・信頼」と「高パフォーマンス・高速」を 両立させることを目的としているクラウドプロバイダー
Cloudflareの特徴: 料金関連
Cloudflareの特徴:料金関連 ⚫料金はプラン体系 ⚫プランによって利用できる サービスが異なる ⚫Freeプランが大盤振る舞い ⚫小規模利用ならお金を払わずに 使い倒せる ⚫CDNはもちろん、DDoSやWAFも 無料で使用可能(制限あり) https://www.cloudflare.com/ja-jp/plans/
Cloudflareの特徴:料金関連 ⚫サービス料金も安い ⚫CDN利用料無料 ⚫オブジェクトストレージのR2が安い ⚫10GB/月までは無料、それ以上は月額 $0.015/GB、アウトバウンド通信無料 ⚫cf.) S3は $0.025/GB(最初の50TB/月) ⚫「CloudFront→Cloudflareに移行してコスト削減!」という事例も複数あり
⚫Cloudflare Workers + R2で低コストで画像配信を移行した話 https://speakerdeck.com/teckl/cloudflare-workers-r2-migration
Cloudflareの特徴: エッジロケーション
「リージョン」ではなく「エッジ」 ⚫AWSの場合 ⚫エッジロケーションに存在するサービスは限られる (CloudFront、Lambda@Edge くらい) ⚫サービスのほとんどはリージョンに存在 ⚫Cloudflareの場合 ⚫全てのサービスがエッジロケーションに存在 ⚫LambdaやDynamoDB、S3などがすべて エッジで動いているようなイメージ
Cloudflareのサービス
ざっくりサービス紹介 ネットワーク系 サービス セキュリティ系 サービス (ゼロトラスト) 開発者向け サービス ⚫CDN ⚫DNS
⚫動画ストリーム配信 ⚫DDoS Protection ⚫WAF ⚫SASE 「Cloudflare One」 ⚫CASB ⚫セキュアWebゲートウェイ ⚫エッジコンピューティング 「Workers」 ⚫オブジェクトストレージ 「R2」 ⚫Key Valueストア 「KV」 etc…
あえてAWSで例えると。。。 ネットワーク系 サービス セキュリティ系 サービス (ゼロトラスト) 開発者向け サービス ⚫CDN ⚫DNS
⚫動画ストリーム配信 ⚫DDoS Protection ⚫WAF ⚫SASE 「Cloudflare One」 ⚫CASB ⚫セキュアWebゲートウェイ ⚫エッジコンピューティング 「Workers」 ⚫オブジェクトストレージ 「R2」 ⚫Key Valueストア 「KV」 CloudFront Route 53 MediaConnect AWS Shield AWS WAF Lambda S3 DynamoDB
アジェンダ ⚫Cloudflareとは、Cloudflareの特徴・主要サービス紹介 ⚫これからCloudflareがアツくなるであろう理由
理由① 安くて質の高いサービス
理由① 安くて質の高いサービス 安い 速い (他サービスとの提携が) うまい ⚫タダで使い倒すことも可能なくらい安い ⚫エッジロケーションでサービス提供 ⚫Bandwidth Alliance
⚫クラウドプロバイダー間と連携することでデータ転送料金 を削減しようとする取り組み ⚫サーバレス系クラウドとの連携 ⚫例えば、サーバレスキャッシュサービスのMomentoと提携 爆速Webサイトを構築できる!
理由② Googleの検索アルゴリズム
理由② Googleのアルゴリズム ⚫2024年3月以降、GoogleのSEOアルゴリズムが変更される ⚫Google Core Web Vital ⚫Googleが提唱しているWebサイトの健全性を示す指標 ⚫3つの指標があり、これらが高ければSEOで有利になる ⚫Google
Core Web Vitalの向上のためにSSRの高速化が鍵に ⚫オリジンのサーバーよりもエッジで処理する方が高速 ⚫Cloudflareはエッジで処理が完結する!
理由③ コミュニティ
理由③ コミュニティ コミュニティが盛り上がらない わけがない組み合わせ! ⚫Cloudflare エバンジェリスト ⚫AWSでエバンジェリストをされていた亀田さん ⚫解説が超絶わかりやすい ⚫ユーザーコミュニティの運営メンバー ⚫AWSのユーザーコミュニティ「JAWS-UG」の
ベテランメンバーが多く在籍 ⚫亀田さんもコミュニティイベントに参加 →エバンジェリストに直接質問ができる! https://twitter.com/kameoncloud 引用:https://dev.classmethod.jp/articles/cloudflareug_tokyo_meetup/
興味が出てきた! でもどこから勉強したらいいの?
Cloudflareを学ぶ場所、完備されてます ⚫エバンジェリストシリーズ ⚫亀田さん主催のハンズオン会 ⚫ユーザーコミュニティ ⚫日本全国オフラインで開催 ⚫オンラインも開催
Cloudflareを学ぶ場所、完備されてます ⚫エバンジェリストシリーズ ⚫次回は10/21(土)、10/28(土) オンラインでの開催 ⚫ユーザーコミュニティ ⚫9,10月は仙台、名古屋で開催 ⚫10/17(火)にオンライン開催
参考情報 ⚫Cloudflare エバンジェリストシリーズ cloudflare-basics ⚫ https://cloudflare-basics.connpass.com/ ⚫Cloudflare Meet-up ⚫ https://cfm-cts.connpass.com/
⚫kameoncloud (エバンジェリスト亀田さんが公開しているハンズオンシナリオ) ⚫ https://zenn.dev/kameoncloud ⚫転職から半年経った亀田さんに聞いたCloudflareのすごいところ ⚫ https://ascii.jp/elem/000/004/155/4155765/ ⚫Core Web Vitals(CWV)とは? ⚫ https://www.cloudflare.com/ja-jp/learning/performance/what-are-core-web-vitals/ ⚫Serverless Meetup Japan Virtual #26 (Cloudflare特集会) ⚫ https://www.youtube.com/watch?v=NLZABUXcgbo ⚫Bandwidth Alliance ⚫ https://www.cloudflare.com/ja-jp/bandwidth-alliance/