Vol.331

How To Build Resilient JavaScript UIs Jump to heading #

柔軟なUIを実装する方法 Jump to heading #

JavaScriptではエラーが発生した際に適切に扱わなければ、全体に影響が発生してしまう。この記事では、JavaScriptでのエラーに対してどのように対応するべきかについて解説をする。

• 重要な情報が表示できない場合は、エラーメッセージを表示、そうでない場合は、部分的に欠落したコンポーネントを表示する
• エラーを防ぐ方法
• エラーが発生した時に再試行の考え方
• ユーザーへのエラーメッセージとエンジニアへのエラーメッセージ
• 事前に警告を行う

How We Design Our APIs at Slack Jump to heading #

SlackではAPIをどのようにデザインしているのか Jump to heading #

SlackでのAPIのデザインについてどのような考えで進めているかを解説している。Slack APIにおいて優れた開発者エクスペリエンスを提供するため、そしてそれを保っていくためにどのような原則を持って進めているのか。

1. 1つのことを行い、それをうまく行う
2. すばやく簡単に開始できるようにする
3. 直感的な一貫性を追求する
4. 意味のあるエラーを返す
5. 規模とパフォーマンスに留意する
6. 変更を壊さないようにする

Discovery vs. Documentation | Silicon Valley Product Group Jump to heading #

仕様書とプロトタイピング Jump to heading #

リモートのエンジニアを扱うチームのパフォーマンスを向上させるためには、継続的なプロトタイピングが重要であり、製品要件をまとめたドキュメントをエンジニアに渡すようなコミュニケーションではそれは難しいと指摘している。ドキュメントよりも、Product Discoveryといったユーザーテストの手法の重要さを訴えている。

The local minima of suckiness Jump to heading #

Vicki氏はより良い開発者になるための3つのポイントを紹介している

• コラボレーションを促進するために余地を残すチーム
• ベストプラクティスの繰り返し
• 良い質問をする方法、学ぶ方法を学ぶ

A guide to designing accessible WCAG-compliant focus indicators Jump to heading #

マウスユーザーがカーソルを使用してナビゲートしていくが、キーボードユーザにおいてはフォーカスインジケーターがその役割を果たす。実際のところ、キーボードユーザーは多くの場合、Webサイトを快適に利用することができない。フォーカスインジケーターが適切に設計、実装されることがないからである。この記事ではフォーカスインジケーターとは何か、またその仕様とどのように実装していくべきかについて紹介していく。

In Brief Jump to heading #

• The Big Gotcha With Custom Properties: 複数のカスタムプロパティの定義がどのように適用されるかは、定義場所などによって変わることについての解説とその対応策について

• On the dl: dlの要素について、その汎用性とセマンティクスな実装に置いて非常に約立つことを紹介する

• Practical Uses of CSS Math Functions: calc clamp min max | Modern CSS Solutions: CSSのcalc、clamp、min、macといった関数の紹介をする

• Introduction to the Solid JavaScript Library: ハイパフォーマンスなUIフレームワークであるSolidについての紹介

• Tree data structure in JavaScript: JavaScriptを用いて様々なデータ構造を表現する