Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Cloudflare Meetup Osaka vol.1 Cloudflare Pages 4

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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でより充実させる

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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/

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

- DEMO - 12 Cloudflare Meetup Tokyo Kick Off !!

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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/