Slide 1

Slide 1 text

Cloudflareいいぞぉ K1mu21

Slide 2

Slide 2 text

自己紹介 ● 木村宗吾(K1mu21) ○ 社会人2年目です! ● 株式会社ラクーンホールディングス技術戦略部 ● バックエンド(+フロントエンド+CI/CD…) ○ 業務ではJava,PHP ○ 趣味ではGo ● 趣味 ○ ボーカロイド ■ 明日と来週にライブ行きます ○ 最近サウナにハマってます ■ 錦糸町の黄金湯が最高です😆 ● X ○ @detunote

Slide 3

Slide 3 text

なんでこんな話をするのかという と...

Slide 4

Slide 4 text

最近弊社のコーポレートサイトがリニューアルされまし た!!!!!! https://www.raccoon.ne.jp

Slide 5

Slide 5 text

使ってるもの

Slide 6

Slide 6 text

自分はCloudflareをメインで触っ てたので紹介したい!!!

Slide 7

Slide 7 text

Cloudflare Pagesを使ったホス ティングが簡単

Slide 8

Slide 8 text

CloudflarePages ● CloudflarePagesはアプリケーションをコレだけで構築、デプロイ、配信がで きるサービス ● GItHubとかのリポジトリを自動デプロイ対象に登録するだけでそのリポジトリ にPushするたびに更新してくれる ● セルフホスティングのGitLabでもWranglerを使えばCDでデプロイできる

Slide 9

Slide 9 text

Cloudflare Workersが便利

Slide 10

Slide 10 text

Cloudflare Workers ● Cloudflare Wokresはエッジサーバーでスクリプトを実行してくれるサーバー レスのサービス ● AWSを触ってる方だとLambdaと似てるっていうとイメージし易いかも? ● Workersにアクセスするとスクリプトを実行してくれてJsonを返してくれたり、 ログを収集してくれたりと結構便利 ● サンプルも用意してくれている https:/ /developers.cloudflare.com/workers/examples

Slide 11

Slide 11 text

Cloudflare Pages Function ● Cloudflare Pages Functionもエッジサーバーでスクリプトを実行してくれる サーバーレスのサービス ● Pagesプロジェクトの内部で動くCloudflare Workersというイメージ ● functionディレクトリをプロジェクトのルートに配置しその中でスクリプトを配 置 ○ ドメイン/ファイル名のurlでアクセスするとスクリプトが実行される

Slide 12

Slide 12 text

じゃあ何が違うの?

Slide 13

Slide 13 text

Cloudflare Pages Function VS Cloudflare Workes ● Cloudflare Workers 
 ○ Cloudflareで管理している全てのドメインのルートにアサインが可能 
 ■ 一つのWorkerで複数のルートを処理することが出来る

Slide 14

Slide 14 text

Cloudflare Pages Function VS Cloudflare Workes ● Cloudflare Pages Function 
 ○ ビルドしたプロジェクトデータにFunctionを仕込んでデプロイする形 
 ■ そのCloudflare Pagesプロジェクト下でしか実行出来ない 
 ■ Pagesプロジェクトの内部WorkerなのでCloudflare Workersの機能をすべ て使う事はできない 
 ● Workers Trace Event log push とか

Slide 15

Slide 15 text

じゃあどっちなんだ!! ● 複数のプロジェクト使われる、複雑なスクリプトの場合はCloudflare Workes ● そのプロジェクトでしか使われない、簡単なスクリプトの場合はCloudflare Pages Function

Slide 16

Slide 16 text

今回はコレだけ紹介しましたが もっと色々いい機能もあるので 使ってみてください!!!!

Slide 17

Slide 17 text

宣伝