Slackの「次世代プラットフォーム」がこの記事を書いてる2週間ほど前、しれっとパブリックベータになりました。今回はこの公開したてのプラットフォームでアプリをつくってみたので、それを紹介しつつ、感想を書きます。

トラベルブックのフロントエンドチームでは2020年の9月から、ページのパフォーマンス改善に取り組んでいます。 今回は今までどのようにやってきたのかを紹介したいと思います。 Core Web Vitals 2020年5月、Core Web

先日03/29（火）に行われた「Fastly User Meetup #4」で僕と いわくら君の2人がトークしてきました。発表者5人いる中でトラベルブックが2人です。司会の方曰く「トラベルブック大活躍」です。さて、今回のミートアップ、僕ら以外のトークも含めレポートしてみます。

トラベルブックでは「スピード改善」という名の下「Core Web Vitals」のスコアを上げる努力をしています。Core Web VitalsというとLighthouseのスコアがいかに「100に近いか？」が焦点になりやすいのですが、本来はユーザーの環境でいかに「速いか？」が重要です。これはフィールドデータと呼ばれています。そこで今回は、フィールドデータとはなにか、ラボデータとの比較、確認方法、スコアを上げる方法などを我々の理解の範囲で綴っていきます。

本番のサイトを眺めていて、「あーここのHTMLこうしたら、もっと速くなるのになー」って思う時ありますよね。僕はあります。でも、検証するだけのために、プロダクトのコードを直接いじるのは大げさ。そんな時に、wgetとmirrorというコマンドを使ってページをダウンロードして「ほんの少し」HTMLを変更しています。紹介します（追記にLocal Overridesという「そのものズバリな」Chromeの機能も紹介してます）。

いわくら君が書いてくれた通り、トラベルブックではFastlyを導入しました。Fastlyについて初めて分かったことがたくさんありました。列挙してみたら30個もあったので、一個ずつ紹介してみることにします。

2021年11月9日、トラベルブック( www.travelbook.co.jp)ドメインに対してFastlyを適用しました。 トラベルブックでのFastlyの活用方法、設定、運用について記載します。

「Early Hints」はリソースを先読みするための新しい仕組みです。今回は Cloudflare の機能を使って、自分たちのサイトを題材に Early Hints を試してみた件について紹介します。

トラベルブックでは CDN に Fastly を使っています。その Fastly が提供する Compute@Edge が一般でも使えるようになりました。今回は Compute@Edge とはなにか、といった概要と、実際に「Slack スラッシュコマンド echo 」を作ってみた件、それで分かったことを紹介してみたいと思います。

トラベルブックでテックブログを始めることにしました。今回はどのようにテックブログを作ったのか。方針、技術スタック、実装、執筆フローについて書いてみます。