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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
mercy
February 13, 2023
Programming
0
410
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
dchart: charts from deck markup
ajstarks
3
990
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
230
15年続くIoTサービスのSREエンジニアが挑む分散トレーシング導入
melonps
2
200
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
190
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
270
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
300
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
130
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
190
AtCoder Conference 2025
shindannin
0
1.1k
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
180
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
450
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
515
110k
KATA
mclloyd
PRO
34
15k
WENDY [Excerpt]
tessaabrams
9
36k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
Facilitating Awesome Meetings
lara
57
6.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
580
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.6k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
91
A better future with KSS
kneath
240
18k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
200
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
160
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