速さの鍵を握る! Fastly で実現する CDN の力

by 平木佳介

Slide 1

Slide 1 text

速さの鍵を握る!   Fastly で実現する CDN の力  クラスメソッド株式会社 AWS事業本部 | 平木佳介  1

Slide 2

Slide 2 text

自己紹介 2 ~$ whoami  平木佳介 (Hiraki Keisuke)  ~$  ~$ jobs  [2]+ 実行中クラスメソッド(株) AWS事業本部コンサルティング部  ~$  ~$ groups  ソリューションアーキテクト | AWS Community Builder  ~$  ~$ cat 平木佳介.conf | grep 趣味  趣味：旅行/推し事  ~$  ~$ cat 平木佳介.conf | grep 最近ハマっているサービス  最近ハマっているサービス： Canva 

Slide 3

Slide 3 text

3 みなさんはwebサイトを立ち上げたことをありますか？ 

Slide 4

Slide 4 text

4 多くの人たちに見てもらえるwebサイトを目指す！  ⇓  SEO対策 

Slide 5

Slide 5 text

5 SEO対策とCDNに何の関連が？ 

Slide 6

Slide 6 text

6 Google 検索の基本事項（旧ウェブマスター向けガイドライン）  <引用>  Google 検索では、AMP ページをインデックスに登録することによって、信頼性に優れた高速なウェブエクスペリエンスを実現しています。  （略）  AMP であるかどうかが直接 Google 検索のランキングに影響することはありませんが、スピードはランキングに影響します。 

Slide 7

Slide 7 text

7 Google 検索セントラルブログ  <引用>  2018 年 7 月より、ページの読み込み速度を  モバイル検索のランキング要素として使用することになりました。 

Slide 8

Slide 8 text

8 Webページの配信を高速化したい！  ⇓  CDN 

Slide 9

Slide 9 text

9 トピック CDNとは  01  02  04  03  CDNの仕組みやメリット  Fastlyとは  Fastlyの魅力 

Slide 10

Slide 10 text

10 CDNとは  Content    コンテンツ  HTML,CSS,MP3  etc...  Delivery      配信する  Network      ネットワーク  多くの種類のコンテンツをネットワークを介して  配信（デリバリー）するシステムや仕組みのこと 

Slide 11

Slide 11 text

11 CDNの仕組み  クライアント  （日本）  クライアント  （米）  インターネット  IXP  インターネット  オリジン  （オリジンサーバー）  エッジ  （サーバー）  DNS  （サーバー）  日本  米  CDN 

Slide 12

Slide 12 text

12 CDNの仕組み  クライアント  （日本）  クライアント  （米）  インターネット  IXP  インターネット  オリジン  （オリジンサーバー）  エッジ  （サーバー）  DNS  （サーバー）  日本  米  CDN  example.com 

Slide 13

Slide 13 text

13 CDNの仕組み  クライアント  （日本）  クライアント  （米）  インターネット  IXP  インターネット  オリジン  （オリジンサーバー）  エッジ  （キャッシュサーバー）   DNS  （サーバー）  日本  米  CDN  example.com  CDNの配信サーバ拠点は PoP（Point of Presence）と呼ぶキャッシュ 

Slide 14

Slide 14 text

14 CDNの仕組み  クライアント  （日本）  クライアント  （米）  インターネット  IXP  インターネット  オリジン  （オリジンサーバー）  エッジ  （キャッシュサーバー）   DNS  （サーバー）  日本  米  CDN  example.com  最新のキャッシュがない場合、配信元のサーバーから取得キャッシュ 

Slide 15

Slide 15 text

15 CDNの仕組み  クライアント  （日本）  クライアント  （米）  インターネット  IXP  インターネット  オリジン  （オリジンサーバー）  エッジ  （キャッシュサーバー）   DNS  （サーバー）  日本  米  ここの領域を CDN  example.com  キャッシュ 

Slide 16

Slide 16 text

16 CDNのメリット  配信速度の短縮  安全性  の向上  オリジンの  負荷軽減  CDNを活用することで様々な負担をオフロードできる 

Slide 17

Slide 17 text

17 CDNの代表的なサービス  Ⓡ Akamai  Ⓡ Fastly  Ⓡ Cloudflare  Amazon CloudFront 

Slide 18

Slide 18 text

18 Fastlyとは  Fastly（ファストリー）は、  インターネットのパフォーマンスと  セキュリティを向上させる  エッジクラウドプラットフォーム。  FastlyのCDNにはVarnishをベースに作られているため、  VCL（Varnish Configuration Language)という設定言語で柔軟に設定が可能。 

Slide 19

Slide 19 text

19 Fastlyの魅力  特徴  画像： https://www.yoshinoya.com/special/100years/  

Slide 20

Slide 20 text

20 Fastlyの魅力  特徴  画像： https://www.yoshinoya.com/special/100years/  

Slide 21

Slide 21 text

21 Fastlyの魅力  特徴  はやいかんたんやすい

Slide 22

Slide 22 text

22 Fastlyの魅力  はやい

Slide 23

Slide 23 text

23 Fastlyの魅力  かんたん様々なオプションの機能を細かい設定をせずに簡単に利用可能。  画像最適化    Image Optimizer  WAF    次世代WAF  （Next-Gen WAF）  compute      Fastly Computing 

Slide 24

Slide 24 text

24 Fastlyの魅力  やすいアカウントの契約形態は無料アカウントと有料アカウントがある。    - 無料アカウント・・・開発向け。月額50ドル相当のトラフィック分利用可能。  - 有料アカウント・・・本番向け。Fastly CDNについては、最初の10TBが「$0.19/1GB」という従量課金というベースにある（要問い合わせ）    従量課金以外にも月額定額のプランも提供している。 