Skip to content

Vol.211

Cache-Control for Civilians by Harry Roberts permalink

キャッシュコントロールの基本 permalink

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

Top 10 Application-Design Mistakes by Jakob Nielsen and Page Laubheimer permalink

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

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

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

Considering accessibility when designing a usability test by Aaron Pearlman permalink

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

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

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

CSS Scroll Snap — How It Really Works by Itzik Pop permalink

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

Constructable Stylesheets: seamless reusable styles by Jason Miller permalink

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

In Brief