Vol.213
Refactoring Tunnels by Harry Roberts Jump to heading
"リファクタリングトンネル"という考え方 Jump to heading
リファクタリングに関するプロジェクトを多く経験してきたHarry Roberts氏は、リファクタリングには多くの要素が存在するが、特に以下の2つの大きな問題があると指摘する。
- ビジネスの殆どは、リファクタリングに関して投資することを躊躇している
- リファクタリングすることが恐ろしい
この2つの問題を解決するためのアイディアが、この記事のテーマとなる”リファクタリングトンネル”の考え方になる。リファクタリングトンネルとは何か、それがどのようにリファクタリングを行うための手助けとなるか、解説する。
Semantics to Screen Readers by Melanie Richards Jump to heading
スクリーンリーダーのためのセマンティクス Jump to heading
Assistive technologiesのひとつとしてよく知られているのがスクリーンリーダーである。例えば、VoiceOverなどのプログラムはデジタルコンテンツを音声出力でユーザーに提示したりすることができる。この記事ではそういったユーザーを補助する機能が、実際にはどのようにウェブサイトの情報を用いて動作するかについて詳しく解説していく。
Who has the fastest website in F1? by Jake Archibald Jump to heading
F1で一番早いのはどのサイト? Jump to heading
最近更新されたオフィシャルWebサイト10個を比較し、パフォーマンスの観点でWebサイトを順位付けする。F1とかけた検証のアイディア自体も面白いが、Jake氏がどういったツールを使い、どういった観点でパフォーマンスを計測しているかについて、示唆に富んだ内容となっている。
Typography in Design Systems by Dan Mall Jump to heading
デザインシステムにおけるタイポグラフィについて、実際の経験に基づいたエピソードを紹介する。特に、文字サイズのパターンの定義について、どのような観点でシステムを構築していったかについて。推測しやすく、直感的であるネーミングはどういったものか、プリセットのパターン、また、それを実際のコードでどのように扱ったかを解説する。
CSS debugging is hard by Vincent De Oliveira Jump to heading
AppleのWebサイトで見つけたバグについての考察。一見ブラウザのバグに見えたが、実際のところは実装上のバグだったことを突き止めるまで。
In Brief Jump to heading
- JavaScript Symbols: But Why? byThomas Hunter II: JavaScript Symbolsについての解説。JSの基本的な値のタイプから学び、それがどのような位置づけになるか、どのような場面で有効かを紹介する
- JavaScript “loose” comparison step by step by Felix Kling: JavaScriptにおける等価演算子(
==
)が厳密にはどのように検証を行っているかをデモするサンプル - TypeScript and React, BFF by Leigh Halliday: ReactをTypeScriptで書くためのセットアップについてのチュートリアル。導入の方法から、実際にどのようにTypeScriptがReactを使った開発に役立つかを解説する
- Do you really know how a lockfile works for yarn and npm packages? by Liran Tal:
package-lock.json
などのlockファイルがどのように動作するかについて詳しく解説する - What the Functor? by Matthew Gerstman: 関数型プログラミングで必ず出てくるファンクター、モノイド、モナドなどについてJavaScriptを用いて解説していく