アニメーションはgsapをよく使うのですが、ちょっとした動きならライブラリを使わずにWeb Animation APIを使うのはアリなのでは？と思いデモを作りました。動作は軽快で、最初は特殊な書き方に戸惑いますが、ちゃん…

Swiperをnpmで読み込んで使う機会があったのでメモ。import Swiper from ‘swiper’;だけだとSwiper本体しか読み込まないので、使いたいモジュールも一緒に読み込む必要がある。 動かない例 …

スクロールしたらハッシュタグをつけます。location.hrefとかでできるかな？と思ったのですが、アニメーション中にid名へ急にジャンプしてしまったため、history.pushState()を使用しています。scr…

サービスを作った時に作ったけど、結局使わなかったので備忘録としてここへ。 アコーディオンのアニメーションを作成する アニメーションはgsapに任せています。React＋Typescriptでのeの型はReact.Mous…

備忘録として。記事、ページ、カスタム投稿（items）の記事の中から、タイトル、コンテンツ、カテゴリー、タグ、タームと、選んだカスタムフィールドの値でサイト内検索。 全てのカスタムフィールドを検索対象にしたい場合は、WH…

2022年3月時点でiOS15でのみ起きる現象のようです。iOS14では出ませんでした。 タップ領域がずれるタイミング Safariの上のタブバーが小さくなった状態の時にモーダルを立ち上げると、タブバー分上に領域が上にめ…

最近Reactを使っているのでReactのモーダルメモ。モーダルを開いている時はbodyのスクロールができないようになります。 モーダルを起動するボタン（ModalBtn）と表示するモーダル（Modal）が分かれているの…

福袋の絶対王者スターバックス。私は去年、一昨年と外れ続けていたのですが、今回ついに当選してウッキウキです！☕️ 今回の福袋のテーマは「つながり」。そのためかペアで使えるものが複数入っていました…