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
63
Cloudflareいいぞ
テテミートLTの資料
K1mu21
October 06, 2024
Tweet
Share
More Decks by K1mu21
See All by K1mu21
リプレイスでやったこと
k1mu21
1
25
静的解析ツールを導入した話
k1mu21
1
160
WebGLを触ってみよう
k1mu21
1
37
GoのAirを使ってみた話
k1mu21
0
63
学生から社会人1年目を通して
k1mu21
2
200
データベースで沼った話
k1mu21
0
51
Lidarであそぼ
k1mu21
0
34
Other Decks in Technology
See All in Technology
3年でバックエンドエンジニアが5倍に増えても破綻しなかったアーキテクチャ そして、これから / Software architecture that scales even with a 5x increase in backend engineers in 3 years
euglena1215
11
4.3k
ソフトウェア開発における「パーフェクトな意思決定」/Perfect Decision-Making in Software Development
yayoi_dd
2
2.6k
Qiita埋め込み用スライド
naoki_0531
0
5.5k
AWS環境におけるランサムウェア攻撃対策の設計
nrinetcom
PRO
1
320
SpiderPlus & Co. エンジニア向け会社紹介資料
spiderplus_cb
0
310
Formal Development of Operating Systems in Rust
riru
1
340
プロダクト組織で取り組むアドベントカレンダー/Advent Calendar in Product Teams
mixplace
0
640
C++26 エラー性動作
faithandbrave
2
870
ネットワーク可視化の世界
likr
7
5.6k
2024年にチャレンジしたことを振り返るぞ
mitchan
0
170
MasterMemory v3 最速確認会
yucchiy
0
290
「完全に理解したTalk」完全に理解した
segavvy
1
270
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Designing for humans not robots
tammielis
250
25k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Agile that works and the tools we love
rasmusluckow
328
21k
4 Signs Your Business is Dying
shpigford
182
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
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
今回はコレだけ紹介しましたが もっと色々いい機能もあるので 使ってみてください!!!!
宣伝