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
52
ギャレトレ勉強会
k1mu21
0
43
リプレイスでやったこと
k1mu21
1
60
静的解析ツールを導入した話
k1mu21
1
210
WebGLを触ってみよう
k1mu21
1
49
GoのAirを使ってみた話
k1mu21
0
120
学生から社会人1年目を通して
k1mu21
2
240
データベースで沼った話
k1mu21
0
64
Other Decks in Technology
See All in Technology
QAエンジニアがプロダクト専任で チームの中に入ると。。。?/登壇資料(杉森 太樹)
hacobu
PRO
0
180
Flutterコントリビューションのススメ
d_r_1009
1
340
「データ無い! 腹立つ! 推論する!」から 「データ無い! 腹立つ! データを作る」へ チームでデータを作り、育てられるようにするまで / How can we create, use, and maintain data ourselves?
moznion
6
3.2k
Design and implementation of "Markdown to Google Slides" / phpconfuk 2025
k1low
1
390
エンタープライズ企業における開発効率化のためのコンテキスト設計とその活用
sergicalsix
1
310
よくわからない人向けの IAM Identity Center とちょっとした落とし穴
kazzpapa3
2
710
決済システムの信頼性を支える技術と運用の実践
ykagano
0
460
フライトコントローラPX4の中身(制御器)を覗いてみた
santana_hammer
1
140
Redux → Recoil → Zustand → useSyncExternalStore: 状態管理の10年とReact本来の姿
zozotech
PRO
1
320
Flutterで実装する実践的な攻撃対策とセキュリティ向上
fujikinaga
1
320
嗚呼、当時の本番環境の状態で AI Agentを再評価したいなぁ...
po3rin
0
400
AIと共に開発する時代の組織、プロセス設計 freeeでの実践から見えてきたこと
freee
3
580
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Building an army of robots
kneath
306
46k
Automating Front-end Workflow
addyosmani
1371
200k
Mobile First: as difficult as doing things right
swwweet
225
10k
Making Projects Easy
brettharned
120
6.4k
How STYLIGHT went responsive
nonsquared
100
5.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Documentation Writing (for coders)
carmenintech
76
5.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
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
今回はコレだけ紹介しましたが もっと色々いい機能もあるので 使ってみてください!!!!
宣伝