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
340
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.2k
Other Decks in Technology
See All in Technology
(HackFes)米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
5
600
毎晩の 負荷試験自動実行による効果
recruitengineers
PRO
5
200
Autify Company Deck
autifyhq
2
44k
Maintainer Meetupで「生の声」を聞く ~講演だけじゃないKubeCon
logica0419
0
140
三視点LLMによる複数観点レビュー
mhlyc
0
260
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
4
1.2k
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
tsukuha
1
960
CDK Vibe Coding Fes
tomoki10
1
670
データ戦略部門 紹介資料
sansan33
PRO
1
3.3k
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
gunta
4
1.1k
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
460
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
820
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Six Lessons from altMBA
skipperchong
28
3.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Producing Creativity
orderedlist
PRO
346
40k
Speed Design
sergeychernyshev
32
1k
The Language of Interfaces
destraynor
158
25k
The Pragmatic Product Professional
lauravandoore
35
6.8k
Documentation Writing (for coders)
carmenintech
72
4.9k
Why Our Code Smells
bkeepers
PRO
337
57k
Bash Introduction
62gerente
613
210k
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/