Vary のために UserAgent を normalize する良い方法や事例はありますか？

[ahomu]

質問をしたいAMAブース

• [ ] Web Payments / Payment Request API について何でも訊いて下さい by えーじ
• [ ] AbemaTVだけど質問ある？（AbemaTV関係ない質問でもいいです）by Kenichi Kato, Tetsuharu OHZEKI, and Shota Kubota
• [ ] 日経電子版の高速化について何でも聞いてください by sisidovski and cssradar
• [x] Fastly のエッジクラウドについて何でも聞いてください by Fastly
• [ ] Web パフォーマンスについて何でも訊いて下さい by Ayumu Sato and Shogo Sensui
• [ ] freeeのアクセシビリティ、いまとこれから by 伊原 力也
• [ ] 現場の ES201x とアーキテクチャの変遷と未来 by mizchi
• [ ] 動的デザインガイドのつくり方 by narirou
• [ ] コンポーネントTDDの実践から見えたもの by pirosikick

質問

（もしかしたら Andrew Betts 氏のセッション中に消化されるかもしれませんが）

現在 Fastly を利用している手元のプロダクトで、サーバー側で HTML を出力する際に、ブラウザ名＆バージョンとOS名＆バージョンの計4情報を利用しています。

VCL 上で詳細なパースをするのは難しそうな（または煩雑にすぎる）ので https://github.com/Financial-Times/polyfill-service/blob/master/vcl/main.vcl を参考に UA パース用のエンドポイントを用意して restart する手法などを試しています。

• もうちょっとうまく User-Agent と付き合いたい
• Fastly ないし VCL 芸でなんとかなるものなのか
• accept.language_lookup() みたいな組み込み機能で簡単なパースが行えるようにできないか
• うまく User-Agent と付き合っている事例やカスタマイズの話があれば
• やはりアプリケーション側で UA 情報への依存量を減らしていかないと...？
  • （どのみちそうしないと HIT 率が上がらなくて苦しいのですが）

あたりをざっくり伺えると嬉しいです。

[sisidovski]

回答

• 自社のドキュメントにある
• Fastlyからリクエストを受けたときに、mobileとdesktopといった文字列に書き換えてしまう
• Varyヘッダを使ってそれぞれでキャッシュできる
• client-hintsヘッダを使ってクライアントの画角に応じて出し分ける方が今はよりベター
• VCLの中で柔軟に指定できるのでベター

[toshiaizawa]

セッション内の画面で紹介した VCL はこちら (Vary: User-Agentのコード例) https://www.fastly.com/blog/best-practices-using-vary-header/

セッション内では紹介しなかったコード例 https://docs.fastly.com/guides/vcl/delivering-different-content-to-different-devices