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
520
とにかくやさしい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
480
Cloudflare Pages/Workersとは
himorishige
2
3k
Next.jsでの開発を加速させるVercelとNext.js/App Routerの 便利な機能たち
himorishige
0
14
Other Decks in Technology
See All in Technology
LLM評価の落とし穴~開発者目線で気をつけるポイント~
rishigami
11
3.2k
生成AIと産業向けソフトウェアの自動生成 〜 ハノーバーメッセ2024より〜
kioto
2
420
20240509 CloudWatch でいろいろなものを監視してみよう
masaruogura
1
120
AWSの生成AI入門書を執筆しました🎉
minorun365
PRO
0
140
.NET GraphQL Client のリアル
sansantech
PRO
1
270
生成AIがもたらす変革 / GitHubGalaxy_CyberAgent
cyberagentdevelopers
PRO
2
110
kcp: Kubernetes APIs Are All You Need #techfeed_live / TechFeed Experts Night 28th
ytaka23
1
190
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
390
エムスリーマルチデバイスチーム紹介資料 / Introduction of M3 Multi Device Team
m3_engineering
1
160
Databricksの生成AI戦略
taka_aki
1
370
AI JIMY - 登壇(インストール編)
hanacchi
0
150
Deno で作る快適な “as Code” プラットフォーム – TSKaigi 2024
pizzacat83
4
310
Featured
See All Featured
A Tale of Four Properties
chriscoyier
153
22k
Visualization
eitanlees
137
14k
Become a Pro
speakerdeck
PRO
13
4.6k
Atom: Resistance is Futile
akmur
260
25k
A Modern Web Designer's Workflow
chriscoyier
689
190k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
Web development in the modern age
philhawksworth
203
10k
The Brand Is Dead. Long Live the Brand.
mthomps
49
30k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Six Lessons from altMBA
skipperchong
22
3k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
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/