Cloudflare Meetup Osaka vol.1 森茂 洋 とにかくやさしい Pages

Cloudflare Meetup Osaka vol.1 自己紹介 2 森茂 洋 / Hiroshi Morishige @_himorishige 株式会社microCMS フロントエンドエンジニア 流行りごとはRemix、Qwik、Edge全般 Cloudflare Developer Challenge 2022 Winner

目次 3 ● Cloudflare Pages について ● とにかくやさしい Pages - DEMO - Cloudflare Meetup Tokyo Kick Off !!

Cloudflare Meetup Osaka vol.1 Cloudflare Pages 4

Cloudflare Meetup Osaka vol.1 Cloudflare Pages について 5 ● Gitベースのデプロイワークフローをもつ 「フロントエンド開発者がJamstackサイト を構築、ホストする環境」 ● CloudflareのCDNにホスティング ● 2020年12月にBetaリリース、 2021年4月にGA Cloudflare Pages is now Generally Available

Cloudflare Meetup Osaka vol.1 Cloudflare Pages について 6 ● 2021年11月 Pages Functions Beta、 2022年11月 Pages Functions GA ● Pages上でWorkersが利用可能に ● Gitベースのデプロイワークフローをもつ 「フロントエンド開発者のためのフルス タックプラットフォーム」へと進化 Cloudflare Pagesのあなたのサイトを、一般提供されたPages Functionsでより充実させる

Cloudflare Meetup Osaka vol.1 Pages に対応するフレームワーク 7 https://developers.cloudflare.com/pages/framework-guides/ and so on.

Cloudflare Meetup Osaka vol.1 Pages の料金プラン 8 Free Pro($25/mo) Business($250/mo) 同時ビルド数 1 5 20 ビルド数 500/mo 5,000/mo 20,000/mo カスタムドメイン 100 250 500 サイト数 無制限 帯域幅 無制限 制限 20,000ファイル/1ファイル最大25MB 参照: https://developers.cloudflare.com/pages/platform/limits/

Cloudflare Meetup Osaka vol.1 ちょっと待って 9

Cloudflare Meetup Osaka vol.1 なんかちょっと面倒じゃね？ 10 ● フレームワークを使わないとだめ？ ● HTMLとCSS、JS少々のWebサイトなんだけど。 ● Gitリポジトリを用意しないとだめ？ ● 初心者には勧めづらいなぁ。 ● Wranglerってだれ？ ● もっと手軽に使えないの？ ● などなど

Cloudflare Meetup Osaka vol.1 とにかくやさしいPages もっと手軽に使えます 11

- DEMO - 12 Cloudflare Meetup Tokyo Kick Off !!

Enjoy :) 13 https://discord.gg/K3DPqw4EJ2 @micro_cms https://jobs.microcms.co.jp/

Cloudflare Meetup Osaka vol.1 参考資料・リンク 14 ● Cloudflare Pages is now Generally Available https://blog.cloudflare.com/cloudflare-pages-ga/ ● Cloudflare Pagesのあなたのサイトを、一般提供されたPages Functionsでより充実させる https://blog.cloudflare.com/ja-jp/pages-function-goes-ga-ja-jp/ ● Framework guides · Cloudflare Pages docs https://developers.cloudflare.com/pages/framework-guides/ ● Limits · Cloudflare Pages docs https://developers.cloudflare.com/pages/platform/limits/ ● Cloudflare Workers® https://workers.cloudflare.com/