Frontend Weekly Vol.247
Firefox開発者ツールによるアクセシビリティの問題の調査、制御の反転、自分のReactを実装する、ほか計10リンク
Auditing For Accessibility Problems With Firefox Developer Tools by Marco
Firefox開発者ツールによるアクセシビリティの問題の調査
Firefoxに搭載されいている、アクセシビリティインスペクターの機能を紹介する。この機能は2018年6月にリリースされて以来、改善を繰り返し、多くのアクセシビリティの問題を特定することができるようになっている。これを利用することで、適切なコントラストを持つカラーパレットの設計を行うことができたり、適切にラベルがされていない要素を発見したりすることができる。
Inversion of Control by Kent C. Dodds
制御の反転
制御の反転の考え方をJavaScriptの配列のフィルタをする関数を例に挙げ、解説していく。制御の反転の考え方を活かし、フィルタ関数を抽象化して、より再利用可能な実装にするにはどのようにすればよいのか。また後半ではReactにその考えを適用させたときにどのように活用できるのか紹介する。
Build your own React by Rodrigo Pombo
自分のReactを実装する
Reactをスクラッチで書き直す。この記事ではReactをそのアーキテクチャに沿って、JavaScriptで実装する。実際のコードをインタラクティブに表示させてくれるので変更箇所などが非常にわかりやすい。
Boomerang Performance Update by Nic Jansma
アカマイが提供するオープンソースライブラリのひとつ、Boomerangについての紹介と、過去2年間に渡って行ってきた改善の取り組みを紹介していく。
a design system governance process by Brad Frost
デザインシステムにおけるガバナンスについて。必要なコンポーネントがデザインシステム上にない状態から、それがデザインシステムに追加され、プロダクトで使用されるまでには多くのステップと時間がかかるが、それによって、プロダクトチームとデザインシステムチームの信頼を構築できるという点を強調している。
In Brief
- Who Can Use by @CoreyGinnivan: 色のコントラストが視覚障害を持つさまざまな人々にどのように影響するかについて検証できるツール
- How to add testing to an existing project by Kent C. Dodds: テストが無いプロダクトに対してどのようにテストを実装していけばよいのか。4種類のテストを紹介し、それぞれの特徴とどのように適用させていくかについて
- Finding the Time to Refactor by German Velasco : リファクタリングに関する考え方を示す。リファクタリングをする時間が無いと嘆くのではなく、そういうった状況の中でどのようにリファクタリングと向き合っていくのか
- Algebraic Structures: Things I wish someone had explained about functional programming by James Sinclair: 関数型言語に関して全4回に分けて解説をしていく。この回では、代数的構造について深く掘り下げ、それが何であるか、またどのように実現されるのか、実際のコードを交えて説明する
- What Newspapers Can Teach Us About Web Design by Frederick O’Brien: 新聞とWebサイトは異なる媒体ではあるが、共通する点も多くある。この記事では、新聞のデザインからWebデザインに応用できる部分に着目して、解説していく
