Vol.219

The Place of UX by Ryan Singer Jump to heading #

UXのポジション Jump to heading #

UXに関する議論。UXデザイナの役割とは、ユーザーリサーチ、どの程度ユーザーに関する知識を組織に浸透させるべきかについて。

• 需要と供給の境界におけるUX
• モジュール式 対 統合された境域とUX
• ドメイン固有 対 ドメインから独立したUX

Why we focus on frontend performance by Matt Hobbs Jump to heading #

なぜフロントエンドのパフォーマンスにフォーカスするのか Jump to heading #

GOV.UKの開発チームのパフォーマンスに関する考えや取り組みを紹介する。英国ユーザーの使用しているデバイス、接続環境などについても調査を行い、またそれを受けて、技術の選定を進めており、ユーザーに可能な限りストレスなく閲覧するためにどういったことを行っているかについて紹介していく。

Why, How, and When to Use Semantic HTML and ARIA by Adam Silver Jump to heading #

なぜ、どのように、そしていつセマンティックHTMLとARIAを使うのか Jump to heading #

Adam氏はセマンティックHTMLとARIAはすべての人に役立つUIを作成するのに重要な役割を持っているが、多くの人がまだそれらを使用していないことを指摘する。Twitter上での投票では、それを使用することについての利点を認識、理解していないことが、一番の理由であった。この記事では、単純なHTMLから始めていき、どのようにSemantic HTMLをARIAを適用していくのか、そしてその利点を紹介していく。

Long-form websites and typography by Eric Lawler Jump to heading #

Eric氏はHacker Newsで共有された2つの記事、”さまざまなデバイスでで見栄えの良いWebサイトを構築する方法” と “どのようにGoogleが古いWebを忘れているか” を受けて、自身の考えを記事した。ユーザーの読みやすさとディスプレイの解像度の関係、いつまでも掲載され続けるコンテンツ、変わってしまったMedium.com、など考えを展開していく。

Level up command-line playgrounds with WebAssembly by Robert Aboukhalil Jump to heading #

WebAssemblyはCやRustなどの言語で書かれたコードをコンパイルし、ブラウザで実行することができるが、コマンドラインツールもまたブラウザで実行することができる。この記事では、WebAssemblyをコマンドラインのプレイグラウンドとして使うための方法を紹介する。具体的には、jqコマンドをブラウザで直接実行することを試みる。

In Brief Jump to heading #

• Exploring the hidden potential of JavaScript arrays! by Areknawo: Arrayオブジェクトに備わる様々なメソッドについて解説する。
• Easy Automatic npm Publishes by nzs: npmのpublishをCIで自動化する場合のベストプラクティスを紹介する
• Digging Into The Display Property: Box Generation by Rachel Andrew: display のプロパティでBoxの生成をコントロールする方法を紹介。 display: none; と display: contents; の挙動の違いとは
• From Redux to Hooks by Sergey: Hooks を使って Redux を置き換える際に考慮すべきことを解説する
• The Circle of a React Lifecycle by Kingsley Silas: Reactのライフサイクルについて詳しく紹介していく