Frontend Weekly Vol.57

Headlines

Case Study: Our SVG Icon Process by Cloud Four Blog

アイコンフォントではなく、SVGでアイコンを表現するべきだという意見を記事にしたCloud Fourが実際にどういうワークフローでSVGアイコンを作成しているのか。ビルド・プロセスやスタイリング、SVGの最適化についてまできちんと紹介しているので参考になる。

Why mobile first is outdated by Inside Intercom

モバイル・ファーストがなぜ時代遅れなのか。デバイスをベースに考えるのではなく、スクリーンをベースに考えるべき。根源は変わっていないものの、言葉の持つイメージを勘違いしていると辿り付かないアドバイスたち。

How to choose the right UX metrics for your product by GV Library

UXを評価するためにどんな指標があるのか。それらの指標はどんなタイミングでどう利用するべきなのかについて。定性的な評価にもフレームワークをもちこんで考えるとすっきりする。

Why I No Longer Use MVC Frameworks

MVCではなく、SAM(State-Action-Model)パターンを採用した理由について。MVCが抱える問題についても詳しく解説しているので、SAMパターンの利点はもちろん、そちらも把握していくとよい。

Getting started with Redux and GraphQL

ReduxをベースにGraphQLを使って見るための始めの一歩。スニペットも説明も豊富。GraphQLは実際の動作を見てみる方がコンセプトを掴みやすい。1、2時間あれば動かせるのでぜひ。

Addy Osmani インタビュー 〜 ツール編 by Google Developers Japan

TodoMVCやYeoman、Web Starter KitなどのOSSのメンテナーであり、JavaScriptデザインパターンなどの著書があるAddy Osmaniのインタビュー。 彼が使っているツールをメインにしているもの。主にMac OSXを効率的に使用できるようなツール、常用しているChrome ExtensionがOsmani氏の解説付きで紹介されている。

Making A Service Worker: A Case Study by Smashing Magazine

すでにいくつかのブラウザでも実際に利用ができるようになってきたService Workerを実際に動作させてみることで、コンセプトレベルからきちんと理解するための記事。非常に丁寧なので時間を作ってトライしたい。

Slides/Videos

London Web Standards: TCP

Natasha Rooney氏によるTCPとモバイルの現状と今後への展望。

Announcement

フロントエンドエンジニアのための現在とこれからの必須知識 (PR)

フロントエンドを1、2年以上担当した人を対象に、「今知っておかないといけない情報」と、「今後役に立つ情報」をピックアップ。

Frontend Weeklyのキュレータの1人である谷と編集長の斉藤も著者の1人。

Slack for Frontend Weekly (PR)

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

In Brief