Cloudflare Pages 4年使って分かった良さと注意点

Cloudflare Meet-up Tokyo Vol.7

Transcript

1. Cloud f lare Pages 2025-03-14 Cloud f lare Meet-up Tokyo Vol.7 ೥࢖ͬͯ෼͔ͬͨྑ͞ͱ஫ҙ఺
2. தଜ
   ڗհ
   גࣜձࣾϐΫηϧάϦο υ
   ୅ද
   ϞμϯϑϩϯτΤϯυ ɾ ΤϯδχΞ
   
   
   
   
   
   !LZPTVLF
   
   
   
   
   
   
   !LZPTVLFKQ
   
   
   
   
   
   !LZPTVLF 𝕏
6. Cloud f lare Pagesͱ͸
8. ϦϙδτϦ Ϗϧυ ϗεςΟϯά GitHub Cloud f lare Pages σϓϩΠ
9. ϦϙδτϦ Ϗϧυ ϗεςΟϯά GitHub Cloud f lare Pages σϓϩΠ main dev Ϗϧυ ϗεςΟϯά σϓϩΠ
10. AWS Amplify ϗεςΟϯά
11. SolidStart
13. Ϗϧυ͠ͳ͍
    ੩త)5.-Ͱ΋0,
14. • Amazon S3 + Cloudfront • GitHub Pages ੩తαΠτͳΒʁ
15. Amazon S3 + Cloud f lont • ϒϥϯνϓϨϏϡʔ͕ͳ͍ • εςʔδϯά༻ҙͨ͠Γ໘౗ • ΞτϛοΫσϓϩΠͰ͖ͳ͍
16. GitHub Pages • ϒϥϯνϓϨϏϡʔ͕ͳ͍ • GitHub Pages͸঎༻ར༻ʹ੍ݶ͕͋Δ͜ͱʹ஫ҙ
17. Cloud f lare Pages·ͱΊ • GitHubϦϙδτϦͱ࿈ܞͯ͠ϏϧυɺσϓϩΠɺϗεςΟϯάͯ͘͠ΕΔ αʔϏε • ϑϩϯτΤϯυϑϨʔϜϫʔΫͱ૬ੑ͕Α͍ • ϑϨʔϜϫʔΫͳ͠ͷ੩తͳHTMLͰ΋࢖͑Δ • झຯϨϕϧͰͳ͘ɺϏδωε༻αΠτͷϗεςΟϯάઌͱͯ͠े෼
18. Α͍ͱ͜Ζ
19. • 1. ϓϨϏϡʔαΠτ • 2. ແ੍ݶ • 3. ҆ఆͷϗεςΟϯά Α͍ͱ͜Ζ
20. 1.ϓϨϏϡʔαΠτ ϦϙδτϦ Ϗϧυ ϗεςΟϯά GitHub Cloud f lare Pages σϓϩΠ main dev Ϗϧυ ϗεςΟϯά σϓϩΠ
22. ଞαʔϏε͸ϧʔϧݫ͍͠ • Vercel΍Netlifyͩͱ όϓϦοΫϦϙδτϦͰͳ͍ݶΓ ՝ۚͨ͠ϢʔβʔҎ֎ͷίϛοτͰϏϧυ͠ͳ͍ • Cloud f lare Pages͸ͩΕͰ΋Ϗϧυͯ͘͠ΕΔ
23. 2. ແ੍ݶ Ϣʔβʔ ϦΫΤετ਺ ଳҬ෯ ♾ʢແྉʣ ♾ʢແྉʣ ♾ʢແྉʣ $20/݄/User 10M/݄·Ͱ ௥Ճ $2 / 1M 1 TB/݄ ·Ͱ ௥Ճ $0.15 / 1GB $19/݄/User 10M/݄·Ͱ ௥Ճ $2 / 1M 1 TB/݄ ·Ͱ ௥Ճ $55 / 100GB Pro Pro Free, Pro
24. Ϗϧυʹ͸੍ݶ͕͋Δ Ϗϧυճ਺ Ϗϧυ࣌ؒ Free 500/݄ Pro 5000/݄ 300/೔ 25000෼/݄ Pro Pro Free, Pro
25. 3. ҆ఆͷϗεςΟϯά
26. https://answers.netlify.com/t/is-there-a-list-of-where-netlifys-cdn-pops-are-located/855 Netlify͸೔ຊ͔ΒͩͱγϯΨϙʔϧ
28. ؾΛ͚ͭΔ΂͖఺
29. • 1. Ϣʔβʔݖݶ • 2. ྉۚͷΘ͔ΓͮΒ͞ • 3. ࠓޙͷಈ޲ ؾΛ͚ͭΔ΂͖఺
30. 1. Ϣʔβʔݖݶ • Ϗϧυϩά͕ݟΕΔͷ͸ɺCloud f lareΞΧ΢ϯτͷݖݶΛ΋ͭϢʔβʔ • ਓ਺͸ແ੍ݶ
36. 1. Ϣʔβʔݖݶ • PagesϓϩδΣΫτʢϏϧυϩάʣΛΈΔݖݶ • Workers Adminݖݶͷ͋ΔCloud f lareΞΧ΢ϯτ͕ඞཁ • ݖݶ͕ڧ͗͢Δ
37. 2. ྉۚͷ෼͔ΓͮΒ͞
39. 2. ྉۚͷ෼͔ΓͮΒ͞ • ແྉɺProɺBusinessͱॻ͍ͯ͋Δ • ͔͠͠ɺμογϡϘʔυͰ՝ۚ͢ΔϘλϯ͸ݟ౰ͨΒͳ͍
40. Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7 Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴ௥Ճ෼ Zero Trust ؅ཧυϝΠϯ
41. Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7 Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴ௥Ճ෼ υϝΠϯͷதͰ Ұ൪্ͷϓϥϯ͕ PagesͷϓϥϯʹͳΔ Zero Trust ؅ཧυϝΠϯ
42. Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7 Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴ௥Ճ෼ ͬͪ͜ υϝΠϯͷதͰ Ұ൪্ͷϓϥϯ͕ PagesͷϓϥϯʹͳΔ Zero Trust ؅ཧυϝΠϯ
43. Pagesࣗମͷϓϥϯ Functionsͷϓϥϯ υϝΠϯA Pro υϝΠϯB Free Freeϓϥϯɿ 50ਓ·Ͱແྉ ैྔ՝ۚɿ 1Ϣʔβʔʹ͖݄ͭʑ$7 Pages Workers Workersແྉɿ 0υϧ/݄ Workers༗ྉɿ 5υϧ/݄ʴ௥Ճ෼ ͬͪ͜ υϝΠϯͷதͰ Ұ൪্ͷϓϥϯ͕ PagesͷϓϥϯʹͳΔ Zero Trust ؅ཧυϝΠϯ ΞΫηε੍ݶ͢ΔͳΒ
44. 4. ࠓޙͷಈ޲ • Workersʹ͸࠷ۙɺ͍Ζ͍Ζػೳ͕௥Ճ • Static Assets (Beta)ɿPagesͷϝΠϯػೳ • Builid (Beta)ɿPagesͷϏϧυ૬౰ • Worker LogsɿBaselime͔Βདྷͨػೳ • Pagesʹ͸Worker Logs͸௥Ճ͞Εͳ͔ͬͨ • কདྷతʹͭ͘ͷ͔ʁ
46. 2025/03/03 ࠷ۙͷHonoX @yusukebe σϓϩΠઌͷਪ঑͕ Cloud f lare PagesͩͬͨͷΛ Clooud f lare Workersʹ͍͖ͯ͠·͢ɻ
47. 2025/03/03 ࠷ۙͷHonoX @yusukebe ͜Ε͸Cloud f lareͷҙ޲Ͱɺ PagesͱWorkersΛ౷߹͢Δܭը͕͋Γɺ Workersʹد͍͔ͤͯ͘ΒͰ͢ɻ
48. Cloud f lare Pages ͳ͘ͳΔ͔΋ʁ
54. ·ͱΊ • Pages͸WebϑϨʔϜϫʔΫ΍੩తαΠτΛσϓϩΠ͢Δ࠷ߴͷ؀ڥ • ϓϨϏϡʔ؀ڥͱɺϢʔβʔɺଳҬ੍ݶͳ͕͋͠Γ͕͍ͨ • ྉۚ͸ෳࡶ͕ͩɺ҆͗ͯ͢৺഑ʹͳΔྉۚମܥ • Workersʹ౷߹͞ΕΔ͔΋͠Εͳ͍ͷͰಈ޲ͷνΣοΫ͕ඞཁ
55. ͋Γ͕ͱ͏͍͟͝·ͨ͠ Cloud f lare PagesΛ࢖͍͍͓ͨ࢓ࣄ͕͋Ε͹ɺؾܰʹ͓੠͕͚͍ͩ͘͞ https://www.pxgrid.com/