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 Pages 4年使って分かった良さと注意点
Search
Kyosuke
March 14, 2025
Technology
0
140
Cloudflare Pages 4年使って分かった良さと注意点
Cloudflare Meet-up Tokyo Vol.7
Kyosuke
March 14, 2025
Tweet
Share
More Decks by Kyosuke
See All by Kyosuke
Jamstackで失敗した3つのこと - PWA Night Conference 2021
kyosuke
7
4.1k
Other Decks in Technology
See All in Technology
“常に進化する”開発現場へ! SHIFTが語るアジャイルQAの未来/20250306 Yuma Murase
shift_evolve
0
180
Microsoft_20250311_第2回AI_IoT共創ラボ.pdf
iotcomjpadmin
0
220
ブレインパッド_20250311_AIxIoTビジネス共創ラボ_第2回勉強会.pdf
iotcomjpadmin
0
110
MLflowはどのようにLLMOpsの課題を解決するのか
taka_aki
0
190
最近のSRE支援ニーズ考察 | sogaoh's LT @ Road to SRE NEXT@札幌
sogaoh
PRO
1
180
20250309 無冠のわたし これからどう先生きのこれる?
akiko_pusu
11
2k
neoAI_千葉講演資料_250311_配布用.pdf
iotcomjpadmin
0
110
人生を左右する「即答」のススメ: 一瞬の判断を間違えないためにするべきこと
takasyou
10
1.4k
Scala meets WebAssembly
tanishiking
0
130
スクラムというコンフォートゾーンから抜け出そう!プロジェクト全体に目を向けるインセプションデッキ / Inception Deck for seeing the whole project
takaking22
4
410
きのこカンファレンス_ランチスポンサーセッション
kabaya
1
390
# Azure Cosmos DB パフォーマンス最適化入門 - 設計・開発・運用の実践テクニック
shibayan
0
160
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
28
2k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
BBQ
matthewcrist
87
9.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Transcript
Cloud f lare Pages 2025-03-14 Cloud f lare Meet-up Tokyo
Vol.7 ͔ͬͯͬͨྑ͞ͱҙ
தଜڗհ גࣜձࣾϐΫηϧάϦο υද ϞμϯϑϩϯτΤϯυ ɾ ΤϯδχΞ !LZPTVLF!LZPTVLFKQ !LZPTVLF 𝕏
None
None
None
Cloud f lare Pagesͱ
None
ϦϙδτϦ Ϗϧυ ϗεςΟϯά GitHub Cloud f lare Pages σϓϩΠ
ϦϙδτϦ Ϗϧυ ϗεςΟϯά GitHub Cloud f lare Pages σϓϩΠ main
dev Ϗϧυ ϗεςΟϯά σϓϩΠ
AWS Amplify ϗεςΟϯά
SolidStart
None
Ϗϧυ͠ͳ͍ ੩త)5.-Ͱ0,
• Amazon S3 + Cloudfront • GitHub Pages ੩తαΠτͳΒʁ
Amazon S3 + Cloud f lont • ϒϥϯνϓϨϏϡʔ͕ͳ͍ • εςʔδϯά༻ҙͨ͠Γ໘
• ΞτϛοΫσϓϩΠͰ͖ͳ͍
GitHub Pages • ϒϥϯνϓϨϏϡʔ͕ͳ͍ • GitHub Pages༻ར༻ʹ੍ݶ͕͋Δ͜ͱʹҙ
Cloud f lare Pages·ͱΊ • GitHubϦϙδτϦͱ࿈ܞͯ͠ϏϧυɺσϓϩΠɺϗεςΟϯάͯ͘͠ΕΔ αʔϏε • ϑϩϯτΤϯυϑϨʔϜϫʔΫͱ૬ੑ͕Α͍ •
ϑϨʔϜϫʔΫͳ͠ͷ੩తͳHTMLͰ͑Δ • झຯϨϕϧͰͳ͘ɺϏδωε༻αΠτͷϗεςΟϯάઌͱͯ͠े
Α͍ͱ͜Ζ
• 1. ϓϨϏϡʔαΠτ • 2. ແ੍ݶ • 3. ҆ఆͷϗεςΟϯά Α͍ͱ͜Ζ
1.ϓϨϏϡʔαΠτ ϦϙδτϦ Ϗϧυ ϗεςΟϯά GitHub Cloud f lare Pages σϓϩΠ
main dev Ϗϧυ ϗεςΟϯά σϓϩΠ
None
ଞαʔϏεϧʔϧݫ͍͠ • VercelNetlifyͩͱ όϓϦοΫϦϙδτϦͰͳ͍ݶΓ ՝ۚͨ͠ϢʔβʔҎ֎ͷίϛοτͰϏϧυ͠ͳ͍ • Cloud f lare PagesͩΕͰϏϧυͯ͘͠ΕΔ
2. ແ੍ݶ Ϣʔβʔ ϦΫΤετ ଳҬ෯ ♾ʢແྉʣ ♾ʢແྉʣ ♾ʢແྉʣ $20/݄/User 10M/݄·Ͱ
Ճ $2 / 1M 1 TB/݄ ·Ͱ Ճ $0.15 / 1GB $19/݄/User 10M/݄·Ͱ Ճ $2 / 1M 1 TB/݄ ·Ͱ Ճ $55 / 100GB Pro Pro Free, Pro
Ϗϧυʹ੍ݶ͕͋Δ Ϗϧυճ Ϗϧυ࣌ؒ Free 500/݄ Pro 5000/݄ 300/ 25000/݄ Pro
Pro Free, Pro
3. ҆ఆͷϗεςΟϯά
https://answers.netlify.com/t/is-there-a-list-of-where-netlifys-cdn-pops-are-located/855 Netlifyຊ͔ΒͩͱγϯΨϙʔϧ
None
ؾΛ͚ͭΔ͖
• 1. Ϣʔβʔݖݶ • 2. ྉۚͷΘ͔ΓͮΒ͞ • 3. ࠓޙͷಈ ؾΛ͚ͭΔ͖
1. Ϣʔβʔݖݶ • Ϗϧυϩά͕ݟΕΔͷɺCloud f lareΞΧϯτͷݖݶΛͭϢʔβʔ • ਓແ੍ݶ
None
None
None
None
None
1. Ϣʔβʔݖݶ • PagesϓϩδΣΫτʢϏϧυϩάʣΛΈΔݖݶ • Workers Adminݖݶͷ͋ΔCloud f lareΞΧϯτ͕ඞཁ •
ݖݶ͕ڧ͗͢Δ
2. ྉۚͷ͔ΓͮΒ͞
None
2. ྉۚͷ͔ΓͮΒ͞ • ແྉɺProɺBusinessͱॻ͍ͯ͋Δ • ͔͠͠ɺμογϡϘʔυͰ՝ۚ͢ΔϘλϯݟͨΒͳ͍
Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7
Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴՃ Zero Trust ཧυϝΠϯ
Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7
Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴՃ υϝΠϯͷதͰ Ұ൪্ͷϓϥϯ͕ PagesͷϓϥϯʹͳΔ Zero Trust ཧυϝΠϯ
Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7
Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴՃ ͬͪ͜ υϝΠϯͷதͰ Ұ൪্ͷϓϥϯ͕ PagesͷϓϥϯʹͳΔ Zero Trust ཧυϝΠϯ
Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7
Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴՃ ͬͪ͜ υϝΠϯͷதͰ Ұ൪্ͷϓϥϯ͕ PagesͷϓϥϯʹͳΔ Zero Trust ཧυϝΠϯ ΞΫηε੍ݶ͢ΔͳΒ
4. ࠓޙͷಈ • Workersʹ࠷ۙɺ͍Ζ͍Ζػೳ͕Ճ • Static Assets (Beta)ɿPagesͷϝΠϯػೳ • Builid
(Beta)ɿPagesͷϏϧυ૬ • Worker LogsɿBaselime͔Βདྷͨػೳ • PagesʹWorker LogsՃ͞Εͳ͔ͬͨ • কདྷతʹͭ͘ͷ͔ʁ
None
2025/03/03 ࠷ۙͷHonoX @yusukebe σϓϩΠઌͷਪ͕ Cloud f lare PagesͩͬͨͷΛ Clooud f
lare Workersʹ͍͖ͯ͠·͢ɻ
2025/03/03 ࠷ۙͷHonoX @yusukebe ͜ΕCloud f lareͷҙͰɺ PagesͱWorkersΛ౷߹͢Δܭը͕͋Γɺ Workersʹد͍͔ͤͯ͘ΒͰ͢ɻ
Cloud f lare Pages ͳ͘ͳΔ͔ʁ
None
None
None
None
None
·ͱΊ • PagesWebϑϨʔϜϫʔΫ੩తαΠτΛσϓϩΠ͢Δ࠷ߴͷڥ • ϓϨϏϡʔڥͱɺϢʔβʔɺଳҬ੍ݶͳ͕͋͠Γ͕͍ͨ • ྉۚෳࡶ͕ͩɺ҆͗ͯ͢৺ʹͳΔྉۚମܥ • Workersʹ౷߹͞ΕΔ͔͠Εͳ͍ͷͰಈͷνΣοΫ͕ඞཁ
͋Γ͕ͱ͏͍͟͝·ͨ͠ Cloud f lare PagesΛ͍͍͓ͨࣄ͕͋Εɺؾܰʹ͓͕͚͍ͩ͘͞ https://www.pxgrid.com/