Frontend Weekly Vol.79

Headlines

ES5 Objects vs. ES6 Maps – The differences and similarities by appendTo

ObjectとMapsの違いと類似

ES6から登場したMapsとObjectは役割が重複しているようにも思える。ではなぜMapsがわざわざ追加されたのか? 両者の違いと類似点について詳しく解説。

How Will Web Components Change CSS Architecture? by Snook.ca

Web ComponentsはCSSアーキテクチャを変えるのか?

SMACSSの作者であるJonathan Snook氏曰く、Web Componentsは彼が提案してきたCSSアーキテクチャを大きく変えるモノにはならないだろうとしている。その理由について詳しく解説。

Use Cases For CSS Vertical Media Queries

バーティカルメディアクエリのユースケース

widthではなくheightを用いたメディアクエリの活用例。固定ヘッダー、フッターの固定タイミングや、vhと組み合わせたセクションエリアの表示領域の制御など、少しの工夫で使い勝手をよくするためのアイデアとして参考にしたい。

Writing a JavaScript Framework by RisingStack

JavaScriptフレームワークを作成して学んだこと

Bertalan Miklos氏が作成しているNXというクライアントサイドのJavaScriptフレームワークを作るにあたり、学んだことについて。7回シリーズの1回目の今回はアーキテクトについて。

The current state of Brotli compression

Brotli圧縮の現在地

gzipよりも高い圧縮率を誇るBrotliがChrome 51から利用できるようになり、2015年9月ごろのFirefoxにおけるサポートと合わせておよそ50%のユーザをカバーできるようになった。 では、実際にBrotliはどのようなものなのか、圧縮に関するデータとともに、Brotoliの現在地点について確認。

Let’s write, not generate code. Thoughts about naming stuff.

プログラミングにおける命名

名前を付けるのは非常に難しい。だからといって、まるで自動生成したような名前を付けてはいけない。HTMLとCSS、そしてJavaScriptを題材に名前を付けることに関するアドバイス。

Making Sense of Stream Processing by O’Reilly Media

Streamを理解する

データをStreamとして扱うことそのものは決して新しい概念ではないものの、様々な場面で目にするようになってきたStream。そんなStreamについて歴史的な背景を含めて、ケーススタディとともに解説。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief