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
610
とにかくやさしい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
540
Cloudflare Pages/Workersとは
himorishige
2
3.6k
Next.jsでの開発を加速させるVercelとNext.js/App Routerの 便利な機能たち
himorishige
0
49
Other Decks in Technology
See All in Technology
20251027_findyさん_音声エージェントLT
almondo_event
2
440
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
0
360
激動の時代を爆速リチーミングで乗り越えろ
sansantech
PRO
1
100
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
4
3.4k
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
330
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
370
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
0
180
serverless team topology
_kensh
3
230
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
hamadakoji
1
480
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
ryoichi_ota
0
720
様々なファイルシステム
sat
PRO
0
250
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
makky_tyuyan
0
130
Featured
See All Featured
Facilitating Awesome Meetings
lara
57
6.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The Language of Interfaces
destraynor
162
25k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
KATA
mclloyd
PRO
32
15k
GraphQLとの向き合い方2022年版
quramy
49
14k
Designing for Performance
lara
610
69k
Navigating Team Friction
lara
190
15k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
What's in a price? How to price your products and services
michaelherold
246
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
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/