Beeeat’s log

Beeeat’s log

プログラミングで出くわした知識やツール、日常生活、働き方その他色々なことをメモしていくブログ

GoogleChrome

CLS(Cumulative Layout Shift)を調査する時に使ったツールやサービスをまとめてみた

Google が「Core Web Vitals(コアウェブバイタル)」という新しいWebの指標を2021年以降に導入予定ということで話題になっています. web.dev developers-jp.googleblog.com Core Web Vitals は LCP(Largest Contentful Paint), FID(First Input Delay), CLS(…

「Web Developer」を使いこなすとフロンエンド開発がかなり捗りそうなことがわかった

フロントエンドの開発をしている時に自分が書いた HTMLの要素 や CSS セレクタやプロパティが実際にどのように組まれて表示されているかを確認するために Chrome DevTools を立ち上げてインスペクト機能や Elements を見ながら確認をする必要がある. しかし…

CDN でキャッシュ時間を変更した後にブラウザで確認する方法をまとめる

最近,担当しているサービスで AWS CloudFront(以下,CloudFront )のキャッシュ時間(Time To Live)の時間を変更する対応をした. その時にキャッシュの時間が本当に変わったかを確認しようとした時に「アレ?そもそもどうやって確認するんだっけ?」とふと思…