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
270
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
Notion x ポストモーテムで広げる組織の学び / Notion x Postmortem
isaoshimizu
1
120
Bazel for Ruby (RubyKaigi 2025)
p0deje
0
130
バクラクの認証基盤の成長と現在地 / bakuraku-authn-platform
convto
4
740
白金鉱業Meetup_Vol.18_AIエージェント時代のUI/UX設計
brainpadpr
1
230
Making a MIDI controller device with PicoRuby/R2P2 (RubyKaigi 2025 LT)
risgk
1
330
クォータ監視、AWS Organizations環境でも楽勝です✌️
iwamot
PRO
1
350
AWS全冠芸人が見た世界 ~資格取得より大切なこと~
masakiokuda
5
6.5k
より良い開発者体験を実現するために~開発初心者が感じた生成AIの可能性~
masakiokuda
0
220
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
140
生成AIによるCloud Native基盤構築の可能性と実践的ガードレールの敷設について
nwiizo
7
1.2k
AWSで作るセキュアな認証基盤with OAuth mTLS / Secure Authentication Infrastructure with OAuth mTLS on AWS
kaminashi
0
190
生成AIのユースケースをとにかく集めてまるっと学ぶ!/ all about generative ai usecases
gakumura
2
270
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.1k
Automating Front-end Workflow
addyosmani
1370
200k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
KATA
mclloyd
29
14k
Become a Pro
speakerdeck
PRO
27
5.3k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Why Our Code Smells
bkeepers
PRO
336
57k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
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/