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
新機能紹介! CloudFront Functions を触ってみた えが(@ega4432)
Slide 2
Slide 2 text
アジェンダ 1. Amazon CloudFront とは 2. Lambda@Edge とは 3. CloudFront Functions とは 4. CF2 の注意点 5. CF2 のユースケース 6. URL 正規化をやってみた 7. まとめ 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 2
Slide 3
Slide 3 text
新機能紹介!CloudFront Functions を触ってみた Amazon CloudFront とは 2021 ©︎ ega4432 - Built with marp. 3
Slide 4
Slide 4 text
CloudFront とは 「 AWS の CDN サービス」 静的、動的なコンテンツを高速配信 セキュア ユーザを近いエッジロケーションに誘導 エッジコンピューティングが利用可能 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 4
Slide 5
Slide 5 text
新機能紹介!CloudFront Functions を触ってみた Lambda@Edge とは 2021 ©︎ ega4432 - Built with marp. 5
Slide 6
Slide 6 text
Lambda@Edge とは エッジで Lambda 関数を実行できる機能。 オリジン CloudFront 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 6
Slide 7
Slide 7 text
新機能紹介!CloudFront Functions を触ってみた CloudFront Functions とは 2021 ©︎ ega4432 - Built with marp. 7
Slide 8
Slide 8 text
CloudFront Functions とは Lambda@Edge よりも安価で軽量な処理を実行できる機能。 オリジン CloudFront 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 8
Slide 9
Slide 9 text
新機能紹介!CloudFront Functions を触ってみた CF2 の注意点 2021 ©︎ ega4432 - Built with marp. 9
Slide 10
Slide 10 text
CF2 の注意点 Lambda@Edge よりも縛りが多い 実行時間の制限 1ms 最大メモリ 2MB ランタイムは JavaScript だけ 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 10
Slide 11
Slide 11 text
新機能紹介!CloudFront Functions を触ってみた CF2 のユースケース 2021 ©︎ ega4432 - Built with marp. 11
Slide 12
Slide 12 text
CF2 のユースケース HTTP リクエスト/レスポンスの操作 URL の書き換えやリダイレクト キャッシュの操作 JWT などによるアクセス制御 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 12
Slide 13
Slide 13 text
新機能紹介!CloudFront Functions を触ってみた URL 正規化をやってみた 2021 ©︎ ega4432 - Built with marp. 13
Slide 14
Slide 14 text
構成 S3 CloudFront ユーザ $ aws s3 ls s3://cloudfront-functions-sample --recursive . ├── index.html └── sample └── index.html 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 14
Slide 15
Slide 15 text
sample というオブジェクトは存在しないので 404 になってしまう 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 15
Slide 16
Slide 16 text
目指すかたち 下記のようにリクエスト URL を正規化できれば良さそう! / -> /index.html /sample -> /sample/index.html /sample/ -> /sample/index.html 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 16
Slide 17
Slide 17 text
新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 17
Slide 18
Slide 18 text
新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 18
Slide 19
Slide 19 text
新機能紹介!CloudFront Functions を触ってみた まとめ 2021 ©︎ ega4432 - Built with marp. 19
Slide 20
Slide 20 text
まとめ CloudFront Functions めちゃくちゃ良さそう! Lambda@Edge との使い分けが重要 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 20
Slide 21
Slide 21 text
新機能紹介!CloudFront Functions を触ってみた ご静聴ありがとうございました 2021 ©︎ ega4432 - Built with marp. 21