Kohei Blog

夫・父親・医療系エンジニア

2022-01-01から1ヶ月間の記事一覧

Reactでモーダルのフォーカス制御の自作にチャレンジした

アクセシビリティを極めていきたい駆け出しフロントエンドエンジニアです。 アクセシビリティな実装をする上で意識すべきことはたくさんありますが、中でもモーダルは考えることが多いなと思っています。 今回は、あえて react-modal などのライブラリを使用…

アクセシビリティ対策をすることになったので、a11yについてまとめてみた

アクセシビリティとは アクセシビリティの言葉のとおり、アクセスのしやすさを意味していて、コンテンツの利用がしやすさとほぼ同義だとおもいます。 ユーザービリティは使いやすさ アクセシビリティは、更に幅広い人や状況でも使えることという棲み分けでし…

ReactのErrorBoundaryとは何か

ErrorBoundary コンポーネントツリーのどこかで例外が発生した場合、アプリケーション全体が影響を受けてしまう。アプリの規模が大きくなると、例外が発生した箇所を特定するのが難しくなってくる。 ErrorBoundaryは、特定のコンポーネントで例外が発生した…

ReactHooksについてのまとめ

Hooksとは? React16.8.0で追加された機能 クラスコンポーネントよりもコード量が少なくなる ロジックを分離できるので、ロジックの再利用やテストがしやすい。 フック API リファレンス 主なフックとしてあげられているものをまとめてみる useState stateと…