Frontend Weekly Vol.74

Headlines

Progressively less progressive by Andrew Betts

PWAのProgressiveさへの疑問
前号でも紹介したJeremy Keith氏やRemy Sharp氏らに続き、Andrew Betts氏もPWAへの疑問/意見を出した。関連記事にもあるAlex Russell氏の記事にて一旦の収束を見る模様。結果だけではなく、全体の流れの中に大事な議論が含まれているのでぜひ読んで欲しい。

関連:

Don’t use iOS meta tags irresponsibly in your Progressive Web Apps by Maximiliano Firtman

PWAとiOSメタタグは不仲?
apple-mobile-web-app-capableのメタタグに覚えがある人も多少はいることでしょう。そのメタタグとPWAの”Add to Homescreen”との相性をMaximiliano Firtmanが検証。実際にPWAなサイトの事例もあるのでわかりやすい。

Setting Up JavaScript Testing Tools for ES6 by X-Team

ES6のテストツールのセットアップ
Babelなどを使ってES6をプロダクションで利用し始めているプロジェクトも増えてきただろう。ではユニット・テストのツールはどうやってES6のコードをテストするべきなのか? 記事ではユニットテストツールだけではなく、テストランナーやWebpack、Browserifyのセットアップ方法について紹介している。

CSS Frameworks are like sex… by Mike Street

CSSフレームワークはアレに似ている 数えてはいないが”新しい”CSSフレームワークは、新しいJavaScriptのフレームワークよりも頻繁に公開されている。しかし大抵のケースは実際には使っていないか、プロジェクト/プロダクトに依存したフレームワークがほとんどだろう。フレームワークはコードリードのネタくらいに考えておいたほうがいいだろう。

Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them by Smashing Magazine

BEMでよくある10の問題と解決法
BEM(かそれに類する)ネーミング・ルールを利用していると、どうしても避けて通れない問題達が存在する。そんなBEMのあるあるな疑問と解決について解説。

CSS at BBC Sport (Part 1) by Shaun Bent

BBCスポーツのCSSについて
イギリスBBCのスポーツのセクションがリニューアル。そのリニューアルの裏側の一部であるCSSについてシニアエンジニアであるShaun Bent氏が解説。Harry Roberts氏のITCSSの導入はかなり効果的だった様子。

On Icons by iA

アイコンについて
アイコンそのものだけが伝えられるメッセージは決して多くはない。アイコンのみに頼ったナビゲーションやボタンがもたらす認知の問題について、そしてその問題の解決のためのテキストの使い方について解説。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief