NITS TIPS

~微塵集合知巧~

検索結果

タグ

    • 最終更新日: 2024-08-06記事投稿日: 2024-08-06

      ARIA属性を活用したアクセシブルなモーダル実装

      アクセシブルなmodalを実装するために必要なaria属性が意外と多い。参考となるコードをメモとして残しておきたい。

    • 最終更新日: 2024-07-27記事投稿日: 2024-07-27

      swiper/reactで実装したカルーセルをTAB操作した時、画面に描画されていないスライドにフォーカスが当たってしまう

      swiper/reactで実装したカルーセルをTABキーで操作した時、画面に描画されていないスライドにもフォーカスが当たってしまう問題があり、それの修正対応をしたので備忘録として残しておく。

    • 最終更新日: 2024-07-09記事投稿日: 2024-07-09

      PayloadとArgumentの使い分け方

      typescriptで型を宣言するとき〇〇Payloadとか××Argumentとか名付けることが多いがその違いについて真面目に考えたことがなかったので調べてみた。

    • 最終更新日: 2024-05-06記事投稿日: 2024-05-06

      初回レンダリング時のみ、useEffect内の処理を実行しないようにする方法

      コンポーネントの初回レンダリング時のみ、useEffect内の処理を実行したくないという場面で、どのような処理を加えれば実現できるかを紹介します。

    • 最終更新日: 2024-04-08記事投稿日: 2024-04-08

      StorybookのInteractionテストでcreatePortalした要素にアクセスできない時の対処法

      Storybookでテストを実装した時、createPortalして描画しているモーダルにアクセスできないことに気がつきました。このような場合の解決方法を紹介します。

    • 最終更新日: 2024-04-07記事投稿日: 2024-04-07

      テンプレートリテラル型で引数が「/」で始まっているかチェックする

      テンプレートリテラル型を使用することで引数が「/」で始まっているかをチェックすることができます。これによって引数にURLを受け取る関数などで、起こるエラーを回避することができます。

    • 最終更新日: 2024-04-07記事投稿日: 2024-04-07

      Astroで環境変数を使用する

      Astroで環境変数を使用する方法を紹介します。サーバー側で環境変数を使用する時とクライアント側で環境変数を使用する時とでは少しルールが違います。

    • 最終更新日: 2024-04-02記事投稿日: 2024-04-02

      spanタグにaria-labelをつけるのは非推奨

      a11y対応としてaria-labelでアクセシブルネームをつけたい場面があります。その時spanタグにara-labelを付与することは非推奨となっています。

    • 最終更新日: 2024-04-08記事投稿日: 2024-03-31

      丸め誤差に対応した計算方法

      コンピュータによる浮動小数点型の数値計算などで現れる丸め誤差。そんな丸め誤差に対応した数値計算のコードをjavascriptで書く方法を紹介します。