学習バンザイITエンジニアの精神安穏日記

ITエンジニアというより、IT系雑務者

JavaScript

瞬間で消えるタイプのhtml要素の中身を見る方法

モーダルやtwitterの[data-testid="HoverCard"]を検出するときに便利な技。 動画取って、要素を特定する。 対象の要素をcloneNode(true)して、consoleに出す。

はてなブログの下書き記事数を雑にカウントする

developper toolで、entry-table-entry-titleクラスをfilterしてヒット数-1を見る <script>タグ内の記述も含まっちゃうので、-1している。 当然、記事内にentry-table-entry-titleが含まれればそれもカウントされるので注意。 script chatGPTに出してもらったこのコ…

[JS]ある長さをN等分し、いい感じに要素を配置したいときの考え方

ある長さの直線xをn等分する。 そして、n1, n2, n3...が均等に配置されるようにしたい。 let arr = ['n1', 'n2', 'n3', 'n4'] let width = 400 let n = arr.length arr.forEach((_, i)=> { // i は0から始まるので + 1する // console.log( ( i + 1 )* (widt…

localをhttpsにしたときにgql-genが失敗するときの対応メモ

まとめ gql-genのschemaのurl変えて、port番号も正しくする NODE_TLS_REJECT_UNAUTHORIZED=0 gql-gen --config gql-gen.yml 1の例 schema: - "https://example.co:3443/graphql" 2の例 package.jsonのscriptにまとめているときはそこを変える { "scripts": {…

JavaScriptのmapをrubyのmap(&:to_i)並に簡潔に書く

これを目指した [1,2,3].map(&:to_i) 回答1 関数を定義する function plus(a) { return a + 1 } [1,2,3].map(plus) // =>[2,3,4] しかし、この書き方はあまり推奨されないようである。 plusが受け取る引数がただ一つのときは、動作する。 callback関数渡すっ…

【Ruby】【JavaScript】偶数で+1奇数で-1になる関数

マイナス1 , プラス1になる数学の関数のなんかってあるんかね と、メモにあって、思いついたので出した。 # xは正の整数とする f(x)= -1^x function plusMinus(x) { Math.pow(-1, x) } def plus_minus (-1)**x end こういう関数なんていう名称なのか知ってる…

ある座標に対して垂直な座標を導けた感想

2020-10-17 22:07:03 p5jsで必要になったので、自力で導出することにした。 first x-y平面を思い浮かべる(名前よくわかってない) 原点を通る直線を引くf(x)=x 適当に点を入れる みたいな感じでできた。やりかたは忘れてしまった... 雑感 自分が数学はできた…

D3JSのweb上のお手軽playground3種

ちょっと調べてみたらこの辺がよさそう。本格的に使うときに調べたいなぁ D3.js Playground Unsaved project - Plunker Popular Blocks - bl.ocks.org

JavaScriptのasync、await を理解する

色々なサイトで「これがわかりやすい」といろいろな記事が紹介される中、こちらがわかりやすかった。 async function - JavaScript | MDN

JavaScriptでrubyのreturn ifっぽく

ruby return "hello" if true JS if(true) return "hello"