Frontend Weekly Vol.103

Headlines

When everything’s important, nothing is! by Aerotwist

リクエストの優先順位とライブラリの関係

React(Preactも)、Vueのようなライブラリにおけるクライアント/サーバーサイドレンダリングでのパフォーマンス評価。現実とはすこしかけ離れているテストかも知れないが、何にどれくらいコストがかかっているのかを学ぶきっかけとしての記事としては最適では。

Front-End Developers Are Information Architects Too by 24 ways

フロントエンド・デベロッパはインフォメーション・アーキテクトでもある

一般的に知られるIAとはイメージが合わないかも知れないが、セマンティックなHTMLが持つ、情報の階層構造をきちんと理解することは最終的にはIAに繋がり、それがインクルーシブ・デザインにも繋がっている。

Animation in Design Systems by 24 ways

デザイン・システムにおけるアニメーション

アニメーションはデザイン・システムに組み込むべきものなのか? 記事ではアニメーションがなぜ重要になったのかから、システムとしての組み込むためのアイデア、そしてアニメーションの重要度を理解してもらうための戦略について紹介している。

Front-End Performance Checklist 2017 (PDF, Apple Pages) by Smashing Magazine

フロントエンド・デベロッパのためのパフォーマンスチェックリスト2017

33に渡るパフォーマンス評価と改善のためのチェックリスト。PDFも配布されているので、全てを覚えるのではなく、リファレンスとして、ワークフローとして活用できるようにしていくべき。

Testing for unforseen visual change by Pulsar

まだ見ぬ見た目の変更に対するテスト

CSSにおけるリグレッション・テストのケース・スタディ。すぐに導入するのは少々難しいかも知れないが、巨大なサービスであれば、人の目でチェックするのにもやはり限界がある。 記事ではWraithを使ってボタンのスタイルのテストについて紹介している。

JavaScript Clean Coding Best Practices by @RisingStack

キレイなJavaScriptを書くためのベストプラクティス達

この記事で紹介されているベストプラクティス達は、あたり前、と言われれば、間違いなく当たり前の部類に入る。
当たり前だ、と思った方は、コードレビューやチームでのエクササイズの1例として、そうでもないと思った方は、ぜひ書いたコードを振り返ってみて欲しい。

Strategies For Effective Mobile Landing Pages by Smashing Magazine

モバイルにおける効果的なランディング・ページの戦略

ラインディング・ページのベストプラクティス達は多くのリソースが今や存在しているが、モバイルやレスポンシブ・デザインにおけるそれは決して多いとはいえない。この記事はその稀少な1つ。

Slide

Design Tokens in Design Systems by jina

デザイン・システムにおける発見の1つであるTokensという考え方とそのシステムについて。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief