Frontend Weekly Vol.78

Headlines

About that ‘mobile’ in Accelerated Mobile Pages by Paul Bakaus

AMPにおけるモバイルの位置づけ

Accelerated Mobile Pages(AMP)に含まれているモバイルという単語は、モバイルオンリーという意味ではない。多くのパブリッシャーはAMP専用ページに対して、canonicalリンクを付けるパターンでの実装をしているが、AMPもまたモバイル・ファーストである。という解説。

DOMContentLoaded vs jQuery.ready vs onload, How To Decide When Your Code Should Run by Eager Blog

DOMContentLoadedとjQuery.ready、onloadの違いわかりますか?

DOMContentLoadedとjQuery.ready、onloadの違いをしっかりと理解しておくことは、どのタイミングでJavaScriptが実行されるのかについて知ることに繋がるし、よくあるパフォーマンス評価にも役立つ。

4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them

JavaScriptにおける4つのメモリーリークパターンとその解決

よく知られているJavaScriptで発生するメモリーリークパターンの紹介、そしてそれを開発者ツールでどう発見し、解決するかについての詳解。

Unlabelled search fields by Adactio

ラベルのない検索フィールド(のアクセシビリティ)

ボタンのテキストに『検索』とあり、ラベルがないケースの多い検索フィールド。そんなフォームに対してどうアクセシビリティの情報を負荷するべきかについて。

Every team can get more done with sprints — but it’s not just about going fast by GV Library

デザイン・スプリントの生産性

Googleが提唱するデザインスプリント。本が発売されてからしばらく経つが、記事ではデザインスプリントが単に早さを追求するためのアプローチではなく、実際に会社の方向性を意志決定する場でも利用されていることなどを紹介している。

Tokens in Design Systems by EightShapes LLC

デザイン・システムにおけるトークン

Salesforceでの採用されている『トークン』と呼ばれる、クライアントサイドでも、サーバーサイドでも、ネイティブアプリでも共用するためのグローバルな変数たちについて。どう活用するべきかはもちろん、どう実装するべきかについての示唆もあって参考になる。

Three Real-World Uses for Mutation Observer by Eager Blog

Mutation Observerの実践例

クライアントサイドでの画像最適化(FireSizeを使った例)、JavaScriptの初期化を必要なタイミングで実行する、ContentEditableの管理の3つの実践例を紹介。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief