Slackの次世代プラットフォームを試してみた
Slackの「次世代プラットフォーム」がこの記事を書いてる2週間ほど前、しれっとパブリックベータになりました。 今回はこの公開したてのプラットフォームでアプリをつくってみたので、それを紹介しつつ、感想を書きます。
Lighthouseの点数を50点以上改善したお話
Fastly User Meetup #4に登壇したこととレポート
先日03/29(火)に行われた「Fastly User Meetup #4」で僕と いわくら君 の2人がトークしてきました。 発表者5人いる中でトラベルブックが2人です。司会の方曰く「トラベルブック大活躍」です。 さて、今回のミートアップ、僕ら以外のトークも含めレポートしてみます。
フィールドデータって知ってる?
トラベルブックでは「スピード改善」という名の下「Core Web Vitals」のスコアを上げる努力をしています。Core Web VitalsというとLighthouseのスコアがいかに「100に近いか?」が焦点になりやすいのですが、本来はユーザーの環境でいかに「速いか?」が重要です。これはフィールドデータと呼ばれています。そこで今回は、フィールドデータとはなにか、ラボデータとの比較、確認方法、スコアを上げる方法などを我々の理解の範囲で綴っていきます。
ほんの少しHTMLを変更して検証したい時
本番のサイトを眺めていて、「あーここのHTMLこうしたら、もっと速くなるのになー」って思う時ありますよね。
僕はあります。でも、検証するだけのために、プロダクトのコードを直接いじるのは大げさ。
そんな時に、wget
とmirror
というコマンドを使ってページをダウンロードして「ほんの少し」HTMLを変更しています。
紹介します(追記にLocal Overridesという「そのものズバリな」Chromeの機能も紹介してます)。
Fastlyについて知らないかもしれない30のこと
いわくら君が書いてくれた通り 、トラベルブックではFastlyを導入しました。Fastlyについて初めて分かったことがたくさんありました。列挙してみたら30個もあったので、一個ずつ紹介してみることにします。
Fastlyを導入しました!
2021年11月9日、トラベルブック( www.travelbook.co.jp )ドメインに対してFastlyを適用しました。 トラベルブックでのFastlyの活用方法、設定、運用について記載します。
CloudflareのEarly Hintsを試してみた
「Early Hints」はリソースを先読みするための新しい仕組みです。 今回は Cloudflare の機能を使って、自分たちのサイトを題材に Early Hints を試してみた件について紹介します。
Fastly Compute@Edgeについて分かったこと
トラベルブックでは CDN に Fastly を使っています。
その Fastly が提供する Compute@Edge が一般でも使えるようになりました。今回は Compute@Edge とはなにか、といった概要と、実際に「Slack スラッシュコマンド echo
」を作ってみた件、それで分かったことを紹介してみたいと思います。
テックブログを作る
トラベルブックでテックブログを始めることにしました。 今回はどのようにテックブログを作ったのか。 方針、技術スタック、実装、執筆フローについて書いてみます。