新着記事

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

  

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

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

  • 

    javascript

  • 

    typescript

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

  

  Docker Compose と Git Submodules を活用して、フロントエンド（FE）とバックエンド（BE）を分離したプロジェクトの管理を簡単にする方法を紹介。サブモジュールの設定から Docker Compose の例まで解説します。

  Docker Compose と Git Submodules を活用して、フロントエンド（FE）とバックエンド（BE）を分離したプロジェクトの管理を簡単にする方法を紹介。サブモジュールの設定から Docker Compose の例まで解説します。

  • 

    Git

  • 

    Docker

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

  

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

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

  • 

    typescript

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

  

  自分は本業がフロントエンドエンジニアのためデータベース周りの知識に疎い...。色々調べて得られたデータベース接続の流れや仕組みについての知見を忘れないように記事として残しておく。

  自分は本業がフロントエンドエンジニアのためデータベース周りの知識に疎い...。色々調べて得られたデータベース接続の流れや仕組みについての知見を忘れないように記事として残しておく。

  • folder

    Database

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

  

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

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

  • folder

    Accessibility

  • 

    HTML

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

  

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

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

  • 

    React

  • folder

    Accessibility