Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
はじめてのCloudflare
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
da-hatakeyama
September 29, 2023
Technology
260
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
ウォーターフォール開発案件のPMとしてAI活用を模索している話
hatahata021
3
610
インフラと開発の垣根を超えていき!〜元AWSインフラエンジニアがAWS開発で奮闘している話〜
hatahata021
3
440
これまでのネットワーク運用を変えるかもしれないアプデをおさらい
hatahata021
4
490
好奇心をくすぐるサービス「Amazon Leo」について徹底調査
hatahata021
0
210
プロトコルを跨いで使えるファイルサーバーを作ってみる〜S3 File GatewayとTransfer Familyの併用〜
hatahata021
1
260
VPC Block Public Accessを触ってみて気づいた色々な勘所
hatahata021
2
440
VPC Block Public AccessとCloudFrontVPCオリジンによって何が変わるのか?
hatahata021
2
1.6k
WernerVogelsのKeynoteで語られた6つの教訓とOps
hatahata021
2
730
サーバレスを本気で理解したいあなたに贈る 「実践力を鍛えるBootcamp」の紹介
hatahata021
3
460
Other Decks in Technology
See All in Technology
GoのInterface内部構造から学ぶ!最高パフォーマンスを出すコード設計
yappli_developers
0
170
目の前の楽しいが人生を変える - コミュニティの螺旋の歩き方と楽しむコツ / change your life
soudai
PRO
5
640
おい、エージェントを使って終わらせろ
nwiizo
1
690
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
1
2.9k
Issue 駆動でスペシャリストの意図を届ける、AI 実装のアクセシビリティ向上
thkt
0
120
データ_AIの事業の勝敗をわけるもの
nek0128
1
460
HRC_Frontend_Conference_Fukuoka_2026.pdf
ts020
0
750
TinyGo 開発サイクルを高速化する:Go で作るエミュレータ入門
zozotech
PRO
1
750
作って終わりじゃないサーバーレス 〜9年運用する大規模EC物流API基盤の設計・運用のリアル〜
zozotech
PRO
0
180
安心して変更できるWebフロントエンドの作り方
pirosikick
5
2.7k
30座EKS, 180次升級淬煉的EKS Upgrade Skill 的歷程
eric8230
0
180
AIによるクリエイティブ生成を行う上での試行錯誤
plaidtech
PRO
0
160
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Into the Great Unknown - MozCon
thekraken
41
2.7k
Mind Mapping
helmedeiros
1
360
Deep Space Network (abreviated)
tonyrice
0
310
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Mobile First: as difficult as doing things right
swwweet
225
10k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
The Cult of Friendly URLs
andyhume
79
7k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
390
Chasing Engaging Ingredients in Design
codingconduct
0
320
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/