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
とにかくやさしいPages
Search
Hiroshi Morishige
June 20, 2023
Technology
0
550
とにかくやさしいPages
Cloudflare Meet-up Osaka Vol.1 LT資料
Hiroshi Morishige
June 20, 2023
Tweet
Share
More Decks by Hiroshi Morishige
See All by Hiroshi Morishige
フロントエンドの継続的なリアーキテクティング
himorishige
4
510
Cloudflare Pages/Workersとは
himorishige
2
3.2k
Next.jsでの開発を加速させるVercelとNext.js/App Routerの 便利な機能たち
himorishige
0
23
Other Decks in Technology
See All in Technology
Gradle: The Build System That Loves To Hate You
aurimas
2
140
物価高なラスベガスでの過ごし方
zakky
0
380
一休.comレストランにおけるRustの活用
kymmt90
3
580
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
180
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
ryosk7
5
350
ガチ勢によるPipeCD運用大全〜滑らかなCI/CDを添えて〜 / ai-pipecd-encyclopedia
cyberagentdevelopers
PRO
3
200
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
Forget efficiency – Become more productive without the stress
ufried
0
120
コンテンツを支える 若手ゲームクリエイターの アートディレクションの事例紹介 / cagamefi-game
cyberagentdevelopers
PRO
1
130
ガバメントクラウド先行事業中間報告を読み解く
sugiim
1
1.3k
グローバル展開を見据えたサービスにおける機械翻訳プラクティス / dp-ai-translating
cyberagentdevelopers
PRO
1
150
ネット広告に未来はあるか?「3rd Party Cookie廃止とPrivacy Sandboxの効果検証の裏側」 / third-party-cookie-privacy
cyberagentdevelopers
PRO
1
130
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
38
7k
Making Projects Easy
brettharned
115
5.9k
Happy Clients
brianwarren
97
6.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
9
680
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
How GitHub (no longer) Works
holman
311
140k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Transcript
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/