Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CloudFlare入門
Search
mercy
February 13, 2023
Programming
0
400
CloudFlare入門
mercy
February 13, 2023
Tweet
Share
More Decks by mercy
See All by mercy
GithubActionsではじめるDevOps
mercy34mercy
0
110
Other Decks in Programming
See All in Programming
Navigating Dependency Injection with Metro
l2hyunwoo
1
190
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
380
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
selcukusta
0
140
re:Invent 2025 のイケてるサービスを紹介する
maroon1st
0
150
TestingOsaka6_Ozono
o3
0
180
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 2
philipschwarz
PRO
0
120
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
7
2.4k
AIコーディングエージェント(NotebookLM)
kondai24
0
230
AI前提で考えるiOSアプリのモダナイズ設計
yuukiw00w
0
190
ゆくKotlin くるRust
exoego
1
160
Rubyで鍛える仕組み化プロヂュース力
muryoimpl
0
180
Cell-Based Architecture
larchanjo
0
140
Featured
See All Featured
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
69
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
340
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
980
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
0
22
Paper Plane
katiecoart
PRO
0
44k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
410
How to Ace a Technical Interview
jacobian
281
24k
Faster Mobile Websites
deanohume
310
31k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
81
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Transcript
CloudFlare
自己紹介 名前 : マーシー (小林雅史) 大学 : 立命館大学 3回 年齢
: 21歳 好きな技術 : バックエンド,インフラ 肩書 : SAIBASHI運営,watnow代表
CloudFlareとは クラウドフレアは、コンテンツデリバリネットワーク(CDN)やインターネットセ キュリティサービス、DDoS防御、分散型ドメイン名サーバシステムを提供す るアメリカ合衆国の企業 (Wikipedia)
CDNとは コンテンツ(Webサイト、画像、動画...)を配信するための世界中に分散された サーバ群のこと 100か国、285都市以上に サーバが存在
CDNのメリット オリジンサーバが地理的に遠い場合通信に時間がかかるので、地理的に近 いCDNを使うことで高速化できる AbemaのW杯配信にも akamaiのCDNが 使用されていたらしい
CloudFlareの主な機能 • Pages ◦ Node.js,Go,Rubyなどで作られたWebPageのデプロイ • Workers ◦ javascriptとWebAssembly/WASIが実行できるサーバ •
R2 ◦ S3互換オブジェクトストレージ • Stream ◦ サーバーレスのライブおよびオンデマンド動画ストリーミング • Images ◦ 画像のリサイズ、最適化、配信
CloudFlareWorkersの詳細 • 料金 ◦ FreePlan ▪ 一部機能に制限あり ◦ PaidPlan ($5/month)
▪ 全機能が使える • 機能(+α) ◦ KV ▪ キーバリューストアストレージ ◦ Queues ▪ プログラム間のデータ転送 ◦ D1 ▪ フルマネージドSQliteデータベース
Workersの活用例 • WebAPIの高速化 ◦ CDNでのキャッシュの活用 • オリジンサーバのサーバの負荷軽減 ◦ CDNでキャッシュすることによりオリジンへの負荷軽減 •
サーバ台節約 ◦ Workersなら1日100万リクエストまで無料
Workers活用事例 • アプリ概要 ◦ 立命館大学と駅を繋ぐバスの時刻表アプリ • 技術スタック ◦ Front Kotlin(android)
Swift(iOS) ◦ backend Go • インフラ ◦ GCP AppEngin • トラフィック ◦ 1万リクエスト/日
既存構成 • ネイティブアプリから直接リクエストを送信 • 一部データに関してApp Engin上でキャッシュ化 すべてのリクエストが App Engineで 処理される
Workersを使用 • Cloud Flare WorkersをProxyサーバとして使用 • Workers内でキャッシュがあればApp Engineを呼び出すことなくレスポ ンスが返される オリジンサーバの
負荷軽減・APIの高速化が 実現
改善前後のAPIパフォーマンス • AppEnginへの直接リクエスト ◦ 平均300ms • CloudFlare経由のリクエスト ◦ 平均30ms
まとめ • CloudFlareを使おう! ◦ GCP,AWS,Azureは個人使用するにはかなり高く、初心者がインフラをやってみ たい時に、CloudFlareは全機能を月5$から使えるのでおすすめ
ご清聴ありがとうございました @mashikotyan34