javascript
やりたかったことをようやくみつけたのでリンク貼っとく 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…
引き続きfreeCodeCampで正規表現も勉強。 matchとかもそうだけどエディタで検索するときにも使えるので 正規表現は結構使えるとよさそう。 検索したい文字の後ろ/後にiをつけると、大文字小文字関係なく検索してくれる /後ろにgをつけると、同じ文字が複数は…
javascriptの基礎からES6も勉強。 アロー関数とか「なにこれ？」状態だったので、 今回これを勉強できてかなりためになった。 無料というのがすごい。 function部分の省略 functionは省略できる const myFunc = function() { const myVar = "value"; return …
一通りpythonの基礎はできてきたかなと思って求人を色々見ていると 関西とかでは実務なしのpythonエンジニアはかなり狭き門と感じたので、 フロントエンドもかじってみようとjavascriptも始めることに。 書き方はpythonと似たようなところがあるのでそんなに…
