fourside.github.io

Intersection Observer API でサイドメニューの状態変化

2020/09/09 07:30:00 +00:00

作ったもの

intersection observable api

モチベーション

  • Intersection Observer API を使う処理の素振り
  • サイドメニューの expand / collapse を実装してみた
  • Infinity Scroll の場合は以前試したことがある

参照

素振りについて

  • こういった素振りをする行為は大事だなと思っていて、ちょっと前にやった案件でモーダルを出したくなったとき、以前バニラでモーダル実装したことがあったので、さっと作ることができた
  • なんとなくAPIを知っているくらいの状態だと、いざ必要になったときに調査のフェーズが挟まるし、見積もりも余計にバッファを積んでしまう
  • 一回自分で作っておくと、これくらいの実装で可能だというのが分かるし、最低でも記憶のインデックスになる
    • 他のライブラリに依存しないで作れると他の環境でも応用しやすい
  • 今回のは CSS アニメーションに手こずったけれどもね…
fourside

Written by fourside