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
350
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
마라톤 끝의 단거리 스퍼트: 2025년의 AI
inureyes
PRO
1
730
LLMで構造化出力の成功率をグンと上げる方法
keisuketakiguchi
0
690
リモートワークで心掛けていること 〜AI活用編〜
naoki85
0
130
Kiroから考える AIコーディングツールの潮流
oikon48
4
680
ホリスティックテスティングの右側も大切にする 〜2つの[はか]る〜 / Holistic Testing: Right Side Matters
nihonbuson
PRO
0
670
隙間時間で爆速開発! Claude Code × Vibe Coding で作るマニュアル自動生成サービス
akitomonam
3
260
猫でもわかるQ_CLI(CDK開発編)+ちょっとだけKiro
kentapapa
0
3.4k
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
140
OPENLOGI Company Profile for engineer
hr01
1
37k
LLMをツールからプラットフォームへ〜Ai Workforceの戦略〜 #BetAIDay
layerx
PRO
1
940
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
140
Claude Codeは仕様駆動の夢を見ない
gotalab555
23
6.2k
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
Designing for Performance
lara
610
69k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Faster Mobile Websites
deanohume
308
31k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Six Lessons from altMBA
skipperchong
28
3.9k
It's Worth the Effort
3n
185
28k
Navigating Team Friction
lara
188
15k
Agile that works and the tools we love
rasmusluckow
329
21k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
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/