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
Cloudflareいいぞ
Search
K1mu21
October 06, 2024
Technology
1
88
Cloudflareいいぞ
テテミートLTの資料
K1mu21
October 06, 2024
Tweet
Share
More Decks by K1mu21
See All by K1mu21
dependabotを導入して失敗した話
k1mu21
0
89
Rust勉強会1回目の資料
k1mu21
0
43
ギャレトレ勉強会
k1mu21
0
30
リプレイスでやったこと
k1mu21
1
47
静的解析ツールを導入した話
k1mu21
1
180
WebGLを触ってみよう
k1mu21
1
46
GoのAirを使ってみた話
k1mu21
0
89
学生から社会人1年目を通して
k1mu21
2
220
データベースで沼った話
k1mu21
0
62
Other Decks in Technology
See All in Technology
GitHub MCP Serverを使って Pull Requestを作る、レビューする
hiyokose
2
700
2025年春に見直したい、リソース最適化の基本
sogaoh
PRO
0
460
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
180
SRE NEXT CfP チームが語る 聞きたくなるプロポーザルとは / Proposals by the SRE NEXT CfP Team that are sure to be accepted
chaspy
1
560
AWSLambdaMCPServerを使ってツールとMCPサーバを分離する
tkikuchi
1
1.4k
【2025年度新卒技術研修】100分で学ぶ サイバーエージェントのデータベース 活用事例とMySQLパフォーマンス調査
cyberagentdevelopers
PRO
3
6k
OPENLOGI Company Profile for engineer
hr01
1
23k
フロントエンドも盛り上げたい!フロントエンドCBとAmplifyの軌跡
mkdev10
2
230
30 代子育て SRE が考える SRE ナレッジマネジメントの現在と将来
kworkdev
PRO
0
200
CBになったのでEKSのこともっと知ってもらいたい!
daitak
1
150
Amazon S3 Tables + Amazon Athena / Apache Iceberg
okaru
0
230
Classmethod AI Talks(CATs) #21 司会進行スライド(2025.04.17) / classmethod-ai-talks-aka-cats_moderator-slides_vol21_2025-04-17
shinyaa31
0
240
Featured
See All Featured
The Language of Interfaces
destraynor
157
24k
Scaling GitHub
holman
459
140k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Become a Pro
speakerdeck
PRO
27
5.3k
The Invisible Side of Design
smashingmag
299
50k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
30k
Transcript
Cloudflareいいぞぉ K1mu21
自己紹介 • 木村宗吾(K1mu21) ◦ 社会人2年目です! • 株式会社ラクーンホールディングス技術戦略部 • バックエンド(+フロントエンド+CI/CD…) ◦
業務ではJava,PHP ◦ 趣味ではGo • 趣味 ◦ ボーカロイド ▪ 明日と来週にライブ行きます ◦ 最近サウナにハマってます ▪ 錦糸町の黄金湯が最高です😆 • X ◦ @detunote
なんでこんな話をするのかという と...
最近弊社のコーポレートサイトがリニューアルされまし た!!!!!! https://www.raccoon.ne.jp
使ってるもの
自分はCloudflareをメインで触っ てたので紹介したい!!!
Cloudflare Pagesを使ったホス ティングが簡単
CloudflarePages • CloudflarePagesはアプリケーションをコレだけで構築、デプロイ、配信がで きるサービス • GItHubとかのリポジトリを自動デプロイ対象に登録するだけでそのリポジトリ にPushするたびに更新してくれる • セルフホスティングのGitLabでもWranglerを使えばCDでデプロイできる
Cloudflare Workersが便利
Cloudflare Workers • Cloudflare Wokresはエッジサーバーでスクリプトを実行してくれるサーバー レスのサービス • AWSを触ってる方だとLambdaと似てるっていうとイメージし易いかも? • Workersにアクセスするとスクリプトを実行してくれてJsonを返してくれたり、
ログを収集してくれたりと結構便利 • サンプルも用意してくれている https:/ /developers.cloudflare.com/workers/examples
Cloudflare Pages Function • Cloudflare Pages Functionもエッジサーバーでスクリプトを実行してくれる サーバーレスのサービス • Pagesプロジェクトの内部で動くCloudflare
Workersというイメージ • functionディレクトリをプロジェクトのルートに配置しその中でスクリプトを配 置 ◦ ドメイン/ファイル名のurlでアクセスするとスクリプトが実行される
じゃあ何が違うの?
Cloudflare Pages Function VS Cloudflare Workes • Cloudflare Workers
◦ Cloudflareで管理している全てのドメインのルートにアサインが可能 ▪ 一つのWorkerで複数のルートを処理することが出来る
Cloudflare Pages Function VS Cloudflare Workes • Cloudflare Pages Function
◦ ビルドしたプロジェクトデータにFunctionを仕込んでデプロイする形 ▪ そのCloudflare Pagesプロジェクト下でしか実行出来ない ▪ Pagesプロジェクトの内部WorkerなのでCloudflare Workersの機能をすべ て使う事はできない • Workers Trace Event log push とか
じゃあどっちなんだ!! • 複数のプロジェクト使われる、複雑なスクリプトの場合はCloudflare Workes • そのプロジェクトでしか使われない、簡単なスクリプトの場合はCloudflare Pages Function
今回はコレだけ紹介しましたが もっと色々いい機能もあるので 使ってみてください!!!!
宣伝