Slide 1

Slide 1 text

@ Yoshinari Kugimiya 1 Azure CDN (Azure Front Door and CDN ) 使ってみた 釘宮由成

Slide 2

Slide 2 text

@ Yoshinari Kugimiya 2 • 自己紹介 • CDNとは • AzureのCDNサービス • 検証方法 • 検証結果 • まとめ LTの流れ

Slide 3

Slide 3 text

@ Yoshinari Kugimiya 3 自己紹介 釘宮由成 (Kugimiya Yoshinari) - 新卒エンジニア 九工大卒 22 - 在学中 Start Up でエンジニアやっていました - 今年から株式会社オルターブースに入社 趣味 - 設計とエンジニアリングについて学ぶ - 楽しい事を探すこと - New 身近なOSSの脆弱性を調べる

Slide 4

Slide 4 text

@ Yoshinari Kugimiya 4 CDN(コンテンツ配信ネットワーク)とは、エンドユーザーの近くでコンテンツをキャッ シュする地理的に分散したサーバー群です。 CDNを使用すると、HTMLページ、JavaScriptファイル、スタイルシート、画像、動画 を含むインターネットコンテンツの読み込みに必要となるアセットを素早く転送するこ とができるようになります。 ※ 引用:CDNとは | CDNの仕組みとメリット | Cloudflare CDNとは

Slide 5

Slide 5 text

@ Yoshinari Kugimiya 5 本当に早くなるのか?

Slide 6

Slide 6 text

@ Yoshinari Kugimiya 6 計測しよう。

Slide 7

Slide 7 text

@ Yoshinari Kugimiya 7 Azure の CDN サービス Azure Front Door and CDN に含まれ るリソースとして存在する。 Azure CDN - Azure | Microsoft Learn プラントと使い分けについてはこちら。 Compare Azure CDN product features | Microsoft Learn

Slide 8

Slide 8 text

@ Yoshinari Kugimiya 8 Azure CDN , Azure Blob Strage でそれぞれ同じ画像を配信し、それらを含んだコン テンツ(Web) にアクセスすることで、ダウンロード速度を比較する。 検証方法

Slide 9

Slide 9 text

@ Yoshinari Kugimiya 9 検証方法 Heavy 3.3 MB Light 8.8 KB 次のようなサイズの画像をAzure CDN , Azure Blob Strageでそれぞれ配信し、それら にアクセスした際の挙動を確認する。

Slide 10

Slide 10 text

@ Yoshinari Kugimiya 10 結果を表にまとめる時間がなかったので 検証結果 デモをします!!

Slide 11

Slide 11 text

@ Yoshinari Kugimiya 11 参加型デモ もしよければお手元でもどうぞ。 LT終わり次第消す予定です。 → 削除済み 検証結果 Proxy サーバー (Port: 8080) - East US 192.0.2.0 - Germany West Central 192.0.2.1 Web URL の QR

Slide 12

Slide 12 text

@ Yoshinari Kugimiya 12 結果からみると • 画像のサイズ問わず、早かったり遅かったり • Azure Blob Strage の配信が強いからか差があまりない? 今後やりたいこと • 他のCDNサービスとの比較をしたい • 料金比較(通信料等)も行いたい • 圧縮を利用した方がいい場合を調べたい • CDNを使うべきでないコンテンツがあるか調べたい まとめ