omuronの備忘録

個人的な備忘録

「Cloudflare Meet-up Online!! #2」 #CloudflareUG_www 受講メモ

Cloudflare Meet-up Online!! #2

cfm-cts.connpass.com

セッション

BirthDay Weekのまとめ

亀田さん

  • HTTP/2 Rapid Reset
    • HTTP/2 プロトコルの欠陥で DDos攻撃に悪用
    • 秒間2-3億の攻撃、インターネット全体で秒間10〜なのですごい量
  • Cloudflare BirthDay Week : Cloudflare のイベント週間の一つ
    • Cloudflare Trace : Beta版、トレース機能
      • Cloudflare はモノリシックな作りで順番に有効にした機能が処理される
      • どの機能で通信が止まったかチェックできる
    • Cloudflare Fonts : Beta版
      • Google Fonts を Cloudflare で早く動かせる
    • R2 への増分更新
    • Workers AI
    • Vectorize : ベクトルデータベース、Workers AI とセットで使う
    • AI Gateway
    • WebGPU API
    • Hyperdrive : データベースの高速化
    • D1 が Open Beta に

音割れてたのが残念でしたが、Rapid Reset の詳細が聞けたのと、Cloudflare のアップデートをざっくり知ることができたのがとてもよかった。

LT1:CloudflareとAWSの素敵な組み合わせ

立花さん

speakerdeck.com

  • CLoudflare を入れることで
    • WAF/SSL が無料
    • AWS への転送量を削減
    • キャッシュ対象のファイルがデフォルトで決まってて拡張子で判定される
    • X-Forwarded-Proto / X-Forwarded-For などの HTTP ヘッダを使ってクライアント情報を取る必要あり

AWS 使ってても Cloudflare をセットで使うと色々節約できるので、一緒に使うのがいいですよね。

LT2:CMS 向け Cloudflare 設定のコツ (WordPress や Concrete CMS 等)

Katzさん

speakerdeck.com

  • 動的な表示はキャッシュしない
    • 個人情報をキャッシュして流出する時間など発生している
  • どこをキャッシュしないかを設計する
    • キャッシュをバイパスする設定を入れる
  • WordPress だとプラグインに任せれる
    • APO オススメ

動的部分のキャッシュでの情報漏洩怖い...

LT3:Cloudflare Fontsについて

aiji42さん

speakerdeck.com

  • Google Fonts を高速化してくれる
  • Cloudflare にログインして Speed - Content Optimization - Fonts でオンにするだけで使える
  • Lighthouse でパフォーマンスチェック
    • 73 -> 99 にパフォーマンスが上がっている
  • Google Fonts 利用時
    • ヘッダーに CSS をダウンロードするリンクを挿入
      • 動作時には CSS と Fonts をダウンロードするときにオーバーヘッドが載る
  • Cloudfonts Fonts 利用時
    • 「ヘッダーに CSS をダウンロードするリンクを挿入」が CSS に書き換えられる
      • セルフホストで動くように書き換え
      • DNS Lookup/TCP/TLS などのオーバーヘッドなくなる

Google Fonts は再配布可能な SIL Open Font License だからこそできる機能ですね。

LT4:Cloudflare Streamでサクッと動画配信しよう!

不破崇行(@pacsolution)さん

  • 動画のストリーム配信は自分で作るとかなり大掛かりで大変
  • Cloudflare Stream : 動画のストリーム配信ができるサービス
    • クライアント PC に動画ファイルをダウンロードさせない仕組み
    • 動画エンコード、ディスクも準備されている
    • ライブ配信
    • 1回の API で動画アップロードできる
    • 署名URL機能
    • 転送量課金がない

YouTube いらずで動画配信できるんだ。

LT5:[小ネタ]Cloudflareの最新情報を追っかける方法

makiさん

キャッチアップするためのいい情報

所感

Cloudflare の波に遅れないためにも、ちゃんと情報収集して本格的に使うことを考えていきたい!