Frontend Weekly Vol.122

Headlines

Where To Start As A Front-End Web Developer? by Web Development Zone

Webのフロントエンド・デベロッパとして働くのに必要なこと

フロントエンド・デベロッパは今現在でも市場価値が高い商売の1つ。しかし、その仕事の幅は広大でもある。そんな仕事へ一歩踏み出すのに必要なことは何か?
ごく当たり前のことばかりながら、大切なこと、基本的なことから紹介。

bradfrost/style-guide-guide: A boilerplate for creating your own custom style guide

スタイルガイド・ガイド

Style Guide / Design Systemsの分野で著名なBrad Frost氏によるスタイルガイドのボイラープレート。スタイルガイドに必要なコンテンツのガイドラインや、有用なリソースへの参照など充実した内容となっている。

Tackling Render Blocking CSS for a Fast Rendering Website by SitePoint

より早くレンダリングするためにCSSでできること

CSSはレンダリングをブロックする。
そのブロックを回避するためのクリティカルCSS、プリロード、サーバープッシュなどのテクニックを紹介。

CSS Animations vs the Web Animations API: A Case Study

アニメーション: CSS OR JavaScript?

CSSのアニメーションとJavaScriptのWeb Animations APIとの違いは何か?
両者はどう使い分けるべきなのか?
パフォーマンスを考慮した上で、それぞれの得意領域で使い分けるためのケーススタディ。

Dispatch Redux actions as events, not commands! by Hacker Noon

Reduxのアクションはイベントとして扱うべき

Reduxのアクションをどう扱うべきか。
なぜイベントとして扱うべきで、どういうパターンがあるのか。コマンドとして扱うことでどんな不利益があるのか。

Best Practices for Horizontal Lists in Mobile by uxdesign.cc

モバイルアプリにおける横スクロールするリストUIに関するベスト・プラクティスたち。
記事はネイティブアプリに関する話ではあるが、UIとしてはWebでもよくあるパターンなので、Web屋にも参考になるはず。

Using Fetch by CSS-Tricks

ES6のfetchの使い方。
非常に基礎的な内容ながら、よくある落とし穴にも言及しており、わかりやすい説明があるので、おすすめ。

Slide

Accessibility as a focus for people-first design

UXにおけるユーザについてより多くより深く考えていくためにできること、やるべきこと。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief