Skip to content

Vol.211

Kota Furusawa

Cache-Control for Civilians by Harry Roberts Jump to heading

キャッシュコントロールの基本 Jump to heading

ネットワークのパフォーマンスを向上させるためには、キャッシュコントロールについての知識が必須となる。この記事では、Cache-Controlヘッダについて取り上げ、設定可能な値と、それが引き起こす動作について紹介していく。また、後半では、具体的な例としていくつかのパターンを紹介し、どういった状況で、どのような設定をするべきかについてのアイディアを教えてくれる。

Top 10 Application-Design Mistakes by Jakob Nielsen and Page Laubheimer Jump to heading

アプリケーションデザインの間違いトップ10 Jump to heading

アプリケーションを設計する際に起こりがちな間違いトップ10を紹介する。

  • 弱いフィードバック
  • 一貫性の無さ
  • 分かりにくいエラーメッセージ
  • デフォルト値の欠如
  • ラベルが貼られていないアイコン
  • 選択が難しいターゲット
  • モーダルの使いすぎ
  • 意味のない情報
  • ドロワーメニュー
  • 破壊的なアクションと、確認アクションの近接

Considering accessibility when designing a usability test by Aaron Pearlman Jump to heading

ユーザビリティのテストをデザインするときに、アクセシビリティを考慮する Jump to heading

アクセシビリティはユーザビリティの下位区分であり、アクセシビリティを考慮するアプリケーションであれば、ユーザビリティテストを設計する際にそれを反映させるようにすべきだ。この記事では、ユーザビリティテストを設計する際に、アクセシビリティに関して考慮する事項について紹介する。

  1. アクセシビリティを必要としている人の採用計画を立てる
  2. テキストは一緒にするべき
  3. 質問をする
  4. 分析方法について検討する

CSS Scroll Snap — How It Really Works by Itzik Pop Jump to heading

CSS Scroll Snapの機能についての解説。Edgeを含めモダンなブラウザではおおよそ対応してきており、利用が現実的になってきた。この記事では、基本的なプロパティの説明から、コードを交えながら実装例を紹介していく。また、具体的な利用シーンを想定し、スライドショーのサンプルを実装する。詳細な対応ブラウザはcaniuseで確認できる。

Constructable Stylesheets: seamless reusable styles by Jason Miller Jump to heading

Constructed StyleSheetsと呼ばれるShadow DOMを利用するときに、再利用可能なスタイルを作成したり、配信するための仕組みについての解説。従来のスタイルシートを作成する方法と、[adoptedStyleSheet](https://wicg.github.io/construct-stylesheets/#using-constructed-stylesheets) APIを使った方法を比較し、どういった違いがあるかについて紹介する。

In Brief Jump to heading