NITS TIPS

~微塵集合知巧~

検索結果

タグ

  • 最終更新日: 2025-06-28記事投稿日: 2025-06-28

    画像スライダーのクラッシュから学ぶ、「仮想化」で実現するパフォーマンス改善

    大量の画像を扱うSwiperスライダーが特定のデバイスでクラッシュする問題が発生。解決策としてSwiperの「Virtual」オプションを導入し、表示領域内のスライドのみをレンダリングする「仮想化」を実現。これによりDOM要素とメモリ使用量が劇的に削減され、クラッシュが解消し、スライダーの動作が安定しました。この仮想化技術は、無限スクロールなど大量のコンテンツを扱うウェブアプリケーション全般のパフォーマンス改善に極めて有効です。

  • 最終更新日: 2025-01-11記事投稿日: 2025-01-11

    TypeScriptにおける「hoge?: string」と「hoge: string | undefined」 の違い

    TypeScriptの型システムで「プロパティがundefinedを取りうる」のを表現する方法としてオプショナルプロパティを使用した書き方とユニオン型を使用した書き方の二通りが考えられます。この二つの違いについてまとめてみました。

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

    PayloadとArgumentの使い分け方

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

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

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

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

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

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

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

© 2024. nobumitsu-1995