Frontend Weekly Vol.101

お知らせ: Vol.102(1228)は2017年のベストリンクを紹介、また新年のFrontend Weelyは1/8の発行からとなります。

Headlines

CSS Shorthand Syntax Considered an Anti-Pattern by CSS Wizardry

CSSの短縮シンタックスはアンチパターンである

CSSの短縮シンタックスで省略された部分がどう補完されるのかを把握出来ているだろうか? ある程度は頭に入ってはいても、コードベースが大きくなればなるほど、意外なところでバグを生み出す温床になってしまうので注意が必要。

Async/Await Arrive in Firefox by Mozilla Hacks

FireFoxにAsync/Awaitが実装された

Firefox 52、現状ではDeveloper EditionにてAsync/Awaitが実装されたということで、改めてAsync/Awaitについて解説。いつものように、丁寧に、わかりやすいサンプルコードもあるのでわかりやすい。

GPU Animation: Doing It Right by Smashing Magazine

GPUを使ってのアニメーションについて

パフォーマンスはもちろんのこと、自然に動くアニメーションには欠かせないGPUの活用。記事ではあくまでもハックであるとしながら、その仕組みについてかなり詳しく解説している。図示もあってわかりやすいので、アニメーションをする際のリファレンスとして参照するべき。

The State of Babel by Babel

Babelの軌跡と現状、そしてこれから

Babelのこれまでの歴史を振り返りつつ、現状について紹介。そして今後のBabelのロードマップについて。読み応えのある分量ながら、Babelユーザであれば読んでおくべき記事。

Prefer DEFER Over ASYNC by Performance Calendar

asyncではなく、deferを選択する理由

パフォーマンス改善のためのscript asyncはいい効果が得られるのか? そもそもasyncはどんな挙動をするものなのか、そしてdeferとの違いは何か。Steve Souders氏はdeferの方をデフォルトにするべきだとしている。

まだシングルスレッドでレンダリングしてるの? HTML5 CanvasとWeb Workerの最新技術 by pixiv inside

HTML5 CanvasのOffscreenCanvasとWeb Workerを活用したマルチスレッドな描画の方法について。サンプルコードもあり、解説も丁寧でわかりやすい。

How I played the Cards

デザイナの価値とその価値の伝達への苦心

デザイン・システムやパターン・ライブラリを作ることは、デザイナにとっては退屈なこともある。システムを変える意志とその方法について。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief