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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
K1mu21
October 06, 2024
Technology
140
1
Share
Cloudflareいいぞ
テテミートLTの資料
K1mu21
October 06, 2024
More Decks by K1mu21
See All by K1mu21
dependabotを導入して失敗した話
k1mu21
0
160
Rust勉強会1回目の資料
k1mu21
0
78
ギャレトレ勉強会
k1mu21
0
79
リプレイスでやったこと
k1mu21
1
90
静的解析ツールを導入した話
k1mu21
1
240
WebGLを触ってみよう
k1mu21
1
63
GoのAirを使ってみた話
k1mu21
0
160
学生から社会人1年目を通して
k1mu21
2
250
データベースで沼った話
k1mu21
0
82
Other Decks in Technology
See All in Technology
Agent Development Kit (ADK)で学ぶ実践Context Engineeringと社内での応用例
lycorptech_jp
PRO
0
310
社内RAGの導入で気を付けたポイント
yakumo
2
150
コーディングAIが導くリスクベースド探索的テストの実践
lycorptech_jp
PRO
1
300
TSKaigi 2026 - enumよ、さようなら
teamlab
PRO
2
390
エムスリーテクノロジーズ株式会社 エンジニア向け紹介資料 / M3 Technologies Company Deck
m3_engineering
0
220
論文紹介:Pixal3D (SIGGRAPH 2026)
tenten0727
0
690
Splunk MCPサーバの利活用事例 ーKINTOテクノロジーズの取り組み
kintotechdev
1
190
「使われるデータ基盤」を目指してデータアナリストとワークショップをやった話
jackojacko_
2
710
TypeScriptはどのようにどこまで推論できるのか ─ とにかく as は禁止で
ypresto
1
350
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
1.7k
ラズパイ & Picoで入門:Zephyr(RTOS)の環境構築からビルドまでの紹介
iotengineer22
0
200
ソフトウェアサプライチェーン攻撃対策として今からサクッとできること
flatt_security
2
110
Featured
See All Featured
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
170
Unsuck your backbone
ammeep
672
58k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
10k
How to Think Like a Performance Engineer
csswizardry
28
2.6k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
150
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
What's in a price? How to price your products and services
michaelherold
247
13k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
140
Code Reviewing Like a Champion
maltzj
528
40k
Design in an AI World
tapps
1
210
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
今回はコレだけ紹介しましたが もっと色々いい機能もあるので 使ってみてください!!!!
宣伝