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
120
Cloudflareいいぞ
テテミートLTの資料
K1mu21
October 06, 2024
Tweet
Share
More Decks by K1mu21
See All by K1mu21
dependabotを導入して失敗した話
k1mu21
0
120
Rust勉強会1回目の資料
k1mu21
0
51
ギャレトレ勉強会
k1mu21
0
42
リプレイスでやったこと
k1mu21
1
60
静的解析ツールを導入した話
k1mu21
1
210
WebGLを触ってみよう
k1mu21
1
49
GoのAirを使ってみた話
k1mu21
0
120
学生から社会人1年目を通して
k1mu21
2
230
データベースで沼った話
k1mu21
0
64
Other Decks in Technology
See All in Technology
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
HonoとJSXを使って管理画面をサクッと型安全に作ろう
diggymo
0
160
[2025年10月版] Databricks Data + AI Boot Camp
databricksjapan
1
240
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
820
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
81k
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
280
組織改革から開発効率向上まで! - 成功事例から見えたAI活用のポイント - / 20251016 Tetsuharu Kokaki
shift_evolve
PRO
2
230
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
11
8.6k
「魔法少女まどか☆マギカ Magia Exedra」のIPのキャラクターを描くための3Dルック開発
gree_tech
PRO
0
140
AI AgentをLangflowでサクッと作って、1日働かせてみた!
yano13
1
120
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
270
Kubernetes self-healing of your workload
hwchiu
0
350
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
33k
How STYLIGHT went responsive
nonsquared
100
5.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Music & Morning Musume
bryan
46
6.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
630
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Building Adaptive Systems
keathley
44
2.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Code Reviewing Like a Champion
maltzj
526
40k
GraphQLとの向き合い方2022年版
quramy
49
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
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
今回はコレだけ紹介しましたが もっと色々いい機能もあるので 使ってみてください!!!!
宣伝