とにかくやさしいPages

Cloudflare Meet-up Osaka Vol.1 LT資料

Transcript

1. Cloudflare Meetup Osaka vol.1 森茂 洋 とにかくやさしい Pages
2. Cloudflare Meetup Osaka vol.1 自己紹介 2 森茂 洋 / Hiroshi Morishige @_himorishige 株式会社microCMS フロントエンドエンジニア 流行りごとはRemix、Qwik、Edge全般 Cloudflare Developer Challenge 2022 Winner
3. 目次 3 • Cloudflare Pages について • とにかくやさしい Pages - DEMO - Cloudflare Meetup Tokyo Kick Off !!
4. Cloudflare Meetup Osaka vol.1 Cloudflare Pages 4
5. Cloudflare Meetup Osaka vol.1 Cloudflare Pages について 5 • Gitベースのデプロイワークフローをもつ 「フロントエンド開発者がJamstackサイト を構築、ホストする環境」 • CloudflareのCDNにホスティング • 2020年12月にBetaリリース、 2021年4月にGA Cloudflare Pages is now Generally Available
6. 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でより充実させる
7. Cloudflare Meetup Osaka vol.1 Pages に対応するフレームワーク 7 https://developers.cloudflare.com/pages/framework-guides/ and so on.
8. 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/
9. Cloudflare Meetup Osaka vol.1 ちょっと待って 9
10. Cloudflare Meetup Osaka vol.1 なんかちょっと面倒じゃね？ 10 • フレームワークを使わないとだめ？ • HTMLとCSS、JS少々のWebサイトなんだけど。 • Gitリポジトリを用意しないとだめ？ • 初心者には勧めづらいなぁ。 • Wranglerってだれ？ • もっと手軽に使えないの？ • などなど
11. Cloudflare Meetup Osaka vol.1 とにかくやさしいPages もっと手軽に使えます 11
12. - DEMO - 12 Cloudflare Meetup Tokyo Kick Off !!
13. Enjoy :) 13 https://discord.gg/K3DPqw4EJ2 @micro_cms https://jobs.microcms.co.jp/
14. 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/