2022/09/26

Slackの次世代プラットフォームを試してみた

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

2022/05/27

Lighthouseの点数を50点以上改善したお話

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

Fastly User Meetup #4に登壇したこととレポート

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

2022/03/02

フィールドデータって知ってる?

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

2022/02/18

ほんの少しHTMLを変更して検証したい時

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

2022/02/09

Fastlyについて知らないかもしれない30のこと

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

2022/02/07

Fastlyを導入しました!

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

2022/01/20

CloudflareのEarly Hintsを試してみた

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

2022/01/14

Fastly Compute@Edgeについて分かったこと

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

2022/01/13

テックブログを作る

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

← Newer Posts
1
Older Posts →