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
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
AI時代の認知負荷との向き合い方
optfit
0
160
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
130
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
300
2026年 エンジニアリング自己学習法
yumechi
0
130
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
210
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
700
CSC307 Lecture 08
javiergs
PRO
0
670
15年続くIoTサービスのSREエンジニアが挑む分散トレーシング導入
melonps
2
200
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
280
Grafana:建立系統全知視角的捷徑
blueswen
0
330
Featured
See All Featured
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
200
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
170
GraphQLとの向き合い方2022年版
quramy
50
14k
It's Worth the Effort
3n
188
29k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Leo the Paperboy
mayatellez
4
1.4k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
250
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
81
Documentation Writing (for coders)
carmenintech
77
5.3k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
140
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