2024-01-01から1年間の記事一覧
やりたかったことをようやくみつけたのでリンク貼っとく digipress.info https://codepen.io/digistate/pen/OXXjXM
とりあえずざっくりコード import {gsap} from "gsap"; import { useEffect, useRef } from "react"; import ScrollTrigger from "gsap/src/ScrollTrigger"; /** @jsImportSource @emotion/react */ import { css} from "@emotion/react"; export default fu…
ざっくりとDOM要素の取得関数一覧。 querySelectorとquerySelectorAllでほぼ大丈夫だけど ページ数が多かったりするときはgetElementBy... の方が処理が早いのでいいらしい。 詳細の要素を指定したい場合などはページ数が多くても併用する。 <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> …</meta></meta></head></html>
jsonなどのデータを取り込んで処理していくのはfetch <script> fetch("sample.json") .then( response => response.json() ) .then( data => { for (const {key,value} of data) { console.log(key + ":" + value); } }); // awaitを使った場合 async function myFet…
