発行
WAI-ARIAはWebアプリケーションのアクセシビリティを向上させるための技術ですが、なんでも使えばよいというわけではありません。理解を深めて、適切な利用ができるようになりましょう。
このシリーズではJSX記法でDOMツリーを生成し、UIライブラリに依存しないコンポーネントの実装方法を解説します。まずは、そのメリットとデメリット、利用場面と考慮すべきポイントを解説します。
クライアントからの要求とエンジニアの実装を、うまく調整するためのフローを紹介します。きちんとチーム内で共有、認識合わせを行うことで、余計なコストがかかってしまうことを防ぎましょう。
発行
前編ではUIのレスポンスの必要性と、注意点を述べました。後編では、そのようなレスポンスが持つべき粒度を、ボタンの状態変化を例に考えます。切れ目なく漏れもないレスポンスを網羅するための考え方が身につきます。
筋トレ記録アプリを作るために、フロントエンドのプロジェクトを作成し、Supabaseのデータを取得します。Supabaseが提供しているJavaScriptクライアントライブラリを用いてデータ取得をしましょう。
エラーハンドリングを考える前提として、まず、エラーはどんなところで起きるのかを考え、エラーを分類します。そして、それぞれのエラーに対して、どのようなハンドリングの視点を持つといいのかを解説します。
発行
Supabaseは、データベース・認証・ストレージ・サーバーレスランタイム環境などバックエンド機能を提供しているサービスです。この記事では、Supabaseを使って記録アプリを作っていきます。
CSSで使う単位のうち、コンテナクエリーに関する単位を取り上げます。クエリーコンテナの大きさに対する割合を指定できるので、包含ブロックの割合やビューポートの大きさの割合ではできない指定ができます。
文字の長体の話は、ウェブフォントの話になりました。さらに、文字組で果たすCSSの役割が大きくなりすぎているのでは？ という疑問も。UIデザイナー、フロントエンド・エンジニア、編集者が想像するウェブの文字組の未来とは？
発行
データを更新したのに、ページがそのとおりに更新されないという経験や、クライアントからの質問を受けたことはありませんか？ エンジニアたるもの、なんとなくキャッシュクリア……ではなく、その仕組みを理解しておくと便利です。
利用者がアクションし、コンピューターがレスポンスすることの繰り返しを「対話」と捉え、UIで対話するのに重要なポイントを考えます。日常のヒトコマに対話のヒントがあるのです。
前編では、直前にプレビューを追加したいトークンを特定して抽出する処理を行いました。後編ではトークンを場合分けし、色プレビューを付与する処理を行います。