class名やid名の指定の仕方によっては、戻り値が変わってきます。（配列とかHTMLCollectionとかNodeListとか）今回はどんな形であっても、addEventListenerで処理さ…
はじめに 今回の記事では、JavascriptのSwiperというライブラリについて 実際に使ってみた感想も踏まえて解説したいと思います。 結論から言うと、かなり簡単に時間をかけずに実装ができます。 Swiperとは？使用に至った理…
javascriptを使ってtableタグ内のtdに入っている値段の合計を計算する方法。 もっと効率よく綺麗に書く方法あったら教えてくださいm(_ _)m <html> <script type="…
OBSで得点表示をしたい 検索をするとStreamControlでできるよと書いてくれている。 どんなものかね？と思って調べるとStreamControl学会が出てくるのと、Qiitaの記事が出てくる…
環境 { "dependencies": { "ejs": "^3.1.8", "express": "^4.18.2", }, } Code const express = require('ex…
ジェネリクスとは？？ ジェネリクスとは、プログラミング言語の機能・仕様の一つで、同じプログラムコードで様々なデータ型のデータを処理できるようにするもの。 参考:https://e-words.jp/…
C# string word = "World"; string text = $"Hello, {word}!"; JavaScript const word = "World"; const t…
https://jestjs.io/ja/docs/jest-platform#jest-diff jest-diff は 2 つのデータの差分を可視化できる。 別に テスト用途でなくとも、独立した…
カスタムフックに渡した引数が原因で無限レンダリングが発生した。 const results = useCustomHooks( condition === STRING ? [...ARRAY] :…
純粋関数とは 純粋関数は処理の複雑度を決める鍵でもある。 一つのソフトウェアで純粋関数を割合が多ければ多いほど、システム全体の複雑度は下がる。 では何を純粋関数と言えるのか。 関数が以下の条件を満た…
昔ながらのボタンを押して遊べるじゃんけんゲームを作ってみた。 ⇒実際の動作はこちら ただこれだとリセットボタンが何回も押されるとre()が何度も実行されて動きが早くなってしまう。 もっとこうしたら良…
私の前々回の記事と前回の記事を読んでくださった方の中で、alert()の（）内に違和感を覚えて方はいらっしゃいますでしょうか？ ※該当箇所をこれから記載しますので、リンク先に遷移してご確認いただかな…
Stripeの組み込み型決済フォーム、Payment Elementを利用すると、決済完了時にリダイレクトが発生します。 const stripe = useStripe() const eleme…
ネット上で見かけたJavaScriptのコードをリファクタリングしていく企画です。 元コード CSVファイルを取得して、それから<table>タグを作る。 let res = await fetch…
はじめに この記事は#30DayMapChallenge2022 24日目の記事です。 テーマはFantasyです。 Cesiumを使って空想のような素敵なまち（イメージ）（沖縄県那覇市）のPLAT…
