Vol.232

Fast Software, the Best Software by Craig Mod Jump to heading #

早いソフトウェア、最高のソフトウェア Jump to heading #

高速なソフトウェアの利点と、エンジニアリングの品質、ユーザーの使いやすさにどのように影響するかについて。Craig氏は高速であるということが以下に重要であるかについて語り、普段使用している様々なソフトウェアに対して評価をしていく。高速なソフトウェアを開発するのは難しいが、コアな機能と同様に、あるいはそれを超えて重要な点であると指摘する。

The Case Study Factory Jump to heading #

ケーススタディファクトリー Jump to heading #

Mediumにケーススタディの記事を作成する際に、どのような観点に着目するべきかについて紹介する。

• フォーカスしている領域を定義する
• Mediumににストーリーを合わせる
• プロジェクトのコンテキストを設定する
• プロセスではなく、洞察を大切にする
• そのケーススタディの閲覧体験をデザインする
• ビジュアルにこだわる
• パーソナルなものにする

Testing Twitter.com: achieving reliable test results at scale by Anna Goncharova Jump to heading #

Twitterのテスト: 大規模においても信頼できるテストを実現する Jump to heading #

Twitterで行なっている結合テストについての紹介。TwitterではSelenium, Webdriver, Browserstackなどを組み合わせた”自動スモークテスト”の環境を整えており、様々なプラットフォームやブラウザで機能が正常に動作していることを確認している。この記事では、前半にその有効性と技術スタックについての解説をし、後半では、その問題点について、そしてそれをどのように改善したかについての知見を紹介する。

High-performance input handling on the web by Nolan Lawson Jump to heading #

スクロールやマウス移動の入力に関するハンドリングを効率的に行うためのTipsを紹介する。直接入力イベントを取り扱う方法の問題点と、requestAnimationFrameを使用した改善のアイディア、スロットリングについてなど、パフォーマンスを向上させる様々な実験と計測結果を解説していく

The Layer-Cake Pattern of Scanning Content on the Web by Kara Pernice Jump to heading #

ユーザーは通常画面上のすべての文字を読むわけではなく、重要な情報をスキャンしながら呼んでいく。この記事では、レイヤーケーキパターンと呼ばれる、見出しと小見出しを利用した効果的なレイアウトについて、詳しく紹介する。コンテンツを分割し、見出しを割り当てることで閲覧しやすさが飛躍的に向上することを指摘している。

In Brief Jump to heading #

• WebKit Tracking Prevention Policy by webkit.org: WebKitがWebトラッキングについてどのような対応をとるかそのポリシーについて解説する
• Increase Code Maintainability with React Integration Testing by Anton Rublev: react-testing-libraryを使用した結合テストについて、その重要性とそのコードを紹介
• Information on Display: New Features and More Accessible Data Tables by Karen Ng 家頴: データテーブルのUIを使う際に気をつけておく点などについて
• Why You Shouldn’t Gray Out Disabled Buttons by anthony: 無効化されたボタンをデザインする際に、なぜグレーではなく、不透明度を調整したボタンを使うべきなのか
• Enhancing The Clickable Area Size by Ahmad: クリック可能な領域について、そのUIデザインをする際に気をつけておくべき点や、テクニックなどを紹介する