Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
宣伝