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
150
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
どうすると生き残れないのか/how-not-to-survive
hanhan1978
13
11k
Microsoft_20250311_第2回AI_IoT共創ラボ.pdf
iotcomjpadmin
0
310
EC-CUBEはサーバレスで動かせるのか?
yukishimada
1
120
フォーイット_エンジニア向け会社紹介資料_Forit_Company_Profile.pdf
forit_tech
1
1.8k
一歩ずつ成長しながら進める ZOZOの基幹システムリプレイス/Growing Stap by Stap ZOZO BackOffice System Replacement
cocet33000
2
420
Db2 SaaS(Db2 on Cloud Gen3)を見てみよう/20250306-Db2SaaS-dojo
mayumihirano
0
100
開発者のための FinOps/FinOps for Engineers
oracle4engineer
PRO
2
310
20250307_エンジニアじゃないけどAzureはじめてみた
ponponmikankan
2
290
結果的にこうなった。から見える メカニズムのようなもの。
recruitengineers
PRO
1
150
Microsoft_20250311_AzureIoTPortfolio_PDF.pdf
iotcomjpadmin
0
160
Real World Nix CI/CD編
asa1984
1
190
TechBullエンジニアコミュニティの取り組みについて
rvirus0817
0
370
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Designing for Performance
lara
605
68k
Building Applications with DynamoDB
mza
93
6.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
YesSQL, Process and Tooling at Scale
rocio
172
14k
How STYLIGHT went responsive
nonsquared
99
5.4k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Adopting Sorbet at Scale
ufuk
75
9.3k
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/