[Category] JavaScript 全62件

以前のエントリ「現在位置を取得し、近くのランドマークを探す」のwordpress版です。カスタム投稿（landmark）を作成し、その情報をもとにWP REST APIで取得し描画していきます。今回はプラグインのAdva…

現在位置とjsonデータのランドマーク位置の距離を比較して、50,000m以下のものを結果に表示させます。現在位置が近すぎたり、遠すぎたりする場合は、src/assets/ts/GetNearPlace.tsxの11行目…

初めて触れたので備忘録として。 スプレッドシートの上限 スプレッドシートの上限は現在1,000万セルまで。入力してある項目に対してではなく、描画されたセルに対して1,000万セルまでらしいです。 参考サイト Spread…

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

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

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

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

いつもお世話になっているGoogle AdSense広告。このブログでは今までディスプレイ広告しか設置してこなかったのですが、今回新しくインフィード広告を設置してみることに。 新しく作成した広告を設置して待つこと３０分（…