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
Goにおける 生成AIによるコード生成の ベンチマーク評価入門
daisuketakeda
2
100
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
4
590
BirdCLEF+2025 Noir 5位解法紹介
myso
0
190
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
530
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
410
Green Tea Garbage Collector の今
zchee
PRO
2
390
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
190
AI Agentと MCP Serverで実現する iOSアプリの 自動テスト作成の効率化
spiderplus_cb
0
500
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
170
Large Vision Language Modelを用いた 文書画像データ化作業自動化の検証、運用 / shibuya_AI
sansan_randd
0
110
Where will it converge?
ibknadedeji
0
180
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
270
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Designing Experiences People Love
moore
142
24k
GitHub's CSS Performance
jonrohan
1032
460k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Embracing the Ebb and Flow
colly
88
4.8k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
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/