Frontend Weekly Vol.69

Headlines

Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” by Infrequently Noted

Service WorkersとProgressive Web App。Webがアプリライクになる上で大切な体験はオフラインではなく、パフォーマンスが一定であること。単にブックマークするのとは異なる『Add-to-Homescreen』の仕様に込められた哲学とは。

Reducing JPG File size by Colt McAnlis

ウェブページにおいて画像は非常に重たいリソースだ。パフォーマンス改善において、『1枚の画像を削除する』ことのインパクトはかなり大きいが、なかなか現実的ではないことが多い。この記事ではその画像の中でも最適化の難しいJPGファイルの最適化について、かなり詳細まで解説してくれている。

Design debugging

エンジニアには大抵はデバッグしているというモードがある。ではデザイナにはそんなモードがあるだろうか? この記事ではデザイナにもデバッグフローを導入する低減と、具体的なステップについて紹介している。

Turbocharged JavaScript refactoring with codemods by Airbnb Engineering & Data Science

リファクタリングを自動化できたらいいのに、と思ったことがない人を探す方が難しいだろう。Facebookがリリースしたcodemodsというツールを使ってJavaScriptのリファクタリングの自動化について紹介。

Caching best practices & max-age gotchas by JakeArchibald.com

パフォーマンスとキャッシュは切っても切れない関係。どんなタイプのコンテンツにどんなキャッシュ戦略が最適なのか。Jake Archibald氏による解説。

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements by Smashing Magazine

CSSの擬似クラスと擬似要素についての網羅的な解説。マイナーなものや実験的なものまで、かなり濃い内容になっている。リファレンスとしてもチェックしておきたい。

Five Key Mindsets that Separate Successful Programmers from Everyone Else

エンジニアとして成功するためにはどんな意識が必要だろうか? この記事では、5つの重要なマインドセットについて紹介している。奥が深い5つで、共感できる。

Announcement

Slack for Frontend Weekly (PR)

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief