rabbit-slide-unasuke-kagoshima-rubykaigi02 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 73371e2b5f29f3d41fc5b02fcbff1b5fa0b68c96de3e33114b299bbeee4347b0
+  data.tar.gz: d119f648c43c47cfd97332b0b0dc00ceae74106976f2e25670e8f93bf6c2ccf2
+SHA512:
+  metadata.gz: 35b9d6e87da277770cc5d4eeff2bf4ee09a4bc2f24cdc468cfc615a6574cb1947644ea08d490cec76d7ec4db945d9254aeb4fa0bd3649056e124d0f793bab8ad
+  data.tar.gz: b0567bf7ddc0ef74635fa60eec7fa840615b0a55c5479411a3f176baa3090728a33015ea3f4f3be71404c1cc446bc8e7f773b4adcc0612b0de0f8149e9698b16

data/.rabbit

@@ -0,0 +1,2 @@
+--size 1200,675
+slide.rab

data/README.rd

@@ -0,0 +1,24 @@
+= kagoshima-rubykaigi02
+
+https://k-ruby.com/kagoshima-rubykaigi02/
+
+== 作者向け
+
+=== 表示
+
+  rake
+
+=== 公開
+
+  rake publish
+
+== 閲覧者向け
+
+=== インストール
+
+  gem install rabbit-slide-unasuke-kagoshima-rubykaigi02
+
+=== 表示
+
+  rabbit rabbit-slide-unasuke-kagoshima-rubykaigi02.gem
+

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: kagoshima-rubykaigi02
+base_name: slide
+tags: ['ruby', 'python', 'quic']
+presentation_date: '2023-03-04'
+presentation_start_time:
+presentation_end_time:
+version: 1.0.0
+licenses: ['MIT']
+slideshare_id:
+speaker_deck_id:
+vimeo_id:
+youtube_id:
+width: 1200
+height: 675
+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/kagoshima-rubykaigi02

data/slide.rab

@@ -0,0 +1,344 @@
+= QUICをRubyの世界に持ってくる活動をしています
+
+: author
+   unasuke
+: content-source
+   鹿児島Ruby会議02
+: date
+   2023-03-04
+: theme
+   theme
+
+= 自己紹介
+
+  * Name: うなすけ
+  * Work: フリーランス
+  * Ruby歴: 8年くらい
+  * Kaigi on Rails オーガナイザー
+  * (('tag:x-small')) GitHub ((<URL:https://github.com/unasuke>))
+  * (('tag:x-small')) Mastodon ((<URL:https://mstdn.unasuke.com/@unasuke>))
+  * (('tag:x-small')) Twitter ((<URL:https://twitter.com/yu_suke1994>))
+
+  # image
+  # src = img/icon.jpg
+  # relative_width = 24
+  # align = right
+  # relative_margin_right = -8
+  # relative_margin_top = 20
+
+= 今日話すこと
+
+  * QUICとは何か
+  * 具体的にやっていること
+  * 今後の展望
+
+= QUICとは何か
+
+  # image
+  # src = img/QUIC-Badge-Dark-RGB-Horiz.png
+  # relative_width = 100
+  # align = center
+
+(('tag:x-small'))(('tag:center')) image from ((<URL:https://github.com/quicwg/wg-materials>))
+
+= QUICとは何か
+
+  * 2021年にRFC 9000を含むいつくかのRFCにより標準化
+  * TCPではなくUDPによって通信をするプロトコル
+    * これまでのTCP(HTTP)より高速 ← ？
+  * HTTP/3はQUICを使用する
+
+= 「これまでのTCP(HTTP)より高速」とは？
+
+ざっくりと……
+
+  * HTTP/2はTCPを使う
+    * TCP: "Transmission Control Protocol"
+      * 信頼性が高いがオーバーヘッドが大きい
+    * 途中のパケットが欠損すると、再送されるまで処理が止まる
+  * HTTP/3はUDP(QUIC)を使う
+    * UDP: "User Datagram Protocol"
+      * オーベーヘッドがないぶん高速だが信頼性は落ちる
+    * 途中のパケットが欠損しても、影響がない範囲で処理を継続する
+
+
+ref: ((<URL:https://eng-blog.iij.ad.jp/archives/11166>))
+
+= TCPとUDP
+
+  * TCPは信頼性が高いがオーバーヘッドが大きい
+    * HTMLとかJavaScriptとかCSSとか
+      * 欠損したら困る
+  * UDPはオーベーヘッドがないぶん高速だが信頼性は落ちる
+    * VoIP、RTPなどの音声、ビデオ通話とか
+      * 完全性よりリアルタイム性
+
+しかしHTTP/3はQUICを使うし、QUICはUDP。これはどういうことか？
+
+= QUICがやっていること
+
+  # image
+  # src = img/protocol-stack-h2-h3-improved-readability.png
+  # relative_width = 45
+  # align = center
+
+(('tag:x-small'))(('tag:center')) image from ((<URL:https://github.com/rmarx/h3-protocol-stack>))
+
+
+= QUICとは何か、詳しくは……
+
+
+((<(('QUICをゆっくり解説 – 新しいインターネット通信規格 | IIJ Engineers Blog'))|URL:https://eng-blog.iij.ad.jp/quic>))
+
+= 今日話すこと
+
+  * QUICとは何か
+  * 具体的にやっていること ((*←*))
+  * 今後の展望
+
+= 具体的にやっていること
+
+2022年までのぼく
+
+「よ〜し、RFC読んでQUICの実装するぞ〜！」
+
+= 具体的にやっていること
+
+2022年までのぼく
+
+「よ〜し、RFC読んでQUICの実装するぞ〜！」
+
+(('tag:xx-large'))大挫折
+
+= 大挫折2022
+  * 例えば「よ〜しオレオレpuma作るぞ〜」がうまくいくのか？
+    * 「オレオレRails」でも可
+    * → 無理
+
+やったことがないことをやるのは大変
+
+= 大挫折2022
+  * 例えば「よ〜しオレオレpuma作るぞ〜」がうまくいくのか？
+    * 「オレオレRails」でも可
+    * → 無理
+
+やったことがないことをやるのは大変
+
+→ じゃあ「やったことあること」をする、のはどうだろう
+
+= 大挫折2022
+  * 例えば「よ〜しオレオレpuma作るぞ〜」がうまくいくのか？
+    * 「オレオレRails」でも可
+    * → 無理
+
+やったことがないことをやるのは大変
+
+→ じゃあ「やったことあること」をする、のはどうだろう
+
+→ じゃあ「QUICの実装」を「やったことある」状態にするにはどうしたら？
+
+= この世界にあるQUICの実装
+
+  * lsquic (C言語)
+  * quicly (C言語)
+  * quiche (Rust)
+  * quic-go (Go)
+  * aioquic (Python)
+
+(('tag:x-small'))Ref: ((<URL:https://github.com/quicwg/base-drafts/wiki/Implementations>))
+
+= この世界にあるQUICの実装
+
+  * lsquic (C言語)
+  * quicly (C言語)
+  * quiche (Rust)
+  * quic-go (Go)
+  * aioquic (Python) ←
+
+(('tag:x-small'))Ref: ((<URL:https://github.com/quicwg/base-drafts/wiki/Implementations>))
+
+\n
+PythonはRubyに似てるらしい……
+
+= この世界にあるQUICの実装、にRubyを加える
+
+\n
+(('tag:center'))QUICのPython実装であるaioquicをRubyに移植しよう！
+
+= 採択
+  # image
+  # src = img/ruby-or-jp-grant-2022-unasuke.png
+  # relative_width = 90
+  # align = center
+
+(('tag:center'))(('tag:x-small'))((<URL:https://www.ruby.or.jp/ja/news/20220823>))
+
+= ねらい
+  * 締切
+    * 1/16 中間報告書提出締切
+    * 3/20 最終報告書提出締切
+  * メンター
+
+= やっていること
+ここまでが「やっている」までの経緯
+
+= aioquicを移植する
+  # image
+  # src = img/aioquic-og.png
+  # relative_width = 90
+  # align = center
+
+(('tag:center'))(('tag:x-small'))((<URL:https://github.com/aiortc/aioquic>))
+
+= aioquicを移植する、その規模感
+  # image
+  # src = img/aioquic-loc.png
+  # relative_width = 90
+  # align = center
+
+= aioquicの構造
+
+  * Buffer
+  * Crypto
+  * TLS
+  * QUIC
+    * Packet
+    * PacketBuilder
+    * Rangeset
+    * Configuration
+    * Retry
+    * Crypto
+    * Stream, Connection...
+
+= aioquicの構造
+
+  * Buffer ← まあ……
+  * Crypto ← やばい
+  * TLS ← やばすぎ
+  * QUIC
+    * Packet ← まあ……
+    * PacketBuilder ← まあ……
+    * Rangeset ← easy
+    * Configuration ← easy
+    * Retry ← まあ……
+    * Crypto ← やばい
+    * Stream, Connection... ← やばすぎ
+
+= "やばすぎ" mean...
+
+  * 行数？
+    * tls.py (1445行、テスト1163行)
+    * connection.py (2774行、テスト2171行)
+  * 行数は真のやばさではない
+
+= QUICがやっていること(再)
+
+  # image
+  # src = img/protocol-stack-h2-h3-improved-readability.png
+  # relative_width = 45
+  # align = center
+
+(('tag:x-small'))(('tag:center')) image from ((<URL:https://github.com/rmarx/h3-protocol-stack>))
+
+= "やばすぎ" mean...
+
+  * QUICは暗号化も受け持つ
+    * つまり、TLSを実装する
+      * 鍵交換
+      * 認証
+      * etc
+  * 扱うデータの中身も暗号化されている
+    * OpenSSL「こんにちは〜」
+    * PythonとRubyでOpenSSLのAPIの抽象度合いが異なる
+
+
+= で、どこまでできてるの？
+  * connection.py の移植の真っ最中
+  * Rubyishにするにはどうすればいいかの設計
+
+= デモ
+  * curlから送信されたQUICのPacketを解析する
+
+= 今日話すこと
+
+  * QUICとは何か
+  * 具体的にやっていること
+  * 今後の展望 ((*←*))
+
+= 今後の展望
+
+  * QUIC自体
+  * 移植プロジェクト
+
+= 今後の展望 - QUIC
+  * QUICは様々な場所で使われつつある
+    * Media over QUIC
+      * Warp (Twitch)
+    * WebTransport
+  * QUIC v2が策定中
+    * ((<URL:https://datatracker.ietf.org/doc/draft-ietf-quic-v2/>))
+    * 3月末 IETF 116 Yokohama
+  * ((<URL:https://datatracker.ietf.org/wg/quic/about/>))
+
+= 今後の展望 - 移植プロジェクト
+  * aioquicの移植を終わらせる
+    * 3/20 最終報告書提出期限
+  * "Rubyishとは何か？"
+    * 設計、API、etc...
+
+= 今後の展望、そもそもなぜこんなことを？
+  # image
+  # src = img/quic-impl-grep-ruby.png
+  # relative_width = 80
+  # align = center
+
+= 現実問題
+
+  * お客様の中にpumaでHTTPSの通信をされている方は
+    * TLSを終端するのは誰なのか
+
+= 現実問題
+  * AWS CloudFront
+    * ((<URL:https://aws.amazon.com/about-aws/whats-new/2022/08/amazon-cloudfront-supports-http-3-quic/>))
+  * Google Cloud Load Balancing
+    * ((<URL:https://cloud.google.com/load-balancing/docs/https#QUIC>))
+  * NGINX
+    * ((<URL:https://www.nginx.com/blog/binary-packages-for-preview-nginx-quic-http3-implementation/>))
+  * H2O
+  * Apache
+
+= 現実問題への回答、RubyがQUICを喋る理由
+  * Just for Fun
+  * そこにRubyがないから
+  * 副産物
+    * OpenSSL gemの修正
+      * ((<URL:https://github.com/ruby/openssl/pulls?q=is%3Apr+author%3Aunasuke>)) (現在3つ)
+    * OpenSSL gemのドキュメント(るりま)が古い
+      * 思案中
+    * RDoc内の回遊を楽にしたい
+      * ((<URL:https://github.com/ruby/rdoc/pull/973>))
+
+= まとめ
+  * QUICをRubyの世界に持ってくる活動をしています
+  
+  # image
+  # src = img/raioquic-loc.png
+  # relative_width = 90
+  # align = center
+
+
+= 参考資料
+  * ((<URL:https://quicwg.org>))
+  * ((<URL:https://www.rfc-editor.org/rfc/rfc9000.html>))
+  * ((<QUIC、RFC 9000 として正式に公開 - Fastly blog|URL:https://www.fastly.com/jp/blog/quic-is-now-rfc-9000>))
+  * ((<(('QUICをゆっくり解説 – 新しいインターネット通信規格 | IIJ Engineers Blog'))|URL:https://eng-blog.iij.ad.jp/quic>))
+  * ((<(('HTTP/3の解説を書いた (2020/06/01) - ASnoKaze blog'))|URL:https://asnokaze.hatenablog.com/entry/2020/06/01/005625>))
+  * ((<(('2021年 HTTPやQUICの最新動向振り返り - ASnoKaze blog'))|URL:https://asnokaze.hatenablog.com/entry/2021/12/31/011558>))
+  * ((<(('『プロフェッショナルSSL/TLS』 – 技術書出版と販売のラムダノート'))|URL:https://www.lambdanote.com/collections/ssl-tls>))
+  * ((<(('徹底解剖 TLS 1.3（古城 隆 松尾 卓幸 宮崎 秀樹 須賀 葉子）｜翔泳社の本'))|URL:https://www.shoeisha.co.jp/book/detail/9784798171418>))
+  * ((<URL:https://quic.xargs.org>))
+
+= 参考資料2
+  * ((<URL:https://github.com/aiortc/aioquic>))
+  * ((<URL:https://github.com/thekuwayama/tttls1.3>))
+  * ((<URL:https://datatracker.ietf.org/wg/quic/about/>))

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/kagoshima-rubykaigi02-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,75 @@
+--- !ruby/object:Gem::Specification
+name: rabbit-slide-unasuke-kagoshima-rubykaigi02
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- unasuke
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2023-03-04 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://k-ruby.com/kagoshima-rubykaigi02/
+email:
+- yusuke1994525@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rabbit"
+- README.rd
+- Rakefile
+- config.yaml
+- img/QUIC-Badge-Dark-RGB-Horiz.png
+- img/aioquic-loc.png
+- img/aioquic-og.png
+- img/bulletproof-ssl-tls.jpg
+- img/icon.jpg
+- img/kagoshima-rubykaigi02-bg.png
+- img/protocol-stack-h2-h3-improved-readability.png
+- img/quic-impl-grep-ruby.png
+- img/raioquic-loc.png
+- img/ruby-or-jp-grant-2022-unasuke.png
+- img/wolfssl-tls13.jpg
+- pdf/kagoshima-rubykaigi02-slide.pdf
+- slide.rab
+- theme.rb
+homepage: https://slide.rabbit-shocker.org/authors/unasuke/kagoshima-rubykaigi02/
+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: kagoshima-rubykaigi02
+test_files: []