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
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
Patterns of Patterns
denyspoltorak
0
1.4k
Best-Practices-for-Cortex-Analyst-and-AI-Agent
ryotaroikeda
1
110
Basic Architectures
denyspoltorak
0
670
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
280
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
1k
AI & Enginnering
codelynx
0
110
Architectural Extensions
denyspoltorak
0
290
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
300
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
190
CSC307 Lecture 01
javiergs
PRO
0
690
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
Featured
See All Featured
A designer walks into a library…
pauljervisheath
210
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
sira's awesome portfolio website redesign presentation
elsirapls
0
150
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.3k
Into the Great Unknown - MozCon
thekraken
40
2.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
YesSQL, Process and Tooling at Scale
rocio
174
15k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Paper Plane
katiecoart
PRO
0
46k
What's in a price? How to price your products and services
michaelherold
247
13k
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