rabbit-slide-unasuke-cndf2023 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 2112e88dacf8cb6e7310ccf2022c76ca218b1b650f8adbb3e2a8c8fe54da534e
+  data.tar.gz: cf400e387301f2427c5f6cfd8b51f7b5e45a87fd122b44989dab70543167c034
+SHA512:
+  metadata.gz: 5ededba3c91e07496228738ebd72d460c62fc934dbb57d3f09eb5d688f4932e9ce5642eaa686eb83f668aec1a5c92d40c2f06ee12dd385b5fbe6e88d6f4529db
+  data.tar.gz: a9f1e1827583fe14e7ba5eec49390717408975df25098d5ab11f20c74e9c086077eb2ee018f8f41aeae697d3e06a5047575dd93cd714882f0cdaa08e9b0f26bf

data/.rabbit

@@ -0,0 +1,2 @@
+--size 1920,1080
+slide.md

data/README.md

@@ -0,0 +1,25 @@
+# CNDF2023
+
+* https://event.cloudnativedays.jp/cndf2023/talks/1890
+* https://github.com/unasuke/cndf2023-infra
+
+## 作者向け
+
+### 表示
+
+    rake
+
+### 公開
+
+    rake publish
+
+## 閲覧者向け
+
+### インストール
+
+    gem install rabbit-slide-unasuke-cndf2023
+
+### 表示
+
+    rabbit rabbit-slide-unasuke-cndf2023
+

data/Rakefile

@@ -0,0 +1,17 @@
+require "rabbit/task/slide"
+
+# Edit ./config.yaml to customize meta data
+
+spec = nil
+Rabbit::Task::Slide.new do |task|
+  spec = task.spec
+  # spec.files += Dir.glob("doc/**/*.*")
+  # spec.files -= Dir.glob("private/**/*.*")
+  # spec.add_runtime_dependency("rabbit-theme-YOUR-THEME")
+end
+
+desc "Tag #{spec.version}"
+task :tag do
+  sh("git", "tag", "-a", spec.version.to_s, "-m", "Publish #{spec.version}")
+  sh("git", "push", "--tags")
+end

data/config.yaml

@@ -0,0 +1,23 @@
+---
+id: cndf2023
+base_name: slide
+tags: ['quic', 'aws', 'gcp']
+presentation_date: '2023-08-03'
+presentation_start_time:
+presentation_end_time:
+version: 1.0.0
+licenses: ['MIT']
+slideshare_id:
+speaker_deck_id:
+vimeo_id:
+youtube_id:
+width: 1920
+height: 1080
+author:
+  markup_language: :rd
+  name: unasuke
+  email: yusuke1994525@gmail.com
+  rubygems_user: unasuke
+  slideshare_user:
+  speaker_deck_user:
+source_code_url: https://github.com/unasuke/cndf2023

data/slide.md

@@ -0,0 +1,219 @@
+# パブリッククラウドにおける\\nQUIC現状確認2023年8月編
+
+author
+:  unasuke (Yusuke Nakamura)
+
+content-source
+:  CloudNative Days Fukuoka 2023
+
+date
+:  2023-08-03
+
+theme
+:  theme
+
+# 自己紹介
+
+* Name: うなすけ
+* Work: フリーランス
+* Kaigi on Rails オーガナイザー (10/27-28 開催)
+* RubyでQUICを実装しようとしている
+* {::tag name='x-small'}GitHub <https://github.com/unasuke>{:/tag}
+* {::tag name='x-small'}ActivityPub <https://mstdn.unasuke.com/@unasuke>{:/tag}
+* {::tag name='x-small'}X (Twitter) <https://twitter.com/yu_suke1994>{:/tag}
+
+![](img/icon.jpg){:relative_width='24' align='right' relative_margin_right='-8' relative_margin_top='20'}
+
+# "QUIC" ?
+
+* > QUIC is a secure general-purpose transport protocol.
+  * <https://www.rfc-editor.org/rfc/rfc9000.html>
+* 2021年5月に標準化
+* UDPを用いる
+* [QUICをゆっくり解説 – 新しいインターネット通信規格 \| IIJ Engineers Blog](https://eng-blog.iij.ad.jp/quic)
+
+# 実はもう身近なQUIC
+
+* <https://www.youtube.com>
+* <https://fonts.google.com/>
+  * <https://fonts.gstatic.com>
+
+気づいていないだけで、普段の通信の数割はもうQUICかも
+
+# 最近のQUIC
+
+* QUIC Version 2 (2023-05)
+  * <https://www.rfc-editor.org/rfc/rfc9369.html>
+  * > QUIC version 2 is meant to mitigate ossification concerns and exercise the version negotiation mechanisms.
+* IETF 117 San Francisco (2023-07-24〜)
+  * draft-ietf-quic-multipath-05
+  * draft-ietf-quic-load-balancers-16
+  * draft-ietf-quic-reliable-stream-reset-01
+  * etc
+
+# NGINX 1.25.0
+
+![](img/nginx_news.png){:relative_width="90" align="center"}
+
+{:.center}
+{::tag name='x-small'}<https://nginx.org>{:/tag}
+
+# このセッションで話すこと
+
+* 静的WebサイトでQUICを使う
+* アプリケーションプロセスに対してQUICでアクセスする
+  * AWS, GCP
+  * NGINX, H2O
+* **2023年8月時点での状況**
+
+# このセッションで話さないこと
+
+* QUICをサービスに導入する際の注意事項
+  * 話者にQUICのproductionでの運用経験はありません
+  * まだ仕様が固まってない(後述)
+
+# 前準備
+
+![](img/chrome_devtools.png){:relative_width='70' align='center'}
+
+{:.center}
+Open DevTools!
+
+# テスト用Webサイトについて
+* <https://github.com/unasuke/cndf2023-infra>
+* inspired by <https://www.httpvshttps.com>
+* HTTP/2との速度比較が目的**ではない**
+  * 同じ経路でHTTP/2とHTTP/3を両方用意するのがちょっと面倒
+  * 多分わかりやすい差が出ない
+* 長くても2023年8月いっぱいまでしか動かしません
+  * 静的なものは残すかも
+
+# 静的WebサイトでQUICを使う
+* Firebase Hosting (Fastly)
+* Cloudflare Pages
+* AWS CloudFront & S3
+* GCP Cloud Load Balancing & Cloud Storage
+
+# Firebase Hosting (Fastly)
+
+![](img/arch_firebase.png){:relative_width='70' align='center'}
+
+* <https://firebase.cndf2023.unasuke.dev>
+* Fastlyによる配信
+  * <https://firebase.google.com/terms/subprocessors>
+
+# Cloudflare Pages
+
+![](img/arch_cloudflare.png){:relative_width='70' align='center'}
+
+* <https://cndf2023.unasuke.dev>
+* 正確にはこれはCloudflareをCloudFrontの前段に配置したもの
+
+# AWS CloudFront & S3
+
+![](img/arch_aws_cf_s3.png){:relative_width='70' align='center'}
+
+* <https://aws-cloudfront-s3.cndf2023.unasuke.dev>
+* CloudFrontは明示的にHTTP/3を有効にできる
+  * <https://aws.amazon.com/jp/about-aws/whats-new/2022/08/amazon-cloudfront-supports-http-3-quic/>
+
+# CloudFrontは明示的にHTTP/3を有効にできる
+
+![](img/cloudfront_http3.png){:relative_width='90' align='center'}
+
+# AWS CloudFront & S3 (HTTP/3 VS HTTP/2)
+
+* HTTP/3 (QUIC)
+  * <https://aws-cloudfront-s3.cndf2023.unasuke.dev>
+* HTTP/2
+  * <https://aws-cloudfront-s3-http2.cndf2023.unasuke.dev>
+* 違いが体感できますか？
+
+# GCP Cloud Load Balancing & Cloud Storage
+
+![](img/arch_gcp_clb_cs.png){:relative_width='70' align='center'}
+
+* <https://gcp-lb-storage.cndf2023.unasuke.dev>
+* Cloud Storage単体でも……？
+
+# 動的なアプリケーションでQUICを使う
+* AWS CloudFront & ALB & Fargate
+* AWS NLB & Fargate
+* GCP Cloud Load Balancing & Cloud Run
+
+# AWS CloudFront & ALB & Fargate
+
+![](img/arch_aws_cf_alb_fargate.png){:relative_width='80' align='center'}
+
+* {::tag name='small'}<https://aws-cloudfront-fargate-nginx.cndf2023.unasuke.dev>{:/tag}
+  * nginx
+* {::tag name='small'}<https://aws-cloudfront-fargate-h2o.cndf2023.unasuke.dev>{:/tag}
+  * h2o
+
+# AWS NLB & Fargate
+
+![](img/arch_aws_nlb_fargate.png){:relative_width='80' align='center'}
+
+* <https://aws-nlb-fargate-nginx.cndf2023.unasuke.dev>
+  * nginx
+* <https://aws-nlb-fargate-h2o.cndf2023.unasuke.dev>
+  * h2o
+
+# AWS NLB & Fargate
+* NLBとFargateの組み合わせでUDP通信ができるようになっている(2020年)
+  * [AWS Fargate for Amazon ECS が Network Load Balancer を使用した UDP ロードバランシングのサポートを開始](https://aws.amazon.com/jp/about-aws/whats-new/2020/07/aws-fargate-for-amazon-ecs-now-supports-udp-load-balancing-with-network-load-balancer/)
+
+# GCP Cloud Load Balancing & Cloud Run
+
+![](img/arch_gcp_clb_cr.png){:relative_width='80' align='center'}
+
+* <https://gcp-lb-cloudrun-nginx.cndf2023.unasuke.dev>
+* <https://gcp-lb-cloudrun-h2o.cndf2023.unasuke.dev>
+* Cloud Run単体でも……？
+
+# GCP Cloud Load Balancer
+
+![](img/gcp_load_balancer_protocols.png){:relative_width='55' align='center'}
+
+* {::tag name='small'}[ロードバランサの機能比較  \|  負荷分散  \|  Google Cloud](https://cloud.google.com/load-balancing/docs/features?hl=ja#protocol-to-backends){:/tag}
+* {::tag name='small'}[Cloud CDN とロード バランシングで QUIC を使用して HTTP/3 でコンテンツを取得 \| Google Cloud 公式ブログ](https://cloud.google.com/blog/ja/products/networking/cloud-cdn-and-load-balancing-support-http3){:/tag}
+
+
+
+# QUICをLoad Balancingするということ
+
+* <https://datatracker.ietf.org/doc/draft-ietf-quic-load-balancers/>
+  * [HTTP/3をUDPロードバランサで分散するときの問題点 (AWS NLBで試してみた) - ASnoKaze blog](https://asnokaze.hatenablog.com/entry/2019/12/30/201331)
+  * [インフラエンジニアなら気になるQUICのロードバランサ (方式編) \| by Jun-ya Kato \| nttlabs \| Medium](https://medium.com/nttlabs/quic-load-balancer-design-82c5fbae8305)
+* 議論&実験中
+
+# 個人的所感
+* CDNを前段に挟める静的WebサイトでQUICを使うのはよさそう
+  * 趣味の範囲でもHTTP/3を使える
+* Web AppがQUICを受け付るのはまだ発展途上
+  * 標準化が見えてきている
+  * HTTP/2で通信できていれば十分なのでは
+    * HTTP/3にできなくて困るケースって？
+  * 静的assetsだけはHTTP/3というのは一手？
+
+# まとめ 2023年8月
+
+* 実は既に日常生活でQUICが使われている
+* 静的WebサイトでHTTP/3を有効にするのはすぐできる時代
+* 大手CNDもHTTP/3での配信が可能
+  * 静的なassetsだけHTTP/3で配信というのはアリかも
+* QUIC-awareなload balancingはまだ議論段階
+
+
+# 参考URL (1/2)
+* [QUICをゆっくり解説 – 新しいインターネット通信規格 \| IIJ Engineers Blog](https://eng-blog.iij.ad.jp/quic)
+* [サイトの HTTP3 化と DNS HTTPS RR および Alt-Svc Header によるアドバタイズ \| blog.jxck.io](https://blog.jxck.io/entries/2022-02-05/http3.html)
+* [AWS Fargate for Amazon ECS が Network Load Balancer を使用した UDP ロードバランシングのサポートを開始](https://aws.amazon.com/jp/about-aws/whats-new/2020/07/aws-fargate-for-amazon-ecs-now-supports-udp-load-balancing-with-network-load-balancer/)
+* [ロードバランサの機能比較  \|  負荷分散  \|  Google Cloud](https://cloud.google.com/load-balancing/docs/features?hl=ja#protocol-to-backends)
+* [Cloud CDN とロード バランシングで QUIC を使用して HTTP/3 でコンテンツを取得 \| Google Cloud 公式ブログ](https://cloud.google.com/blog/ja/products/networking/cloud-cdn-and-load-balancing-support-http3)
+* <https://datatracker.ietf.org/doc/draft-ietf-quic-load-balancers/>
+* [HTTP/3をUDPロードバランサで分散するときの問題点 (AWS NLBで試してみた) - ASnoKaze blog](https://asnokaze.hatenablog.com/entry/2019/12/30/201331)
+
+# 参考URL (2/2)
+* [インフラエンジニアなら気になるQUICのロードバランサ (方式編) \| by Jun-ya Kato \| nttlabs \| Medium](https://medium.com/nttlabs/quic-load-balancer-design-82c5fbae8305)
+* [QUIC-LBを読んでみる Zenn](https://zenn.dev/eugene/articles/3b730bac2759da)

data/theme.rb

@@ -0,0 +1,113 @@
+@default_foreground ||= @foreground
+@default_background ||= @background
+@default_shadow_color ||= @shadow_color
+
+# pp font_families
+font_color             = '#333'
+@default_font          = 'BIZ UDPGothic'
+@font_family           = find_font_family(@default_font)
+@bold_font             = @default_font
+@bold_font_family      = find_font_family(@bold_font)
+@monospace_font        = 'Cica'
+@monospace_font_family = find_font_family(@monospace_font)
+
+@xxxx_large_font_size = screen_size(10 * Pango::SCALE)
+@xxx_large_font_size  = screen_size(8 * Pango::SCALE)
+@xx_large_font_size   = screen_size(6 * Pango::SCALE)
+@x_large_font_size    = screen_size(4.5 * Pango::SCALE)
+@large_font_size      = screen_size(4 * Pango::SCALE)
+@normal_font_size     = screen_size(3.5 * Pango::SCALE)
+@small_font_size      = screen_size(3.2  * Pango::SCALE)
+@x_small_font_size    = screen_size(3 * Pango::SCALE)
+@xx_small_font_size   = screen_size(2.8 * Pango::SCALE)
+@xxx_small_font_size  = screen_size(2.5 * Pango::SCALE)
+@script_font_size            = @x_small_font_size
+@large_script_font_size      = @small_font_size
+@x_large_script_font_size    = @large_font_size
+@title_slide_title_font_size = @xxx_large_font_size
+
+@block_quote_fill_color = "#f8f8f8"
+@preformatted_fill_color = "#f8f8f8"
+@default_headline_line_color = font_color
+
+@title_slide_background_image = 'img/title_bg.png'
+# @slide_background_image = 'img/bg.png'
+
+# set_foreground(@default_foreground)
+# set_background(@default_background)
+
+add_image_path("ruby-images")
+include_theme("default-icon")
+# include_theme("default-title-text")
+include_theme("default-text")
+include_theme("default-title-slide")
+include_theme("default-slide")
+include_theme("default-item-mark")
+include_theme("default-method-list")
+include_theme("default-preformatted")
+include_theme("default-block-quote")
+include_theme("default-foot-text")
+include_theme("default-description")
+include_theme("image")
+include_theme("table")
+include_theme("newline-in-slides")
+include_theme("per-slide-background-color")
+include_theme("background-image-toolkit")
+include_theme("per-slide-background-image")
+include_theme("body-background-image")
+include_theme("tag")
+include_theme("syntax-highlighting")
+include_theme("default-comment")
+
+include_theme("title-slide-background-image")
+include_theme("slide-background-image")
+
+match(TitleSlide, "*") do |elems|
+  elems.horizontal_centering = true
+  elems.prop_set("size", @large_font_size)
+  set_font_family(elems)
+end
+
+match(TitleSlide, Title) do |titles|
+  titles.prop_set("size", @title_slide_title_font_size)
+  titles.padding_bottom = @space * 2
+  titles.prop_set("weight", "SemiBold")
+end
+
+match(Slide, HeadLine) do |heads|
+  heads.prop_set("size", @large_font_size)
+  heads.prop_set("weight", "bold")
+end
+
+match(TitleSlide) do |slides|
+  # slides.margin_left = 900
+  slides.vertical_centering = true
+  slides.prop_set "foreground", font_color
+  slides.prop_set("weight", "bold")
+end
+match(TitleSlide, Subtitle) do |subtitle|
+  subtitle.margin_top = -20
+  subtitle.prop_set("size", @large_font_size)
+end
+match(TitleSlide, Author) do |author|
+  author.margin_top = 50
+  author.prop_set("size", @large_font_size)
+  author.prop_set("weight", "normal")
+end
+match(TitleSlide, Place) do |place|
+  place.prop_set("size", @small_font_size)
+end
+match(TitleSlide, "*") do |elems|
+  elems.horizontal_centering = true
+end
+
+match(TitleSlide, Date) do |dates|
+  dates.prop_set("size", @small_font_size)
+  # dates.prop_set("style", "italic")
+end
+
+match(TitleSlide, ContentSource) do |sources|
+  sources.prop_set("size", @small_font_size)
+  sources.margin_bottom = @space
+  # sources.prop_set("style", "italic")
+end

metadata

@@ -0,0 +1,79 @@
+--- !ruby/object:Gem::Specification
+name: rabbit-slide-unasuke-cndf2023
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- unasuke
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2023-08-03 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rabbit
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.2
+description: |-
+  * https://event.cloudnativedays.jp/cndf2023/talks/1890
+  * https://github.com/unasuke/cndf2023-infra
+email:
+- yusuke1994525@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rabbit"
+- README.md
+- Rakefile
+- config.yaml
+- img/arch_aws_cf_alb_fargate.png
+- img/arch_aws_cf_s3.png
+- img/arch_aws_nlb_fargate.png
+- img/arch_cloudflare.png
+- img/arch_firebase.png
+- img/arch_gcp_clb_cr.png
+- img/arch_gcp_clb_cs.png
+- img/chrome_devtools.png
+- img/cloudfront_http3.png
+- img/gcp_load_balancer_protocols.png
+- img/icon.jpg
+- img/nginx_news.png
+- img/title_bg.png
+- pdf/cndf2023-slide.pdf
+- slide.md
+- theme.rb
+homepage: https://slide.rabbit-shocker.org/authors/unasuke/cndf2023/
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.4.6
+signing_key:
+specification_version: 4
+summary: CNDF2023
+test_files: []